hys-ui 0.1.1 → 0.3.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 +149 -0
- package/README.md +17 -1
- package/dist/components/HysAccordion/HysAccordion.vue.js +1 -1
- package/dist/components/HysAccordion/HysAccordion2.vue.js +181 -47
- package/dist/components/HysAlert/HysAlert.vue.js +5 -54
- package/dist/components/HysAlert/HysAlert2.vue.js +159 -2
- package/dist/components/HysAutocomplete/HysAutocomplete.vue.js +7 -0
- package/dist/components/HysAutocomplete/HysAutocomplete2.vue.js +639 -0
- package/dist/components/HysAvatar/HysAvatar.vue.js +5 -35
- package/dist/components/HysAvatar/HysAvatar2.vue.js +221 -2
- package/dist/components/HysAvatarGroup/HysAvatarGroup.vue.js +7 -0
- package/dist/components/HysAvatarGroup/HysAvatarGroup2.vue.js +256 -0
- package/dist/components/HysBadge/HysBadge.vue.js +2 -2
- package/dist/components/HysBadge/HysBadge2.vue.js +154 -27
- package/dist/components/HysBreadcrumb/HysBreadcrumb.vue.js +5 -38
- package/dist/components/HysBreadcrumb/HysBreadcrumb2.vue.js +288 -2
- package/dist/components/HysButton/HysButton.vue.js +2 -2
- package/dist/components/HysButton/HysButton2.vue.js +29 -28
- package/dist/components/HysCalendar/HysCalendar.vue.js +5 -92
- package/dist/components/HysCalendar/HysCalendar2.vue.js +815 -2
- package/dist/components/HysCard/HysCard.vue.js +2 -2
- package/dist/components/HysCard/HysCard2.vue.js +175 -42
- package/dist/components/HysCascader/HysCascader.vue.js +5 -194
- package/dist/components/HysCascader/HysCascader2.vue.js +773 -2
- package/dist/components/HysCascader/HysCascaderColumn.vue.js +7 -0
- package/dist/components/HysCascader/HysCascaderColumn2.vue.js +232 -0
- package/dist/components/HysCheckbox/HysCheckbox.vue.js +3 -3
- package/dist/components/HysCheckbox/HysCheckbox2.vue.js +180 -65
- package/dist/components/HysCheckboxGroup/HysCheckboxGroup.vue.js +7 -0
- package/dist/components/HysCheckboxGroup/HysCheckboxGroup2.vue.js +237 -0
- package/dist/components/HysColorPicker/HysColorPanel.vue.js +7 -0
- package/dist/components/HysColorPicker/HysColorPanel2.vue.js +238 -0
- package/dist/components/HysColorPicker/HysColorPicker.vue.js +1 -1
- package/dist/components/HysColorPicker/HysColorPicker2.vue.js +239 -216
- package/dist/components/HysCommandPalette/HysCommandPalette.vue.js +90 -76
- package/dist/components/HysContextMenu/HysContextMenu.vue.js +5 -89
- package/dist/components/HysContextMenu/HysContextMenu2.vue.js +247 -2
- package/dist/components/HysContextMenu/HysMenuPanel.vue.js +7 -0
- package/dist/components/HysContextMenu/HysMenuPanel2.vue.js +208 -0
- package/dist/components/HysContextMenu/HysMenuSlot.js +10 -0
- package/dist/components/HysDataGrid/HysDataGrid.vue.js +1 -1
- package/dist/components/HysDataGrid/HysDataGrid2.vue.js +1019 -563
- package/dist/components/HysDatePicker/HysDatePicker.vue.js +270 -139
- package/dist/components/HysDatePicker/HysDatePickerControl.vue.js +7 -0
- package/dist/components/HysDatePicker/HysDatePickerControl2.vue.js +820 -0
- package/dist/components/HysDatePicker/HysDatePickerPanel.vue.js +7 -0
- package/dist/components/HysDatePicker/HysDatePickerPanel2.vue.js +357 -0
- package/dist/components/HysDateRangePicker/HysDateRangePicker.vue.js +270 -158
- package/dist/components/HysDivider/HysDivider.vue.js +2 -2
- package/dist/components/HysDivider/HysDivider2.vue.js +33 -13
- package/dist/components/HysDrawer/HysDrawer.vue.js +1 -1
- package/dist/components/HysDrawer/HysDrawer2.vue.js +434 -84
- package/dist/components/HysEmpty/HysEmpty.vue.js +5 -41
- package/dist/components/HysEmpty/HysEmpty2.vue.js +181 -2
- package/dist/components/HysFileManager/HysFileManager.vue.js +3 -3
- package/dist/components/HysFileManager/HysFileManager2.vue.js +43 -42
- package/dist/components/HysForm/HysForm.vue.js +3 -3
- package/dist/components/HysForm/HysForm2.vue.js +578 -92
- package/dist/components/HysFormItem/HysFormItem.vue.js +5 -85
- package/dist/components/HysFormItem/HysFormItem2.vue.js +528 -2
- package/dist/components/HysGantt/HysGantt.vue.js +1 -1
- package/dist/components/HysGantt/HysGantt2.vue.js +1380 -268
- package/dist/components/HysInput/HysInput.vue.js +2 -2
- package/dist/components/HysInput/HysInput2.vue.js +467 -120
- package/dist/components/HysMention/HysMention.vue.js +2 -2
- package/dist/components/HysMention/HysMention2.vue.js +122 -109
- package/dist/components/HysModal/HysModal.vue.js +2 -2
- package/dist/components/HysModal/HysModal2.vue.js +490 -85
- package/dist/components/HysNumberInput/HysNumberInput.vue.js +2 -2
- package/dist/components/HysNumberInput/HysNumberInput2.vue.js +561 -79
- package/dist/components/HysOrgTree/HysOrgTree.vue.js +29 -26
- package/dist/components/HysPagination/HysPagination.vue.js +1 -1
- package/dist/components/HysPagination/HysPagination2.vue.js +2 -0
- package/dist/components/HysPermissionMatrix/HysPermissionMatrix.vue.js +2 -2
- package/dist/components/HysPermissionMatrix/HysPermissionMatrix2.vue.js +52 -51
- package/dist/components/HysPopover/HysPopover.vue.js +5 -91
- package/dist/components/HysPopover/HysPopover2.vue.js +120 -2
- package/dist/components/HysProgress/HysProgress.vue.js +2 -2
- package/dist/components/HysProgress/HysProgress2.vue.js +319 -52
- package/dist/components/HysRadio/HysRadio.vue.js +7 -0
- package/dist/components/HysRadio/HysRadio2.vue.js +180 -0
- package/dist/components/HysRadioGroup/HysRadioGroup.vue.js +2 -2
- package/dist/components/HysRadioGroup/HysRadioGroup2.vue.js +190 -65
- package/dist/components/HysRating/HysRating.vue.js +1 -1
- package/dist/components/HysRating/HysRating2.vue.js +288 -68
- package/dist/components/HysRichTextEditor/HysRichTextEditor.vue.js +1 -1
- package/dist/components/HysRichTextEditor/HysRichTextEditor2.vue.js +70 -69
- package/dist/components/HysSearch/HysSearch.vue.js +37 -36
- package/dist/components/HysSegmented/HysSegmented.vue.js +5 -63
- package/dist/components/HysSegmented/HysSegmented2.vue.js +273 -2
- package/dist/components/HysSelect/HysSelect.vue.js +3 -2
- package/dist/components/HysSelect/HysSelect2.vue.js +999 -189
- package/dist/components/HysSkeleton/HysSkeleton.vue.js +2 -2
- package/dist/components/HysSkeleton/HysSkeleton2.vue.js +126 -29
- package/dist/components/HysSlider/HysSlider.vue.js +1 -1
- package/dist/components/HysSlider/HysSlider2.vue.js +536 -59
- package/dist/components/HysSlider/SliderTooltip.vue.js +7 -0
- package/dist/components/HysSlider/SliderTooltip2.vue.js +170 -0
- package/dist/components/HysSteps/HysSteps.vue.js +1 -1
- package/dist/components/HysSteps/HysSteps2.vue.js +110 -36
- package/dist/components/HysSwitch/HysSwitch.vue.js +2 -2
- package/dist/components/HysSwitch/HysSwitch2.vue.js +232 -50
- package/dist/components/HysTable/HysTable.vue.js +1 -1
- package/dist/components/HysTable/HysTable2.vue.js +1494 -88
- package/dist/components/HysTable/HysTableFilterOptions.vue.js +7 -0
- package/dist/components/HysTable/HysTableFilterOptions2.vue.js +133 -0
- package/dist/components/HysTabs/HysTabs.vue.js +2 -2
- package/dist/components/HysTabs/HysTabs2.vue.js +262 -68
- package/dist/components/HysTagInput/HysTagInput.vue.js +5 -81
- package/dist/components/HysTagInput/HysTagInput2.vue.js +396 -2
- package/dist/components/HysTextarea/HysTextarea.vue.js +138 -77
- package/dist/components/HysTimeline/HysTimeline.vue.js +2 -2
- package/dist/components/HysTimeline/HysTimeline2.vue.js +243 -24
- package/dist/components/HysTooltip/HysTooltip.vue.js +5 -64
- package/dist/components/HysTooltip/HysTooltip2.vue.js +110 -2
- package/dist/components/HysTour/HysTour.vue.js +46 -42
- package/dist/components/HysTransfer/HysTransfer.vue.js +5 -223
- package/dist/components/HysTransfer/HysTransfer2.vue.js +446 -2
- package/dist/components/HysTransfer/HysTransferPanel.vue.js +7 -0
- package/dist/components/HysTransfer/HysTransferPanel2.vue.js +503 -0
- package/dist/components/HysTree/HysTree.vue.js +2 -3
- package/dist/components/HysTree/HysTree2.vue.js +651 -301
- package/dist/components/HysTreeSelect/HysTreeSelect.vue.js +5 -136
- package/dist/components/HysTreeSelect/HysTreeSelect2.vue.js +570 -2
- package/dist/components/HysTreeSelect/HysTreeSelectPanel.vue.js +7 -0
- package/dist/components/HysTreeSelect/HysTreeSelectPanel2.vue.js +323 -0
- package/dist/components/HysUpload/HysUpload.vue.js +2 -2
- package/dist/components/HysUpload/HysUpload2.vue.js +459 -124
- package/dist/components/HysVirtualTable/HysVirtualTable.vue.js +5 -94
- package/dist/components/HysVirtualTable/HysVirtualTable2.vue.js +656 -2
- package/dist/composables/autocomplete.js +50 -0
- package/dist/composables/avatar.js +57 -0
- package/dist/composables/calendar.js +96 -0
- package/dist/composables/cascader.js +79 -0
- package/dist/composables/choice.js +38 -0
- package/dist/composables/choiceModel.js +67 -0
- package/dist/composables/color.js +97 -0
- package/dist/composables/dataGrid.js +68 -0
- package/dist/composables/datePicker.js +227 -0
- package/dist/composables/drawer.js +17 -0
- package/dist/composables/feedback.js +14 -0
- package/dist/composables/formContext.js +92 -7
- package/dist/composables/formLayout.js +57 -0
- package/dist/composables/formValidation.js +240 -0
- package/dist/composables/ganttConflicts.js +143 -0
- package/dist/composables/menu.js +96 -0
- package/dist/composables/modal.js +14 -0
- package/dist/composables/numberInput.js +91 -0
- package/dist/composables/overlayManager.js +48 -18
- package/dist/composables/progress.js +94 -0
- package/dist/composables/rating.js +16 -0
- package/dist/composables/selectOptions.js +54 -0
- package/dist/composables/table.js +150 -0
- package/dist/composables/tagInput.js +16 -0
- package/dist/composables/textInput.js +34 -0
- package/dist/composables/timeline.js +19 -0
- package/dist/composables/transfer.js +65 -0
- package/dist/composables/tree.js +118 -0
- package/dist/composables/treeSelect.js +71 -0
- package/dist/composables/upload.js +55 -0
- package/dist/composables/uploadRequest.js +58 -0
- package/dist/composables/useAlert.js +124 -0
- package/dist/composables/useCascader.js +438 -0
- package/dist/composables/useColorPicker.js +402 -0
- package/dist/composables/useContextMenu.js +514 -0
- package/dist/composables/useDataGridRemote.js +67 -0
- package/dist/composables/useDatePicker.js +425 -0
- package/dist/composables/useDialog.js +86 -43
- package/dist/composables/useDrawerPush.js +33 -0
- package/dist/composables/useDrawerResize.js +221 -0
- package/dist/composables/useFloating.js +136 -56
- package/dist/composables/useGanttDependencies.js +306 -0
- package/dist/composables/useGanttHistory.js +157 -0
- package/dist/composables/useGanttLabelResize.js +100 -0
- package/dist/composables/useHysModal.js +185 -0
- package/dist/composables/useModal.js +295 -0
- package/dist/composables/useModalInteraction.js +394 -0
- package/dist/composables/usePopupSurface.js +458 -0
- package/dist/composables/useTable.js +474 -0
- package/dist/composables/useTagInput.js +313 -0
- package/dist/composables/useTextareaSize.js +72 -0
- package/dist/composables/useTransfer.js +257 -0
- package/dist/composables/useTransferMotion.js +185 -0
- package/dist/composables/useTree.js +439 -0
- package/dist/composables/useTreeSelect.js +361 -0
- package/dist/composables/useUpload.js +472 -0
- package/dist/composables/useUploadModel.js +65 -0
- package/dist/composables/useUploadRequests.js +266 -0
- package/dist/composables/useVirtualTableLayout.js +277 -0
- package/dist/composables/virtualTable.js +43 -0
- package/dist/index.js +152 -139
- package/dist/internal/PopupReference.js +39 -0
- package/dist/internal/PopupSurfacePanel.vue.js +7 -0
- package/dist/internal/PopupSurfacePanel2.vue.js +92 -0
- package/dist/motion/PopupMotion.js +105 -0
- package/dist/motion/popup.js +10 -0
- package/dist/style.css +1 -1
- package/dist/types/components/HysAccordion/HysAccordion.vue.d.ts +61 -22
- package/dist/types/components/HysAlert/HysAlert.vue.d.ts +32 -22
- package/dist/types/components/HysAutocomplete/HysAutocomplete.vue.d.ts +201 -0
- package/dist/types/components/HysAvatar/HysAvatar.vue.d.ts +28 -15
- package/dist/types/components/HysAvatarGroup/HysAvatarGroup.vue.d.ts +104 -0
- package/dist/types/components/HysBadge/HysBadge.vue.d.ts +41 -4
- package/dist/types/components/HysBreadcrumb/HysBreadcrumb.vue.d.ts +71 -20
- package/dist/types/components/HysButton/HysButton.vue.d.ts +0 -1
- package/dist/types/components/HysCalendar/HysCalendar.vue.d.ts +120 -31
- package/dist/types/components/HysCard/HysCard.vue.d.ts +55 -7
- package/dist/types/components/HysCascader/HysCascader.vue.d.ts +129 -41
- package/dist/types/components/HysCascader/HysCascaderColumn.vue.d.ts +55 -0
- package/dist/types/components/HysCheckbox/HysCheckbox.vue.d.ts +50 -39
- package/dist/types/components/HysCheckboxGroup/HysCheckboxGroup.vue.d.ts +73 -0
- package/dist/types/components/HysColorPicker/HysColorPanel.vue.d.ts +58 -0
- package/dist/types/components/HysColorPicker/HysColorPicker.vue.d.ts +63 -10
- package/dist/types/components/HysCommandPalette/HysCommandPalette.vue.d.ts +2 -1
- package/dist/types/components/HysContextMenu/HysContextMenu.vue.d.ts +50 -34
- package/dist/types/components/HysContextMenu/HysMenuPanel.vue.d.ts +79 -0
- package/dist/types/components/HysContextMenu/HysMenuSlot.d.ts +8 -0
- package/dist/types/components/HysDataGrid/HysDataGrid.vue.d.ts +65 -118
- package/dist/types/components/HysDatePicker/HysDatePicker.vue.d.ts +66 -14
- package/dist/types/components/HysDatePicker/HysDatePickerControl.vue.d.ts +90 -0
- package/dist/types/components/HysDatePicker/HysDatePickerPanel.vue.d.ts +93 -0
- package/dist/types/components/HysDateRangePicker/HysDateRangePicker.vue.d.ts +66 -14
- package/dist/types/components/HysDivider/HysDivider.vue.d.ts +8 -3
- package/dist/types/components/HysDrawer/HysDrawer.vue.d.ts +92 -35
- package/dist/types/components/HysEmpty/HysEmpty.vue.d.ts +24 -20
- package/dist/types/components/HysForm/HysForm.vue.d.ts +110 -18
- package/dist/types/components/HysFormItem/HysFormItem.vue.d.ts +108 -2
- package/dist/types/components/HysGantt/HysGantt.vue.d.ts +84 -5
- package/dist/types/components/HysInput/HysInput.vue.d.ts +52 -29
- package/dist/types/components/HysMention/HysMention.vue.d.ts +4 -3
- package/dist/types/components/HysModal/HysModal.vue.d.ts +111 -34
- package/dist/types/components/HysNumberInput/HysNumberInput.vue.d.ts +93 -35
- package/dist/types/components/HysOrgTree/HysOrgTree.vue.d.ts +1 -0
- package/dist/types/components/HysPagination/HysPagination.vue.d.ts +1 -1
- package/dist/types/components/HysPermissionMatrix/HysPermissionMatrix.vue.d.ts +2 -2
- package/dist/types/components/HysPopover/HysPopover.vue.d.ts +41 -29
- package/dist/types/components/HysProgress/HysProgress.vue.d.ts +18 -24
- package/dist/types/components/HysRadio/HysRadio.vue.d.ts +56 -0
- package/dist/types/components/HysRadioGroup/HysRadioGroup.vue.d.ts +34 -12
- package/dist/types/components/HysRating/HysRating.vue.d.ts +85 -5
- package/dist/types/components/HysResizablePanel/HysResizablePanel.vue.d.ts +2 -2
- package/dist/types/components/HysRichTextEditor/HysRichTextEditor.vue.d.ts +4 -4
- package/dist/types/components/HysSearch/HysSearch.vue.d.ts +2 -2
- package/dist/types/components/HysSegmented/HysSegmented.vue.d.ts +64 -32
- package/dist/types/components/HysSelect/HysSelect.vue.d.ts +131 -22
- package/dist/types/components/HysSkeleton/HysSkeleton.vue.d.ts +30 -2
- package/dist/types/components/HysSlider/HysSlider.vue.d.ts +69 -11
- package/dist/types/components/HysSlider/SliderTooltip.vue.d.ts +24 -0
- package/dist/types/components/HysSplitPane/HysSplitPane.vue.d.ts +3 -3
- package/dist/types/components/HysSteps/HysSteps.vue.d.ts +64 -9
- package/dist/types/components/HysSwitch/HysSwitch.vue.d.ts +76 -17
- package/dist/types/components/HysTable/HysTable.vue.d.ts +206 -32
- package/dist/types/components/HysTable/HysTableFilterOptions.vue.d.ts +18 -0
- package/dist/types/components/HysTabs/HysTabs.vue.d.ts +76 -23
- package/dist/types/components/HysTagInput/HysTagInput.vue.d.ts +50 -28
- package/dist/types/components/HysTextarea/HysTextarea.vue.d.ts +44 -27
- package/dist/types/components/HysTimeline/HysTimeline.vue.d.ts +19 -32
- package/dist/types/components/HysToast/HysToast.vue.d.ts +3 -3
- package/dist/types/components/HysTooltip/HysTooltip.vue.d.ts +39 -19
- package/dist/types/components/HysTour/HysTour.vue.d.ts +4 -3
- package/dist/types/components/HysTransfer/HysTransfer.vue.d.ts +55 -40
- package/dist/types/components/HysTransfer/HysTransferPanel.vue.d.ts +107 -0
- package/dist/types/components/HysTree/HysTree.vue.d.ts +140 -73
- package/dist/types/components/HysTreeSelect/HysTreeSelect.vue.d.ts +102 -23
- package/dist/types/components/HysTreeSelect/HysTreeSelectPanel.vue.d.ts +56 -0
- package/dist/types/components/HysUpload/HysUpload.vue.d.ts +55 -67
- package/dist/types/components/HysVirtualTable/HysVirtualTable.vue.d.ts +71 -40
- package/dist/types/composables/autocomplete.d.ts +109 -0
- package/dist/types/composables/avatar.d.ts +73 -0
- package/dist/types/composables/calendar.d.ts +66 -0
- package/dist/types/composables/cascader.d.ts +195 -0
- package/dist/types/composables/choice.d.ts +110 -0
- package/dist/types/composables/choiceModel.d.ts +11 -0
- package/dist/types/composables/color.d.ts +97 -0
- package/dist/types/composables/dataGrid.d.ts +100 -0
- package/dist/types/composables/datePicker.d.ts +250 -0
- package/dist/types/composables/drawer.d.ts +102 -0
- package/dist/types/composables/feedback.d.ts +98 -0
- package/dist/types/composables/formContext.d.ts +135 -8
- package/dist/types/composables/formLayout.d.ts +11 -0
- package/dist/types/composables/formValidation.d.ts +13 -0
- package/dist/types/composables/gantt.d.ts +68 -0
- package/dist/types/composables/ganttConflicts.d.ts +30 -0
- package/dist/types/composables/menu.d.ts +183 -0
- package/dist/types/composables/modal.d.ts +183 -0
- package/dist/types/composables/numberInput.d.ts +45 -0
- package/dist/types/composables/overlayManager.d.ts +7 -3
- package/dist/types/composables/popupSurface.d.ts +83 -0
- package/dist/types/composables/progress.d.ts +92 -0
- package/dist/types/composables/rating.d.ts +18 -0
- package/dist/types/composables/segmented.d.ts +15 -0
- package/dist/types/composables/selectOptions.d.ts +46 -0
- package/dist/types/composables/slider.d.ts +21 -0
- package/dist/types/composables/table.d.ts +312 -0
- package/dist/types/composables/tagInput.d.ts +96 -0
- package/dist/types/composables/textInput.d.ts +76 -0
- package/dist/types/composables/timeline.d.ts +82 -0
- package/dist/types/composables/transfer.d.ts +187 -0
- package/dist/types/composables/tree.d.ts +240 -0
- package/dist/types/composables/treeSelect.d.ts +170 -0
- package/dist/types/composables/upload.d.ts +202 -0
- package/dist/types/composables/uploadRequest.d.ts +3 -0
- package/dist/types/composables/useAlert.d.ts +21 -0
- package/dist/types/composables/useCascader.d.ts +162 -0
- package/dist/types/composables/useColorPicker.d.ts +101 -0
- package/dist/types/composables/useContextMenu.d.ts +81 -0
- package/dist/types/composables/useDataGridRemote.d.ts +15 -0
- package/dist/types/composables/useDatePicker.d.ts +79 -0
- package/dist/types/composables/useDialog.d.ts +16 -3
- package/dist/types/composables/useDrawerPush.d.ts +6 -0
- package/dist/types/composables/useDrawerResize.d.ts +27 -0
- package/dist/types/composables/useFloating.d.ts +28 -6
- package/dist/types/composables/useGanttDependencies.d.ts +83 -0
- package/dist/types/composables/useGanttHistory.d.ts +42 -0
- package/dist/types/composables/useGanttLabelResize.d.ts +23 -0
- package/dist/types/composables/useHysModal.d.ts +44 -0
- package/dist/types/composables/useModal.d.ts +62 -0
- package/dist/types/composables/useModalInteraction.d.ts +27 -0
- package/dist/types/composables/usePopupSurface.d.ts +3341 -0
- package/dist/types/composables/useTable.d.ts +60 -0
- package/dist/types/composables/useTagInput.d.ts +66 -0
- package/dist/types/composables/useTextareaSize.d.ts +3 -0
- package/dist/types/composables/useTransfer.d.ts +58 -0
- package/dist/types/composables/useTransferMotion.d.ts +36 -0
- package/dist/types/composables/useTree.d.ts +77 -0
- package/dist/types/composables/useTreeSelect.d.ts +117 -0
- package/dist/types/composables/useUpload.d.ts +94 -0
- package/dist/types/composables/useUploadModel.d.ts +14 -0
- package/dist/types/composables/useUploadRequests.d.ts +38 -0
- package/dist/types/composables/useVirtualTableLayout.d.ts +51 -0
- package/dist/types/composables/virtualTable.d.ts +126 -0
- package/dist/types/index.d.ts +50 -9
- package/dist/types/internal/PopupReference.d.ts +18 -0
- package/dist/types/internal/PopupSurfacePanel.vue.d.ts +37 -0
- package/dist/types/motion/PopupMotion.d.ts +59 -0
- package/dist/types/motion/popup.d.ts +12 -0
- package/package.json +2 -1
|
@@ -1,105 +1,119 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
1
|
+
import { defineComponent as N, useId as B, ref as a, computed as U, watch as H, onMounted as R, onActivated as $, onDeactivated as q, onUnmounted as F, openBlock as l, createElementBlock as p, Fragment as C, createElementVNode as s, mergeProps as _, unref as o, createVNode as x, createTextVNode as D, createBlock as S, Teleport as j, withCtx as G, withModifiers as J, withDirectives as O, vModelText as Q, renderList as W, normalizeClass as X, toDisplayString as E, createCommentVNode as L, nextTick as Y } from "vue";
|
|
2
|
+
import Z from "../../motion/PopupMotion.js";
|
|
3
|
+
import { useHysRootAttrs as ee } from "../../config.js";
|
|
4
|
+
import { Command as te } from "lucide-vue-next";
|
|
5
|
+
import { useDialog as oe } from "../../composables/useDialog.js";
|
|
6
|
+
const ne = ["aria-controls"], ie = ["id"], re = ["aria-selected", "onPointerenter", "onClick"], ae = { key: 0 }, ce = /* @__PURE__ */ N({
|
|
6
7
|
__name: "HysCommandPalette",
|
|
7
8
|
props: {
|
|
9
|
+
popupTransition: {},
|
|
10
|
+
popupTransitionDuration: {},
|
|
8
11
|
actions: {}
|
|
9
12
|
},
|
|
10
13
|
emits: ["select"],
|
|
11
|
-
setup(
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
14
|
+
setup(T, { emit: M }) {
|
|
15
|
+
const y = ee(), m = T, P = M, k = B(), u = a(!1), d = a(""), t = a(0), h = a(null), A = a(null), w = a(), { active: I, zIndex: K } = oe(u, w, i), n = U(() => m.actions.filter((e) => (e.label + " " + (e.description || "")).toLowerCase().includes(d.value.toLowerCase())));
|
|
16
|
+
H(d, () => t.value = 0);
|
|
17
|
+
function g() {
|
|
18
|
+
u.value = !0, d.value = "", t.value = 0, Y(() => {
|
|
16
19
|
var e;
|
|
17
|
-
return (e =
|
|
20
|
+
return (e = h.value) == null ? void 0 : e.focus();
|
|
18
21
|
});
|
|
19
22
|
}
|
|
20
|
-
function
|
|
21
|
-
|
|
23
|
+
function i() {
|
|
24
|
+
u.value = !1;
|
|
22
25
|
}
|
|
23
|
-
function
|
|
24
|
-
P("select", e),
|
|
26
|
+
function b(e) {
|
|
27
|
+
P("select", e), i();
|
|
25
28
|
}
|
|
26
|
-
function
|
|
27
|
-
e.defaultPrevented || (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k" && (e.preventDefault(),
|
|
29
|
+
function c(e) {
|
|
30
|
+
e.defaultPrevented || (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), u.value ? i() : g());
|
|
28
31
|
}
|
|
29
32
|
function V(e) {
|
|
30
|
-
e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && (e.preventDefault(), t.value = (t.value + 1) % Math.max(1,
|
|
33
|
+
e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && (e.preventDefault(), t.value = (t.value + 1) % Math.max(1, n.value.length)), e.key === "ArrowUp" && (e.preventDefault(), t.value = (t.value - 1 + Math.max(1, n.value.length)) % Math.max(1, n.value.length)), e.key === "Enter" && n.value[t.value] && b(n.value[t.value].id));
|
|
31
34
|
}
|
|
32
|
-
return
|
|
33
|
-
|
|
35
|
+
return R(() => window.addEventListener("keydown", c)), $(() => window.addEventListener("keydown", c)), q(() => window.removeEventListener("keydown", c)), F(() => window.removeEventListener("keydown", c)), (e, v) => (l(), p(C, null, [
|
|
36
|
+
s("button", _(o(y), {
|
|
34
37
|
ref_key: "trigger",
|
|
35
38
|
ref: A,
|
|
36
39
|
type: "button",
|
|
37
40
|
class: "hys-ui-v4-control",
|
|
38
|
-
onClick:
|
|
41
|
+
onClick: g
|
|
39
42
|
}), [
|
|
40
|
-
|
|
43
|
+
x(o(te), {
|
|
41
44
|
size: 14,
|
|
42
45
|
"aria-hidden": "true"
|
|
43
46
|
}),
|
|
44
|
-
|
|
47
|
+
v[1] || (v[1] = D(" / Ctrl + K · 快捷命令", -1))
|
|
45
48
|
], 16),
|
|
46
|
-
(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"aria-controls": i(y),
|
|
68
|
-
"aria-expanded": !0,
|
|
69
|
-
onKeydown: V
|
|
70
|
-
}, null, 40, ee), [
|
|
71
|
-
[J, u.value]
|
|
72
|
-
]),
|
|
73
|
-
a("div", {
|
|
74
|
-
id: i(y),
|
|
75
|
-
role: "listbox",
|
|
76
|
-
class: "hys-ui-v4-scroll"
|
|
77
|
-
}, [
|
|
78
|
-
(r(!0), c(b, null, O(o.value, (n, m) => (r(), c("button", {
|
|
79
|
-
type: "button",
|
|
80
|
-
key: n.id,
|
|
81
|
-
class: Q(["hys-ui-v4-option", { "hys-ui-v4-active": m === t.value }]),
|
|
82
|
-
role: "option",
|
|
83
|
-
"aria-selected": m === t.value,
|
|
84
|
-
onPointerenter: (N) => t.value = m,
|
|
85
|
-
onClick: (N) => g(n.id)
|
|
49
|
+
(l(), S(j, { to: "body" }, [
|
|
50
|
+
x(o(Z), {
|
|
51
|
+
"ignore-owner": "",
|
|
52
|
+
"popup-transition": m.popupTransition,
|
|
53
|
+
"popup-transition-duration": m.popupTransitionDuration,
|
|
54
|
+
onInactive: i
|
|
55
|
+
}, {
|
|
56
|
+
default: G(() => [
|
|
57
|
+
u.value && o(I) ? (l(), p("div", _({ key: 0 }, o(y), {
|
|
58
|
+
class: "hys-ui-v4-backdrop hys-ui-popup-backdrop",
|
|
59
|
+
style: { zIndex: o(K) },
|
|
60
|
+
onPointerdown: J(i, ["self"])
|
|
61
|
+
}), [
|
|
62
|
+
s("section", {
|
|
63
|
+
ref_key: "dialog",
|
|
64
|
+
ref: w,
|
|
65
|
+
tabindex: "-1",
|
|
66
|
+
class: "hys-ui-v4-dialog",
|
|
67
|
+
role: "dialog",
|
|
68
|
+
"aria-modal": "true",
|
|
69
|
+
"aria-label": "快捷命令"
|
|
86
70
|
}, [
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
71
|
+
O(s("input", {
|
|
72
|
+
ref_key: "input",
|
|
73
|
+
ref: h,
|
|
74
|
+
"onUpdate:modelValue": v[0] || (v[0] = (r) => d.value = r),
|
|
75
|
+
class: "hys-ui-v4-control",
|
|
76
|
+
placeholder: "搜索操作…",
|
|
77
|
+
role: "combobox",
|
|
78
|
+
"aria-controls": o(k),
|
|
79
|
+
"aria-expanded": !0,
|
|
80
|
+
onKeydown: V
|
|
81
|
+
}, null, 40, ne), [
|
|
82
|
+
[Q, d.value]
|
|
83
|
+
]),
|
|
84
|
+
s("div", {
|
|
85
|
+
id: o(k),
|
|
86
|
+
role: "listbox",
|
|
87
|
+
class: "hys-ui-v4-scroll"
|
|
88
|
+
}, [
|
|
89
|
+
(l(!0), p(C, null, W(n.value, (r, f) => (l(), p("button", {
|
|
90
|
+
type: "button",
|
|
91
|
+
key: r.id,
|
|
92
|
+
class: X(["hys-ui-v4-option", { "hys-ui-v4-active": f === t.value }]),
|
|
93
|
+
role: "option",
|
|
94
|
+
"aria-selected": f === t.value,
|
|
95
|
+
onPointerenter: (z) => t.value = f,
|
|
96
|
+
onClick: (z) => b(r.id)
|
|
97
|
+
}, [
|
|
98
|
+
D(E(r.label) + " ", 1),
|
|
99
|
+
s("small", null, E(r.description), 1)
|
|
100
|
+
], 42, re))), 128)),
|
|
101
|
+
n.value.length ? L("", !0) : (l(), p("p", ae, "没有匹配的命令"))
|
|
102
|
+
], 8, ie),
|
|
103
|
+
s("button", {
|
|
104
|
+
type: "button",
|
|
105
|
+
class: "hys-ui-v4-option",
|
|
106
|
+
onClick: i
|
|
107
|
+
}, "关闭 Esc")
|
|
108
|
+
], 512)
|
|
109
|
+
], 16)) : L("", !0)
|
|
110
|
+
]),
|
|
111
|
+
_: 1
|
|
112
|
+
}, 8, ["popup-transition", "popup-transition-duration"])
|
|
99
113
|
]))
|
|
100
114
|
], 64));
|
|
101
115
|
}
|
|
102
116
|
});
|
|
103
117
|
export {
|
|
104
|
-
|
|
118
|
+
ce as default
|
|
105
119
|
};
|
|
@@ -1,91 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
key: 0,
|
|
6
|
-
role: "separator"
|
|
7
|
-
}, z = ["disabled", "onClick"], Z = /* @__PURE__ */ _({
|
|
8
|
-
__name: "HysContextMenu",
|
|
9
|
-
props: {
|
|
10
|
-
items: {},
|
|
11
|
-
disabled: { type: Boolean }
|
|
12
|
-
},
|
|
13
|
-
emits: ["select"],
|
|
14
|
-
setup(v, { emit: D }) {
|
|
15
|
-
const w = v, H = D, g = W(), m = h(!1), f = h(8), y = h(8), l = h();
|
|
16
|
-
let u, p, s;
|
|
17
|
-
function r(e = !1) {
|
|
18
|
-
m.value = !1, u == null || u(), u = void 0, document.removeEventListener("pointerdown", b, !0), document.removeEventListener("keydown", x, !0), e && (s != null && s.isConnected) && s.focus();
|
|
19
|
-
}
|
|
20
|
-
function b(e) {
|
|
21
|
-
var n;
|
|
22
|
-
(n = l.value) != null && n.contains(e.target) || r();
|
|
23
|
-
}
|
|
24
|
-
function x(e) {
|
|
25
|
-
e.key === "Escape" && (p != null && p()) && (e.preventDefault(), e.stopImmediatePropagation(), r(!0));
|
|
26
|
-
}
|
|
27
|
-
async function E(e) {
|
|
28
|
-
var d, c, C;
|
|
29
|
-
if (w.disabled) return;
|
|
30
|
-
e.preventDefault(), r(), s = document.activeElement;
|
|
31
|
-
const n = e.currentTarget.getBoundingClientRect();
|
|
32
|
-
f.value = e instanceof MouseEvent ? e.clientX : n.left, y.value = e instanceof MouseEvent ? e.clientY : n.bottom, m.value = !0;
|
|
33
|
-
const t = X("floating", () => r(!0));
|
|
34
|
-
if (u = t.unregister, p = t.isTop, await I(), !m.value) return;
|
|
35
|
-
const o = (d = l.value) == null ? void 0 : d.getBoundingClientRect();
|
|
36
|
-
f.value = Math.max(8, Math.min(f.value, window.innerWidth - ((o == null ? void 0 : o.width) || 190) - 8)), y.value = Math.max(8, Math.min(y.value, window.innerHeight - ((o == null ? void 0 : o.height) || 240) - 8)), (C = (c = l.value) == null ? void 0 : c.querySelector('[role="menuitem"]:not(:disabled)')) == null || C.focus(), document.addEventListener("pointerdown", b, !0), document.addEventListener("keydown", x, !0);
|
|
37
|
-
}
|
|
38
|
-
function L(e) {
|
|
39
|
-
var d, c;
|
|
40
|
-
if (!["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key)) return;
|
|
41
|
-
e.preventDefault();
|
|
42
|
-
const n = Array.from(((d = l.value) == null ? void 0 : d.querySelectorAll('[role="menuitem"]:not(:disabled)')) || []), t = n.indexOf(document.activeElement), o = e.key === "Home" ? 0 : e.key === "End" ? n.length - 1 : (t + (e.key === "ArrowUp" ? -1 : 1) + n.length) % n.length;
|
|
43
|
-
(c = n[o]) == null || c.focus();
|
|
44
|
-
}
|
|
45
|
-
return R(() => w.disabled, (e) => {
|
|
46
|
-
e && r();
|
|
47
|
-
}), S(() => r()), T(() => r()), (e, n) => (i(), a(k, null, [
|
|
48
|
-
K("div", M(A(g), {
|
|
49
|
-
tabindex: v.disabled ? -1 : 0,
|
|
50
|
-
"aria-haspopup": "menu",
|
|
51
|
-
onContextmenu: E,
|
|
52
|
-
onKeydown: n[0] || (n[0] = (t) => (t.key === "ContextMenu" || t.shiftKey && t.key === "F10") && E(t))
|
|
53
|
-
}), [
|
|
54
|
-
B(e.$slots, "default")
|
|
55
|
-
], 16, Y),
|
|
56
|
-
(i(), N(U, { to: "body" }, [
|
|
57
|
-
m.value ? (i(), a("div", M({
|
|
58
|
-
key: 0,
|
|
59
|
-
ref_key: "panel",
|
|
60
|
-
ref: l
|
|
61
|
-
}, A(g), {
|
|
62
|
-
class: "hys-ui-ent-context",
|
|
63
|
-
role: "menu",
|
|
64
|
-
style: { left: f.value + "px", top: y.value + "px" },
|
|
65
|
-
onKeydown: L
|
|
66
|
-
}), [
|
|
67
|
-
(i(!0), a(k, null, V(v.items, (t) => (i(), a(k, {
|
|
68
|
-
key: t.value
|
|
69
|
-
}, [
|
|
70
|
-
t.type === "divider" ? (i(), a("hr", j)) : (i(), a("button", {
|
|
71
|
-
key: 1,
|
|
72
|
-
type: "button",
|
|
73
|
-
role: "menuitem",
|
|
74
|
-
disabled: t.disabled,
|
|
75
|
-
onClick: q((o) => {
|
|
76
|
-
H("select", t.value), r(!0);
|
|
77
|
-
}, ["stop"])
|
|
78
|
-
}, [
|
|
79
|
-
B(e.$slots, "item", { item: t }, () => [
|
|
80
|
-
F(O(t.label), 1)
|
|
81
|
-
])
|
|
82
|
-
], 8, z))
|
|
83
|
-
], 64))), 128))
|
|
84
|
-
], 16)) : P("", !0)
|
|
85
|
-
]))
|
|
86
|
-
], 64));
|
|
87
|
-
}
|
|
88
|
-
});
|
|
1
|
+
import o from "./HysContextMenu2.vue.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf298f23"]]);
|
|
89
5
|
export {
|
|
90
|
-
|
|
6
|
+
m as default
|
|
91
7
|
};
|
|
@@ -1,4 +1,249 @@
|
|
|
1
|
-
import f from "
|
|
1
|
+
import { defineComponent as E, useSlots as W, computed as r, ref as b, useId as V, useAttrs as U, onUpdated as j, openBlock as d, createElementBlock as P, Fragment as S, createElementVNode as T, mergeProps as v, unref as t, createVNode as q, createBlock as x, Teleport as G, normalizeStyle as J, renderList as B, withCtx as f, createSlots as Q, renderSlot as k, createCommentVNode as X } from "vue";
|
|
2
|
+
import { useHysRootAttrs as Y } from "../../config.js";
|
|
3
|
+
import { useContextMenu as Z } from "../../composables/useContextMenu.js";
|
|
4
|
+
import _ from "../../motion/PopupMotion.js";
|
|
5
|
+
import ee from "./HysMenuPanel.vue.js";
|
|
6
|
+
import te from "./HysMenuSlot.js";
|
|
7
|
+
const oe = ["tabindex"], re = /* @__PURE__ */ E({
|
|
8
|
+
inheritAttrs: !1,
|
|
9
|
+
__name: "HysContextMenu",
|
|
10
|
+
props: {
|
|
11
|
+
items: { default: () => [] },
|
|
12
|
+
fieldNames: {},
|
|
13
|
+
disabled: { type: Boolean },
|
|
14
|
+
loading: { type: Boolean },
|
|
15
|
+
size: {},
|
|
16
|
+
trigger: { default: "contextmenu" },
|
|
17
|
+
open: { type: Boolean, default: void 0 },
|
|
18
|
+
defaultOpen: { type: Boolean },
|
|
19
|
+
openPath: {},
|
|
20
|
+
defaultOpenPath: {},
|
|
21
|
+
checkedKeys: {},
|
|
22
|
+
defaultCheckedKeys: {},
|
|
23
|
+
selectedKeys: {},
|
|
24
|
+
defaultSelectedKeys: {},
|
|
25
|
+
selectable: { type: Boolean },
|
|
26
|
+
multiple: { type: Boolean },
|
|
27
|
+
hideOnClick: { type: Boolean, default: !0 },
|
|
28
|
+
autofocus: { type: Boolean, default: !0 },
|
|
29
|
+
loopNavigation: { type: Boolean, default: !0 },
|
|
30
|
+
showDelay: {},
|
|
31
|
+
hideDelay: {},
|
|
32
|
+
submenuDelay: {},
|
|
33
|
+
submenuTrigger: { default: "hover" },
|
|
34
|
+
placement: { default: "bottom-start" },
|
|
35
|
+
appendTo: { type: [String, Boolean], default: "body" },
|
|
36
|
+
width: {},
|
|
37
|
+
minWidth: { default: 190 },
|
|
38
|
+
maxWidth: { default: 360 },
|
|
39
|
+
maxHeight: { default: 320 },
|
|
40
|
+
arrow: { type: Boolean },
|
|
41
|
+
popupClass: {},
|
|
42
|
+
popupStyle: {},
|
|
43
|
+
direction: { default: "ltr" },
|
|
44
|
+
ariaLabel: { default: "操作菜单" },
|
|
45
|
+
emptyText: { default: "暂无操作" },
|
|
46
|
+
loadingText: { default: "加载中…" },
|
|
47
|
+
backText: { default: "返回" },
|
|
48
|
+
popupTransition: {},
|
|
49
|
+
popupTransitionDuration: {}
|
|
50
|
+
},
|
|
51
|
+
emits: ["select", "update:open", "visibleChange", "update:openPath", "openPathChange", "update:checkedKeys", "checkedChange", "update:selectedKeys", "selectionChange"],
|
|
52
|
+
setup(l, { expose: H, emit: I }) {
|
|
53
|
+
const u = l, $ = W(), F = r(
|
|
54
|
+
() => ["item", "icon", "link", "empty", "loading"].filter(
|
|
55
|
+
(a) => !!$[a]
|
|
56
|
+
)
|
|
57
|
+
), O = I, p = b(), c = b(), R = b(), m = "hys-menu-" + V(), C = Y(), z = U(), e = Z(
|
|
58
|
+
u,
|
|
59
|
+
p,
|
|
60
|
+
c,
|
|
61
|
+
R,
|
|
62
|
+
m,
|
|
63
|
+
O
|
|
64
|
+
);
|
|
65
|
+
j(e.measureTrigger);
|
|
66
|
+
const y = r(() => ({
|
|
67
|
+
"aria-haspopup": "menu",
|
|
68
|
+
"aria-expanded": e.open.value,
|
|
69
|
+
"aria-controls": e.open.value ? m + "-menu-0" : void 0,
|
|
70
|
+
"aria-disabled": e.control.disabled.value || void 0,
|
|
71
|
+
...e.control.disabled.value ? { tabindex: -1 } : {}
|
|
72
|
+
})), M = r(() => ({
|
|
73
|
+
open: e.open.value,
|
|
74
|
+
show: e.show,
|
|
75
|
+
hide: e.hide,
|
|
76
|
+
toggle: e.toggle,
|
|
77
|
+
attrs: y.value
|
|
78
|
+
})), h = (a, o, n, i) => Number.isFinite(a) ? Math.max(n, Math.min(i, a)) : o, w = r(() => h(u.maxWidth, 360, 80, 1600)), A = r(() => ({
|
|
79
|
+
"--hys-ui-menu-min-width": h(u.minWidth, 190, 80, w.value) + "px",
|
|
80
|
+
"--hys-ui-menu-max-width": w.value + "px",
|
|
81
|
+
"--hys-ui-menu-max-height": h(u.maxHeight, 320, 80, 1600) + "px"
|
|
82
|
+
}));
|
|
83
|
+
function L(a, o) {
|
|
84
|
+
e.setPanel(a, o == null ? void 0 : o.element);
|
|
85
|
+
}
|
|
86
|
+
function N(a) {
|
|
87
|
+
return {
|
|
88
|
+
...u.popupStyle,
|
|
89
|
+
...a ? e.childStyles.value[a] ?? {
|
|
90
|
+
position: "fixed",
|
|
91
|
+
visibility: "hidden"
|
|
92
|
+
} : e.floating.style.value,
|
|
93
|
+
...A.value
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
return H({
|
|
97
|
+
element: p,
|
|
98
|
+
open: e.open,
|
|
99
|
+
checkedKeys: e.checkedKeys,
|
|
100
|
+
selectedKeys: e.selectedKeys,
|
|
101
|
+
openPath: e.openPath,
|
|
102
|
+
focus: e.focus,
|
|
103
|
+
blur: () => {
|
|
104
|
+
var o, n;
|
|
105
|
+
e.hide();
|
|
106
|
+
const a = document.activeElement;
|
|
107
|
+
a && ((o = p.value) != null && o.contains(a) || (n = c.value) != null && n.contains(a)) && a.blur();
|
|
108
|
+
},
|
|
109
|
+
show: e.show,
|
|
110
|
+
showAt: (a, o, n = !0) => e.show({ x: a, y: o, focus: n }),
|
|
111
|
+
hide: e.hide,
|
|
112
|
+
handleOpen: () => e.show(),
|
|
113
|
+
handleClose: e.hide,
|
|
114
|
+
toggle: e.toggle,
|
|
115
|
+
focusItem: e.focusItem,
|
|
116
|
+
openSubmenu: e.openSubmenu,
|
|
117
|
+
closeSubmenus: e.closeSubmenus,
|
|
118
|
+
setCheckedKeys: e.setCheckedKeys,
|
|
119
|
+
setSelectedKeys: e.setSelectedKeys,
|
|
120
|
+
getItems: e.getItems
|
|
121
|
+
}), (a, o) => (d(), P(S, null, [
|
|
122
|
+
T("div", v({
|
|
123
|
+
ref_key: "root",
|
|
124
|
+
ref: p
|
|
125
|
+
}, { ...t(C), ...t(z), ...y.value }, {
|
|
126
|
+
class: ["hys-ui-menu-trigger", {
|
|
127
|
+
"hys-ui-menu-inline": !t(e).triggers.value.includes("contextmenu"),
|
|
128
|
+
"hys-ui-menu-disabled": t(e).control.disabled.value
|
|
129
|
+
}],
|
|
130
|
+
tabindex: t(e).control.disabled.value ? -1 : t(e).focusableChild.value ? void 0 : 0,
|
|
131
|
+
onContextmenu: o[0] || (o[0] = //@ts-ignore
|
|
132
|
+
(...n) => t(e).contextmenu && t(e).contextmenu(...n)),
|
|
133
|
+
onClick: o[1] || (o[1] = //@ts-ignore
|
|
134
|
+
(...n) => t(e).triggerClick && t(e).triggerClick(...n)),
|
|
135
|
+
onKeydown: o[2] || (o[2] = //@ts-ignore
|
|
136
|
+
(...n) => t(e).triggerKey && t(e).triggerKey(...n)),
|
|
137
|
+
onPointerenter: o[3] || (o[3] = (n) => t(e).hoverRoot(!0, n)),
|
|
138
|
+
onPointerleave: o[4] || (o[4] = (n) => t(e).hoverRoot(!1, n)),
|
|
139
|
+
onFocusin: o[5] || (o[5] = //@ts-ignore
|
|
140
|
+
(...n) => t(e).triggerFocus && t(e).triggerFocus(...n)),
|
|
141
|
+
onFocusout: o[6] || (o[6] = //@ts-ignore
|
|
142
|
+
(...n) => t(e).focusOut && t(e).focusOut(...n))
|
|
143
|
+
}), [
|
|
144
|
+
q(t(te), {
|
|
145
|
+
content: a.$slots.default,
|
|
146
|
+
scope: M.value,
|
|
147
|
+
"node-attrs": y.value
|
|
148
|
+
}, null, 8, ["content", "scope", "node-attrs"])
|
|
149
|
+
], 16, oe),
|
|
150
|
+
(d(), x(G, {
|
|
151
|
+
to: l.appendTo === !1 ? "body" : l.appendTo,
|
|
152
|
+
disabled: l.appendTo === !1
|
|
153
|
+
}, [
|
|
154
|
+
T("div", {
|
|
155
|
+
ref_key: "layer",
|
|
156
|
+
ref: c,
|
|
157
|
+
class: "hys-ui-menu-layer",
|
|
158
|
+
style: J({ zIndex: t(e).floating.style.value.zIndex }),
|
|
159
|
+
onPointerenter: o[10] || (o[10] = //@ts-ignore
|
|
160
|
+
(...n) => t(e).enterPanel && t(e).enterPanel(...n)),
|
|
161
|
+
onPointerleave: o[11] || (o[11] = (n) => t(e).hoverRoot(!1, n)),
|
|
162
|
+
onFocusout: o[12] || (o[12] = //@ts-ignore
|
|
163
|
+
(...n) => t(e).focusOut && t(e).focusOut(...n))
|
|
164
|
+
}, [
|
|
165
|
+
(d(!0), P(S, null, B(t(e).menus.value, (n, i) => (d(), x(t(_), {
|
|
166
|
+
key: i,
|
|
167
|
+
"popup-transition": l.popupTransition,
|
|
168
|
+
"popup-transition-duration": l.popupTransitionDuration,
|
|
169
|
+
placement: i ? l.direction === "rtl" ? "left" : "right" : t(e).floating.placement.value,
|
|
170
|
+
onInactive: t(e).forceHide,
|
|
171
|
+
onEntered: o[9] || (o[9] = (g) => t(e).scheduleLayout(!0))
|
|
172
|
+
}, {
|
|
173
|
+
default: f(() => {
|
|
174
|
+
var g, K;
|
|
175
|
+
return [
|
|
176
|
+
t(e).open.value && t(e).live.value ? (d(), x(ee, v({
|
|
177
|
+
key: 0,
|
|
178
|
+
ref_for: !0,
|
|
179
|
+
ref: (s) => L(i, s)
|
|
180
|
+
}, { ref_for: !0 }, t(C), {
|
|
181
|
+
class: [
|
|
182
|
+
l.popupClass,
|
|
183
|
+
{
|
|
184
|
+
"hys-ui-menu-covered": i < t(e).menus.value.length - 1,
|
|
185
|
+
"hys-ui-menu-arrow": !i && l.arrow
|
|
186
|
+
}
|
|
187
|
+
],
|
|
188
|
+
"data-size": t(e).control.size.value,
|
|
189
|
+
"data-level": i,
|
|
190
|
+
"data-placement": i ? "right" : t(e).floating.placement.value,
|
|
191
|
+
style: N(i),
|
|
192
|
+
rows: n,
|
|
193
|
+
level: i,
|
|
194
|
+
id: m + "-menu-" + i,
|
|
195
|
+
"root-id": m,
|
|
196
|
+
label: i && ((g = t(e).branches.value[i - 1]) == null ? void 0 : g.label) || l.ariaLabel,
|
|
197
|
+
"parent-label": (K = t(e).branches.value[i - 1]) == null ? void 0 : K.label,
|
|
198
|
+
busy: t(e).busy.value,
|
|
199
|
+
loading: !!l.loading,
|
|
200
|
+
direction: l.direction,
|
|
201
|
+
"empty-text": l.emptyText,
|
|
202
|
+
"loading-text": l.loadingText,
|
|
203
|
+
"back-text": l.backText,
|
|
204
|
+
context: t(e).context,
|
|
205
|
+
tabbable: t(e).tabbable,
|
|
206
|
+
onChoose: t(e).choose,
|
|
207
|
+
onFocusRow: o[7] || (o[7] = (s) => t(e).setActive(s)),
|
|
208
|
+
onHoverRow: t(e).hoverRow,
|
|
209
|
+
onKeyboard: (s) => t(e).keyboard(i, s),
|
|
210
|
+
onBack: (s) => t(e).setPath(t(e).openPath.value.slice(0, i - 1), !0),
|
|
211
|
+
onScroll: o[8] || (o[8] = (s) => t(e).scheduleLayout())
|
|
212
|
+
}), Q({ _: 2 }, [
|
|
213
|
+
B(F.value, (s) => ({
|
|
214
|
+
name: s,
|
|
215
|
+
fn: f((D) => [
|
|
216
|
+
k(a.$slots, s, v({ ref_for: !0 }, D || {}), void 0, !0)
|
|
217
|
+
])
|
|
218
|
+
})),
|
|
219
|
+
!i && a.$slots.header ? {
|
|
220
|
+
name: "header",
|
|
221
|
+
fn: f(() => [
|
|
222
|
+
k(a.$slots, "header", {
|
|
223
|
+
close: () => t(e).hide()
|
|
224
|
+
}, void 0, !0)
|
|
225
|
+
]),
|
|
226
|
+
key: "0"
|
|
227
|
+
} : void 0,
|
|
228
|
+
!i && a.$slots.footer ? {
|
|
229
|
+
name: "footer",
|
|
230
|
+
fn: f(() => [
|
|
231
|
+
k(a.$slots, "footer", {
|
|
232
|
+
close: () => t(e).hide()
|
|
233
|
+
}, void 0, !0)
|
|
234
|
+
]),
|
|
235
|
+
key: "1"
|
|
236
|
+
} : void 0
|
|
237
|
+
]), 1040, ["class", "data-size", "data-level", "data-placement", "style", "rows", "level", "id", "label", "parent-label", "busy", "loading", "direction", "empty-text", "loading-text", "back-text", "context", "tabbable", "onChoose", "onHoverRow", "onKeyboard", "onBack"])) : X("", !0)
|
|
238
|
+
];
|
|
239
|
+
}),
|
|
240
|
+
_: 2
|
|
241
|
+
}, 1032, ["popup-transition", "popup-transition-duration", "placement", "onInactive"]))), 128))
|
|
242
|
+
], 36)
|
|
243
|
+
], 8, ["to", "disabled"]))
|
|
244
|
+
], 64));
|
|
245
|
+
}
|
|
246
|
+
});
|
|
2
247
|
export {
|
|
3
|
-
|
|
248
|
+
re as default
|
|
4
249
|
};
|