@xihan-ui/vue 2.1.0 → 3.0.0
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/CHANGELOG.md +1335 -0
- package/README.md +1 -1
- package/dist/components/accordion/accordion.d.ts +6 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.js +4 -2
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/alert/alert.d.ts +9 -0
- package/dist/components/alert/alert.d.ts.map +1 -1
- package/dist/components/alert/alert.js +4 -0
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/anchor/anchor.d.ts +2 -2
- package/dist/components/anchor/anchor.d.ts.map +1 -1
- package/dist/components/anchor/anchor.js +2 -2
- package/dist/components/anchor/anchor.js.map +1 -1
- package/dist/components/anchor/use-anchor.d.ts +2 -2
- package/dist/components/anchor/use-anchor.js +3 -3
- package/dist/components/anchor/use-anchor.js.map +1 -1
- package/dist/components/approval/approval.d.ts +8 -1
- package/dist/components/approval/approval.d.ts.map +1 -1
- package/dist/components/approval/approval.js +10 -1
- package/dist/components/approval/approval.js.map +1 -1
- package/dist/components/avatar/avatar.d.ts +8 -0
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.js +3 -1
- package/dist/components/avatar/avatar.js.map +1 -1
- package/dist/components/avatar/use-avatar.d.ts.map +1 -1
- package/dist/components/avatar/use-avatar.js +3 -1
- package/dist/components/avatar/use-avatar.js.map +1 -1
- package/dist/components/back-top/use-back-top.d.ts.map +1 -1
- package/dist/components/back-top/use-back-top.js +3 -1
- package/dist/components/back-top/use-back-top.js.map +1 -1
- package/dist/components/badge/badge.d.ts +22 -0
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +11 -2
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.d.ts +11 -1
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +28 -9
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/calendar-picker/calendar-picker.d.ts +16 -0
- package/dist/components/calendar-picker/calendar-picker.d.ts.map +1 -1
- package/dist/components/calendar-picker/calendar-picker.js +4 -0
- package/dist/components/calendar-picker/calendar-picker.js.map +1 -1
- package/dist/components/calendar-range-picker/calendar-range-picker.d.ts +16 -0
- package/dist/components/calendar-range-picker/calendar-range-picker.d.ts.map +1 -1
- package/dist/components/calendar-range-picker/calendar-range-picker.js +4 -0
- package/dist/components/calendar-range-picker/calendar-range-picker.js.map +1 -1
- package/dist/components/card/card.d.ts +37 -2
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +40 -2
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/carousel/carousel.d.ts +7 -1
- package/dist/components/carousel/carousel.d.ts.map +1 -1
- package/dist/components/carousel/carousel.js +1 -0
- package/dist/components/carousel/carousel.js.map +1 -1
- package/dist/components/carousel/use-carousel.d.ts.map +1 -1
- package/dist/components/carousel/use-carousel.js +3 -1
- package/dist/components/carousel/use-carousel.js.map +1 -1
- package/dist/components/cartesian-chart/cartesian-chart.d.ts +262 -0
- package/dist/components/cartesian-chart/cartesian-chart.d.ts.map +1 -0
- package/dist/components/cartesian-chart/cartesian-chart.js +293 -0
- package/dist/components/cartesian-chart/cartesian-chart.js.map +1 -0
- package/dist/components/cartesian-chart/context.js +15 -0
- package/dist/components/cartesian-chart/context.js.map +1 -0
- package/dist/components/cartesian-chart/use-cartesian-chart.d.ts +21 -0
- package/dist/components/cartesian-chart/use-cartesian-chart.d.ts.map +1 -0
- package/dist/components/cartesian-chart/use-cartesian-chart.js +29 -0
- package/dist/components/cartesian-chart/use-cartesian-chart.js.map +1 -0
- package/dist/components/cascader/cascader.d.ts +64 -3
- package/dist/components/cascader/cascader.d.ts.map +1 -1
- package/dist/components/cascader/cascader.js +107 -7
- package/dist/components/cascader/cascader.js.map +1 -1
- package/dist/components/cascader/context.js +10 -1
- package/dist/components/cascader/context.js.map +1 -1
- package/dist/components/cascader/use-cascader.d.ts +2 -1
- package/dist/components/cascader/use-cascader.d.ts.map +1 -1
- package/dist/components/cascader/use-cascader.js +4 -1
- package/dist/components/cascader/use-cascader.js.map +1 -1
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.d.ts +24 -3
- package/dist/components/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.js +20 -3
- package/dist/components/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/components/citation/citation.d.ts +211 -0
- package/dist/components/citation/citation.d.ts.map +1 -0
- package/dist/components/citation/citation.js +222 -0
- package/dist/components/citation/citation.js.map +1 -0
- package/dist/components/citation/context.d.ts +11 -0
- package/dist/components/citation/context.d.ts.map +1 -0
- package/dist/components/citation/context.js +24 -0
- package/dist/components/citation/context.js.map +1 -0
- package/dist/components/citation/use-citation.d.ts +19 -0
- package/dist/components/citation/use-citation.d.ts.map +1 -0
- package/dist/components/citation/use-citation.js +51 -0
- package/dist/components/citation/use-citation.js.map +1 -0
- package/dist/components/code-view/code-view.d.ts +21 -0
- package/dist/components/code-view/code-view.d.ts.map +1 -1
- package/dist/components/code-view/code-view.js +23 -4
- package/dist/components/code-view/code-view.js.map +1 -1
- package/dist/components/collapsible/collapsible.d.ts +6 -0
- package/dist/components/collapsible/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/collapsible.js +4 -2
- package/dist/components/collapsible/collapsible.js.map +1 -1
- package/dist/components/color-field/color-field.d.ts +2 -2
- package/dist/components/color-field/color-field.js +1 -1
- package/dist/components/color-field/color-field.js.map +1 -1
- package/dist/components/color-picker/color-picker.d.ts +41 -3
- package/dist/components/color-picker/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker/color-picker.js +33 -4
- package/dist/components/color-picker/color-picker.js.map +1 -1
- package/dist/components/color-picker/use-color-picker.d.ts +3 -1
- package/dist/components/color-picker/use-color-picker.d.ts.map +1 -1
- package/dist/components/color-picker/use-color-picker.js +8 -2
- package/dist/components/color-picker/use-color-picker.js.map +1 -1
- package/dist/components/color-slider/color-slider.d.ts +2 -2
- package/dist/components/color-slider/color-slider.js +1 -1
- package/dist/components/color-slider/color-slider.js.map +1 -1
- package/dist/components/combobox/combobox.d.ts +49 -4
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/combobox.js +73 -5
- package/dist/components/combobox/combobox.js.map +1 -1
- package/dist/components/combobox/context.js +10 -1
- package/dist/components/combobox/context.js.map +1 -1
- package/dist/components/command/command.js +2 -2
- package/dist/components/command/use-command.d.ts.map +1 -1
- package/dist/components/command/use-command.js +9 -30
- package/dist/components/command/use-command.js.map +1 -1
- package/dist/components/context-menu/context-menu.d.ts +50 -18
- package/dist/components/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/context-menu.js +101 -47
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/context-menu/context.js +1 -1
- package/dist/components/context-menu/context.js.map +1 -1
- package/dist/components/context-menu/use-context-menu.d.ts +1 -1
- package/dist/components/context-menu/use-context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/use-context-menu.js +4 -2
- package/dist/components/context-menu/use-context-menu.js.map +1 -1
- package/dist/components/date-field/date-field.d.ts +9 -1
- package/dist/components/date-field/date-field.d.ts.map +1 -1
- package/dist/components/date-field/date-field.js +2 -0
- package/dist/components/date-field/date-field.js.map +1 -1
- package/dist/components/date-picker/date-picker.d.ts +41 -1
- package/dist/components/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.js +16 -3
- package/dist/components/date-picker/date-picker.js.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.d.ts +77 -2
- package/dist/components/date-range-picker/date-range-picker.d.ts.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.js +102 -5
- package/dist/components/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/date-range-picker/use-date-range-picker.d.ts +1 -1
- package/dist/components/date-range-picker/use-date-range-picker.js.map +1 -1
- package/dist/components/descriptions/descriptions.d.ts +38 -7
- package/dist/components/descriptions/descriptions.d.ts.map +1 -1
- package/dist/components/descriptions/descriptions.js +38 -4
- package/dist/components/descriptions/descriptions.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +16 -1
- package/dist/components/dialog/dialog.d.ts.map +1 -1
- package/dist/components/dialog/dialog.js +15 -2
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dialog/use-dialog.d.ts.map +1 -1
- package/dist/components/dialog/use-dialog.js +9 -27
- package/dist/components/dialog/use-dialog.js.map +1 -1
- package/dist/components/diff-view/diff-view.d.ts +22 -2
- package/dist/components/diff-view/diff-view.d.ts.map +1 -1
- package/dist/components/diff-view/diff-view.js +37 -14
- package/dist/components/diff-view/diff-view.js.map +1 -1
- package/dist/components/diff-view/use-diff-view.d.ts +7 -2
- package/dist/components/diff-view/use-diff-view.d.ts.map +1 -1
- package/dist/components/diff-view/use-diff-view.js +12 -5
- package/dist/components/diff-view/use-diff-view.js.map +1 -1
- package/dist/components/drawer/drawer.d.ts +46 -1
- package/dist/components/drawer/drawer.d.ts.map +1 -1
- package/dist/components/drawer/drawer.js +28 -4
- package/dist/components/drawer/drawer.js.map +1 -1
- package/dist/components/drawer/use-drawer.d.ts +1 -1
- package/dist/components/drawer/use-drawer.d.ts.map +1 -1
- package/dist/components/drawer/use-drawer.js +12 -29
- package/dist/components/drawer/use-drawer.js.map +1 -1
- package/dist/components/empty-state/empty-state.js +4 -1
- package/dist/components/empty-state/empty-state.js.map +1 -1
- package/dist/components/empty-state/use-empty-state.js +12 -3
- package/dist/components/empty-state/use-empty-state.js.map +1 -1
- package/dist/components/field/field.js +1 -1
- package/dist/components/field-array/field-array.d.ts +1 -1
- package/dist/components/field-array/field-array.d.ts.map +1 -1
- package/dist/components/field-array/field-array.js +5 -1
- package/dist/components/field-array/field-array.js.map +1 -1
- package/dist/components/field-array/use-field-array.d.ts +3 -1
- package/dist/components/field-array/use-field-array.d.ts.map +1 -1
- package/dist/components/field-array/use-field-array.js +5 -2
- package/dist/components/field-array/use-field-array.js.map +1 -1
- package/dist/components/file-upload/file-upload.d.ts +24 -1
- package/dist/components/file-upload/file-upload.d.ts.map +1 -1
- package/dist/components/file-upload/file-upload.js +12 -2
- package/dist/components/file-upload/file-upload.js.map +1 -1
- package/dist/components/file-upload/use-file-upload.d.ts +1 -1
- package/dist/components/file-upload/use-file-upload.d.ts.map +1 -1
- package/dist/components/file-upload/use-file-upload.js.map +1 -1
- package/dist/components/flex/flex.d.ts +1 -1
- package/dist/components/flex/flex.d.ts.map +1 -1
- package/dist/components/flex/flex.js +4 -4
- package/dist/components/flex/flex.js.map +1 -1
- package/dist/components/form/form.d.ts +18 -4
- package/dist/components/form/form.d.ts.map +1 -1
- package/dist/components/form/form.js +21 -7
- package/dist/components/form/form.js.map +1 -1
- package/dist/components/form/use-form.d.ts +6 -0
- package/dist/components/form/use-form.d.ts.map +1 -1
- package/dist/components/form/use-form.js +4 -0
- package/dist/components/form/use-form.js.map +1 -1
- package/dist/components/funnel-chart/context.js +15 -0
- package/dist/components/funnel-chart/context.js.map +1 -0
- package/dist/components/funnel-chart/funnel-chart.d.ts +175 -0
- package/dist/components/funnel-chart/funnel-chart.d.ts.map +1 -0
- package/dist/components/funnel-chart/funnel-chart.js +188 -0
- package/dist/components/funnel-chart/funnel-chart.js.map +1 -0
- package/dist/components/funnel-chart/use-funnel-chart.d.ts +19 -0
- package/dist/components/funnel-chart/use-funnel-chart.d.ts.map +1 -0
- package/dist/components/funnel-chart/use-funnel-chart.js +26 -0
- package/dist/components/funnel-chart/use-funnel-chart.js.map +1 -0
- package/dist/components/graph-chart/context.js +15 -0
- package/dist/components/graph-chart/context.js.map +1 -0
- package/dist/components/graph-chart/graph-chart.d.ts +194 -0
- package/dist/components/graph-chart/graph-chart.d.ts.map +1 -0
- package/dist/components/graph-chart/graph-chart.js +219 -0
- package/dist/components/graph-chart/graph-chart.js.map +1 -0
- package/dist/components/graph-chart/use-graph-chart.d.ts +19 -0
- package/dist/components/graph-chart/use-graph-chart.d.ts.map +1 -0
- package/dist/components/graph-chart/use-graph-chart.js +26 -0
- package/dist/components/graph-chart/use-graph-chart.js.map +1 -0
- package/dist/components/grid/grid.d.ts +7 -0
- package/dist/components/grid/grid.d.ts.map +1 -1
- package/dist/components/grid/grid.js +7 -1
- package/dist/components/grid/grid.js.map +1 -1
- package/dist/components/grid-list/context.d.ts +9 -0
- package/dist/components/grid-list/context.d.ts.map +1 -0
- package/dist/components/grid-list/context.js +24 -0
- package/dist/components/grid-list/context.js.map +1 -0
- package/dist/components/grid-list/grid-list.d.ts +149 -0
- package/dist/components/grid-list/grid-list.d.ts.map +1 -0
- package/dist/components/grid-list/grid-list.js +118 -0
- package/dist/components/grid-list/grid-list.js.map +1 -0
- package/dist/components/grid-list/use-grid-list.d.ts +12 -0
- package/dist/components/grid-list/use-grid-list.d.ts.map +1 -0
- package/dist/components/grid-list/use-grid-list.js +20 -0
- package/dist/components/grid-list/use-grid-list.js.map +1 -0
- package/dist/components/heatmap/heatmap.d.ts +45 -4
- package/dist/components/heatmap/heatmap.d.ts.map +1 -1
- package/dist/components/heatmap/heatmap.js +40 -14
- package/dist/components/heatmap/heatmap.js.map +1 -1
- package/dist/components/heatmap/use-heatmap.d.ts +4 -2
- package/dist/components/heatmap/use-heatmap.d.ts.map +1 -1
- package/dist/components/heatmap/use-heatmap.js +8 -4
- package/dist/components/heatmap/use-heatmap.js.map +1 -1
- package/dist/components/hierarchy-chart/context.js +15 -0
- package/dist/components/hierarchy-chart/context.js.map +1 -0
- package/dist/components/hierarchy-chart/hierarchy-chart.d.ts +201 -0
- package/dist/components/hierarchy-chart/hierarchy-chart.d.ts.map +1 -0
- package/dist/components/hierarchy-chart/hierarchy-chart.js +228 -0
- package/dist/components/hierarchy-chart/hierarchy-chart.js.map +1 -0
- package/dist/components/hierarchy-chart/use-hierarchy-chart.d.ts +19 -0
- package/dist/components/hierarchy-chart/use-hierarchy-chart.d.ts.map +1 -0
- package/dist/components/hierarchy-chart/use-hierarchy-chart.js +26 -0
- package/dist/components/hierarchy-chart/use-hierarchy-chart.js.map +1 -0
- package/dist/components/hover-card/hover-card.js +2 -2
- package/dist/components/icon/icon.d.ts +7 -1
- package/dist/components/icon/icon.d.ts.map +1 -1
- package/dist/components/icon/icon.js +1 -0
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/image/use-image.d.ts.map +1 -1
- package/dist/components/image/use-image.js +3 -1
- package/dist/components/image/use-image.js.map +1 -1
- package/dist/components/image-cropper/image-cropper.d.ts +35 -4
- package/dist/components/image-cropper/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper/image-cropper.js +34 -5
- package/dist/components/image-cropper/image-cropper.js.map +1 -1
- package/dist/components/image-cropper/use-image-cropper.d.ts +3 -1
- package/dist/components/image-cropper/use-image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper/use-image-cropper.js +4 -1
- package/dist/components/image-cropper/use-image-cropper.js.map +1 -1
- package/dist/components/image-viewer/image-viewer.js +1 -1
- package/dist/components/image-viewer/use-image-viewer.d.ts.map +1 -1
- package/dist/components/image-viewer/use-image-viewer.js +9 -27
- package/dist/components/image-viewer/use-image-viewer.js.map +1 -1
- package/dist/components/infinite-scroll/infinite-scroll.d.ts +9 -1
- package/dist/components/infinite-scroll/infinite-scroll.d.ts.map +1 -1
- package/dist/components/infinite-scroll/infinite-scroll.js +2 -0
- package/dist/components/infinite-scroll/infinite-scroll.js.map +1 -1
- package/dist/components/json-viewer/json-viewer.d.ts +17 -2
- package/dist/components/json-viewer/json-viewer.d.ts.map +1 -1
- package/dist/components/json-viewer/json-viewer.js +26 -8
- package/dist/components/json-viewer/json-viewer.js.map +1 -1
- package/dist/components/listbox/listbox.d.ts +7 -1
- package/dist/components/listbox/listbox.d.ts.map +1 -1
- package/dist/components/listbox/listbox.js +2 -0
- package/dist/components/listbox/listbox.js.map +1 -1
- package/dist/components/loading-bar/use-loading-bar.d.ts.map +1 -1
- package/dist/components/loading-bar/use-loading-bar.js +3 -1
- package/dist/components/loading-bar/use-loading-bar.js.map +1 -1
- package/dist/components/log/log.d.ts +41 -2
- package/dist/components/log/log.d.ts.map +1 -1
- package/dist/components/log/log.js +25 -3
- package/dist/components/log/log.js.map +1 -1
- package/dist/components/log/use-log.d.ts +1 -1
- package/dist/components/log/use-log.d.ts.map +1 -1
- package/dist/components/log/use-log.js +4 -1
- package/dist/components/log/use-log.js.map +1 -1
- package/dist/components/markdown-stream/markdown-stream.d.ts +22 -2
- package/dist/components/markdown-stream/markdown-stream.d.ts.map +1 -1
- package/dist/components/markdown-stream/markdown-stream.js +43 -4
- package/dist/components/markdown-stream/markdown-stream.js.map +1 -1
- package/dist/components/marquee/marquee.d.ts +68 -12
- package/dist/components/marquee/marquee.d.ts.map +1 -1
- package/dist/components/marquee/marquee.js +52 -7
- package/dist/components/marquee/marquee.js.map +1 -1
- package/dist/components/mention/mention.d.ts +26 -6
- package/dist/components/mention/mention.d.ts.map +1 -1
- package/dist/components/mention/mention.js +14 -4
- package/dist/components/mention/mention.js.map +1 -1
- package/dist/components/menu/context.js +1 -1
- package/dist/components/menu/context.js.map +1 -1
- package/dist/components/menu/menu.d.ts +79 -28
- package/dist/components/menu/menu.d.ts.map +1 -1
- package/dist/components/menu/menu.js +104 -51
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/menu/use-menu.d.ts +1 -1
- package/dist/components/menu/use-menu.d.ts.map +1 -1
- package/dist/components/menu/use-menu.js +8 -6
- package/dist/components/menu/use-menu.js.map +1 -1
- package/dist/components/menubar/context.js +1 -1
- package/dist/components/menubar/context.js.map +1 -1
- package/dist/components/menubar/menubar.d.ts +39 -18
- package/dist/components/menubar/menubar.d.ts.map +1 -1
- package/dist/components/menubar/menubar.js +96 -47
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/menubar/use-menubar.d.ts +1 -1
- package/dist/components/menubar/use-menubar.d.ts.map +1 -1
- package/dist/components/menubar/use-menubar.js +4 -2
- package/dist/components/menubar/use-menubar.js.map +1 -1
- package/dist/components/message-feed/message-feed.d.ts +13 -1
- package/dist/components/message-feed/message-feed.d.ts.map +1 -1
- package/dist/components/message-feed/message-feed.js +25 -1
- package/dist/components/message-feed/message-feed.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts +58 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.js +82 -10
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/notification/context.d.ts +5 -1
- package/dist/components/notification/context.d.ts.map +1 -1
- package/dist/components/notification/context.js.map +1 -1
- package/dist/components/notification/notification.d.ts +39 -23
- package/dist/components/notification/notification.d.ts.map +1 -1
- package/dist/components/notification/notification.js +27 -9
- package/dist/components/notification/notification.js.map +1 -1
- package/dist/components/notification/use-item-exit.js +22 -0
- package/dist/components/notification/use-item-exit.js.map +1 -0
- package/dist/components/notification/use-notification.d.ts +3 -3
- package/dist/components/notification/use-notification.d.ts.map +1 -1
- package/dist/components/notification/use-notification.js +20 -5
- package/dist/components/notification/use-notification.js.map +1 -1
- package/dist/components/number-animation/number-animation.d.ts +14 -2
- package/dist/components/number-animation/number-animation.d.ts.map +1 -1
- package/dist/components/number-animation/number-animation.js +5 -1
- package/dist/components/number-animation/number-animation.js.map +1 -1
- package/dist/components/number-field/number-field.d.ts +16 -1
- package/dist/components/number-field/number-field.d.ts.map +1 -1
- package/dist/components/number-field/number-field.js +6 -0
- package/dist/components/number-field/number-field.js.map +1 -1
- package/dist/components/pagination/pagination.d.ts +22 -2
- package/dist/components/pagination/pagination.d.ts.map +1 -1
- package/dist/components/pagination/pagination.js +22 -1
- package/dist/components/pagination/pagination.js.map +1 -1
- package/dist/components/pagination/use-pagination.js +1 -0
- package/dist/components/pagination/use-pagination.js.map +1 -1
- package/dist/components/pie-chart/context.js +15 -0
- package/dist/components/pie-chart/context.js.map +1 -0
- package/dist/components/pie-chart/pie-chart.d.ts +203 -0
- package/dist/components/pie-chart/pie-chart.d.ts.map +1 -0
- package/dist/components/pie-chart/pie-chart.js +236 -0
- package/dist/components/pie-chart/pie-chart.js.map +1 -0
- package/dist/components/pie-chart/use-pie-chart.d.ts +19 -0
- package/dist/components/pie-chart/use-pie-chart.d.ts.map +1 -0
- package/dist/components/pie-chart/use-pie-chart.js +26 -0
- package/dist/components/pie-chart/use-pie-chart.js.map +1 -0
- package/dist/components/popconfirm/popconfirm.js +2 -2
- package/dist/components/popover/popover.d.ts +11 -0
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +7 -2
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/progress/progress.d.ts +63 -3
- package/dist/components/progress/progress.d.ts.map +1 -1
- package/dist/components/progress/progress.js +55 -3
- package/dist/components/progress/progress.js.map +1 -1
- package/dist/components/question-flow/question-flow.d.ts +40 -1
- package/dist/components/question-flow/question-flow.d.ts.map +1 -1
- package/dist/components/question-flow/question-flow.js +37 -1
- package/dist/components/question-flow/question-flow.js.map +1 -1
- package/dist/components/radar-chart/context.js +15 -0
- package/dist/components/radar-chart/context.js.map +1 -0
- package/dist/components/radar-chart/radar-chart.d.ts +189 -0
- package/dist/components/radar-chart/radar-chart.d.ts.map +1 -0
- package/dist/components/radar-chart/radar-chart.js +220 -0
- package/dist/components/radar-chart/radar-chart.js.map +1 -0
- package/dist/components/radar-chart/use-radar-chart.d.ts +19 -0
- package/dist/components/radar-chart/use-radar-chart.d.ts.map +1 -0
- package/dist/components/radar-chart/use-radar-chart.js +26 -0
- package/dist/components/radar-chart/use-radar-chart.js.map +1 -0
- package/dist/components/radio-group/radio-group.d.ts +37 -2
- package/dist/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group/radio-group.js +54 -8
- package/dist/components/radio-group/radio-group.js.map +1 -1
- package/dist/components/radio-group/use-radio-group.d.ts +3 -1
- package/dist/components/radio-group/use-radio-group.d.ts.map +1 -1
- package/dist/components/radio-group/use-radio-group.js +7 -3
- package/dist/components/radio-group/use-radio-group.js.map +1 -1
- package/dist/components/reasoning/reasoning.d.ts +1 -1
- package/dist/components/reasoning/reasoning.d.ts.map +1 -1
- package/dist/components/reasoning/reasoning.js +1 -0
- package/dist/components/reasoning/reasoning.js.map +1 -1
- package/dist/components/sankey-chart/context.js +15 -0
- package/dist/components/sankey-chart/context.js.map +1 -0
- package/dist/components/sankey-chart/sankey-chart.d.ts +161 -0
- package/dist/components/sankey-chart/sankey-chart.d.ts.map +1 -0
- package/dist/components/sankey-chart/sankey-chart.js +208 -0
- package/dist/components/sankey-chart/sankey-chart.js.map +1 -0
- package/dist/components/sankey-chart/use-sankey-chart.d.ts +19 -0
- package/dist/components/sankey-chart/use-sankey-chart.d.ts.map +1 -0
- package/dist/components/sankey-chart/use-sankey-chart.js +26 -0
- package/dist/components/sankey-chart/use-sankey-chart.js.map +1 -0
- package/dist/components/scroll-area/scroll-area.d.ts +13 -5
- package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area/scroll-area.js +17 -3
- package/dist/components/scroll-area/scroll-area.js.map +1 -1
- package/dist/components/select/select.d.ts +7 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +13 -4
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/select/use-select.js +2 -1
- package/dist/components/select/use-select.js.map +1 -1
- package/dist/components/side-nav/context.js +17 -1
- package/dist/components/side-nav/context.js.map +1 -1
- package/dist/components/side-nav/side-nav.d.ts +51 -7
- package/dist/components/side-nav/side-nav.d.ts.map +1 -1
- package/dist/components/side-nav/side-nav.js +152 -13
- package/dist/components/side-nav/side-nav.js.map +1 -1
- package/dist/components/side-nav/use-side-nav.d.ts +4 -2
- package/dist/components/side-nav/use-side-nav.d.ts.map +1 -1
- package/dist/components/side-nav/use-side-nav.js +5 -3
- package/dist/components/side-nav/use-side-nav.js.map +1 -1
- package/dist/components/signature-pad/signature-pad.d.ts +26 -4
- package/dist/components/signature-pad/signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad/signature-pad.js +32 -4
- package/dist/components/signature-pad/signature-pad.js.map +1 -1
- package/dist/components/signature-pad/use-signature-pad.d.ts +1 -1
- package/dist/components/signature-pad/use-signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad/use-signature-pad.js.map +1 -1
- package/dist/components/skeleton/use-skeleton.js +6 -2
- package/dist/components/skeleton/use-skeleton.js.map +1 -1
- package/dist/components/slider/slider.d.ts +27 -0
- package/dist/components/slider/slider.d.ts.map +1 -1
- package/dist/components/slider/slider.js +12 -0
- package/dist/components/slider/slider.js.map +1 -1
- package/dist/components/sortable/sortable.d.ts +19 -1
- package/dist/components/sortable/sortable.d.ts.map +1 -1
- package/dist/components/sortable/sortable.js +7 -2
- package/dist/components/sortable/sortable.js.map +1 -1
- package/dist/components/sortable/use-sortable.d.ts +1 -1
- package/dist/components/sortable/use-sortable.d.ts.map +1 -1
- package/dist/components/sortable/use-sortable.js +2 -1
- package/dist/components/sortable/use-sortable.js.map +1 -1
- package/dist/components/sparkline/sparkline.d.ts +101 -0
- package/dist/components/sparkline/sparkline.d.ts.map +1 -0
- package/dist/components/sparkline/sparkline.js +54 -0
- package/dist/components/sparkline/sparkline.js.map +1 -0
- package/dist/components/sparkline/use-sparkline.d.ts +15 -0
- package/dist/components/sparkline/use-sparkline.d.ts.map +1 -0
- package/dist/components/sparkline/use-sparkline.js +21 -0
- package/dist/components/sparkline/use-sparkline.js.map +1 -0
- package/dist/components/spinner/spinner.d.ts +8 -0
- package/dist/components/spinner/spinner.d.ts.map +1 -1
- package/dist/components/spinner/spinner.js +2 -0
- package/dist/components/spinner/spinner.js.map +1 -1
- package/dist/components/spinner/use-spinner.js +4 -2
- package/dist/components/spinner/use-spinner.js.map +1 -1
- package/dist/components/steps/steps.d.ts +28 -1
- package/dist/components/steps/steps.d.ts.map +1 -1
- package/dist/components/steps/steps.js +11 -2
- package/dist/components/steps/steps.js.map +1 -1
- package/dist/components/switch/switch.js +1 -1
- package/dist/components/table/context.js +9 -1
- package/dist/components/table/context.js.map +1 -1
- package/dist/components/table/table.d.ts +54 -5
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +40 -11
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/table/use-table.d.ts +3 -1
- package/dist/components/table/use-table.d.ts.map +1 -1
- package/dist/components/table/use-table.js +5 -2
- package/dist/components/table/use-table.js.map +1 -1
- package/dist/components/tabs/tabs.d.ts +51 -3
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js +60 -8
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/tag/use-tag.d.ts.map +1 -1
- package/dist/components/tag/use-tag.js +3 -1
- package/dist/components/tag/use-tag.js.map +1 -1
- package/dist/components/tags-input/tags-input.d.ts +10 -2
- package/dist/components/tags-input/tags-input.d.ts.map +1 -1
- package/dist/components/tags-input/tags-input.js +11 -4
- package/dist/components/tags-input/tags-input.js.map +1 -1
- package/dist/components/tags-input/use-tags-input.d.ts +4 -2
- package/dist/components/tags-input/use-tags-input.d.ts.map +1 -1
- package/dist/components/tags-input/use-tags-input.js +5 -2
- package/dist/components/tags-input/use-tags-input.js.map +1 -1
- package/dist/components/time-picker/time-picker.d.ts +11 -7
- package/dist/components/time-picker/time-picker.d.ts.map +1 -1
- package/dist/components/time-picker/time-picker.js +4 -2
- package/dist/components/time-picker/time-picker.js.map +1 -1
- package/dist/components/time-range-picker/time-range-picker.d.ts +11 -7
- package/dist/components/time-range-picker/time-range-picker.d.ts.map +1 -1
- package/dist/components/time-range-picker/time-range-picker.js +4 -2
- package/dist/components/time-range-picker/time-range-picker.js.map +1 -1
- package/dist/components/timer/timer.d.ts +1 -1
- package/dist/components/timestamp/timestamp.d.ts +20 -1
- package/dist/components/timestamp/timestamp.d.ts.map +1 -1
- package/dist/components/timestamp/timestamp.js +16 -5
- package/dist/components/timestamp/timestamp.js.map +1 -1
- package/dist/components/toolbar/toolbar.d.ts +17 -2
- package/dist/components/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/toolbar/toolbar.js +31 -4
- package/dist/components/toolbar/toolbar.js.map +1 -1
- package/dist/components/toolbar/use-toolbar.d.ts +4 -2
- package/dist/components/toolbar/use-toolbar.d.ts.map +1 -1
- package/dist/components/toolbar/use-toolbar.js +5 -2
- package/dist/components/toolbar/use-toolbar.js.map +1 -1
- package/dist/components/tooltip/context.d.ts +21 -0
- package/dist/components/tooltip/context.d.ts.map +1 -0
- package/dist/components/tooltip/context.js +10 -1
- package/dist/components/tooltip/context.js.map +1 -1
- package/dist/components/tooltip/tooltip.d.ts +53 -1
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip.js +34 -3
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/components/tooltip/use-tooltip.d.ts +3 -18
- package/dist/components/tooltip/use-tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/use-tooltip.js +2 -0
- package/dist/components/tooltip/use-tooltip.js.map +1 -1
- package/dist/components/tour/tour.d.ts +9 -1
- package/dist/components/tour/tour.d.ts.map +1 -1
- package/dist/components/tour/tour.js +2 -0
- package/dist/components/tour/tour.js.map +1 -1
- package/dist/components/transfer/transfer.d.ts +21 -1
- package/dist/components/transfer/transfer.d.ts.map +1 -1
- package/dist/components/transfer/transfer.js +10 -2
- package/dist/components/transfer/transfer.js.map +1 -1
- package/dist/components/tree/tree.d.ts +34 -1
- package/dist/components/tree/tree.d.ts.map +1 -1
- package/dist/components/tree/tree.js +11 -0
- package/dist/components/tree/tree.js.map +1 -1
- package/dist/components/tree-select/context.js +10 -1
- package/dist/components/tree-select/context.js.map +1 -1
- package/dist/components/tree-select/tree-select.d.ts +70 -6
- package/dist/components/tree-select/tree-select.d.ts.map +1 -1
- package/dist/components/tree-select/tree-select.js +109 -12
- package/dist/components/tree-select/tree-select.js.map +1 -1
- package/dist/components/tree-select/use-tree-select.d.ts +3 -0
- package/dist/components/tree-select/use-tree-select.d.ts.map +1 -1
- package/dist/components/tree-select/use-tree-select.js +6 -1
- package/dist/components/tree-select/use-tree-select.js.map +1 -1
- package/dist/components/truncate/truncate.d.ts +25 -4
- package/dist/components/truncate/truncate.d.ts.map +1 -1
- package/dist/components/truncate/truncate.js +29 -14
- package/dist/components/truncate/truncate.js.map +1 -1
- package/dist/components/truncate/use-truncate.d.ts.map +1 -1
- package/dist/components/truncate/use-truncate.js +3 -1
- package/dist/components/truncate/use-truncate.js.map +1 -1
- package/dist/components/typography/typography.d.ts +35 -2
- package/dist/components/typography/typography.d.ts.map +1 -1
- package/dist/components/typography/typography.js +21 -3
- package/dist/components/typography/typography.js.map +1 -1
- package/dist/components/virtualizer/virtualizer.d.ts +26 -2
- package/dist/components/virtualizer/virtualizer.d.ts.map +1 -1
- package/dist/components/virtualizer/virtualizer.js +20 -3
- package/dist/components/virtualizer/virtualizer.js.map +1 -1
- package/dist/components/watermark/watermark.d.ts +14 -1
- package/dist/components/watermark/watermark.d.ts.map +1 -1
- package/dist/components/watermark/watermark.js +20 -5
- package/dist/components/watermark/watermark.js.map +1 -1
- package/dist/config/config.d.ts +1 -1
- package/dist/config/config.d.ts.map +1 -1
- package/dist/config/config.js +2 -1
- package/dist/config/config.js.map +1 -1
- package/dist/index.d.ts +59 -44
- package/dist/index.js +53 -38
- package/dist/package.js +1 -1
- package/dist/runtime/as-child.js +3 -2
- package/dist/runtime/as-child.js.map +1 -1
- package/dist/runtime/hydration.js +14 -0
- package/dist/runtime/hydration.js.map +1 -0
- package/dist/runtime/use-overlay-exit.js +0 -1
- package/dist/runtime/use-overlay-exit.js.map +1 -1
- package/dist/services/notification-service.d.ts +26 -7
- package/dist/services/notification-service.d.ts.map +1 -1
- package/dist/services/notification-service.js +35 -8
- package/dist/services/notification-service.js.map +1 -1
- package/dist/sound.d.ts +6 -7
- package/dist/sound.d.ts.map +1 -1
- package/dist/sound.js +6 -6
- package/dist/sound.js.map +1 -1
- package/package.json +15 -14
- package/dist/components/gradient-text/gradient-text.d.ts +0 -36
- package/dist/components/gradient-text/gradient-text.d.ts.map +0 -1
- package/dist/components/gradient-text/gradient-text.js +0 -20
- package/dist/components/gradient-text/gradient-text.js.map +0 -1
- package/dist/components/icon-wrapper/icon-wrapper.d.ts +0 -29
- package/dist/components/icon-wrapper/icon-wrapper.d.ts.map +0 -1
- package/dist/components/icon-wrapper/icon-wrapper.js +0 -20
- package/dist/components/icon-wrapper/icon-wrapper.js.map +0 -1
- package/dist/components/segmented/context.d.ts +0 -13
- package/dist/components/segmented/context.d.ts.map +0 -1
- package/dist/components/segmented/context.js +0 -24
- package/dist/components/segmented/context.js.map +0 -1
- package/dist/components/segmented/segmented.d.ts +0 -161
- package/dist/components/segmented/segmented.d.ts.map +0 -1
- package/dist/components/segmented/segmented.js +0 -142
- package/dist/components/segmented/segmented.js.map +0 -1
- package/dist/components/segmented/use-segmented.d.ts +0 -15
- package/dist/components/segmented/use-segmented.d.ts.map +0 -1
- package/dist/components/segmented/use-segmented.js +0 -22
- package/dist/components/segmented/use-segmented.js.map +0 -1
- package/dist/components/toast/context.js +0 -15
- package/dist/components/toast/context.js.map +0 -1
- package/dist/components/toast/toast.d.ts +0 -123
- package/dist/components/toast/toast.d.ts.map +0 -1
- package/dist/components/toast/toast.js +0 -112
- package/dist/components/toast/toast.js.map +0 -1
- package/dist/components/toast/use-toast.d.ts +0 -10
- package/dist/components/toast/use-toast.d.ts.map +0 -1
- package/dist/components/toast/use-toast.js +0 -17
- package/dist/components/toast/use-toast.js.map +0 -1
- package/dist/services/toast-service.d.ts +0 -69
- package/dist/services/toast-service.d.ts.map +0 -1
- package/dist/services/toast-service.js +0 -161
- package/dist/services/toast-service.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","names":[],"sources":["../../../src/components/popover/popover.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 popover 相关实现。\n\nimport type { Direction, Placement, Size } from '@xihan-ui/core'\nimport type { PopoverApi, PopoverSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopover, usePopoverContext } from './context'\nimport { usePopover } from './use-popover'\n\ntype PopoverProps = PopoverSchema['props']\n\n/** 默认插槽的载荷:浮层的展开态与开合命令。 */\nexport type PopoverRootSlotProps = Pick<PopoverApi, 'open' | 'setOpen'>\n\nexport const XhPopoverRoot = defineComponent({\n name: 'XhPopoverRoot',\n props: {\n open: { type: Boolean, default: undefined },\n defaultOpen: Boolean,\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n /** 文字方向;浮层迁移到落点后无法继承作者子树上的方向,需要 RTL 时显式提供。 */\n dir: { type: String as PropType<Direction> },\n modal: { type: Boolean, default: false },\n closeOnEscape: { type: Boolean, default: true },\n closeOnInteractOutside: { type: Boolean, default: true },\n translations: { type: Object as PropType<PopoverProps['translations']> },\n size: { type: String as PropType<Size> },\n },\n // open-change 携带 { open },update:open 携带裸布尔\n emits: {\n 'open-change': (_details: PayloadOf<PopoverProps, 'onOpenChange'>) => true,\n 'update:open': (_open: PayloadOf<PopoverProps, 'onOpenChange'>['open']) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: PopoverRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const notify: PopoverProps['onOpenChange'] = (details) => {\n emit('open-change', details)\n emit('update:open', details.open)\n }\n const ctx = usePopover(withXhConfig('popover', props) as PopoverProps, notify)\n providePopover(ctx)\n return () => slots.default?.({ open: ctx.api.value.open, setOpen: ctx.api.value.setOpen })\n },\n})\n\nexport const XhPopoverTrigger = defineComponent({\n name: 'XhPopoverTrigger',\n // 直通属性自己合:Vue 默认把作者的处理器排在部件的后面,这里改成作者先跑\n inheritAttrs: false,\n props: {\n /** 借用作者的子节点作为触发器,不再渲染自己的包裹元素;子节点须恰好一个。 */\n asChild: Boolean,\n },\n setup(props, { slots, attrs }) {\n const ctx = usePopoverContext()\n return () => {\n const part = mergePartProps({\n ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n }, attrs)\n const children = slots.default?.()\n // asChild:把触发器属性合到作者的节点上,不再自己渲染包裹元素\n if (props.asChild) {\n const merged = mergeIntoChild(children, part, 'popover')\n if (merged)\n return merged\n }\n return h('button', part, children)\n }\n },\n})\n\nexport const XhPopoverPositioner = defineComponent({\n name: 'XhPopoverPositioner',\n props: {\n /** 本实例的 Portal 容器;优先于应用级配置。 */\n container: { type: Object as PropType<Element> },\n },\n // 根是 Teleport,Vue 不会把直通属性合上去,作者写的 class 与 style 得自己接住落到 positioner 上\n inheritAttrs: false,\n setup(props, { slots, attrs }) {\n const ctx = usePopoverContext()\n // 面板内容的自绘条:与 content 同级、绝对定位不占布局,壳是这层已经 fixed 的 positioner;浮层里走 4px 档\n const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n // 定位层搬到 portal 落点,逃开祖先的层叠上下文\n return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.triggerRef }, () => [\n h('div', {\n ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n }, [...(slots.default?.() ?? []), ...bars.render()]),\n ])\n },\n})\n\nexport const XhPopoverContent = defineComponent({\n name: 'XhPopoverContent',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('div', {\n ...ctx.api.value.getContentProps() as Record<string, unknown>,\n // 收起跟着退场闸门走:皮肤刻意没给 content 补 [hidden]{display:none}(补了退场\n // 就一帧都播不出来),所以真正的收起落成内联 display——节点始终留在原地\n style: ctx.visible.value ? undefined : { display: 'none' },\n ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n }, slots.default?.())\n },\n})\n\nexport const XhPopoverTitle = defineComponent({\n name: 'XhPopoverTitle',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPopoverDescription = defineComponent({\n name: 'XhPopoverDescription',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPopoverCloseTrigger = defineComponent({\n name: 'XhPopoverCloseTrigger',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPopoverArrow = defineComponent({\n name: 'XhPopoverArrow',\n setup() {\n const ctx = usePopoverContext()\n return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n },\n})\n"],"mappings":";;;;;;;;;AAyBA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,WAAW,EAAE,MAAM,OAA8B;EACjD,QAAQ,EAAE,MAAM,OAAO;;EAEvB,KAAK,EAAE,MAAM,OAA8B;EAC3C,OAAO;GAAE,MAAM;GAAS,SAAS;EAAM;EACvC,eAAe;GAAE,MAAM;GAAS,SAAS;EAAK;EAC9C,wBAAwB;GAAE,MAAM;GAAS,SAAS;EAAK;
|
|
1
|
+
{"version":3,"file":"popover.js","names":[],"sources":["../../../src/components/popover/popover.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 popover 相关实现。\n\nimport type { Direction, Placement, Size } from '@xihan-ui/core'\nimport type { PopoverApi, PopoverSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopover, usePopoverContext } from './context'\nimport { usePopover } from './use-popover'\n\ntype PopoverProps = PopoverSchema['props']\n\n/** 默认插槽的载荷:浮层的展开态与开合命令。 */\nexport type PopoverRootSlotProps = Pick<PopoverApi, 'open' | 'setOpen'>\n\nexport const XhPopoverRoot = defineComponent({\n name: 'XhPopoverRoot',\n props: {\n open: { type: Boolean, default: undefined },\n defaultOpen: Boolean,\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n /** 文字方向;浮层迁移到落点后无法继承作者子树上的方向,需要 RTL 时显式提供。 */\n dir: { type: String as PropType<Direction> },\n modal: { type: Boolean, default: false },\n closeOnEscape: { type: Boolean, default: true },\n closeOnInteractOutside: { type: Boolean, default: true },\n /** 浮层不可打开:触发器转原生 disabled。 */\n disabled: { type: Boolean, default: undefined },\n translations: { type: Object as PropType<PopoverProps['translations']> },\n size: { type: String as PropType<Size> },\n },\n // open-change 携带 { open },update:open 携带裸布尔\n emits: {\n 'open-change': (_details: PayloadOf<PopoverProps, 'onOpenChange'>) => true,\n 'update:open': (_open: PayloadOf<PopoverProps, 'onOpenChange'>['open']) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: PopoverRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const notify: PopoverProps['onOpenChange'] = (details) => {\n emit('open-change', details)\n emit('update:open', details.open)\n }\n const ctx = usePopover(withXhConfig('popover', props) as PopoverProps, notify)\n providePopover(ctx)\n return () => slots.default?.({ open: ctx.api.value.open, setOpen: ctx.api.value.setOpen })\n },\n})\n\nexport const XhPopoverTrigger = defineComponent({\n name: 'XhPopoverTrigger',\n // 直通属性自己合:Vue 默认把作者的处理器排在部件的后面,这里改成作者先跑\n inheritAttrs: false,\n props: {\n /** 借用作者的子节点作为触发器,不再渲染自己的包裹元素;子节点须恰好一个。 */\n asChild: Boolean,\n },\n setup(props, { slots, attrs }) {\n const ctx = usePopoverContext()\n return () => {\n const part = mergePartProps({\n ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n }, attrs)\n const children = slots.default?.()\n // asChild:把触发器属性合到作者的节点上,不再自己渲染包裹元素\n if (props.asChild) {\n const merged = mergeIntoChild(children, part, 'popover')\n if (merged)\n return merged\n }\n return h('button', part, children)\n }\n },\n})\n\nexport const XhPopoverPositioner = defineComponent({\n name: 'XhPopoverPositioner',\n props: {\n /** 本实例的 Portal 容器;优先于应用级配置。 */\n container: { type: Object as PropType<Element> },\n },\n // 根是 Teleport,Vue 不会把直通属性合上去,作者写的 class 与 style 得自己接住落到 positioner 上\n inheritAttrs: false,\n setup(props, { slots, attrs }) {\n const ctx = usePopoverContext()\n // 面板内容的自绘条:与 content 同级、绝对定位不占布局,壳是这层已经 fixed 的 positioner;浮层里走 4px 档\n const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n // 定位层搬到 portal 落点,逃开祖先的层叠上下文\n return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.triggerRef }, () => [\n h('div', {\n ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n }, [...(slots.default?.() ?? []), ...bars.render()]),\n ])\n },\n})\n\nexport const XhPopoverContent = defineComponent({\n name: 'XhPopoverContent',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('div', {\n ...ctx.api.value.getContentProps() as Record<string, unknown>,\n // 收起跟着退场闸门走:皮肤刻意没给 content 补 [hidden]{display:none}(补了退场\n // 就一帧都播不出来),所以真正的收起落成内联 display——节点始终留在原地\n style: ctx.visible.value ? undefined : { display: 'none' },\n ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n }, slots.default?.())\n },\n})\n\nexport const XhPopoverTitle = defineComponent({\n name: 'XhPopoverTitle',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPopoverDescription = defineComponent({\n name: 'XhPopoverDescription',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPopoverCloseTrigger = defineComponent({\n name: 'XhPopoverCloseTrigger',\n setup(_, { slots }) {\n const ctx = usePopoverContext()\n return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPopoverArrow = defineComponent({\n name: 'XhPopoverArrow',\n setup() {\n const ctx = usePopoverContext()\n return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n },\n})\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropType } from "vue";
|
|
1
|
+
import { PropType, VNode } from "vue";
|
|
2
2
|
import { Size, Tone } from "@xihan-ui/core";
|
|
3
|
-
import { ProgressGapPosition, ProgressSemantics, ProgressVariant } from "@xihan-ui/headless";
|
|
3
|
+
import { ProgressGapPosition, ProgressIndicator, ProgressScaleOptions, ProgressSemantics, ProgressThreshold, ProgressTranslations, ProgressVariant } from "@xihan-ui/headless";
|
|
4
4
|
//#region src/components/progress/progress.d.ts
|
|
5
5
|
declare const XhProgress: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
6
|
value: {
|
|
@@ -32,7 +32,36 @@ declare const XhProgress: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
32
32
|
semantics: {
|
|
33
33
|
type: PropType<ProgressSemantics>;
|
|
34
34
|
};
|
|
35
|
-
|
|
35
|
+
thresholds: {
|
|
36
|
+
type: PropType<readonly ProgressThreshold[]>;
|
|
37
|
+
};
|
|
38
|
+
target: {
|
|
39
|
+
type: NumberConstructor;
|
|
40
|
+
};
|
|
41
|
+
scale: {
|
|
42
|
+
type: PropType<boolean | ProgressScaleOptions>;
|
|
43
|
+
default: undefined;
|
|
44
|
+
};
|
|
45
|
+
indicator: {
|
|
46
|
+
type: PropType<ProgressIndicator>;
|
|
47
|
+
};
|
|
48
|
+
steps: {
|
|
49
|
+
type: NumberConstructor;
|
|
50
|
+
};
|
|
51
|
+
striped: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: undefined;
|
|
54
|
+
};
|
|
55
|
+
buffer: {
|
|
56
|
+
type: NumberConstructor;
|
|
57
|
+
};
|
|
58
|
+
locale: {
|
|
59
|
+
type: StringConstructor;
|
|
60
|
+
};
|
|
61
|
+
translations: {
|
|
62
|
+
type: PropType<Partial<ProgressTranslations>>;
|
|
63
|
+
};
|
|
64
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
36
65
|
[key: string]: any;
|
|
37
66
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
67
|
value: {
|
|
@@ -64,10 +93,41 @@ declare const XhProgress: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
64
93
|
semantics: {
|
|
65
94
|
type: PropType<ProgressSemantics>;
|
|
66
95
|
};
|
|
96
|
+
thresholds: {
|
|
97
|
+
type: PropType<readonly ProgressThreshold[]>;
|
|
98
|
+
};
|
|
99
|
+
target: {
|
|
100
|
+
type: NumberConstructor;
|
|
101
|
+
};
|
|
102
|
+
scale: {
|
|
103
|
+
type: PropType<boolean | ProgressScaleOptions>;
|
|
104
|
+
default: undefined;
|
|
105
|
+
};
|
|
106
|
+
indicator: {
|
|
107
|
+
type: PropType<ProgressIndicator>;
|
|
108
|
+
};
|
|
109
|
+
steps: {
|
|
110
|
+
type: NumberConstructor;
|
|
111
|
+
};
|
|
112
|
+
striped: {
|
|
113
|
+
type: BooleanConstructor;
|
|
114
|
+
default: undefined;
|
|
115
|
+
};
|
|
116
|
+
buffer: {
|
|
117
|
+
type: NumberConstructor;
|
|
118
|
+
};
|
|
119
|
+
locale: {
|
|
120
|
+
type: StringConstructor;
|
|
121
|
+
};
|
|
122
|
+
translations: {
|
|
123
|
+
type: PropType<Partial<ProgressTranslations>>;
|
|
124
|
+
};
|
|
67
125
|
}>> & Readonly<{}>, {
|
|
68
126
|
value: number;
|
|
69
127
|
max: number;
|
|
70
128
|
indeterminate: boolean;
|
|
129
|
+
scale: boolean | ProgressScaleOptions;
|
|
130
|
+
striped: boolean;
|
|
71
131
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
72
132
|
//#endregion
|
|
73
133
|
export { XhProgress };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","names":[],"sources":["../../../src/components/progress/progress.ts"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"progress.d.ts","names":[],"sources":["../../../src/components/progress/progress.ts"],"mappings":";;;;cAqCa,0BAAU,8BAAA;;;;;;;;;;;IAOQ,MAAA,SAAS;;;;;;;;;IAGL,MAAA,SAAS;;;;;EAExB,MAAA,SAAS;EACT,MAAA,SAAS;;IACI,MAAA,SAAS;;;IACT,MAAA,kBAAkB;;;;;;IAEX,MAAA,mBAAmB;;;;IAC1B,MAAA,SAAS;;;;;;;;;;;;;;;;IAKN,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;IAhBtB,MAAA,SAAS;;;;;;;;;IAGL,MAAA,SAAS;;;;;EAExB,MAAA,SAAS;EACT,MAAA,SAAS;;IACI,MAAA,SAAS;;;IACT,MAAA,kBAAkB;;;;;;IAEX,MAAA,mBAAmB;;;;IAC1B,MAAA,SAAS;;;;;;;;;;;;;;;;IAKN,MAAA,SAAS,QAAQ;;;;;;;;qCAsCnD"}
|
|
@@ -4,6 +4,19 @@ import { slotPaints } from "../../runtime/slot-content.js";
|
|
|
4
4
|
import { defineComponent, h } from "vue";
|
|
5
5
|
import { connectProgress } from "@xihan-ui/headless";
|
|
6
6
|
//#region src/components/progress/progress.ts
|
|
7
|
+
/** 刻度值的容器:没开刻度时不渲染。线形里连刻度线一起放,环形的刻度线画在 canvas 里。 */
|
|
8
|
+
function renderScale(a, withTicks) {
|
|
9
|
+
if (a.ticks.length === 0) return [];
|
|
10
|
+
const ticks = withTicks ? a.ticks.map((tick) => h("span", {
|
|
11
|
+
...a.getScaleTickProps(tick),
|
|
12
|
+
key: `t${tick.key}`
|
|
13
|
+
})) : [];
|
|
14
|
+
const labels = a.ticks.map((tick) => h("span", {
|
|
15
|
+
...a.getScaleLabelProps(tick),
|
|
16
|
+
key: `l${tick.key}`
|
|
17
|
+
}, tick.label));
|
|
18
|
+
return [h("div", a.getScaleProps(), [...ticks, ...labels])];
|
|
19
|
+
}
|
|
7
20
|
const XhProgress = defineComponent({
|
|
8
21
|
name: "XhProgress",
|
|
9
22
|
props: {
|
|
@@ -23,16 +36,55 @@ const XhProgress = defineComponent({
|
|
|
23
36
|
valueText: { type: String },
|
|
24
37
|
tone: String,
|
|
25
38
|
size: String,
|
|
26
|
-
semantics: { type: String }
|
|
39
|
+
semantics: { type: String },
|
|
40
|
+
thresholds: { type: Array },
|
|
41
|
+
target: { type: Number },
|
|
42
|
+
scale: {
|
|
43
|
+
type: [Boolean, Object],
|
|
44
|
+
default: void 0
|
|
45
|
+
},
|
|
46
|
+
indicator: { type: String },
|
|
47
|
+
steps: { type: Number },
|
|
48
|
+
striped: {
|
|
49
|
+
type: Boolean,
|
|
50
|
+
default: void 0
|
|
51
|
+
},
|
|
52
|
+
buffer: { type: Number },
|
|
53
|
+
locale: { type: String },
|
|
54
|
+
translations: { type: Object }
|
|
27
55
|
},
|
|
28
56
|
setup(props, { slots }) {
|
|
29
57
|
const configured = withXhConfig("progress", props);
|
|
30
58
|
return () => {
|
|
31
59
|
const a = connectProgress(configured, vueNormalize);
|
|
32
60
|
const rootProps = a.getRootProps();
|
|
33
|
-
if (a.variant === "line") return h("div", rootProps, [
|
|
61
|
+
if (a.variant === "line") return h("div", rootProps, [
|
|
62
|
+
h("div", a.getTrackProps(), [
|
|
63
|
+
...a.bands.map((band) => h("div", {
|
|
64
|
+
...a.getThresholdProps(band),
|
|
65
|
+
key: band.key
|
|
66
|
+
})),
|
|
67
|
+
...a.buffer == null ? [] : [h("div", a.getBufferProps())],
|
|
68
|
+
h("div", a.getRangeProps())
|
|
69
|
+
]),
|
|
70
|
+
...a.target == null ? [] : [h("div", a.getTargetProps())],
|
|
71
|
+
...renderScale(a, true)
|
|
72
|
+
]);
|
|
34
73
|
const label = slots.default?.();
|
|
35
|
-
const children = [h("svg", a.getCanvasProps(), [
|
|
74
|
+
const children = [h("svg", a.getCanvasProps(), [
|
|
75
|
+
h("circle", a.getTrackProps()),
|
|
76
|
+
...a.bands.map((band) => h("circle", {
|
|
77
|
+
...a.getThresholdProps(band),
|
|
78
|
+
key: band.key
|
|
79
|
+
})),
|
|
80
|
+
h("circle", a.getRangeProps()),
|
|
81
|
+
...a.ticks.map((tick) => h("line", {
|
|
82
|
+
...a.getScaleTickProps(tick),
|
|
83
|
+
key: tick.key
|
|
84
|
+
})),
|
|
85
|
+
...a.target == null ? [] : [h("line", a.getTargetProps())],
|
|
86
|
+
...a.indicator === "needle" ? [h("path", a.getNeedleProps())] : []
|
|
87
|
+
]), ...renderScale(a, false)];
|
|
36
88
|
if (slotPaints(label)) children.push(h("div", a.getLabelProps(), label));
|
|
37
89
|
return h("div", rootProps, children);
|
|
38
90
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 progress 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type {
|
|
1
|
+
{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 progress 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type {\n ProgressApi,\n ProgressGapPosition,\n ProgressIndicator,\n ProgressProps,\n ProgressScaleOptions,\n ProgressSemantics,\n ProgressThreshold,\n ProgressTranslations,\n ProgressVariant,\n} from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { connectProgress } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\n\ntype Attrs = Record<string, unknown>\n\n/** 刻度值的容器:没开刻度时不渲染。线形里连刻度线一起放,环形的刻度线画在 canvas 里。 */\nfunction renderScale(a: ProgressApi, withTicks: boolean): VNode[] {\n if (a.ticks.length === 0)\n return []\n const ticks = withTicks ? a.ticks.map(tick => h('span', { ...a.getScaleTickProps(tick) as Attrs, key: `t${tick.key}` })) : []\n const labels = a.ticks.map(tick => h('span', { ...a.getScaleLabelProps(tick) as Attrs, key: `l${tick.key}` }, tick.label))\n return [h('div', a.getScaleProps() as Attrs, [...ticks, ...labels])]\n}\n\nexport const XhProgress = defineComponent({\n name: 'XhProgress',\n props: {\n value: { type: Number, default: 0 },\n indeterminate: Boolean,\n max: { type: Number, default: 100 },\n // 缺省值都在 connect 里收口,这边一律不预设\n variant: { type: String as PropType<ProgressVariant> },\n strokeWidth: { type: Number },\n gapDegree: { type: Number },\n gapPosition: { type: String as PropType<ProgressGapPosition> },\n valueText: { type: String },\n tone: String as PropType<Tone>,\n size: String as PropType<Size>,\n semantics: { type: String as PropType<ProgressSemantics> },\n thresholds: { type: Array as PropType<readonly ProgressThreshold[]> },\n target: { type: Number },\n scale: { type: [Boolean, Object] as PropType<boolean | ProgressScaleOptions>, default: undefined },\n indicator: { type: String as PropType<ProgressIndicator> },\n steps: { type: Number },\n striped: { type: Boolean, default: undefined },\n buffer: { type: Number },\n locale: { type: String },\n translations: { type: Object as PropType<Partial<ProgressTranslations>> },\n },\n setup(props, { slots }) {\n // withXhConfig 只能在 setup 期调,连接层在渲染期读这份代理\n const configured = withXhConfig('progress', props)\n return () => {\n const a = connectProgress(configured as ProgressProps, vueNormalize)\n const rootProps = a.getRootProps() as Attrs\n if (a.variant === 'line') {\n return h('div', rootProps, [\n h('div', a.getTrackProps() as Attrs, [\n ...a.bands.map(band => h('div', { ...a.getThresholdProps(band) as Attrs, key: band.key })),\n // 缓冲段排在填充之前,被它压住;没有缓冲值时不渲染\n ...(a.buffer == null ? [] : [h('div', a.getBufferProps() as Attrs)]),\n h('div', a.getRangeProps() as Attrs),\n ]),\n ...(a.target == null ? [] : [h('div', a.getTargetProps() as Attrs)]),\n ...renderScale(a, true),\n ])\n }\n // 环心的内容归作者:没写就不渲染那一层,免得一个空盒子压在环上挡住指针\n const label = slots.default?.()\n const children: unknown[] = [\n h('svg', a.getCanvasProps() as Attrs, [\n h('circle', a.getTrackProps() as Attrs),\n ...a.bands.map(band => h('circle', { ...a.getThresholdProps(band) as Attrs, key: band.key })),\n h('circle', a.getRangeProps() as Attrs),\n ...a.ticks.map(tick => h('line', { ...a.getScaleTickProps(tick) as Attrs, key: tick.key })),\n ...(a.target == null ? [] : [h('line', a.getTargetProps() as Attrs)]),\n ...(a.indicator === 'needle' ? [h('path', a.getNeedleProps() as Attrs)] : []),\n ]),\n ...renderScale(a, false),\n ]\n if (slotPaints(label))\n children.push(h('div', a.getLabelProps() as Attrs, label))\n return h('div', rootProps, children as never)\n }\n },\n})\n"],"mappings":"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"}
|
|
@@ -183,6 +183,23 @@ declare const XhQuestionFlowPrompt: import("vue").DefineComponent<import("vue").
|
|
|
183
183
|
required: true;
|
|
184
184
|
};
|
|
185
185
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
186
|
+
/**
|
|
187
|
+
* 题目说明:插槽留空时显示题目自带的 description,缺席时由多选的数量要求代填。
|
|
188
|
+
* 有没有说明看数据,没有时整块收起。
|
|
189
|
+
*/
|
|
190
|
+
declare const XhQuestionFlowDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
191
|
+
questionId: {
|
|
192
|
+
type: StringConstructor;
|
|
193
|
+
required: true;
|
|
194
|
+
};
|
|
195
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
196
|
+
[key: string]: any;
|
|
197
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
198
|
+
questionId: {
|
|
199
|
+
type: StringConstructor;
|
|
200
|
+
required: true;
|
|
201
|
+
};
|
|
202
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
186
203
|
declare const XhQuestionFlowGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
187
204
|
questionId: {
|
|
188
205
|
type: StringConstructor;
|
|
@@ -271,6 +288,28 @@ declare const XhQuestionFlowItemText: import("vue").DefineComponent<import("vue"
|
|
|
271
288
|
required: true;
|
|
272
289
|
};
|
|
273
290
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
291
|
+
/** 选项下的一行说明:同样排在选项之内,跟着选项名一起念。 */
|
|
292
|
+
declare const XhQuestionFlowItemDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
293
|
+
questionId: {
|
|
294
|
+
type: StringConstructor;
|
|
295
|
+
required: true;
|
|
296
|
+
};
|
|
297
|
+
optionValue: {
|
|
298
|
+
type: StringConstructor;
|
|
299
|
+
required: true;
|
|
300
|
+
};
|
|
301
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
302
|
+
[key: string]: any;
|
|
303
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
304
|
+
questionId: {
|
|
305
|
+
type: StringConstructor;
|
|
306
|
+
required: true;
|
|
307
|
+
};
|
|
308
|
+
optionValue: {
|
|
309
|
+
type: StringConstructor;
|
|
310
|
+
required: true;
|
|
311
|
+
};
|
|
312
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
274
313
|
declare const XhQuestionFlowNote: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
275
314
|
questionId: {
|
|
276
315
|
type: StringConstructor;
|
|
@@ -309,5 +348,5 @@ declare const XhQuestionFlowLiveRegion: import("vue").DefineComponent<{}, () =>
|
|
|
309
348
|
[key: string]: any;
|
|
310
349
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
311
350
|
//#endregion
|
|
312
|
-
export { QuestionFlowOptionSlotProps, QuestionFlowRootSlotProps, XhQuestionFlowCounter, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
|
|
351
|
+
export { QuestionFlowOptionSlotProps, QuestionFlowRootSlotProps, XhQuestionFlowCounter, XhQuestionFlowDescription, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemDescription, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
|
|
313
352
|
//# sourceMappingURL=question-flow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"question-flow.d.ts","names":[],"sources":["../../../src/components/question-flow/question-flow.ts"],"mappings":";;;;;KAwBK,QAAQ;;KAGD,4BAA4B,KACtC;;UAOe;EACf;EACA;EACA;;cAGW,kCAAkB,8BAAA;;IAIC,MAAA,kBAAkB;;;;;;;;;IAGnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGtB,iBAAA,UAAA,UAAU;EACZ,iBAAA;EACI,mBAAA,UAAA,UAAU;EACZ,mBAAA,QAAA;EACA,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA;EACN,OAAA,UAAA,UAAU;EACR,SAAA,UAAA,UAAU;;;IA1BH,MAAA,kBAAkB;;;;;;;;;IAGnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,8BAA8B;kCA2ClD;;cAGW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAU9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,8BAAA;;;;;;;;;;;;MAajC,oDAAA;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;MAa/B,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAa9B,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASjB,WAAC,OAAO,gCAAgC;kCAmBpD;cAEW,2CAA2B,8BAAA;;;;;;;;;;;;;;;;;;;;MAiBtC,oDAAA;cAEW,sCAAsB,8BAAA;;;;;;;;;;;;;;;;;;;;MAkBjC,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAU7B,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAWnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
|
|
1
|
+
{"version":3,"file":"question-flow.d.ts","names":[],"sources":["../../../src/components/question-flow/question-flow.ts"],"mappings":";;;;;KAwBK,QAAQ;;KAGD,4BAA4B,KACtC;;UAOe;EACf;EACA;EACA;;cAGW,kCAAkB,8BAAA;;IAIC,MAAA,kBAAkB;;;;;;;;;IAGnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGtB,iBAAA,UAAA,UAAU;EACZ,iBAAA;EACI,mBAAA,UAAA,UAAU;EACZ,mBAAA,QAAA;EACA,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA;EACN,OAAA,UAAA,UAAU;EACR,SAAA,UAAA,UAAU;;;IA1BH,MAAA,kBAAkB;;;;;;;;;IAGnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,8BAA8B;kCA2ClD;;cAGW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAU9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,8BAAA;;;;;;;;;;;;MAajC,oDAAA;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;MAa/B,oDAAA;;;;;cAMW,yCAAyB,8BAAA;;;;;;;;;;;;MAapC,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAa9B,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASjB,WAAC,OAAO,gCAAgC;kCAmBpD;cAEW,2CAA2B,8BAAA;;;;;;;;;;;;;;;;;;;;MAiBtC,oDAAA;cAEW,sCAAsB,8BAAA;;;;;;;;;;;;;;;;;;;;MAkBjC,oDAAA;;cAGW,6CAA6B,8BAAA;;;;;;;;;;;;;;;;;;;;MAiBxC,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAU7B,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAWnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
|
|
@@ -127,6 +127,21 @@ const XhQuestionFlowPrompt = defineComponent({
|
|
|
127
127
|
return () => h("p", ctx.api.value.getPromptProps({ id: props.questionId }), slots.default?.());
|
|
128
128
|
}
|
|
129
129
|
});
|
|
130
|
+
/**
|
|
131
|
+
* 题目说明:插槽留空时显示题目自带的 description,缺席时由多选的数量要求代填。
|
|
132
|
+
* 有没有说明看数据,没有时整块收起。
|
|
133
|
+
*/
|
|
134
|
+
const XhQuestionFlowDescription = defineComponent({
|
|
135
|
+
name: "XhQuestionFlowDescription",
|
|
136
|
+
props: { questionId: {
|
|
137
|
+
type: String,
|
|
138
|
+
required: true
|
|
139
|
+
} },
|
|
140
|
+
setup(props, { slots }) {
|
|
141
|
+
const ctx = useQuestionFlowContext();
|
|
142
|
+
return () => h("p", ctx.api.value.getDescriptionProps({ id: props.questionId }), slots.default?.() ?? ctx.api.value.descriptionOf(props.questionId));
|
|
143
|
+
}
|
|
144
|
+
});
|
|
130
145
|
const XhQuestionFlowGroup = defineComponent({
|
|
131
146
|
name: "XhQuestionFlowGroup",
|
|
132
147
|
props: { questionId: {
|
|
@@ -208,6 +223,27 @@ const XhQuestionFlowItemText = defineComponent({
|
|
|
208
223
|
}), slots.default?.());
|
|
209
224
|
}
|
|
210
225
|
});
|
|
226
|
+
/** 选项下的一行说明:同样排在选项之内,跟着选项名一起念。 */
|
|
227
|
+
const XhQuestionFlowItemDescription = defineComponent({
|
|
228
|
+
name: "XhQuestionFlowItemDescription",
|
|
229
|
+
props: {
|
|
230
|
+
questionId: {
|
|
231
|
+
type: String,
|
|
232
|
+
required: true
|
|
233
|
+
},
|
|
234
|
+
optionValue: {
|
|
235
|
+
type: String,
|
|
236
|
+
required: true
|
|
237
|
+
}
|
|
238
|
+
},
|
|
239
|
+
setup(props, { slots }) {
|
|
240
|
+
const ctx = useQuestionFlowContext();
|
|
241
|
+
return () => h("span", ctx.api.value.getItemDescriptionProps({
|
|
242
|
+
questionId: props.questionId,
|
|
243
|
+
value: props.optionValue
|
|
244
|
+
}), slots.default?.());
|
|
245
|
+
}
|
|
246
|
+
});
|
|
211
247
|
const XhQuestionFlowNote = defineComponent({
|
|
212
248
|
name: "XhQuestionFlowNote",
|
|
213
249
|
props: { questionId: {
|
|
@@ -276,6 +312,6 @@ const XhQuestionFlowLiveRegion = defineComponent({
|
|
|
276
312
|
}
|
|
277
313
|
});
|
|
278
314
|
//#endregion
|
|
279
|
-
export { XhQuestionFlowCounter, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
|
|
315
|
+
export { XhQuestionFlowCounter, XhQuestionFlowDescription, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemDescription, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
|
|
280
316
|
|
|
281
317
|
//# sourceMappingURL=question-flow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"question-flow.js","names":[],"sources":["../../../src/components/question-flow/question-flow.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 question flow 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type {\n QuestionFlowAnswers,\n QuestionFlowApi,\n QuestionFlowNotes,\n QuestionFlowQuestion,\n QuestionFlowSchema,\n QuestionFlowStatus,\n QuestionFlowTranslations,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideQuestionFlow, useQuestionFlowContext } from './context'\nimport { useQuestionFlow } from './use-question-flow'\n\ntype Props = QuestionFlowSchema['props']\n\n/** 默认插槽的载荷:进度、当前题,以及各条动作入口。 */\nexport type QuestionFlowRootSlotProps = Pick<\n QuestionFlowApi,\n 'status' | 'submitted' | 'index' | 'count' | 'current' | 'isFirst' | 'isLast' | 'canAdvance'\n | 'allowSkip' | 'counter' | 'announcement' | 'answers' | 'notes'\n | 'goTo' | 'next' | 'prev' | 'skip' | 'submit' | 'toggleOption' | 'setNote'\n>\n\n/** 逐项插槽的载荷。 */\nexport interface QuestionFlowOptionSlotProps {\n questionId: string\n value: string\n selected: boolean\n}\n\nexport const XhQuestionFlowRoot = defineComponent({\n name: 'XhQuestionFlowRoot',\n // 缺省值由机器与 connect 决定;普通类型省略 default,Boolean 显式保留 undefined\n props: {\n questions: { type: Array as PropType<readonly QuestionFlowQuestion[]> },\n index: { type: Number },\n defaultIndex: { type: Number },\n answers: { type: Object as PropType<QuestionFlowAnswers> },\n defaultAnswers: { type: Object as PropType<QuestionFlowAnswers> },\n notes: { type: Object as PropType<QuestionFlowNotes> },\n defaultNotes: { type: Object as PropType<QuestionFlowNotes> },\n status: { type: String as PropType<QuestionFlowStatus> },\n defaultStatus: { type: String as PropType<QuestionFlowStatus> },\n autoAdvance: { type: Boolean, default: undefined },\n autoAdvanceDelay: { type: Number },\n allowSkip: { type: Boolean, default: undefined },\n loop: { type: Boolean, default: undefined },\n variant: { type: String as PropType<ControlVariant> },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n translations: { type: Object as PropType<Partial<QuestionFlowTranslations>> },\n },\n emits: {\n 'index-change': (_details: PayloadOf<Props, 'onIndexChange'>) => true,\n 'update:index': (_value: number) => true,\n 'answers-change': (_details: PayloadOf<Props, 'onAnswersChange'>) => true,\n 'update:answers': (_value: QuestionFlowAnswers) => true,\n 'notes-change': (_details: PayloadOf<Props, 'onNotesChange'>) => true,\n 'update:notes': (_value: QuestionFlowNotes) => true,\n 'skip': (_details: PayloadOf<Props, 'onSkip'>) => true,\n 'submit': (_details: PayloadOf<Props, 'onSubmit'>) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: QuestionFlowRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const ctx = useQuestionFlow(withXhConfig('question-flow', props) as Props, {\n onIndexChange: (details) => {\n emit('index-change', details)\n emit('update:index', details.index)\n },\n onAnswersChange: (details) => {\n emit('answers-change', details)\n emit('update:answers', details.answers)\n },\n onNotesChange: (details) => {\n emit('notes-change', details)\n emit('update:notes', details.notes)\n },\n onSkip: details => emit('skip', details),\n onSubmit: details => emit('submit', details),\n })\n provideQuestionFlow(ctx)\n return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n status: ctx.api.value.status,\n submitted: ctx.api.value.submitted,\n index: ctx.api.value.index,\n count: ctx.api.value.count,\n current: ctx.api.value.current,\n isFirst: ctx.api.value.isFirst,\n isLast: ctx.api.value.isLast,\n canAdvance: ctx.api.value.canAdvance,\n allowSkip: ctx.api.value.allowSkip,\n counter: ctx.api.value.counter,\n announcement: ctx.api.value.announcement,\n answers: ctx.api.value.answers,\n notes: ctx.api.value.notes,\n goTo: ctx.api.value.goTo,\n next: ctx.api.value.next,\n prev: ctx.api.value.prev,\n skip: ctx.api.value.skip,\n submit: ctx.api.value.submit,\n toggleOption: ctx.api.value.toggleOption,\n setNote: ctx.api.value.setNote,\n }))\n },\n})\n\n/** 定高并裁切的格子;高度由状态机测量后写入内联样式的私有槽。 */\nexport const XhQuestionFlowViewport = defineComponent({\n name: 'XhQuestionFlowViewport',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 纵向排布全部题目的轨道,同时是测量的参照系。 */\nexport const XhQuestionFlowTrack = defineComponent({\n name: 'XhQuestionFlowTrack',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'div',\n { ...ctx.api.value.getTrackProps() as Record<string, unknown>, ref: ctx.trackRef },\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowQuestion = defineComponent({\n name: 'XhQuestionFlowQuestion',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'div',\n ctx.api.value.getQuestionProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowPrompt = defineComponent({\n name: 'XhQuestionFlowPrompt',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'p',\n ctx.api.value.getPromptProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowGroup = defineComponent({\n name: 'XhQuestionFlowGroup',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'div',\n ctx.api.value.getGroupProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowItem = defineComponent({\n name: 'XhQuestionFlowItem',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n // 缺省交给 connect 回 questions 里查,写死 false 会盖掉数据里的禁用\n optionDisabled: { type: Boolean, default: undefined },\n },\n slots: Object as SlotsType<{\n default?: (props: QuestionFlowOptionSlotProps) => VNode[]\n }>,\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n // 用原生 button,指针激活由平台负责\n return () => h(\n 'button',\n ctx.api.value.getItemProps({\n questionId: props.questionId,\n value: props.optionValue,\n disabled: props.optionDisabled,\n }) as Record<string, unknown>,\n slots.default?.({\n questionId: props.questionId,\n value: props.optionValue,\n selected: ctx.api.value.isOptionSelected(props.questionId, props.optionValue),\n }),\n )\n },\n})\n\nexport const XhQuestionFlowItemIndicator = defineComponent({\n name: 'XhQuestionFlowItemIndicator',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'span',\n ctx.api.value.getItemIndicatorProps({\n questionId: props.questionId,\n value: props.optionValue,\n }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowItemText = defineComponent({\n name: 'XhQuestionFlowItemText',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n // 排在选项之内,文本自然构成它的可及名\n return () => h(\n 'span',\n ctx.api.value.getItemTextProps({\n questionId: props.questionId,\n value: props.optionValue,\n }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowNote = defineComponent({\n name: 'XhQuestionFlowNote',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props) {\n const ctx = useQuestionFlowContext()\n // 自闭合的输入格,内容由 value 给,不收插槽\n return () => h('input', ctx.api.value.getNoteProps({ id: props.questionId }) as Record<string, unknown>)\n },\n})\n\nexport const XhQuestionFlowFooter = defineComponent({\n name: 'XhQuestionFlowFooter',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowPrevTrigger = defineComponent({\n name: 'XhQuestionFlowPrevTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowCounter = defineComponent({\n name: 'XhQuestionFlowCounter',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 不给内容时显示 N / M;这一格对读屏隐藏,进度由播报区念\n return () => h(\n 'span',\n ctx.api.value.getCounterProps() as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.counter,\n )\n },\n})\n\nexport const XhQuestionFlowNextTrigger = defineComponent({\n name: 'XhQuestionFlowNextTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowSkipTrigger = defineComponent({\n name: 'XhQuestionFlowSkipTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('button', ctx.api.value.getSkipTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowSubmitTrigger = defineComponent({\n name: 'XhQuestionFlowSubmitTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 一颗按钮两个身份:不是末题时继续,末题时发送,原位换 data-mode 与可访问名\n return () => h('button', ctx.api.value.getSubmitTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowResult = defineComponent({\n name: 'XhQuestionFlowResult',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 交卷之后才露出;文字由播报区念,这一格对读屏隐藏\n return () => h('div', ctx.api.value.getResultProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowLiveRegion = defineComponent({\n name: 'XhQuestionFlowLiveRegion',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 不给内容时念进度,交卷后念结果\n return () => h(\n 'div',\n ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.announcement,\n )\n },\n})\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"question-flow.js","names":[],"sources":["../../../src/components/question-flow/question-flow.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 question flow 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type {\n QuestionFlowAnswers,\n QuestionFlowApi,\n QuestionFlowNotes,\n QuestionFlowQuestion,\n QuestionFlowSchema,\n QuestionFlowStatus,\n QuestionFlowTranslations,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideQuestionFlow, useQuestionFlowContext } from './context'\nimport { useQuestionFlow } from './use-question-flow'\n\ntype Props = QuestionFlowSchema['props']\n\n/** 默认插槽的载荷:进度、当前题,以及各条动作入口。 */\nexport type QuestionFlowRootSlotProps = Pick<\n QuestionFlowApi,\n 'status' | 'submitted' | 'index' | 'count' | 'current' | 'isFirst' | 'isLast' | 'canAdvance'\n | 'allowSkip' | 'counter' | 'announcement' | 'answers' | 'notes'\n | 'goTo' | 'next' | 'prev' | 'skip' | 'submit' | 'toggleOption' | 'setNote'\n>\n\n/** 逐项插槽的载荷。 */\nexport interface QuestionFlowOptionSlotProps {\n questionId: string\n value: string\n selected: boolean\n}\n\nexport const XhQuestionFlowRoot = defineComponent({\n name: 'XhQuestionFlowRoot',\n // 缺省值由机器与 connect 决定;普通类型省略 default,Boolean 显式保留 undefined\n props: {\n questions: { type: Array as PropType<readonly QuestionFlowQuestion[]> },\n index: { type: Number },\n defaultIndex: { type: Number },\n answers: { type: Object as PropType<QuestionFlowAnswers> },\n defaultAnswers: { type: Object as PropType<QuestionFlowAnswers> },\n notes: { type: Object as PropType<QuestionFlowNotes> },\n defaultNotes: { type: Object as PropType<QuestionFlowNotes> },\n status: { type: String as PropType<QuestionFlowStatus> },\n defaultStatus: { type: String as PropType<QuestionFlowStatus> },\n autoAdvance: { type: Boolean, default: undefined },\n autoAdvanceDelay: { type: Number },\n allowSkip: { type: Boolean, default: undefined },\n loop: { type: Boolean, default: undefined },\n variant: { type: String as PropType<ControlVariant> },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n translations: { type: Object as PropType<Partial<QuestionFlowTranslations>> },\n },\n emits: {\n 'index-change': (_details: PayloadOf<Props, 'onIndexChange'>) => true,\n 'update:index': (_value: number) => true,\n 'answers-change': (_details: PayloadOf<Props, 'onAnswersChange'>) => true,\n 'update:answers': (_value: QuestionFlowAnswers) => true,\n 'notes-change': (_details: PayloadOf<Props, 'onNotesChange'>) => true,\n 'update:notes': (_value: QuestionFlowNotes) => true,\n 'skip': (_details: PayloadOf<Props, 'onSkip'>) => true,\n 'submit': (_details: PayloadOf<Props, 'onSubmit'>) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: QuestionFlowRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const ctx = useQuestionFlow(withXhConfig('question-flow', props) as Props, {\n onIndexChange: (details) => {\n emit('index-change', details)\n emit('update:index', details.index)\n },\n onAnswersChange: (details) => {\n emit('answers-change', details)\n emit('update:answers', details.answers)\n },\n onNotesChange: (details) => {\n emit('notes-change', details)\n emit('update:notes', details.notes)\n },\n onSkip: details => emit('skip', details),\n onSubmit: details => emit('submit', details),\n })\n provideQuestionFlow(ctx)\n return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n status: ctx.api.value.status,\n submitted: ctx.api.value.submitted,\n index: ctx.api.value.index,\n count: ctx.api.value.count,\n current: ctx.api.value.current,\n isFirst: ctx.api.value.isFirst,\n isLast: ctx.api.value.isLast,\n canAdvance: ctx.api.value.canAdvance,\n allowSkip: ctx.api.value.allowSkip,\n counter: ctx.api.value.counter,\n announcement: ctx.api.value.announcement,\n answers: ctx.api.value.answers,\n notes: ctx.api.value.notes,\n goTo: ctx.api.value.goTo,\n next: ctx.api.value.next,\n prev: ctx.api.value.prev,\n skip: ctx.api.value.skip,\n submit: ctx.api.value.submit,\n toggleOption: ctx.api.value.toggleOption,\n setNote: ctx.api.value.setNote,\n }))\n },\n})\n\n/** 定高并裁切的格子;高度由状态机测量后写入内联样式的私有槽。 */\nexport const XhQuestionFlowViewport = defineComponent({\n name: 'XhQuestionFlowViewport',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 纵向排布全部题目的轨道,同时是测量的参照系。 */\nexport const XhQuestionFlowTrack = defineComponent({\n name: 'XhQuestionFlowTrack',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'div',\n { ...ctx.api.value.getTrackProps() as Record<string, unknown>, ref: ctx.trackRef },\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowQuestion = defineComponent({\n name: 'XhQuestionFlowQuestion',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'div',\n ctx.api.value.getQuestionProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowPrompt = defineComponent({\n name: 'XhQuestionFlowPrompt',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'p',\n ctx.api.value.getPromptProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\n/**\n * 题目说明:插槽留空时显示题目自带的 description,缺席时由多选的数量要求代填。\n * 有没有说明看数据,没有时整块收起。\n */\nexport const XhQuestionFlowDescription = defineComponent({\n name: 'XhQuestionFlowDescription',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'p',\n ctx.api.value.getDescriptionProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.descriptionOf(props.questionId),\n )\n },\n})\n\nexport const XhQuestionFlowGroup = defineComponent({\n name: 'XhQuestionFlowGroup',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'div',\n ctx.api.value.getGroupProps({ id: props.questionId }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowItem = defineComponent({\n name: 'XhQuestionFlowItem',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n // 缺省交给 connect 回 questions 里查,写死 false 会盖掉数据里的禁用\n optionDisabled: { type: Boolean, default: undefined },\n },\n slots: Object as SlotsType<{\n default?: (props: QuestionFlowOptionSlotProps) => VNode[]\n }>,\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n // 用原生 button,指针激活由平台负责\n return () => h(\n 'button',\n ctx.api.value.getItemProps({\n questionId: props.questionId,\n value: props.optionValue,\n disabled: props.optionDisabled,\n }) as Record<string, unknown>,\n slots.default?.({\n questionId: props.questionId,\n value: props.optionValue,\n selected: ctx.api.value.isOptionSelected(props.questionId, props.optionValue),\n }),\n )\n },\n})\n\nexport const XhQuestionFlowItemIndicator = defineComponent({\n name: 'XhQuestionFlowItemIndicator',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'span',\n ctx.api.value.getItemIndicatorProps({\n questionId: props.questionId,\n value: props.optionValue,\n }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowItemText = defineComponent({\n name: 'XhQuestionFlowItemText',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n // 排在选项之内,文本自然构成它的可及名\n return () => h(\n 'span',\n ctx.api.value.getItemTextProps({\n questionId: props.questionId,\n value: props.optionValue,\n }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\n/** 选项下的一行说明:同样排在选项之内,跟着选项名一起念。 */\nexport const XhQuestionFlowItemDescription = defineComponent({\n name: 'XhQuestionFlowItemDescription',\n props: {\n questionId: { type: String, required: true },\n optionValue: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h(\n 'span',\n ctx.api.value.getItemDescriptionProps({\n questionId: props.questionId,\n value: props.optionValue,\n }) as Record<string, unknown>,\n slots.default?.(),\n )\n },\n})\n\nexport const XhQuestionFlowNote = defineComponent({\n name: 'XhQuestionFlowNote',\n props: {\n questionId: { type: String, required: true },\n },\n setup(props) {\n const ctx = useQuestionFlowContext()\n // 自闭合的输入格,内容由 value 给,不收插槽\n return () => h('input', ctx.api.value.getNoteProps({ id: props.questionId }) as Record<string, unknown>)\n },\n})\n\nexport const XhQuestionFlowFooter = defineComponent({\n name: 'XhQuestionFlowFooter',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowPrevTrigger = defineComponent({\n name: 'XhQuestionFlowPrevTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowCounter = defineComponent({\n name: 'XhQuestionFlowCounter',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 不给内容时显示 N / M;这一格对读屏隐藏,进度由播报区念\n return () => h(\n 'span',\n ctx.api.value.getCounterProps() as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.counter,\n )\n },\n})\n\nexport const XhQuestionFlowNextTrigger = defineComponent({\n name: 'XhQuestionFlowNextTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowSkipTrigger = defineComponent({\n name: 'XhQuestionFlowSkipTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n return () => h('button', ctx.api.value.getSkipTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowSubmitTrigger = defineComponent({\n name: 'XhQuestionFlowSubmitTrigger',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 一颗按钮两个身份:不是末题时继续,末题时发送,原位换 data-mode 与可访问名\n return () => h('button', ctx.api.value.getSubmitTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowResult = defineComponent({\n name: 'XhQuestionFlowResult',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 交卷之后才露出;文字由播报区念,这一格对读屏隐藏\n return () => h('div', ctx.api.value.getResultProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhQuestionFlowLiveRegion = defineComponent({\n name: 'XhQuestionFlowLiveRegion',\n setup(_, { slots }) {\n const ctx = useQuestionFlowContext()\n // 不给内容时念进度,交卷后念结果\n return () => h(\n 'div',\n ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.announcement,\n )\n },\n})\n"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { inject, provide } from "vue";
|
|
2
|
+
//#region src/components/radar-chart/context.ts
|
|
3
|
+
const KEY = Symbol.for("xh-radar-chart");
|
|
4
|
+
function provideRadarChart(ctx) {
|
|
5
|
+
provide(KEY, ctx);
|
|
6
|
+
}
|
|
7
|
+
function useRadarChartContext() {
|
|
8
|
+
const ctx = inject(KEY, null);
|
|
9
|
+
if (!ctx) throw new Error("[xh] RadarChart 部件必须用在 XhRadarChartRoot 内");
|
|
10
|
+
return ctx;
|
|
11
|
+
}
|
|
12
|
+
//#endregion
|
|
13
|
+
export { provideRadarChart, useRadarChartContext };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/radar-chart/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { RadarChartContext } from './use-radar-chart'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<RadarChartContext> = Symbol.for('xh-radar-chart')\n\nexport function provideRadarChart(ctx: RadarChartContext): void {\n provide(KEY, ctx)\n}\n\nexport function useRadarChartContext(): RadarChartContext {\n const ctx = inject(KEY, null)\n if (!ctx)\n throw new Error('[xh] RadarChart 部件必须用在 XhRadarChartRoot 内')\n return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AAExE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
|