{"version":3,"file":"vexip-ui.cjs","sources":["../common/utils/src/common.ts","../common/utils/src/color.ts","../common/utils/src/counter.ts","../common/utils/src/data.ts","../common/utils/src/number.ts","../common/utils/src/date.ts","../common/utils/src/deep-clone.ts","../common/utils/src/destroy-object.ts","../common/utils/src/dom-event.ts","../common/utils/src/dom.ts","../common/utils/src/event-emitter.ts","../common/utils/src/log.ts","../common/utils/src/performance.ts","../common/utils/src/support.ts","../common/utils/src/transform.ts","../common/utils/src/word-case.ts","../common/config/src/hover-delay.ts","../common/config/src/locale/zh-CN.ts","../common/config/src/locale/index.ts","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/shared/src/utils.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/defaultAttributes.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/Icon.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/createLucideIcon.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/arrow-left-right.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/calendar.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/check.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-down.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-left.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-right.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-up.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevrons-left.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevrons-right.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-alert.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-check.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-help.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-x.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/clock.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/cloud-upload.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/ellipsis.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/eye-off.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/eye.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file-archive.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file-code.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file-image.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file-music.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file-text.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file-video.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/file.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/flip-horizontal.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/flip-vertical.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/fullscreen.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/funnel.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/grip-vertical.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/image.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/indent-decrease.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/indent-increase.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/info.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/loader-circle.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/log-out.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/maximize.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/message-circle-question.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/minimize.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/minus.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/moon.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/pause.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/picture-in-picture.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/play.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/plus.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/refresh-cw.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/repeat-2.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/rotate-ccw.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/rotate-cw.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/siren.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/skip-back.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/skip-forward.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/square-minus.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/square-plus.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/sun.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/trash-2.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/upload.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/user-round.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/volume-1.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/volume-2.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/volume-x.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/zoom-in.js","../node_modules/.pnpm/lucide-vue-next@0.511.0_vue@3.5.15_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/zoom-out.js","../common/config/src/icons.ts","../common/bem-helper/src/index.ts","../common/config/src/namespace.ts","../common/config/src/id.ts","../common/config/src/props.ts","../common/config/src/z-index.ts","../components/icon/props.ts","../components/icon/icon.tsx","../components/renderer/props.ts","../components/renderer/renderer.ts","../components/spin/props.ts","../components/spin/spin.vue","../directives/loading/index.ts","../common/hooks/src/listener.ts","../common/hooks/src/clickoutside.ts","../common/hooks/src/display.ts","../common/hooks/src/shared/utils.ts","../common/hooks/src/full-screen.ts","../common/hooks/src/hover.ts","../common/hooks/src/intersection.ts","../common/hooks/src/manual-ref.ts","../common/hooks/src/modifier.ts","../common/hooks/src/mounted.ts","../common/hooks/src/moving.ts","../common/hooks/src/pointer.ts","../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../node_modules/.pnpm/@floating-ui+core@1.7.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../node_modules/.pnpm/@floating-ui+dom@1.7.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/hasActiveObservations.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/hasSkippedObservations.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/deliverResizeLoopError.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObserverBoxOptions.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/freeze.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObserverSize.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/DOMRectReadOnly.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/element.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/global.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObserverEntry.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/calculateDepthForNode.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/broadcastActiveObservations.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/algorithms/gatherActiveObservationsAtDepth.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/process.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/queueMicroTask.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/queueResizeObserver.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/utils/scheduler.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObservation.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObserverDetail.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObserverController.js","../node_modules/.pnpm/@juggle+resize-observer@3.4.0/node_modules/@juggle/resize-observer/lib/ResizeObserver.js","../common/hooks/src/resize.ts","../common/hooks/src/rtl.ts","../common/hooks/src/popper.ts","../common/hooks/src/theme.ts","../common/hooks/src/timer-record.ts","../common/hooks/src/virtual.ts","../directives/resize/index.ts","../directives/index.ts","../components/affix/props.ts","../components/affix/helpers.ts","../components/affix/affix.vue","../components/collapse/props.ts","../components/collapse/collapse-transition.ts","../components/alert/props.ts","../components/alert/symbol.ts","../components/alert/alert.vue","../components/anchor/props.ts","../components/anchor/symbol.ts","../components/anchor/anchor-link.vue","../components/anchor/helper.ts","../components/anchor/anchor.vue","../components/row/props.ts","../components/row/symbol.ts","../components/row/row.ts","../components/form/props.ts","../components/form/symbol.ts","../components/form/form.vue","../components/form/helper.ts","../components/form/validator.ts","../components/input/props.ts","../components/input/input.tsx","../components/scrollbar/props.ts","../components/scrollbar/symbol.ts","../components/scrollbar/hooks.ts","../components/scrollbar/scrollbar.vue","../components/resize-observer/props.ts","../components/resize-observer/resize-observer.ts","../components/native-scroll/props.ts","../components/native-scroll/helper.ts","../components/native-scroll/hooks.ts","../components/native-scroll/native-scroll.tsx","../components/option/props.ts","../components/option/option.vue","../components/overflow/props.ts","../components/overflow/overflow.tsx","../components/portal/portal.vue","../components/popper/props.ts","../components/popper/popper.vue","../components/tag/props.ts","../components/tag/tag.tsx","../components/tooltip/props.ts","../components/tooltip/tooltip.tsx","../components/virtual-list/props.ts","../components/virtual-list/virtual-list.tsx","../components/select/props.ts","../components/select/symbol.ts","../components/select/select.vue","../components/auto-complete/props.ts","../components/auto-complete/auto-complete.vue","../components/avatar/props.ts","../components/avatar/symbol.ts","../components/avatar/avatar.vue","../components/avatar/avatar-group.vue","../components/badge/props.ts","../components/badge/symbol.ts","../components/badge/badge.vue","../components/breadcrumb/props.ts","../components/breadcrumb/symbol.ts","../components/breadcrumb/breadcrumb-item.vue","../components/breadcrumb/breadcrumb.vue","../components/bubble/props.ts","../components/bubble/symbol.ts","../components/bubble/bubble.vue","../components/button/props.ts","../components/button/symbol.ts","../components/button/button.tsx","../components/button/button-group.vue","../components/row/column.ts","../components/number-input/props.ts","../components/number-input/number-input.vue","../components/calendar/calendar-cell.vue","../components/calendar/props.ts","../components/calendar/calendar-panel.vue","../components/calendar/calendar.vue","../components/captcha/props.ts","../components/captcha/captcha-slider.vue","../components/captcha/hollow-paths.ts","../components/captcha/captcha.tsx","../components/card/props.ts","../components/card/card.vue","../components/carousel/props.ts","../components/carousel/symbol.ts","../components/carousel/carousel.vue","../components/carousel/carousel-item.vue","../components/checkbox/props.ts","../components/checkbox/symbol.ts","../components/checkbox/checkbox.vue","../components/cascader/cascader-panel.vue","../components/cascader/props.ts","../components/cascader/cascader.vue","../components/grid/props.ts","../components/grid/helper.ts","../components/grid/symbol.ts","../components/grid/cell.ts","../components/checkbox/checkbox-group.vue","../components/collapse/symbol.ts","../components/collapse/collapse.vue","../components/collapse/collapse-panel.vue","../components/color-picker/color-palette.vue","../components/color-picker/color-hue.vue","../components/color-picker/color-alpha.vue","../components/color-picker/props.ts","../components/color-picker/symbol.ts","../components/color-picker/color-picker.vue","../components/config-provider/props.ts","../components/config-provider/config-provider.tsx","../components/masker/props.ts","../components/masker/masker.vue","../components/modal/props.ts","../components/modal/modal.vue","../components/modal/index.ts","../components/confirm/props.ts","../components/confirm/confirm.vue","../components/confirm/index.ts","../components/dropdown/symbol.ts","../components/dropdown/dropdown-drop.ts","../components/dropdown/props.ts","../components/dropdown/hooks.ts","../components/dropdown/dropdown.vue","../components/dropdown/dropdown-list.vue","../components/dropdown/dropdown-item.vue","../components/contextmenu/render.tsx","../components/contextmenu/contextmenu.vue","../components/contextmenu/index.ts","../components/date-picker/symbol.ts","../components/date-picker/helper.ts","../components/date-picker/date-control.vue","../components/scroll/props.ts","../components/scroll/hooks.ts","../components/scroll/symbol.ts","../components/scroll/scroll.vue","../components/wheel/symbol.ts","../components/wheel/wheel-item.vue","../components/wheel/props.ts","../components/wheel/wheel.vue","../components/date-picker/time-wheel.vue","../components/date-picker/date-panel.vue","../components/date-picker/props.ts","../components/date-picker/date-picker.vue","../components/divider/props.ts","../components/divider/divider.vue","../components/drawer/props.ts","../components/drawer/symbol.ts","../components/drawer/drawer.vue","../components/ellipsis/props.ts","../components/ellipsis/ellipsis.vue","../components/form/form-item.vue","../components/form/form-reset.vue","../components/form/form-submit.vue","../components/full-screen/props.ts","../components/full-screen/full-screen.vue","../components/grid/grid.ts","../components/highlight/props.ts","../components/highlight/highlight.vue","../components/viewer/props.ts","../components/viewer/symbol.ts","../components/viewer/viewer.vue","../components/image/props.ts","../components/image/image-viewer.vue","../components/skeleton/props.ts","../components/skeleton/symbol.ts","../components/skeleton/skeleton.tsx","../components/image/symbol.ts","../components/image/image.vue","../components/image/image-group.vue","../components/layout/props.ts","../components/layout/symbol.ts","../components/layout/helper.ts","../components/layout/layout-main.tsx","../components/menu/props.ts","../components/menu/symbol.ts","../components/menu/menu-item.tsx","../components/menu/menu-group.tsx","../components/menu/menu-rest.tsx","../components/menu/menu.tsx","../components/switch/props.ts","../components/switch/switch.vue","../components/layout/layout-header.tsx","../components/linker/props.ts","../components/linker/linker.vue","../components/layout/layout-footer.tsx","../components/layout/layout-aside.tsx","../components/layout/layout.tsx","../components/loading/loading.vue","../components/loading/index.ts","../components/popup/symbol.ts","../components/popup/popup-item.vue","../components/popup/popup.vue","../components/message/symbol.ts","../components/message/message.vue","../components/message/index.ts","../components/notice/symbol.ts","../components/notice/notice.vue","../components/notice/index.ts","../components/option/option-group.vue","../components/pagination/props.ts","../components/pagination/pagination.tsx","../components/progress/props.ts","../components/progress/symbol.ts","../components/progress/progress.vue","../components/radio/props.ts","../components/radio/symbol.ts","../components/radio/radio.vue","../components/radio/radio-group.vue","../components/result/props.ts","../components/result/symbol.ts","../components/result/result.vue","../components/skeleton/skeleton-group.ts","../components/slider/slider-trigger.vue","../components/slider/props.ts","../components/slider/slider.vue","../components/space/props.ts","../components/space/space.tsx","../components/split/props.ts","../components/split/split.vue","../components/tab-nav/props.ts","../components/tab-nav/symbol.ts","../components/tab-nav/tab-nav-item.vue","../components/tab-nav/tab-nav.vue","../components/tabs/props.ts","../components/tabs/symbol.ts","../components/tabs/tab-panel.vue","../components/table/props.ts","../components/table/symbol.ts","../components/table/table-column.ts","../components/table/table-column-group.tsx","../components/table/table-summary.ts","../components/table/table-icon.vue","../components/table/table-head-cell.vue","../components/table/table-row.vue","../components/table/table-head.vue","../components/table/table-cell.vue","../components/table/table-body.vue","../components/table/table-foot-cell.vue","../components/table/table-foot.vue","../components/tree/hooks.ts","../components/table/store.ts","../components/table/table.vue","../components/table/helper.ts","../components/tabs/tabs.vue","../components/textarea/props.ts","../components/textarea/textarea.vue","../components/time-ago/helper.ts","../components/time-ago/props.ts","../components/time-ago/time-ago.vue","../components/date-picker/time-control.vue","../components/date-picker/time-picker.vue","../components/timeline/props.ts","../components/timeline/symbol.ts","../components/timeline/timeline.vue","../components/timeline/timeline-item.vue","../components/toast/props.ts","../components/toast/symbol.ts","../components/toast/toast.vue","../components/toast/index.ts","../components/tour/props.ts","../components/tour/symbol.ts","../components/tour/tour.vue","../components/tour/tour-step.ts","../components/transfer/transfer-panel.tsx","../components/transfer/props.ts","../components/transfer/transfer.tsx","../components/tree/symbol.ts","../components/tree/tree-node.vue","../components/tree/props.ts","../components/tree/tree.vue","../components/upload/props.ts","../components/upload/file-icon.ts","../components/upload/symbol.ts","../components/upload/upload-file.vue","../components/upload/upload-list.vue","../components/upload/request.ts","../components/upload/upload.tsx","../components/video/props.ts","../components/video/symbol.ts","../components/video/video-control.vue","../components/video/helper.ts","../components/video/video-progress.vue","../components/video/video-timer.vue","../components/video/video-volume.vue","../components/video/video.tsx","../components/typography/props.ts","../components/typography/title.tsx","../components/typography/text.tsx","../components/typography/blockquote.tsx","../components/typography/ol.tsx","../components/typography/ul.tsx","../components/typography/h.tsx","../components/typography/p.tsx","../components/typography/strong.tsx","../components/create.ts","../components/version.ts","../components/index.ts"],"sourcesContent":["/** 当前环境是否为客户端 */\nexport const isClient = typeof window !== 'undefined'\n/** 当前环境是否为 IOS */\nexport const isIOS =\n /* #__PURE__ */ isClient &&\n window?.navigator?.userAgent &&\n /iP(ad|hone|od)/.test(window.navigator.userAgent)\n\nconst toString = Object.prototype.toString\nconst hasOwnProperty = Object.prototype.hasOwnProperty\n\n/**\n * 判断一个值是否为指定的类型\n *\n * @param value 需判断的值\n * @param type 指定的类型，注意大小写\n *\n * @returns 类型是否匹配\n */\nexport function is(value: unknown, type: string) {\n return toString.call(value) === `[object ${type}]`\n}\n\n/**\n * 判断一个对象是否包含指定的键值\n *\n * @param value 需判断的对象\n * @param key 指定的键值\n *\n * @returns 是否包含键值\n */\nexport function has(value: Record, key: string | symbol): key is keyof typeof value {\n return hasOwnProperty.call(value, key)\n}\n\n/**\n * 判断一个值是否已定义\n *\n * @param value 需判断的值\n *\n * @returns 是否已定义\n */\nexport function isDefined(\n value: T | undefined | null,\n): value is Exclude {\n return value !== undefined && value !== null\n}\n\n/**\n * 判断一个值是否未被定义\n *\n * @param value 需判断的值\n *\n * @returns 是否未定义\n */\nexport function isNull(value: unknown): value is null | undefined {\n return value === undefined || value === null\n}\n\n/**\n * 判断一个值是否为数字\n *\n * @param value 需判断的值\n *\n * @returns 是否为数字\n */\nexport function isNumber(value: unknown): value is number {\n return typeof value === 'number'\n}\n\n/**\n * 判断一个值是否为 `NaN`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `NaN`\n */\nexport function isNaN(value: unknown): value is number {\n return Number.isNaN(value)\n}\n\n/**\n * 判断一个值是否为字符串\n *\n * @param value 需判断的值\n *\n * @returns 是否为字符串\n */\nexport function isString(value: unknown): value is string {\n return typeof value === 'string'\n}\n\n/**\n * 判断一个值是否为布尔值\n *\n * @param value 需判断的值\n *\n * @returns 是否为布尔值\n */\nexport function isBoolean(value: unknown): value is boolean {\n return typeof value === 'boolean'\n}\n\n/**\n * 判断一个值是否为 `true`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `true`\n */\nexport function isTrue(value: unknown): value is true {\n return value === true\n}\n\n/**\n * 判断一个值是否为 `false`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `false`\n */\nexport function isFalse(value: unknown): value is false {\n return value === false\n}\n\n/**\n * 判断一个值是否为 `Symbol`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `Symbol`\n */\nexport function isSymbol(value: unknown): value is symbol {\n return typeof value === 'symbol'\n}\n\n/**\n * 判断一个值是否为 `BigInt`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `BigInt`\n */\nexport function isBigInt(value: unknown): value is bigint {\n return typeof value === 'bigint'\n}\n\n/**\n * 判断一个值是否为数组\n *\n * @param value 需判断的值\n *\n * @returns 是否为数组\n */\nexport function isArray(value: unknown): value is T[] {\n return Array.isArray(value)\n}\n\n/**\n * 判断一个值是否为对象\n *\n * 注意，`null` 与原生的特殊对象不被包含\n *\n * @param value 需判断的值\n *\n * @returns 是否为对象\n */\nexport function isObject = Record>(\n value: unknown,\n): value is T {\n return is(value, 'Object')\n}\n\n/**\n * 判断一个值是否为 `Promise`\n *\n * 如果一个对象包含 `then` 和 `catch` 方法，则被认为是一个 `Promise`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `Promise`\n */\nexport function isPromise(value: unknown): value is Promise {\n return (\n !!value &&\n typeof (value as any).then === 'function' &&\n typeof (value as any).catch === 'function'\n )\n}\n\n/**\n * 判断一个值是否为函数\n *\n * @param value 需判断的值\n *\n * @returns 是否为函数\n */\nexport function isFunction(value: unknown): value is (...any: any[]) => any {\n return typeof value === 'function'\n}\n\n/**\n * 判断一个值是否为 `Set`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `Set`\n */\nexport function isSet(value: unknown): value is Set {\n return is(value, 'Set')\n}\n\n/**\n * 判断一个值是否为 `Map`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `Map`\n */\nexport function isMap(value: unknown): value is Map {\n return is(value, 'Map')\n}\n\n/**\n * 判断一个值是否为 `Date`\n *\n * @param value 需判断的值\n *\n * @returns 是否为 `Date`\n */\nexport function isDate(value: unknown): value is Date {\n return is(value, 'Date')\n}\n\n/**\n * 判断一个值是否为正则\n *\n * @param value 需判断的值\n *\n * @returns 是否为正则\n */\nexport function isRegExp(value: unknown): value is RegExp {\n return is(value, 'RegExp')\n}\n\n/**\n * 判断一个值是否为空\n *\n * - 如果这是一个数组或字符串，则 `length` 为 `0` 时为空\n * - 如果这是一个 `Set` 或 `Map`，则 `size` 为 `0` 时为空\n * - 如果这是一个对象，则无任何键值时为空\n * - 如果这是一个数字，则为 `NaN` 时为空\n * - 其余情况下，未定义时为空\n *\n * @param value 需判断的值\n *\n * @returns 是否为空\n */\nexport function isEmpty(value: unknown) {\n if (Array.isArray(value) || typeof value === 'string') {\n return value.length === 0\n }\n\n if (value instanceof Map || value instanceof Set) {\n return value.size === 0\n }\n\n if (isObject(value)) {\n return Object.keys(value).length === 0\n }\n\n if (typeof value === 'number') {\n return isNaN(value)\n }\n\n return isNull(value)\n}\n\n/**\n * 判断一个值是否为 `Element`\n *\n * @param value 需判断的值\n * @param ssr 是否考虑服务端渲染\n *\n * @returns 是否为 `Element`\n */\nexport function isElement(value: unknown, ssr = false): value is T {\n if (!ssr && !isClient) return false\n\n return !!(value && 'nodeType' in (value as any))\n}\n\n/**\n * 判断一个值能否被迭代\n *\n * @param value 需判断的值\n *\n * @returns 能否被迭代\n */\nexport function isIterable(value: unknown) {\n return isDefined(value) && typeof (value as any)[Symbol.iterator] === 'function'\n}\n\n/**\n * 一个空的占位函数\n */\nexport function noop(...args: any[]): any\nexport function noop() {}\n\n/**\n * 一个返回 `true` 的占位函数\n *\n * @returns `true`\n */\nexport function toTrue(...args: any[]): true\nexport function toTrue() {\n return true\n}\n\n/**\n * 一个返回 `false` 的占位函数\n *\n * @returns `false`\n */\nexport function toFalse(...args: any[]): false\nexport function toFalse() {\n return false\n}\n\n/**\n * 生成一个值递进的数组\n *\n * @param size 大小\n * @param start 开始的数值，默认为 1\n * @param step 跨度，默认为 1\n *\n * @returns 生成的数组\n */\nexport function range(size: number, start = 1, step = 1) {\n const array: number[] = []\n\n for (let i = 0; i < size; ++i) {\n array.push(start + i * step)\n }\n\n return array\n}\n\n/**\n * 获取变量的类型\n *\n * @param value 任意变量\n *\n * @returns 变量的类型\n */\nexport function getType(value: unknown) {\n return Object.prototype.toString.call(value).slice(8, -1)\n}\n\n/**\n * 根据长度生成一串随机的字符串\n *\n * @param length 字符串的长度\n *\n * @returns 生成的字符串\n */\nexport function randomString(length = 16) {\n const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'\n const maxPos = chars.length\n\n let string = ''\n\n while (length--) {\n string += chars.charAt(Math.floor(Math.random() * maxPos))\n }\n\n return string\n}\n\n/**\n * 根据一系列判断条件，执行第一个为 `true` 的条件所对应的回调函数\n *\n * @param conditions 判断条件及回调函数\n * @param options 额外的选项\n *\n * @returns 是否匹配了任一条件\n */\nexport async function decide(\n conditions: [boolean | (() => boolean), () => void | Promise][],\n options: {\n /**\n * 当匹配任意一个条件时，会在该条件对应的回调函数执行前执行\n */\n beforeMatchAny?: () => void | Promise,\n /**\n * 当匹配任意一个条件时，会在该条件对应的回调函数执行完后执行\n */\n afterMatchAny?: () => void | Promise,\n } = {},\n) {\n if (conditions.length) {\n for (const [condition, callback] of conditions) {\n if (typeof condition === 'function' ? condition() : condition) {\n if (typeof options.beforeMatchAny === 'function') {\n await options.beforeMatchAny()\n }\n\n await callback()\n\n if (typeof options.afterMatchAny === 'function') {\n await options.afterMatchAny()\n }\n\n return true\n }\n }\n }\n\n return false\n}\n","import { isDefined } from './common'\n\ninterface RGB extends Record {\n r: number,\n g: number,\n b: number,\n a?: number,\n}\n\nexport interface RGBColor extends RGB {\n a?: 1,\n format?: 'name' | 'rgb',\n}\n\nexport interface RGBAColor extends RGB {\n a: number,\n format?: 'name' | 'rgba',\n}\n\nexport interface HEX3Color extends RGB {\n a?: 1,\n format?: 'name' | 'hex3',\n}\nexport interface HEX4Color extends RGB {\n a: number,\n format?: 'name' | 'hex4',\n}\nexport interface HEX6Color extends RGB {\n a?: 1,\n format?: 'name' | 'hex6',\n}\nexport interface HEX8Color extends RGB {\n a: number,\n format?: 'name' | 'hex8',\n}\n\ninterface HSL extends Record {\n h: number,\n s: number,\n l: number,\n a?: number,\n}\n\nexport interface HSLColor extends HSL {\n a?: 1,\n format?: 'name' | 'hsl',\n}\n\nexport interface HSLAColor extends HSL {\n a: number,\n format?: 'name' | 'hsla',\n}\n\ninterface HSV extends Record {\n h: number,\n s: number,\n v: number,\n a?: number,\n}\n\nexport interface HSVColor extends HSV {\n a?: 1,\n format?: 'name' | 'hsv',\n}\n\nexport interface HSVAColor extends HSV {\n a: number,\n format?: 'name' | 'hsva',\n}\n\nexport type Color =\n | string\n | RGBColor\n | RGBAColor\n | HSLColor\n | HSLAColor\n | HSVColor\n | HSVAColor\n | HEX3Color\n | HEX4Color\n | HEX6Color\n | HEX8Color\n\nexport type ObjectColor = Exclude\n\nexport interface ColorMeta {\n rgb: RGBColor,\n hsl: HSLColor,\n hsv: HSVColor,\n hex: string,\n alpha: number,\n rgba: RGBAColor,\n hsla: HSLAColor,\n hsva: HSVAColor,\n hex8: string,\n gray: number,\n origin: Color,\n}\n\nexport type ColorType = 'hex' | 'rgb' | 'hsv' | 'hsl'\n\nconst INTEGER_REG = '[-\\\\+]?\\\\d+%?'\nconst NUMBER_REG = '[-\\\\+]?\\\\d*\\\\.\\\\d+%?'\n\nconst NUMBER_UNIT = `(?:${NUMBER_REG})|(?:${INTEGER_REG})`\n\nconst COLOR_REG_3 = `[\\\\s|\\\\(]+(${NUMBER_UNIT})[,|\\\\s]+(${NUMBER_UNIT})[,|\\\\s]+(${NUMBER_UNIT})\\\\s*\\\\)?`\nconst COLOR_REG_4 = `[\\\\s|\\\\(]+(${NUMBER_UNIT})[,|\\\\s]+(${NUMBER_UNIT})[,|\\\\s]+(${NUMBER_UNIT})[,|\\\\s]+(${NUMBER_UNIT})\\\\s*\\\\)?`\n\n// const UNIT_REG = new RegExp(NUMBER_UNIT)\n\n// const FORMAT_REG = /^((((?:rgb)|(?:hsl)|(?:hsv))a?)|hex[3468]?|name)$/\n\nexport const RGB_REG = new RegExp(`rgb${COLOR_REG_3}`)\nexport const RGBA_REG = new RegExp(`rgba${COLOR_REG_4}`)\nexport const HSL_REG = new RegExp(`hsl${COLOR_REG_4}`)\nexport const HSLA_REG = new RegExp(`hsla${COLOR_REG_4}`)\nexport const HSV_REG = new RegExp(`hsv${COLOR_REG_4}`)\nexport const HSVA_REG = new RegExp(`hsva${COLOR_REG_4}`)\n\nexport const HEX_REG_3 = /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/\nexport const HEX_REG_4 = /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/\nexport const HEX_REG_6 = /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/\nexport const HEX_REG_8 = /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/\n\nexport const NAMED_COLORS = Object.freeze({\n aliceblue: 'f0f8ff',\n antiquewhite: 'faebd7',\n aqua: '0ff',\n aquamarine: '7fffd4',\n azure: 'f0ffff',\n beige: 'f5f5dc',\n bisque: 'ffe4c4',\n black: '000',\n blanchedalmond: 'ffebcd',\n blue: '00f',\n blueviolet: '8a2be2',\n brown: 'a52a2a',\n burlywood: 'deb887',\n burntsienna: 'ea7e5d',\n cadetblue: '5f9ea0',\n chartreuse: '7fff00',\n chocolate: 'd2691e',\n coral: 'ff7f50',\n cornflowerblue: '6495ed',\n cornsilk: 'fff8dc',\n crimson: 'dc143c',\n cyan: '0ff',\n darkblue: '00008b',\n darkcyan: '008b8b',\n darkgoldenrod: 'b8860b',\n darkgray: 'a9a9a9',\n darkgreen: '006400',\n darkgrey: 'a9a9a9',\n darkkhaki: 'bdb76b',\n darkmagenta: '8b008b',\n darkolivegreen: '556b2f',\n darkorange: 'ff8c00',\n darkorchid: '9932cc',\n darkred: '8b0000',\n darksalmon: 'e9967a',\n darkseagreen: '8fbc8f',\n darkslateblue: '483d8b',\n darkslategray: '2f4f4f',\n darkslategrey: '2f4f4f',\n darkturquoise: '00ced1',\n darkviolet: '9400d3',\n deeppink: 'ff1493',\n deepskyblue: '00bfff',\n dimgray: '696969',\n dimgrey: '696969',\n dodgerblue: '1e90ff',\n firebrick: 'b22222',\n floralwhite: 'fffaf0',\n forestgreen: '228b22',\n fuchsia: 'f0f',\n gainsboro: 'dcdcdc',\n ghostwhite: 'f8f8ff',\n gold: 'ffd700',\n goldenrod: 'daa520',\n gray: '808080',\n green: '008000',\n greenyellow: 'adff2f',\n grey: '808080',\n honeydew: 'f0fff0',\n hotpink: 'ff69b4',\n indianred: 'cd5c5c',\n indigo: '4b0082',\n ivory: 'fffff0',\n khaki: 'f0e68c',\n lavender: 'e6e6fa',\n lavenderblush: 'fff0f5',\n lawngreen: '7cfc00',\n lemonchiffon: 'fffacd',\n lightblue: 'add8e6',\n lightcoral: 'f08080',\n lightcyan: 'e0ffff',\n lightgoldenrodyellow: 'fafad2',\n lightgray: 'd3d3d3',\n lightgreen: '90ee90',\n lightgrey: 'd3d3d3',\n lightpink: 'ffb6c1',\n lightsalmon: 'ffa07a',\n lightseagreen: '20b2aa',\n lightskyblue: '87cefa',\n lightslategray: '789',\n lightslategrey: '789',\n lightsteelblue: 'b0c4de',\n lightyellow: 'ffffe0',\n lime: '0f0',\n limegreen: '32cd32',\n linen: 'faf0e6',\n magenta: 'f0f',\n maroon: '800000',\n mediumaquamarine: '66cdaa',\n mediumblue: '0000cd',\n mediumorchid: 'ba55d3',\n mediumpurple: '9370db',\n mediumseagreen: '3cb371',\n mediumslateblue: '7b68ee',\n mediumspringgreen: '00fa9a',\n mediumturquoise: '48d1cc',\n mediumvioletred: 'c71585',\n midnightblue: '191970',\n mintcream: 'f5fffa',\n mistyrose: 'ffe4e1',\n moccasin: 'ffe4b5',\n navajowhite: 'ffdead',\n navy: '000080',\n oldlace: 'fdf5e6',\n olive: '808000',\n olivedrab: '6b8e23',\n orange: 'ffa500',\n orangered: 'ff4500',\n orchid: 'da70d6',\n palegoldenrod: 'eee8aa',\n palegreen: '98fb98',\n paleturquoise: 'afeeee',\n palevioletred: 'db7093',\n papayawhip: 'ffefd5',\n peachpuff: 'ffdab9',\n peru: 'cd853f',\n pink: 'ffc0cb',\n plum: 'dda0dd',\n powderblue: 'b0e0e6',\n purple: '800080',\n rebeccapurple: '663399',\n red: 'f00',\n rosybrown: 'bc8f8f',\n royalblue: '4169e1',\n saddlebrown: '8b4513',\n salmon: 'fa8072',\n sandybrown: 'f4a460',\n seagreen: '2e8b57',\n seashell: 'fff5ee',\n sienna: 'a0522d',\n silver: 'c0c0c0',\n skyblue: '87ceeb',\n slateblue: '6a5acd',\n slategray: '708090',\n slategrey: '708090',\n snow: 'fffafa',\n springgreen: '00ff7f',\n steelblue: '4682b4',\n tan: 'd2b48c',\n teal: '008080',\n thistle: 'd8bfd8',\n tomato: 'ff6347',\n turquoise: '40e0d0',\n violet: 'ee82ee',\n wheat: 'f5deb3',\n white: 'fff',\n whitesmoke: 'f5f5f5',\n yellow: 'ff0',\n yellowgreen: '9acd32',\n})\n\nexport type ColorName = keyof typeof NAMED_COLORS\n\nexport const COLOR_NAMES = Object.freeze(new Set(Object.keys(NAMED_COLORS))) as Readonly<\n Set\n>\n\n/**\n * 判断给定的字符串是否为一个合法颜色值\n *\n * @param value 原始字符串\n *\n * @returns 是否为合法颜色\n */\nexport function isColor(value: string): boolean {\n value = String(value).trim().toLowerCase()\n\n if (!value) {\n return false\n }\n\n if (value === 'transparent' || NAMED_COLORS[value as ColorName]) {\n return true\n }\n\n return (\n value === 'transparent' ||\n COLOR_NAMES.has(value as ColorName) ||\n RGB_REG.test(value) ||\n RGBA_REG.test(value) ||\n HSL_REG.test(value) ||\n HSLA_REG.test(value) ||\n HSV_REG.test(value) ||\n HSVA_REG.test(value) ||\n HEX_REG_3.test(value) ||\n HEX_REG_4.test(value) ||\n HEX_REG_6.test(value) ||\n HEX_REG_8.test(value)\n )\n}\n\n/**\n * 将给定的字符串转化为 {@link ObjectColor}，无法转换时返回 null\n *\n * @param color 原始颜色字符串\n *\n * @returns 解析后的颜色对象\n */\nexport function parseStringColor(color: string): ObjectColor | null {\n color = color.toString().trim().toLowerCase()\n\n if (color === 'transparent') {\n return { r: 0, g: 0, b: 0, a: 0, format: 'name', toString: toRgbString }\n }\n\n let named = false\n\n if (NAMED_COLORS[color as ColorName]) {\n color = NAMED_COLORS[color as ColorName]\n named = true\n }\n\n let match\n\n if ((match = RGB_REG.exec(color))) {\n const { r, g, b } = normalizeRgb(match[1], match[2], match[3])\n\n return {\n r: r * 255,\n g: g * 255,\n b: b * 255,\n format: 'rgb',\n toString: toRgbString,\n }\n }\n\n if ((match = RGBA_REG.exec(color))) {\n const { r, g, b } = normalizeRgb(match[1], match[2], match[3])\n\n return {\n r: r * 255,\n g: g * 255,\n b: b * 255,\n a: normalizeAlpha(match[4]),\n format: 'rgba',\n toString: toRgbString,\n }\n }\n\n if ((match = HSL_REG.exec(color))) {\n const { h, s, l } = normalizeHsl(match[0], match[1], match[3])\n\n return { h: h * 360, s, l, format: 'hsl', toString: toHslString }\n }\n\n if ((match = HSLA_REG.exec(color))) {\n const { h, s, l } = normalizeHsl(match[0], match[1], match[3])\n\n return {\n h: h * 360,\n s,\n l,\n a: normalizeAlpha(match[4]),\n format: 'hsla',\n toString: toHslString,\n }\n }\n\n if ((match = HSV_REG.exec(color))) {\n const { h, s, v } = normalizeHsv(match[0], match[1], match[3])\n\n return { h: h * 360, s, v, format: 'hsv', toString: toHsvString }\n }\n\n if ((match = HSVA_REG.exec(color))) {\n const { h, s, v } = normalizeHsv(match[0], match[1], match[3])\n\n return {\n h: h * 360,\n s,\n v,\n a: normalizeAlpha(match[4]),\n format: 'hsva',\n toString: toHsvString,\n }\n }\n\n if ((match = HEX_REG_3.exec(color))) {\n return {\n r: parseInt(`${match[1]}${match[1]}`, 16),\n g: parseInt(`${match[2]}${match[2]}`, 16),\n b: parseInt(`${match[3]}${match[3]}`, 16),\n format: named ? 'name' : 'hex3',\n toString: toRgbString,\n }\n }\n\n if ((match = HEX_REG_4.exec(color))) {\n return {\n r: parseInt(`${match[1]}${match[1]}`, 16),\n g: parseInt(`${match[2]}${match[2]}`, 16),\n b: parseInt(`${match[3]}${match[3]}`, 16),\n a: convertHexToDecimal(`${match[4]}${match[4]}`),\n format: named ? 'name' : 'hex4',\n toString: toRgbString,\n }\n }\n\n if ((match = HEX_REG_6.exec(color))) {\n return {\n r: parseInt(match[1], 16),\n g: parseInt(match[2], 16),\n b: parseInt(match[3], 16),\n format: named ? 'name' : 'hex6',\n toString: toRgbString,\n }\n }\n\n if ((match = HEX_REG_8.exec(color))) {\n return {\n r: parseInt(match[1], 16),\n g: parseInt(match[2], 16),\n b: parseInt(match[3], 16),\n a: convertHexToDecimal(match[4]),\n format: named ? 'name' : 'hex8',\n toString: toRgbString,\n }\n }\n\n return null\n}\n\n/**\n * 将给定的 {@link Color} 解析为 {@link ColorMeta}\n *\n * @param color 原始颜色值\n *\n * @returns 解析后的颜色元数据\n */\nexport function parseColor(color: Color): ColorMeta {\n const { a, ...rgb } = parseColorToRgba(color)\n\n delete rgb.format\n\n const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b)\n const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b)\n const hex = rgbToHex(rgb.r, rgb.g, rgb.b)\n\n const hex8 = rgbaToHex(rgb.r, rgb.g, rgb.b, a)\n\n return {\n rgb: rgb as RGBColor,\n hsl,\n hsv,\n hex,\n alpha: a,\n rgba: { ...rgb, a, format: 'rgba' },\n hsla: { ...hsl, a, format: 'hsla' },\n hsva: { ...hsv, a, format: 'hsva' },\n hex8,\n gray: rgbToGrayScale(rgb),\n origin: color,\n }\n}\n\n/**\n * 将给定的 {@link Color} 解析为 {@link RGBAColor}\n *\n * @param originColor 原始颜色值\n *\n * @returns 解析后的 RGB 颜色对象\n */\nexport function parseColorToRgba(originColor: Color): RGBAColor {\n let rgb: RGBColor = { r: 0, g: 0, b: 0 }\n let a = 1\n let color: Color | null\n\n if (typeof originColor === 'string') {\n color = parseStringColor(originColor)\n } else {\n color = originColor\n }\n\n if (color !== null && typeof color === 'object') {\n if ('l' in color) {\n rgb = hslToRgb(color.h, color.s, color.l)\n } else if ('v' in color) {\n rgb = hsvToRgb(color.h, color.s, color.v)\n }\n\n if ('a' in color) {\n a = normalizeAlpha(color.a ?? 1)\n\n if (Number.isNaN(a)) {\n a = 1\n }\n }\n\n rgb = color as RGBColor\n }\n\n return { ...rgb, a, format: 'rgba', toString: toRgbString }\n}\n\n/**\n * 将原始的 h、s、l 值标准化为 0 ~ 1 的值\n *\n * @param h 0 ~ 360\n * @param s 0 ~ 1，0% ~ 100%\n * @param l 0 ~ 1，0% ~ 100%\n *\n * @returns 标准化后的 HSL 对象\n */\nexport function normalizeHsl(h: number | string, s: number | string, l: number | string) {\n return {\n h: boundRange(h, 0, 360) / 360,\n s: boundRange(isPercentage(s) ? parsePercentage(s) : s, 0, 1),\n l: boundRange(isPercentage(l) ? parsePercentage(l) : l, 0, 1),\n }\n}\n\n/**\n * 将原始的 r、g、b 值标准化为 0 ~ 1 的值\n *\n * @param r 0 ~ 255\n * @param g 0 ~ 255\n * @param b 0 ~ 255\n *\n * @returns 标准化后 RGB 对象\n */\nexport function normalizeRgb(r: number | string, g: number | string, b: number | string) {\n return {\n r: boundRange(r, 0, 255) / 255,\n g: boundRange(g, 0, 255) / 255,\n b: boundRange(b, 0, 255) / 255,\n }\n}\n\n/**\n * 将原始的 h、s、v 值标准化为 0 ~ 1 的值\n *\n * @param h 0 ~ 360\n * @param s 0 ~ 1，0% ~ 100%\n * @param v 0 ~ 1，0% ~ 100%\n *\n * @returns 标准化的 HSV 对象\n */\nexport function normalizeHsv(h: number | string, s: number | string, v: number | string) {\n return {\n h: boundRange(h, 0, 360) / 360,\n s: boundRange(isPercentage(s) ? parsePercentage(s) : s, 0, 1),\n v: boundRange(isPercentage(v) ? parsePercentage(v) : v, 0, 1),\n }\n}\n\n/**\n * 将原始透明度值标准化为 0 ~ 1 的值\n *\n * @param a 0 ~ 1，0% ~ 100%\n *\n * @returns 标准化后的透明度\n */\nexport function normalizeAlpha(a: number | string) {\n return boundRange(isPercentage(a) ? parsePercentage(a) : a, 0, 1)\n}\n\n/**\n * 将 HSL 颜色转换为 RGB 颜色\n *\n * @param h 0 ~ 360\n * @param s 0 ~ 1，0% ~ 100%\n * @param l 0 ~ 1，0% ~ 100%\n *\n * @returns 转换后的 RGB 颜色\n */\nexport function hslToRgb(h: number | string, s: number | string, l: number | string): RGBColor {\n let r, g, b\n ;({ h, s, l } = normalizeHsl(h, s, l))\n\n if (s === 0) {\n r = g = b = l\n } else {\n const q = l < 0.5 ? 1 * (1 + s) : l + s - l * s\n const p = 2 * l - q\n\n r = hueToRgb(p, q, h + 1 / 3)\n g = hueToRgb(p, q, h)\n b = hueToRgb(p, q, h - 1 / 3)\n }\n\n r *= 255\n g *= 255\n b *= 255\n\n return { r, g, b, toString: toRgbString }\n}\n\n/**\n * 将 RGB 颜色转换为 HSL 颜色\n *\n * @param r 0 ~ 255\n * @param g 0 ~ 255\n * @param b 0 ~ 255\n *\n * @returns 转换后的 HSL 颜色\n */\nexport function rgbToHsl(r: number | string, g: number | string, b: number | string): HSLColor {\n ;({ r, g, b } = normalizeRgb(r, g, b))\n\n const max = Math.max(r, g, b)\n const min = Math.min(r, g, b)\n let h, s\n\n const l = (max + min) / 2\n\n if (max === min) {\n h = s = 0\n } else {\n const d = max - min\n\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n\n switch (max) {\n case r: {\n h = (g - b) / d + (g < b ? 6 : 0)\n break\n }\n case g: {\n h = (b - r) / d + 2\n break\n }\n case b: {\n h = (r - g) / d + 4\n break\n }\n default: {\n h = 0\n }\n }\n\n h *= 60\n }\n\n return { h, s, l, toString: toHslString }\n}\n\n/**\n * 将 HSL 颜色转换为 HSV 颜色\n *\n * @param h 0 ~ 360\n * @param s 0 ~ 1，0% ~ 100%\n * @param l 0 ~ 1，0% ~ 100%\n *\n * @returns 转换后的 HSV 颜色\n */\nexport function hslToHsv(h: number | string, s: number | string, l: number | string): HSVColor {\n ;({ h, s, l } = normalizeHsl(h, s, l))\n\n const v = 0.5 * (2 * l + s * (1 - Math.abs(2 * l - 1)))\n\n s = (2 * (v - l)) / v\n\n return { h: h * 360, s, v, toString: toHsvString }\n}\n\n/**\n * 将 HSV 颜色转换为 HSL 颜色\n *\n * @param h 0 ~ 360\n * @param s 0 ~ 1，0% ~ 100%\n * @param v 0 ~ 1，0% ~ 100%\n *\n * @returns 转换后的 HSL 颜色\n */\nexport function hsvToHsl(h: number | string, s: number | string, v: number | string): HSLColor {\n ;({ h, s, v } = normalizeHsv(h, s, v))\n\n const l = 0.5 * v * (2 - s)\n\n s = (v * s) / (1 - Math.abs(2 * l - 1))\n\n return { h: h * 360, s, l, toString: toHslString }\n}\n\n/**\n * 将 HSV 颜色转换为 RGB 颜色\n *\n * @param h 0 ~ 360\n * @param s 0 ~ 1，0% ~ 100%\n * @param v 0 ~ 1，0% ~ 100%\n *\n * @returns 转换后的 RGB 颜色\n */\nexport function hsvToRgb(h: number | string, s: number | string, v: number | string): RGBColor {\n ;({ h, s, v } = normalizeHsv(h, s, v))\n\n h *= 6\n\n const i = Math.floor(h)\n const f = h - i\n const p = v * (1 - s)\n const q = v * (1 - f * s)\n const t = v * (1 - (1 - f) * s)\n const mod = i % 6\n\n let r = [v, q, p, p, t, v][mod]\n let g = [t, v, v, q, p, p][mod]\n let b = [p, p, t, v, v, q][mod]\n\n r *= 255\n g *= 255\n b *= 255\n\n return { r, g, b, toString: toRgbString }\n}\n\n/**\n * 将 RGB 颜色转换为 HSV 颜色\n *\n * @param r 0 ~ 255\n * @param g 0 ~ 255\n * @param b 0 ~ 255\n *\n * @returns 转换后的 HSV 颜色\n */\nexport function rgbToHsv(r: number | string, g: number | string, b: number | string): HSVColor {\n ;({ r, g, b } = normalizeRgb(r, g, b))\n\n const max = Math.max(r, g, b)\n const min = Math.min(r, g, b)\n\n let h\n\n const v = max\n const d = max - min\n const s = max === 0 ? 0 : d / max\n\n if (max === min) {\n h = 0\n } else {\n switch (max) {\n case r: {\n h = (g - b) / d + (g < b ? 6 : 0)\n break\n }\n case g: {\n h = (b - r) / d + 2\n break\n }\n case b: {\n h = (r - g) / d + 4\n break\n }\n default: {\n h = 0\n }\n }\n\n h *= 60\n }\n\n return { h, s, v, toString: toHsvString }\n}\n\n/**\n * 将 RGB 颜色转换为 HEX 颜色\n *\n * @param r 0 ~ 255\n * @param g 0 ~ 255\n * @param b 0 ~ 255\n * @param allow3Char 是否允许 3 位的 HEX 值\n *\n * @returns 转换后的 HEX 颜色\n */\nexport function rgbToHex(\n r: number | string,\n g: number | string,\n b: number | string,\n allow3Char = false,\n) {\n ;({ r, g, b } = normalizeRgb(r, g, b))\n\n const hex = [\n repairDigits(Math.round(r * 255).toString(16)),\n repairDigits(Math.round(g * 255).toString(16)),\n repairDigits(Math.round(b * 255).toString(16)),\n ]\n\n if (allow3Char && isRepetitive(hex[0]) && isRepetitive(hex[1]) && isRepetitive(hex[2])) {\n return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0)\n }\n\n return '#' + hex.join('')\n}\n\n/**\n * 将 RGBA 颜色转换为 HEX 颜色\n *\n * @param r 0 ~ 255\n * @param g 0 ~ 255\n * @param b 0 ~ 255\n * @param a 0 ~ 1，0% ~ 100%\n * @param allow4Char 是否允许 4 位的 HEX 值\n *\n * @returns 转换后的 HEX 颜色\n */\nexport function rgbaToHex(\n r: number | string,\n g: number | string,\n b: number | string,\n a: number | string,\n allow4Char = false,\n) {\n ;({ r, g, b } = normalizeRgb(r, g, b))\n\n const hex = [\n repairDigits(Math.round(r * 255).toString(16)),\n repairDigits(Math.round(g * 255).toString(16)),\n repairDigits(Math.round(b * 255).toString(16)),\n repairDigits(convertDecimalToHex(normalizeAlpha(a))),\n ]\n\n if (\n allow4Char &&\n isRepetitive(hex[0]) &&\n isRepetitive(hex[1]) &&\n isRepetitive(hex[2]) &&\n isRepetitive(hex[3])\n ) {\n return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0)\n }\n\n return '#' + hex.join('')\n}\n\n/**\n * 将两种颜色按照一定的比例混合\n *\n * @param color1 第一种颜色\n * @param color2 第二种颜色\n * @param weight 混合比例 0 ~ 1，越小则第一种颜色越少\n *\n * @returns 混合后的颜色\n */\nexport function mixColor(color1: Color, color2: Color, weight = 0.5): RGBAColor {\n if (!color1 && !color2) return { r: 0, g: 0, b: 0, a: 1 }\n if (!color1) return parseColorToRgba(color2)\n if (!color2) return parseColorToRgba(color1)\n\n const rgba1 = parseColorToRgba(color1)\n const rgba2 = parseColorToRgba(color2)\n\n const originalWeight = boundRange(weight, 0, 1)\n const normalizedWeight = originalWeight * 2 - 1\n\n const alphaDistance = rgba1.a - rgba2.a\n const mixWeight =\n normalizedWeight * alphaDistance === -1\n ? normalizedWeight\n : (normalizedWeight + alphaDistance) / (1 + normalizedWeight * alphaDistance)\n const weight1 = (mixWeight + 1) / 2\n const weight2 = 1 - weight1\n\n return {\n r: Math.round(rgba1.r * weight1 + rgba2.r * weight2),\n g: Math.round(rgba1.g * weight1 + rgba2.g * weight2),\n b: Math.round(rgba1.b * weight1 + rgba2.b * weight2),\n a: Math.round(rgba1.a * originalWeight + rgba2.a * (1 - originalWeight)),\n format: 'rgba',\n toString: toRgbString,\n }\n}\n\n/**\n * 调整给定颜色值的透明度\n *\n * @param color 需要调整的颜色\n * @param alpha 调整后的透明度 0 ~ 1，0% ~ 100%\n *\n * @returns 调整后的颜色\n */\nexport function adjustAlpha(color: Color, alpha: number | string) {\n const rgba = parseColorToRgba(color)\n\n rgba.a = normalizeAlpha(alpha)\n\n return rgba\n}\n\n/**\n * 随机生成一个颜色值\n *\n * @param withAlpha 是否具有透明度\n * @param type 颜色的类型\n *\n * @returns 生成的颜色字面值\n */\nexport function randomColor(withAlpha = false, type: ColorType = 'hex') {\n const r = Math.round(Math.random() * 255)\n const g = Math.round(Math.random() * 255)\n const b = Math.round(Math.random() * 255)\n\n if (type === 'hex') {\n return withAlpha ? rgbaToHex(r, g, b, Math.random()) : rgbToHex(r, g, b)\n }\n\n let color: ObjectColor\n\n if (type === 'hsl') {\n color = rgbToHsl(r, g, b)\n } else if (type === 'hsv') {\n color = rgbToHsv(r, g, b)\n } else {\n color = Object.create({ r, g, b, toString: toRgbString })\n }\n\n if (withAlpha) {\n ;(color as RGBAColor).a = Math.random()\n }\n\n return color.toString()\n}\n\n/**\n * 随机生成一个特定色调（冷暖色）的颜色值\n *\n * @param prefer 色调\n * @param withAlpha 是否具有透明度\n * @param type 颜色的类型\n *\n * @returns 生成的颜色字面值\n */\nexport function randomPreferColor(\n prefer: 'hard' | 'soft',\n withAlpha = false,\n type: ColorType = 'hex',\n) {\n const h = Math.round(Math.random() * 360)\n const s = Math.round(prefer === 'hard' ? 80 + Math.random() * 20 : 20 + Math.random() * 70) / 100\n const l = Math.round(prefer === 'hard' ? 40 + Math.random() * 20 : 80 + Math.random() * 15) / 100\n\n if (type === 'hsl') {\n return toHslString.bind({ h, s, l })()\n }\n\n let color!: ObjectColor\n\n if (type === 'hex' || type === 'rgb') {\n color = hslToRgb(h, s, l)\n\n if (type === 'hex') {\n const { r, g, b } = color\n\n return withAlpha ? rgbaToHex(r, g, b, Math.random()) : rgbToHex(r, g, b)\n }\n } else if (type === 'hsv') {\n color = hslToHsv(h, s, l)\n }\n\n if (withAlpha) {\n ;(color as RGBAColor).a = Math.random()\n }\n\n return color.toString()\n}\n\n/**\n * 随机生成一个冷色调的颜色值\n *\n * @param withAlpha 是否具有透明度\n * @param type 颜色的类型\n *\n * @returns 生成的颜色字面值\n */\nexport function randomHardColor(withAlpha = false, type: ColorType = 'hex') {\n return randomPreferColor('hard', withAlpha, type)\n}\n\n/**\n * 随机生成一个暖色调的颜色值\n *\n * @param withAlpha 是否具有透明度\n * @param type 颜色的类型\n *\n * @returns 生成的颜色字面值\n */\nexport function randomSoftColor(withAlpha = false, type: ColorType = 'hex') {\n return randomPreferColor('soft', withAlpha, type)\n}\n\n/**\n * 获取给定颜色的灰度\n *\n * @param color 颜色字面值\n *\n * @returns 颜色的灰度\n */\nexport function toGrayScale(color: string) {\n return rgbToGrayScale(parseColorToRgba(color))\n}\n\nfunction repairDigits(str: string) {\n return str.length === 1 ? `0${str}` : str.toString()\n}\n\nfunction isRepetitive(string: string): boolean {\n return string.charAt(0) === string.charAt(1)\n}\n\n// function testUnit(color: number | string): boolean {\n// return UNIT_REG.test(color as string)\n// }\n\nfunction convertDecimalToHex(number: number | string): string {\n return Math.round(parseFloat(number as string) * 255).toString(16)\n}\n\nfunction convertHexToDecimal(hex: string): number {\n return parseInt(hex, 16) / 255\n}\n\nfunction boundRange(number: number | string, min: number, max: number): number {\n return Math.max(min, Math.min(max, parseFloat(number as string)))\n}\n\nfunction hueToRgb(p: number, q: number, t: number): number {\n if (t < 0) t += 1\n if (t > 1) t -= 1\n if (t < 1 / 6) return p + (q - p) * 6 * t\n if (t < 1 / 2) return q\n if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6\n\n return p\n}\n\nfunction isPercentage(percent: number | string): boolean {\n return String(percent).trim().includes('%')\n}\n\nfunction parsePercentage(percent: number | string): number {\n const number = parseFloat(percent as string) / 100\n\n return Number.isNaN(number) ? 0 : number\n}\n\nfunction toRgbString(this: RGB) {\n if (isDefined(this.a) && this.a >= 0 && this.a < 1) {\n return `rgba(${this.r}, ${this.g}, ${this.b}, ${this.a})`\n }\n\n return `rgb(${this.r}, ${this.g}, ${this.b})`\n}\n\nfunction toHslString(this: HSL) {\n const s = `${this.s * 100}%`\n const l = `${this.l * 100}%`\n\n if (isDefined(this.a) && this.a >= 0 && this.a < 1) {\n return `hsla(${this.h}, ${s}, ${l}, ${this.a})`\n }\n\n return `hsl(${this.h}, ${s}, ${l})`\n}\n\nfunction toHsvString(this: HSV) {\n const s = `${this.s * 100}%`\n const v = `${this.v * 100}%`\n\n if (isDefined(this.a) && this.a >= 0 && this.a < 1) {\n return `hsva(${this.h}, ${s}, ${v}, ${this.a})`\n }\n\n return `hsv(${this.h}, ${s}, ${v})`\n}\n\nfunction rgbToGrayScale(rgb: RGB) {\n return (rgb.r * 0.2126 + rgb.g * 0.7152 + rgb.b * 0.0722) / 255\n}\n","let globalCount = 0\n\nexport function getGlobalCount() {\n return globalCount++\n}\n\nexport function setGlobalCount(count: number) {\n globalCount = Math.round(count)\n}\n\nexport function createCounter(count = 0) {\n return {\n getCount: () => count++,\n setCount: (newCount: number) => {\n count = newCount\n },\n }\n}\n","export interface BITree {\n tree: number[],\n /**\n * 为第 index 个元素增减值\n *\n * @param index 索引值\n * @param num 增减的值\n */\n add(index: number, num: number): void,\n /**\n * 求前 index 个元素的和\n *\n * @param index 索引值\n *\n * @returns 前 index 个元素的和\n */\n sum(index?: number): number,\n /**\n * 获取第 index 个元素的值\n *\n * @param index 索引值\n *\n * @returns 第 index 个元素的值\n */\n get(index: number): number,\n /**\n * 根据目标值寻找一个最接近的元素的索引值\n *\n * @param target 目标值\n *\n * @returns 最接近的元素的索引值\n */\n boundIndex(target: number): number,\n}\n\nfunction lowBit(num: number) {\n return num & -num\n}\n\n/**\n * 创建一个二叉索引树（Fenwick 树）对象\n *\n * 为了节省初始化性能开销，需确保元素最小值已知，其初始值为：元素最小值 * 元素总数\n *\n * @param length 树的大小，即元素的总数\n * @param min 规定元素的最小值\n *\n * @returns 二叉索引树对象\n */\nexport function createBITree(length: number, min = 0): BITree {\n const tree: number[] = new Array(length + 1).fill(0)\n\n function add(index: number, delta: number) {\n if (!delta || index >= length) return\n\n index += 1\n\n while (index <= length) {\n tree[index] += delta\n index += lowBit(index)\n }\n }\n\n function sum(index = length) {\n if (index <= 0) return 0\n if (index > length) index = length\n\n let sum = index * min\n\n while (index > 0) {\n sum += tree[index]\n index -= lowBit(index)\n }\n\n return sum\n }\n\n function get(index: number) {\n return sum(index + 1) - sum(index)\n }\n\n function boundIndex(target: number) {\n let left = 0\n let right = length\n\n while (right > left) {\n const middle = Math.floor((left + right) / 2)\n const total = sum(middle)\n\n if (total > target) {\n right = middle\n continue\n } else if (total < target) {\n if (left === middle) {\n return sum(left + 1) <= target ? left + 1 : left\n }\n\n left = middle\n } else {\n return middle\n }\n }\n\n return left\n }\n\n return { tree, add, sum, get, boundIndex }\n}\n","import type { AnyCase } from './word-case'\n\nexport const numberRE = /^\\s*[+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?\\s*$/\n\n/**\n * 检测给定的值是否可以通过 parseFlat 或 Number 方法转为数字\n *\n * 开启严格模式则通过正则以更严格的方法判断\n *\n * @param value 需要检测的值\n * @param strict 是否为严格模式\n *\n * @returns 值是否可以转为数字\n */\nexport function isValidNumber(value: unknown, strict = false) {\n if (typeof value === 'number') {\n return !Number.isNaN(value)\n }\n\n if (strict) {\n return numberRE.test(String(value))\n }\n\n return !Number.isNaN(parseFloat(value as string)) || !Number.isNaN(Number(value))\n}\n\n/**\n * 将给定的值转成数字，NaN 的情况将会处理成 0\n *\n * @param value 需要转换的值\n *\n * @returns 转换后的数字\n */\nexport function toNumber(value: unknown) {\n let number = parseFloat(value as string)\n\n if (Number.isNaN(number)) {\n number = Number(value)\n }\n\n return Number.isNaN(number) ? 0 : number\n}\n\n/**\n * 为给定的整数开头填充 0，直至满足指定的长度\n *\n * @param number 需要处理的整数\n * @param length 填充至的长度\n *\n * @returns 填充后的字面值\n */\nexport function padStartZeros(number: number, length: number) {\n if (length <= 0) {\n return number.toString()\n }\n\n return `${number < 0 ? '-' : ''}${String(Math.abs(Math.round(number))).padStart(length, '0')}`\n}\n\n/**\n * 将小于 10 整数 N 变成 `0N` 的字符串，方法不会对入参校验\n *\n * @param number 需要处理的整数\n *\n * @returns 填充后的字面值\n */\nexport function doubleDigits(number: number) {\n return padStartZeros(number, 2)\n}\n\n/**\n * 返回数字的小数位数\n *\n * @param number 指定的数字\n *\n * @returns 数字的小数位数\n */\nexport function decimalLength(number: number | string) {\n // Get digit length of e\n const eSplit = number.toString().split(/[eE]/)\n const len = (eSplit[0].split('.')[1] || '').length - +(eSplit[1] || 0)\n\n return len > 0 ? len : 0\n}\n\n/**\n * Return decimal length of a number\n *\n * @param number The input number\n * @deprecated Using `decimalLength` to replace it\n */\nexport function digitLength(number: number | string) {\n return decimalLength(number)\n}\n\n/**\n * 将给定的数字格式化为指定的位阶\n *\n * @param number 需要格式化的数字\n * @param segment 分隔的位数，默认为 3\n * @param separator 分隔的符号，默认为 ','\n *\n * @returns 格式化后的字面值\n */\nexport function segmentNumber(number: number | string, segment = 3, separator = ',') {\n if (typeof number !== 'number') {\n number = parseFloat(number)\n }\n\n if (Number.isNaN(number)) return '0'\n\n let [integer, decimal] = String(number).split('.')\n\n const formatRegExp = new RegExp(`(\\\\d+)(\\\\d{${segment}})`)\n\n while (formatRegExp.test(integer)) {\n integer = integer.replace(formatRegExp, `$1${separator}$2`)\n }\n\n decimal = decimal ? `.${decimal}` : ''\n\n return `${integer}${decimal}`\n}\n\n/**\n * 将给定的实数保留一定的小数\n *\n * @param number 需要处理的实数\n * @param decimal 需要保留的小数\n *\n * @returns 保留小数后的值\n */\nexport function toFixed(number: number, decimal: number) {\n decimal = Math.max(Math.round(decimal), 0)\n\n let snum = number.toFixed(decimalLength(number))\n\n const pointPos = snum.indexOf('.')\n\n if (pointPos === -1) return number\n\n const nums = snum.replace('.', '').split('')\n const targetPos = pointPos + decimal\n const datum = nums[targetPos]\n\n if (!datum) return number\n\n if (snum.charAt(targetPos + 1) === '5') {\n snum = snum.substring(0, targetPos + 1) + '6'\n } else {\n snum = snum.substring(0, targetPos + 2)\n }\n\n return parseFloat(Number(snum).toFixed(decimal))\n}\n\n/**\n * 将给定的实数扩大一定的倍数并保留一定的小数\n *\n * @param number 要处理的实数\n * @param multiple 要扩大的倍数\n * @param decimal 要保留的小数\n *\n * @returns 扩大并保留小数后的值\n */\nexport function multipleFixed(number: number, multiple: number, decimal: number) {\n return toFixed(number * multiple, decimal)\n}\n\n/**\n * 根据临界值对给定的数字进行舍入\n *\n * @param number 需要舍入的数\n * @param criticalValue 舍入的临界值 (0 ~ 1)，达到临界值进位反之舍弃\n *\n * @returns 舍入后的值\n */\nexport function round(number: number, criticalValue: number) {\n if (criticalValue < 0 || criticalValue > 1) {\n return Math.round(number)\n }\n\n const ceilValue = Math.ceil(number)\n\n if (number + 1 - criticalValue >= ceilValue) {\n return ceilValue\n } else {\n return Math.floor(number)\n }\n}\n\n/**\n * 将给定的数字限定在指定的范围内\n *\n * @param number 需要限定范围的数\n * @param min 边界最小值，包含该值\n * @param max 边界最大值，包含该值\n *\n * @returns 限定在范围内的值\n */\nexport function boundRange(number: number | string, min: number, max: number) {\n return Math.max(min, Math.min(max, parseFloat(number as string)))\n}\n\n/**\n * 将给定的被除数和除数，不断的取余直至达到次数限制或余数小于除数，返回系列余数\n *\n * @param number 被除数，需大于 0\n * @param divideBy 除数，需大于 1\n * @param limit 次数限制，默认为 0，小于 1 则不作限制\n *\n * @returns 相除过程的系列余数\n */\nexport function leaveNumber(number: number, divideBy: number, limit = 0) {\n if (number <= 0 || divideBy <= 1) return [number]\n\n if (limit < 1) {\n limit = Infinity\n }\n\n const remainders: number[] = []\n let count = 0\n\n while (number >= divideBy && count < limit) {\n remainders.push(number % divideBy)\n number = Math.floor(number / divideBy)\n ++count\n }\n\n remainders.push(number)\n\n return remainders.reverse()\n}\n\nconst ordinalSuffixes = ['th', 'st', 'nd', 'rd']\n\n/**\n * 将给定的数字转换为序数词\n *\n * @param value 需要转换的数字\n *\n * @returns 转换后的序数词\n */\nexport function ordinalNumber(value: number) {\n value = Math.round(value)\n\n if (value <= 0) return `${value}th`\n\n const suffix =\n value % 100 > 10 && value % 100 < 14\n ? ordinalSuffixes[0]\n : ordinalSuffixes[value % 10] || ordinalSuffixes[0]\n\n return `${value}${suffix}`\n}\n\nexport type SizeUnitWithAuto = AnyCase<'B' | 'KB' | 'MB' | 'GB' | 'TB' | 'AUTO'>\nexport type SizeUnit = Exclude>\n\nconst SIZE_UNIT_WITH_AUTO = Object.freeze([\n 'B',\n 'KB',\n 'MB',\n 'GB',\n 'TB',\n 'AUTO',\n] as Uppercase[])\n\n/**\n * 根据给定的 Byte 数值，将其格式化成指定单位的大小\n *\n * @param byte 需要计算的 Byte 数值\n * @param unit 格式化的单位\n * @param precision 结果的精度\n * @param joinUtil 是否加入单位\n *\n * @returns 格式化后的值\n */\nexport function formatByteSize(byte: number, unit?: SizeUnitWithAuto): number\nexport function formatByteSize(byte: number, unit?: SizeUnitWithAuto, precision?: number): number\nexport function formatByteSize(byte: number, unit?: SizeUnitWithAuto, joinUtil?: true): number\nexport function formatByteSize(\n byte: number,\n unit?: SizeUnitWithAuto,\n joinUtil?: true,\n precision?: number\n): number\nexport function formatByteSize(\n byte: number,\n unit: SizeUnitWithAuto = 'AUTO',\n joinUtil: number | boolean = false,\n precision?: number,\n) {\n if (typeof precision === 'undefined') {\n if (typeof joinUtil === 'number') {\n precision = joinUtil\n joinUtil = false\n } else {\n precision = 2\n }\n }\n\n let upperUnit = unit.toUpperCase() as Uppercase\n upperUnit = SIZE_UNIT_WITH_AUTO.includes(upperUnit) ? upperUnit : 'AUTO'\n\n let power\n switch (upperUnit) {\n case 'AUTO':\n power = 0\n break\n case 'KB':\n power = 1\n break\n case 'MB':\n power = 2\n break\n case 'GB':\n power = 3\n break\n case 'TB':\n power = 4\n break\n default:\n return byte\n }\n\n let targetSize\n\n if (!power) {\n for (targetSize = byte; targetSize > 1024; ++power) {\n if (power > 4) break\n targetSize = targetSize / 1024\n }\n } else {\n targetSize = byte / 1024 ** power\n }\n\n targetSize = toFixed(targetSize, precision)\n\n return joinUtil\n ? `${targetSize}${upperUnit === 'AUTO' ? SIZE_UNIT_WITH_AUTO[Math.min(power, 4)] : upperUnit}`\n : targetSize\n}\n\n/**\n * 在给定的范围内随机一个数\n *\n * @param max 最大值\n * @param min 最小值，默认为 0\n *\n * @returns 生成的随机数\n */\nexport function random(max: number, min = 0) {\n if (min === max) return min\n\n if (min > max) {\n ;[min, max] = [max, min]\n }\n\n return Math.random() * (max - min) + min\n}\n\n/**\n * 将数字处理为的指定的有效位数\n *\n * @param number 需要处理的数字\n * @param precision 数字的有效位数\n *\n * @returns 处理后的数字\n *\n * @example\n * ```ts\n * toPrecision(0.09999999999999998) === 0.1 // true\n * ```\n */\nexport function toPrecision(number: number | string, precision = 15) {\n return +parseFloat(Number(number).toPrecision(precision))\n}\n\nfunction multipleInt(number: number | string) {\n const snum = String(number)\n\n if (!snum.includes('e')) {\n return Number(snum.replace('.', ''))\n }\n\n const dLength = decimalLength(number)\n\n return dLength > 0 ? toPrecision(Number(number) * 10 ** dLength) : Number(number)\n}\n\n/**\n * Create an operation to support rest params.\n *\n * @param operation The original operation\n */\nfunction createOperation(operation: (n1: number | string, n2: number | string) => number) {\n return (...numbers: (number | string)[]) => {\n let result = numbers[0] as number\n\n for (let i = 1, len = numbers.length; i < len; ++i) {\n result = operation(result, numbers[i])\n }\n\n return result\n }\n}\n\n/**\n * 精确的乘法\n *\n * @param numbers 需要依次相乘的数字\n *\n * @returns 乘积\n */\nexport const times = createOperation((number1, number2) => {\n const int1 = multipleInt(number1)\n const int2 = multipleInt(number2)\n const base = decimalLength(number1) + decimalLength(number2)\n const int = int1 * int2\n\n return int / 10 ** base\n})\n\n/**\n * 精确的加法\n *\n * @param numbers 需要依次相加的数字\n *\n * @returns 和\n */\nexport const plus = createOperation((number1, number2) => {\n const base = 10 ** Math.max(decimalLength(number1), decimalLength(number2))\n\n return (times(number1, base) + times(number2, base)) / base\n})\n\n/**\n * 精确的减法\n *\n * @param numbers 需要依次相减的数字\n *\n * @returns 差值\n */\nexport const minus = createOperation((number1, number2) => {\n const base = 10 ** Math.max(decimalLength(number1), decimalLength(number2))\n\n return (times(number1, base) - times(number2, base)) / base\n})\n\n/**\n * 精确的除法\n *\n * @param numbers 需要依次相除的数字\n *\n * @returns 商\n */\nexport const divide = createOperation((number1, number2) => {\n const int1 = multipleInt(number1)\n const int2 = multipleInt(number2)\n\n return times(int1 / int2, toPrecision(10 ** (decimalLength(number2) - decimalLength(number1))))\n})\n","import { doubleDigits } from './number'\n\nexport type Dateable = number | string | Date\n\n/** @deprecated renames to `SECOND_ON_MILLISECONDS` */\nexport const SECOND_ON_MILLS = 1000\nexport const SECOND_ON_MILLISECONDS = 1000\n\nexport const MINUTE_ON_SECONDS = 60\n/** @deprecated renames to `MINUTE_ON_MILLISECONDS` */\nexport const MINUTE_ON_MILLS = MINUTE_ON_SECONDS * SECOND_ON_MILLISECONDS\nexport const MINUTE_ON_MILLISECONDS = MINUTE_ON_SECONDS * SECOND_ON_MILLISECONDS\n\nexport const HOUR_ON_MINUTES = 60\nexport const HOUR_ON_SECONDS = HOUR_ON_MINUTES * MINUTE_ON_SECONDS\n/** @deprecated renames to `HOUR_ON_MILLISECONDS` */\nexport const HOUR_ON_MILLS = HOUR_ON_SECONDS * SECOND_ON_MILLISECONDS\nexport const HOUR_ON_MILLISECONDS = HOUR_ON_SECONDS * SECOND_ON_MILLISECONDS\n\nexport const DAY_ON_HOURS = 24\nexport const DAY_ON_MINUTES = DAY_ON_HOURS * HOUR_ON_MINUTES\nexport const DAY_ON_SECONDS = DAY_ON_MINUTES * MINUTE_ON_SECONDS\n/** @deprecated renames to `DAY_ON_MILLISECONDS` */\nexport const DAY_ON_MILLS = DAY_ON_SECONDS * SECOND_ON_MILLISECONDS\nexport const DAY_ON_MILLISECONDS = DAY_ON_SECONDS * SECOND_ON_MILLISECONDS\n\nexport const WEEK_ON_DAYS = 7\nexport const WEEK_ON_HOURS = WEEK_ON_DAYS * DAY_ON_HOURS\nexport const WEEK_ON_MINUTES = WEEK_ON_HOURS * HOUR_ON_MINUTES\nexport const WEEK_ON_SECONDS = WEEK_ON_MINUTES * MINUTE_ON_SECONDS\n/** @deprecated renames to `WEEK_ON_MILLISECONDS` */\nexport const WEEK_ON_MILLS = WEEK_ON_SECONDS * SECOND_ON_MILLISECONDS\nexport const WEEK_ON_MILLISECONDS = WEEK_ON_SECONDS * SECOND_ON_MILLISECONDS\n\nexport const QUARTER_ON_MONTHS = 3\n\nexport const YEAR_ON_QUARTERS = 4\nexport const YEAR_ON_MONTHS = YEAR_ON_QUARTERS * QUARTER_ON_MONTHS\n\ntype Formatter = (date: Date, match: string) => string | number\n\ninterface Formatters {\n [prop: string]: Formatter,\n}\n\nconst formatters: Formatters = {\n y(date, match) {\n const year = date.getFullYear()\n\n return match.length === 4 ? year : (year % 1000) % 100\n },\n M(date, match) {\n const month = date.getMonth() + 1\n\n return match.length === 2 ? doubleDigits(month) : month\n },\n d(date, match) {\n const day = date.getDate()\n\n return match.length === 2 ? doubleDigits(day) : day\n },\n H(date, match) {\n const hour = date.getHours()\n\n return match.length === 2 ? doubleDigits(hour) : hour\n },\n m(date, match) {\n const minute = date.getMinutes()\n\n return match.length === 2 ? doubleDigits(minute) : minute\n },\n s(date, match) {\n const second = date.getSeconds()\n\n return match.length === 2 ? doubleDigits(second) : second\n },\n q(date, match) {\n const quarter = Math.ceil((date.getMonth() + 1) / 3)\n\n return match.length === 2 ? doubleDigits(quarter) : quarter\n },\n}\n\nconst formatRegExp = /[yMdHmsq](\\w)*|./g\nconst quotationRegExp = /'(.+?)'/g\n\n/**\n * 将任意可转为 `Date` 对象的变量转为一个新日期\n *\n * @param any 任意可转换的值\n * @param strict 是否在传入非法值时抛错\n *\n * @returns 转换后的 `Date` 对象\n */\nexport function toDate(any: Dateable, strict = false) {\n const date = new Date(any)\n\n if (strict && Number.isNaN(+date)) {\n throw new RangeError('Invalid date value')\n }\n\n if (typeof any === 'string' && !any.includes(':')) {\n date.setHours(0)\n date.setMinutes(0)\n date.setSeconds(0)\n }\n\n return date\n}\n\n/**\n * 将日期格式化成指定格式\n *\n * @param date 需要格式化的Date对象\n * @param pattern 格式化结构 年-y 月-M 日-d 时-H 分-m 秒-s 季度-q\n *\n * @returns 格式化后的字面值\n *\n * @example\n * ```ts\n * format(new Date(), 'yyyy-MM-dd')\n * ```\n *\n * @example\n * ```ts\n * format(Date.now(), 'yyyy-MM-dd\\'T\\'HH:mm:ss\\'Z\\'')\n * ```\n */\nexport function format(date: Dateable, pattern = 'yyyy-MM-dd HH:mm:ss') {\n date = toDate(date)\n\n const matches = pattern.match(formatRegExp)\n const length = matches?.length\n\n if (!length) {\n return pattern\n }\n\n let i = 0\n let result = ''\n\n while (i < length) {\n const substring = (matches as RegExpMatchArray)[i]\n const firstCharacter = substring[0]\n const formatter = formatters[firstCharacter]\n\n if (formatter) {\n result += formatter(date, substring)\n } else {\n result += substring\n }\n\n ++i\n }\n\n return result.replace(quotationRegExp, '$1')\n}\n\n/**\n * 获取日期的时间部分\n *\n * @param date 给定的日期\n *\n * @returns 日期的时间部分\n */\nexport function getTime(date: Dateable) {\n date = toDate(date)\n\n return `${doubleDigits(date.getHours())}:${doubleDigits(date.getMinutes())}:${doubleDigits(\n date.getSeconds(),\n )}`\n}\n\n/**\n * 获取日期所在的季度\n *\n * @param date 给定的日期\n *\n * @returns 日期所在的季度\n */\nexport function getQuarter(date: Dateable) {\n date = toDate(date)\n\n return Math.floor(date.getMonth() / 3) + 1\n}\n\nconst weeksForChinese = ['日', '一', '二', '三', '四', '五', '六']\n\n/**\n * 获取中文星期\n *\n * @param date 给定的日期\n *\n * @returns 中文星期\n */\nexport function getChineseWeek(date: Date) {\n return weeksForChinese[date.getDay()]\n}\n\n/**\n * 为日期增减给定的毫秒\n *\n * @param date 原始日期\n * @param amount 增减的毫秒\n *\n * @returns 修改后的日期\n */\nexport function addMilliseconds(date: Dateable, amount: number) {\n date = toDate(date)\n date.setTime(date.getTime() + amount)\n\n return date\n}\n\n/**\n * 为日期增减给定的秒\n *\n * @param date 原始日期\n * @param amount 增减的秒\n *\n * @returns 修改后的日期\n */\nexport function addSeconds(date: Dateable, amount: number) {\n amount *= SECOND_ON_MILLISECONDS\n\n return addMilliseconds(date, amount)\n}\n\n/**\n * 为日期增减给定的分钟\n *\n * @param date 原始日期\n * @param amount 增减的分钟\n *\n * @returns 修改后的日期\n */\nexport function addMinutes(date: Dateable, amount: number) {\n amount *= MINUTE_ON_SECONDS\n\n return addSeconds(date, amount)\n}\n\n/**\n * 为日期增减给定的小时\n *\n * @param date 原始日期\n * @param amount 增减的小时\n *\n * @returns 修改后的日期\n */\nexport function addHours(date: Dateable, amount: number) {\n amount *= HOUR_ON_MINUTES\n\n return addMinutes(date, amount)\n}\n\n/**\n * 为日期增减给定的半天数（12小时）\n *\n * @param date 原始日期\n * @param amount 增减的半天数\n *\n * @returns 修改后的日期\n */\nexport function addHalfDays(date: Dateable, amount: number) {\n amount *= 12\n\n return addHours(date, amount)\n}\n\n/**\n * 为日期增减给定的天数\n *\n * @param date 原始日期\n * @param amount 增减的天数\n *\n * @returns 修改后的日期\n */\nexport function addDays(date: Dateable, amount: number) {\n date = toDate(date)\n amount = ~~amount\n\n date.setDate(date.getDate() + amount)\n\n return date\n}\n\n/**\n * 为日期增减给定的周数\n *\n * @param date 原始日期\n * @param amount 增减的周数\n *\n * @returns 修改后的日期\n */\nexport function addWeeks(date: Dateable, amount: number) {\n amount *= WEEK_ON_DAYS\n\n return addDays(date, amount)\n}\n\n/**\n * 为日期增减给定的月数\n *\n * @param date 原始日期\n * @param amount 增减的月数\n *\n * @returns 修改后的日期\n */\nexport function addMonths(date: Dateable, amount: number) {\n date = toDate(date)\n amount = ~~amount\n\n date.setMonth(date.getMonth() + amount)\n\n return date\n}\n\n/**\n * 为日期增减给定的季度（3个月）\n *\n * @param date 原始日期\n * @param amount 增减的季度\n *\n * @returns 修改后的日期\n */\nexport function addQuarters(date: Dateable, amount: number) {\n amount *= QUARTER_ON_MONTHS\n\n return addMonths(date, amount)\n}\n\n/**\n * 为日期增减给定的年份\n *\n * @param date 原始日期\n * @param amount 增减的年份\n *\n * @returns 修改后的日期\n */\nexport function addYears(date: Dateable, amount: number) {\n amount *= YEAR_ON_MONTHS\n\n return addMonths(date, amount)\n}\n\n/**\n * 生成一个天数递进的日期数组\n *\n * @param start 开始日期\n * @param size range 的大小, 默认 42 (一般电子日历为 6 行 7 列)\n * @param step range 的跨幅\n *\n * @returns 生成的日期数组\n */\nexport function rangeDate(start: Dateable, size = 42, step = 1) {\n start = toDate(start)\n\n const dateRange: Date[] = []\n\n for (let i = 0; i < size; ++i) {\n dateRange.push(addDays(start, i * step))\n }\n\n return dateRange\n}\n\n/**\n * 生成一个月份递进的日期数组\n *\n * @param start 开始日期\n * @param size range 的大小, 默认 12 (一年)\n * @param step range 的跨幅\n *\n * @returns 生成的日期数组\n */\nexport function rangeMonth(start: Dateable, size = 12, step = 1) {\n start = toDate(start)\n\n const dateRange: Date[] = []\n\n for (let i = 0; i < size; ++i) {\n dateRange.push(addMonths(start, i * step))\n }\n\n return dateRange\n}\n\n/**\n * 根据给定的日期获取上一个周日\n *\n * @param date 原始日期\n *\n * @returns 上一个周日\n */\nexport function getLastSunday(date: Date) {\n const day = date.getDay() ?? 7\n\n return addDays(date, -day)\n}\n\n/**\n * 获取给定的日期所在秒的开始日期（毫秒归零）\n *\n * @param date 原始日期\n *\n * @returns 新的开始日期\n */\nexport function startOfSecond(date: Dateable) {\n date = toDate(date)\n date.setMilliseconds(0)\n\n return date\n}\n\n/**\n * 获取给定的日期所在分钟的开始日期 (秒归零)\n *\n * @param date 原始日期\n *\n * @returns 新的开始日期\n */\nexport function startOfMinute(date: Dateable) {\n date = toDate(date)\n date.setSeconds(0, 0)\n\n return date\n}\n\n/**\n * 获取给定的日期所在小时的开始日期 (分钟归零)\n *\n * @param date 原始日期\n *\n * @returns 新的开始日期\n */\nexport function startOfHour(date: Dateable) {\n date = toDate(date)\n date.setMinutes(0, 0, 0)\n\n return date\n}\n\n/**\n * 获取给定的日期所在天的开始日期\n *\n * @param date 原始日期\n *\n * @returns 新的开始日期\n */\nexport function startOfDay(date: Dateable) {\n date = toDate(date)\n date.setHours(0, 0, 0, 0)\n\n return date\n}\n\n/**\n * 获取给定日期所在天的结束日期\n *\n * @param date 原始日期\n *\n * @returns 新的开始日期\n */\nexport function endOfDay(date: Dateable) {\n date = toDate(date)\n date.setHours(23, 59, 59, 999)\n\n return date\n}\n\n/**\n * 获取给定的日期所在周的第一天的开始日期\n *\n * @param date 需要解析的时间\n * @param startOn 设定周的第一天，默认为周日\n *\n * @returns 新的开始日期\n */\nexport function startOfWeek(date: Dateable, startOn = 0) {\n startOn = startOn % 7\n\n if (startOn < 0) {\n startOn += 7\n }\n\n date = toDate(date)\n\n const day = date.getDay()\n const difference = (day < startOn ? 7 : 0) + day - startOn\n\n date.setDate(date.getDate() - difference)\n date.setHours(0, 0, 0, 0)\n\n return date\n}\n\n/**\n * 判断给定的年份是否为闰年\n *\n * @param year 原始年份\n *\n * @returns 是否为闰年\n */\nexport function isLeapYear(year: number) {\n return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0\n}\n\n/**\n * 获取给定年份和月份的最后一天\n *\n * @param year 原始年份\n * @param month 原始月份\n *\n * @returns 最后一天\n */\nexport function getLastDayOfMonth(year: number, month: number) {\n let lastDay: number\n\n if (month < 7) {\n if (month !== 2) {\n lastDay = 30 + (month % 2)\n } else {\n if (isLeapYear(year)) {\n lastDay = 29\n } else {\n lastDay = 28\n }\n }\n } else {\n lastDay = 31 - (month % 2)\n }\n\n return lastDay\n}\n\n/**\n * 获取给定的日期所在月份的第一天的开始日期\n *\n * @param date 原始日期\n * @param startOn 设定一个月的第一天，默认为 1 号\n *\n * @returns 新的开始日期\n */\nexport function startOfMonth(date: Dateable, startOn = 1) {\n date = toDate(date)\n\n const year = date.getFullYear()\n const month = date.getMonth() + 1\n const day = date.getDate()\n\n const lastDay = getLastDayOfMonth(year, month)\n\n startOn = startOn % lastDay\n\n if (startOn < 0) {\n startOn += lastDay\n }\n\n if (day < startOn) {\n date.setMonth(month - 1)\n }\n\n date.setDate(startOn)\n date.setHours(0, 0, 0, 0)\n\n return date\n}\n\n/**\n * 获取给定日期所在季度的第一天的开始日期\n *\n * @param date 原始日期\n *\n * @returns 新的开始日期\n */\nexport function startOfQuarter(date: Dateable) {\n date = toDate(date)\n\n const quarter = getQuarter(date)\n\n date.setDate(1)\n date.setHours(0, 0, 0, 0)\n date.setMonth((quarter - 1) * 3)\n\n return date\n}\n\n/**\n * 获取给定日期所在年份的第一天的开始日期\n *\n * @param date 原始日期\n * @param startOn 设定年的开始月份，默认为一月\n *\n * @returns 新的开始日期\n */\nexport function startOfYear(date: Dateable, startOn = 0) {\n startOn = startOn % 11\n\n if (startOn < 0) {\n startOn += 11\n }\n\n date = toDate(date)\n\n const month = date.getMonth()\n const difference = (month < startOn ? 11 : 0) + month - startOn\n\n date.setMonth(date.getMonth() - difference)\n date.setDate(1)\n date.setHours(0, 0, 0, 0)\n\n return date\n}\n\n/**\n * 比较两个日期相差的毫秒\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的毫秒数\n */\nexport function differenceMilliseconds(left: Dateable, right: Dateable) {\n left = toDate(left)\n right = toDate(right)\n\n return right.getTime() - left.getTime()\n}\n\n/**\n * 比较两个日期相差的秒\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的秒数\n */\nexport function differenceSeconds(left: Dateable, right: Dateable) {\n const diff = differenceMilliseconds(left, right) / SECOND_ON_MILLS\n\n return diff > 0 ? Math.floor(diff) : Math.ceil(diff)\n}\n\n/**\n * 比较两个日期相差的分钟\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的分钟数\n */\nexport function differenceMinutes(left: Dateable, right: Dateable) {\n const diff = differenceMilliseconds(left, right) / MINUTE_ON_MILLS\n\n return diff > 0 ? Math.floor(diff) : Math.ceil(diff)\n}\n\n/**\n * 比较两个日期相差的小时\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的小时数\n */\nexport function differenceHours(left: Dateable, right: Dateable) {\n const diff = differenceMilliseconds(left, right) / HOUR_ON_MILLS\n\n return diff > 0 ? Math.floor(diff) : Math.ceil(diff)\n}\n\n/**\n * 比较两个日期相差的天数\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的天数\n */\nexport function differenceDays(left: Dateable, right: Dateable) {\n left = startOfDay(left)\n right = startOfDay(right)\n\n return (right.getTime() - left.getTime()) / DAY_ON_MILLS\n}\n\n/**\n * 比较两个日期相差的周\n *\n * @param left 原始日期\n * @param right 原始日期\n * @param weekStartOn 设定周的第一天，默认为周日\n *\n * @returns 相差的周数\n */\nexport function differenceWeeks(left: Dateable, right: Dateable, weekStartOn = 0) {\n left = startOfWeek(left, weekStartOn)\n right = startOfWeek(right, weekStartOn)\n\n return (right.getTime() - left.getTime()) / WEEK_ON_MILLS\n}\n\n/**\n * 比较两个日期相差的月\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的月份\n */\nexport function differenceMonths(left: Dateable, right: Dateable) {\n left = toDate(left)\n right = toDate(right)\n\n const yearDiff = right.getFullYear() - left.getFullYear()\n const monthDiff = right.getMonth() - left.getMonth()\n\n return yearDiff * 12 + monthDiff\n}\n\n/**\n * 比较两个日期相差的季度\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的季度\n */\nexport function differenceQuarters(left: Dateable, right: Dateable) {\n left = toDate(left)\n right = toDate(right)\n\n const yearDiff = right.getFullYear() - left.getFullYear()\n const quarterDiff = getQuarter(right) - getQuarter(left)\n\n return yearDiff * 4 + quarterDiff\n}\n\n/**\n * 比较两个日期相差的年份\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的年份\n */\nexport function differenceYears(left: Dateable, right: Dateable) {\n left = toDate(left)\n right = toDate(right)\n\n return right.getFullYear() - left.getFullYear()\n}\n\n/**\n * 升序比较两个日期大小，用于给数组的 sort 方法使用\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 比较后的结果，`-1` 则左侧小，`1` 则右侧小，`0` 则相等\n */\nexport function compareAsc(left: Dateable, right: Dateable) {\n left = toDate(left)\n right = toDate(right)\n\n const diff = left.getTime() - right.getTime()\n\n return diff < 0 ? -1 : diff > 0 ? 1 : diff\n}\n\n/**\n * 降序比较两个日期大小，用于给数组的 sort 方法使用\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 比较后的结果，`1` 则左侧小，`-1` 则右侧小，`0` 则相等\n */\nexport function compareDesc(left: Dateable, right: Dateable) {\n return -compareAsc(left, right)\n}\n\n/**\n * 比较两个日期相差的完整秒\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整秒数\n */\nexport function differenceFullSeconds(left: Dateable, right: Dateable) {\n left = startOfSecond(left)\n right = startOfSecond(right)\n\n return differenceSeconds(left, right)\n}\n\n/**\n * 比较两个日期相差的完整分钟\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整分钟数\n */\nexport function differenceFullMinutes(left: Dateable, right: Dateable) {\n left = startOfMinute(left)\n right = startOfMinute(right)\n\n return differenceMinutes(left, right)\n}\n\n/**\n * 比较两个日期相差的完整小时\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整小时数\n */\nexport function differenceFullHours(left: Dateable, right: Dateable) {\n left = startOfHour(left)\n right = startOfHour(right)\n\n return differenceHours(left, right)\n}\n\n/**\n * 比较两个日期相差的完整天\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整天数\n */\nexport function differenceFullDays(left: Dateable, right: Dateable) {\n const sign = compareDesc(left, right)\n const difference = Math.abs(differenceDays(left, right))\n\n left = toDate(left)\n left.setDate(left.getDate() + sign * difference)\n\n const isLastNotFull = compareDesc(left, right) === -sign\n\n return sign * (difference - (isLastNotFull ? 1 : 0))\n}\n\n/**\n * 比较两个日期相差的完整周\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整周数\n */\nexport function differenceFullWeeks(left: Dateable, right: Dateable) {\n const diff = differenceFullDays(left, right) / WEEK_ON_DAYS\n\n return diff > 0 ? Math.floor(diff) : Math.ceil(diff)\n}\n\n/**\n * 比较两个日期相差的完整月\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整月份\n */\nexport function differenceFullMonths(left: Dateable, right: Dateable) {\n const sign = compareDesc(left, right)\n const difference = Math.abs(differenceMonths(left, right))\n\n left = toDate(left)\n left.setMonth(left.getMonth() + sign * difference)\n\n const isLastNotFull = compareDesc(left, right) === -sign\n\n return sign * (difference - (isLastNotFull ? 1 : 0))\n}\n\n/**\n * 比较两个日期相差的完整季度\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整季度\n */\nexport function differenceFullQuarters(left: Dateable, right: Dateable) {\n const diff = differenceFullMonths(left, right) / 3\n\n return diff > 0 ? Math.floor(diff) : Math.ceil(diff)\n}\n\n/**\n * 比较两个日期相差的完整年份\n *\n * @param left 原始日期\n * @param right 原始日期\n *\n * @returns 相差的完整年份\n */\nexport function differenceFullYears(left: Dateable, right: Dateable) {\n const sign = compareDesc(left, right)\n const difference = Math.abs(differenceYears(left, right))\n\n left = toDate(left)\n left.setFullYear(left.getFullYear() + sign * difference)\n\n const isLastNotFull = compareDesc(left, right) === -sign\n\n return sign * (difference - (isLastNotFull ? 1 : 0))\n}\n","import { getType, noop } from './common'\n\nexport interface DeepCloneOptions {\n /**\n * 一个自定义的克隆对象方法，用于处理方法内置以外的对象克隆，如 Class 的实例\n *\n * @param type 对象的类型，注意格式为大驼峰\n * @param obj 原始对象\n *\n * @returns 克隆后对象\n */\n cloneObject?: (type: string, obj: unknown) => any,\n}\n\n/**\n * 深度拷贝对象或数组\n *\n * @param obj 需要拷贝的对象或数组\n *\n * @returns 克隆后的对象\n */\nexport function deepClone(obj: T, options: DeepCloneOptions = {}): T {\n if (obj == null || typeof obj !== 'object') {\n return obj\n }\n\n const { cloneObject = noop } = options\n const temp = Object.create(null) as any\n\n // 循环数组栈\n const loopList: Array<{\n parent: any,\n prop: any,\n data: any,\n }> = [\n {\n parent: temp,\n prop: 'root',\n data: obj,\n },\n ]\n\n const referenceMap = new WeakMap()\n const setProps: Array<{ parent: any, prop: any }> = []\n const mapProps: Array<{ parent: any, prop: any }> = []\n\n while (loopList.length) {\n // 先入后出，深度优先\n const { parent, prop, data } = loopList.pop()!\n\n if (!parent) continue\n\n const type = getType(data)\n\n if (type === 'Date') {\n parent[prop] = new Date(data as Date)\n continue\n }\n\n if (type !== 'Array') {\n const result = cloneObject(type, data)\n\n if (result != null) {\n parent[prop] = result\n continue\n }\n }\n\n // 初始化克隆对象\n const cloned: any = (parent[prop] =\n type === 'Array' || type === 'Set' || type === 'Map' ? [] : Object.create(null))\n\n if (type === 'Set' || type === 'Map') {\n let i = 0\n\n if (type === 'Set') {\n for (const item of data) {\n if (referenceMap.has(item)) {\n cloned[i] = referenceMap.get(item)!\n } else if (item !== null && typeof item === 'object') {\n loopList.push({\n parent: cloned,\n prop: i,\n data: item,\n })\n } else {\n cloned[i] = item\n }\n\n ++i\n }\n\n setProps.push({ parent, prop })\n } else {\n for (const entry of data) {\n const clonedEntry = []\n i = 0\n\n for (const item of entry) {\n if (referenceMap.has(item)) {\n clonedEntry[i] = referenceMap.get(item)!\n } else if (item !== null && typeof item === 'object') {\n loopList.push({\n parent: clonedEntry,\n prop: i,\n data: item,\n })\n } else {\n clonedEntry[i] = item\n }\n\n ++i\n }\n\n cloned.push(clonedEntry)\n }\n\n mapProps.push({ parent, prop })\n }\n } else {\n for (const key of Object.keys(data)) {\n const item = data[key]\n\n // 处理循环引用\n if (referenceMap.has(item)) {\n cloned[key] = referenceMap.get(item)!\n } else if (item !== null && typeof item === 'object') {\n loopList.push({\n parent: cloned,\n prop: key,\n data: item,\n })\n } else {\n cloned[key] = item\n }\n }\n }\n\n referenceMap.set(data, cloned)\n }\n\n for (const { parent, prop } of setProps) {\n parent[prop] = new Set(parent[prop])\n }\n\n for (const { parent, prop } of mapProps) {\n parent[prop] = new Map(parent[prop])\n }\n\n return temp.root\n}\n","const defaultMessage = 'This object was destroyed, do not use it anywhere'\nconst returnTrue = () => true\n\n/**\n * 将一个对象销毁，销毁后的对象所有方法不可用，属性值均为 `null`\n *\n * @param object 要销毁的对象\n * @param message 销毁后，调用方法时的错误信息\n */\nexport function destroyObject(object: any, message = defaultMessage) {\n const throwDestroyed = () => {\n throw new Error(message)\n }\n\n Object.keys(object).forEach(name => {\n if (typeof object[name] === 'function') {\n object[name] = throwDestroyed.bind(object)\n } else {\n object[name] = null\n }\n })\n\n Object.getOwnPropertyNames(object.constructor.prototype).forEach(name => {\n if (name !== 'constructor' && typeof object[name] === 'function') {\n object[name] = throwDestroyed.bind(object)\n }\n })\n\n object.isDestroyed = returnTrue\n}\n","import { isClient, isDefined } from './common'\n\n/**\n * 专用的类型，用于适配 Vexip UI 中 `transfer` 属性的处理\n */\nexport interface TransferNode extends Element {\n __transferElement?: Element | null,\n}\n\nexport interface EventPayload extends EventInit {\n /**\n * 事件的类型\n */\n type: string,\n [prop: string]: any,\n}\n\n/**\n * 当前是否可以使用触摸交互\n */\nexport const USE_TOUCH = isClient && ('ontouchstart' in window || getMaxTouchPoints() > 0)\n/**\n * 当前点击的类型，可以使用触摸交互时为 `pointerdown`，否则为 `click`\n */\nexport const CLICK_TYPE = USE_TOUCH ? 'pointerdown' : 'click'\n\nfunction getMaxTouchPoints() {\n return typeof navigator !== 'undefined'\n ? navigator.maxTouchPoints || ((navigator as any).msMaxTouchPoints as number) || 0\n : 0\n}\n\n/**\n * 为指定的元素派发事件\n *\n * @param el 指定的元素\n * @param payload 事件的属性\n * @param Event 事件类\n *\n * @returns 事件是否派发成功\n */\nexport function dispatchEvent(el: Element, payload: EventPayload, Event = window.Event) {\n const { type, bubbles = false, cancelable = false, ...data } = payload\n\n if (!isDefined(type) || type === '') return false\n\n let event\n\n if (isDefined(Event)) {\n event = new Event(type, { bubbles, cancelable })\n } else {\n event = document.createEvent('HTMLEvents')\n event.initEvent(type, bubbles, cancelable)\n }\n\n Object.assign(event, data)\n\n return el.dispatchEvent(event)\n}\n","import { isClient, isDefined } from './common'\nimport { isValidNumber, toNumber } from './number'\n\nimport type { TransferNode } from './dom-event'\n\nconst TABABLE_SELECTOR = [\n 'button',\n '[href]:not(.disabled)',\n 'input',\n 'select',\n 'textarea',\n '[tabindex]',\n '[contenteditable]',\n]\n .map(s => `${s}:not(:disabled):not([disabled])`)\n .join(', ')\n\nfunction isElement(el?: Element | null): el is HTMLElement {\n return !!el && el.nodeType === 1\n}\n\nfunction ensureElement(el?: Element | null) {\n return isElement(el) ? el : document.body\n}\n\n/**\n * 检索匹配指定选择器的所有元素\n *\n * @param selector 选择器\n * @param root 根元素，不指定时为 `document.body`\n *\n * @returns 匹配的所有元素\n */\nexport function queryAll(selector: string, root?: Element | null) {\n if (!isClient || !selector) return []\n\n return Array.from(ensureElement(root).querySelectorAll(selector)) as HTMLElement[]\n}\n\n/**\n * 判断指定的元素是否聚焦或包含聚焦的元素\n *\n * @param el 需判断的元素\n *\n * @returns 是否聚焦或包含聚焦的元素\n */\nexport function isFocusIn(el?: Element | null) {\n if (!isClient) return false\n\n const activeEl = document.activeElement as HTMLElement\n\n if (!isElement(el) || !activeEl) return false\n\n return el === activeEl || contains(activeEl, el)\n}\n\n/**\n * 判断一个元素是否包含另一个元素\n *\n * @param el 被包含的元素（子元素）\n * @param parent 包含的元素（父元素）\n *\n * @returns 元素是否包含另一个元素\n */\nexport function contains(el?: Element | null, parent?: HTMLElement | null) {\n if (!el || !parent) return false\n\n const tel = (parent as TransferNode).__transferElement\n\n return parent.contains(el) || (!!tel && (tel === el || tel.contains(el)))\n}\n\n/**\n * 判断指定的元素是否隐藏\n *\n * @param el 需判断的元素\n *\n * @returns 元素是否隐藏\n */\nexport function isHidden(el?: Element | null) {\n if (!isClient || !isElement(el) || !el.parentNode || !contains(el, document.body)) {\n return true\n }\n\n if (el.style.display === 'none') {\n return true\n }\n\n const rect = el.getBoundingClientRect()\n\n return !(rect && rect.width > 0 && rect.height > 0)\n}\n\n/**\n * 判断指定的元素是否可见\n *\n * @param el 需判断的元素\n *\n * @returns 元素是否可见\n */\nexport function isVisible(el?: Element | null) {\n return !isHidden(el)\n}\n\n/**\n * 判断指定的元素是否被禁用\n *\n * @param el 需判断的元素\n *\n * @returns 元素是否被禁用\n */\nexport function isDisabled(el?: Element | null) {\n return (\n !isElement(el) ||\n (el.hasAttribute('disabled') && el.getAttribute('disabled') !== 'false') ||\n (el as HTMLInputElement).disabled\n )\n}\n\n/**\n * 检索可以被切换焦点（Tab）的元素\n *\n * @param root 根元素，不指定时为 `document.body`\n * @param includeDisabled 是否包含被禁用的元素\n *\n * @returns 可以被切换焦点的元素\n */\nexport function queryTabables(root?: HTMLElement, includeDisabled = false) {\n const isDis = includeDisabled ? () => false : isDisabled\n\n return queryAll(TABABLE_SELECTOR, root).filter(\n el => isVisible(el) && el.tabIndex > -1 && !isDis(el),\n )\n}\n\n/**\n * 获取元素横向的内边距像素值\n *\n * @param el 指定的元素\n *\n * @returns 元素横向的内边距像素值\n */\nexport function getXPadding(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const computedStyle = getComputedStyle(el)\n const padding = parseFloat(computedStyle.paddingLeft) + parseFloat(computedStyle.paddingRight)\n\n return padding || 0\n}\n\n/**\n * 获取元素纵向的内边距像素值\n *\n * @param el 指定的元素\n *\n * @returns 元素纵向的内边距像素值\n */\nexport function getYPadding(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const computedStyle = getComputedStyle(el)\n const padding = parseFloat(computedStyle.paddingTop) + parseFloat(computedStyle.paddingBottom)\n\n return padding || 0\n}\n\n/**\n * 获取元素横向的外边距像素值\n *\n * @param el 指定的元素\n *\n * @returns 元素横向的外边距像素值\n */\nexport function getXMargin(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const computedStyle = getComputedStyle(el)\n const margin = parseFloat(computedStyle.marginLeft) + parseFloat(computedStyle.marginRight)\n\n return margin || 0\n}\n\n/**\n * 获取元素纵向的外边距像素值\n *\n * @param el 指定的元素\n *\n * @returns 元素纵向的外边距像素值\n */\nexport function getYMargin(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const computedStyle = getComputedStyle(el)\n const margin = parseFloat(computedStyle.marginTop) + parseFloat(computedStyle.marginBottom)\n\n return margin || 0\n}\n\n/**\n * 获取元素横向的边框像素值\n *\n * @param el 指定的元素\n *\n * @returns 元素横向的边框像素值\n */\nexport function getXBorder(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const computedStyle = getComputedStyle(el)\n const width =\n parseFloat(computedStyle.borderLeftWidth) + parseFloat(computedStyle.borderRightWidth)\n\n return width || 0\n}\n\n/**\n * 获取元素纵向的边框像素值\n *\n * @param el 指定的元素\n *\n * @returns 元素纵向的边框像素值\n */\nexport function getYBorder(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const computedStyle = getComputedStyle(el)\n const width =\n parseFloat(computedStyle.borderTopWidth) + parseFloat(computedStyle.borderBottomWidth)\n\n return width || 0\n}\n\n/**\n * 获取元素的选中宽度\n *\n * @param el 指定的元素\n *\n * @returns 元素的选中宽度\n */\nexport function getRangeWidth(el: HTMLElement | null) {\n if (!isClient || !el) return 0\n\n const range = document.createRange()\n\n range.setStart(el, 0)\n range.setEnd(el, el.childNodes.length)\n\n const rangeWidth = range.getBoundingClientRect().width\n const xPadding = getXPadding(el)\n\n return rangeWidth + xPadding\n}\n\n/**\n * 给定的值如果为合法数字，则将转换为像素值\n *\n * @param value 需要判断的值\n *\n * @returns 转换后的像素值\n */\nexport function toCssSize(value: number | string) {\n return isValidNumber(value, true) ? `${toNumber(value)}px` : String(value).trim()\n}\n\n/**\n * 将指定的值转换为 HTML 属性值\n *\n * @param value 需要转换的值\n *\n * @returns 转换后的 HTML 属性值\n */\nexport function toAttrValue(value?: boolean | null): 'true' | undefined\nexport function toAttrValue(value?: string | number | null): string | undefined\nexport function toAttrValue(value?: string | number | boolean | null) {\n return isDefined(value) && value !== false ? String(value) : undefined\n}\n","export type EventType = number | string | symbol\nexport type EventHandler = (...payload: any[]) => void\nexport type EventHandlerSet = Set\nexport type EventHandlerMap = Map\n\nexport interface EventEmitter {\n /**\n * 为指定的事件添加回调方法\n *\n * @param type 事件类型\n * @param handler 回调方法\n */\n on: (type: EventType, handler: EventHandler) => void,\n /**\n * 为指定的事件移除回调方法\n *\n * @param type 事件类型\n * @param handler 回调方法\n */\n off: (type: EventType, handler: EventHandler) => void,\n /**\n * 为指定的事件清除所有回调方法\n *\n * @param type 事件类型\n */\n clear: (type: EventType) => void,\n /**\n * 清除所有事件的所有回调方法\n */\n clearAll: () => void,\n /**\n * 派发特定的事件\n *\n * @param type 事件类型\n * @param payload 传入事件回调方法的参数\n */\n emit: (type: EventType, ...payload: any[]) => void,\n}\n\n/**\n * 创建一个自定义的事件发射器\n *\n * @returns 事件发射器\n */\nexport function createEventEmitter() {\n const handlerMap: EventHandlerMap = new Map()\n\n return {\n on(type, handler) {\n const handlers = handlerMap.get(type)\n const added = handlers?.add(handler)\n\n if (!added) {\n handlerMap.set(type, new Set([handler]))\n }\n },\n off(type, handler) {\n const handlers = handlerMap.get(type)\n\n if (handlers) {\n handlers.delete(handler)\n }\n },\n clear(type) {\n const handlers = handlerMap.get(type)\n\n if (handlers) {\n handlers.clear()\n }\n },\n clearAll() {\n handlerMap.clear()\n },\n emit(type, ...payload) {\n const handlers = handlerMap.get(type)\n\n if (handlers) {\n handlers.forEach(handler => {\n handler(...payload)\n })\n }\n },\n } as EventEmitter\n}\n","function logOnce(message: string, cache: Set, logFn: (...data: any[]) => void) {\n if (message && !cache.has(message)) {\n logFn(message)\n cache.add(message)\n }\n}\n\nconst infoCache = new Set()\n\n/**\n * 仅发出一次的提示消息\n *\n * @param message 消息内容\n * @param logFn 输出函数\n */\nexport function infoOnce(message: string, logFn = console.info) {\n logOnce(message, infoCache, logFn)\n}\n\nconst warnCache = new Set()\n\n/**\n * 仅发出一次的警告消息\n *\n * @param message 消息内容\n * @param logFn 输出函数\n */\nexport function warnOnce(message: string, logFn = console.warn) {\n logOnce(message, warnCache, logFn)\n}\n\nconst errorCache = new Set()\n\n/**\n * 仅发出一次的错误消息\n *\n * @param message 消息内容\n * @param logFn 输出函数\n */\nexport function errorOnce(message: string, logFn = console.warn) {\n logOnce(message, errorCache, logFn)\n}\n","import { isClient, noop } from './common'\n\nexport const raf = isClient\n ? requestAnimationFrame\n : (cb: FrameRequestCallback) => {\n setTimeout(cb, 16)\n }\n\n/**\n * 将一个方法进行节流\n *\n * @param method 需要节流的方法，需自行绑定 this\n * @param interval 节流后的触发间隔，默认 16 ms (1 帧)\n *\n * @returns 节流后的方法\n */\nexport function throttle any>(\n method: T,\n interval = 16,\n): (...args: Parameters) => void {\n if (typeof method !== 'function') {\n return noop\n }\n\n const invoke = (...args: Parameters) => {\n method(...args)\n }\n\n if (interval <= 0) {\n return debounceMinor(invoke)\n }\n\n let lastCall = 0\n let timer: ReturnType\n\n return function (...args: Parameters) {\n const current = Date.now()\n const elapsed = current - lastCall\n\n clearTimeout(timer)\n\n if (elapsed >= interval) {\n lastCall = current\n invoke(...args)\n } else {\n timer = setTimeout(\n () => {\n lastCall = Date.now()\n invoke(...args)\n },\n Math.max(0, interval - elapsed),\n )\n }\n }\n}\n\n/**\n * 将一个方法进行防抖\n *\n * @param method 需要防抖的方法，需自行绑定 this\n * @param delay 防抖的限制时间，默认 100ms\n *\n * @returns 防抖后的方法\n */\nexport function debounce any>(\n method: T,\n delay = 100,\n): (...args: Parameters) => void {\n if (typeof method !== 'function') {\n return noop\n }\n\n const invoke = (...args: Parameters) => {\n method(...args)\n }\n\n if (delay <= 0) {\n return debounceMinor(invoke)\n }\n\n let timer: ReturnType\n\n return function (...args: Parameters) {\n clearTimeout(timer)\n\n timer = setTimeout(() => {\n invoke(...args)\n }, delay)\n }\n}\n\n/**\n * 对给定的方法进行微任务级别的防抖\n *\n * @param method 需要防抖的方法，需自行绑定 this\n *\n * @returns 防抖后的方法\n */\nexport function debounceMinor any>(method: T) {\n if (typeof method !== 'function') {\n return method\n }\n\n let called = false\n let lastArgs: Parameters\n let promise: Promise>>\n\n return function (...args: Parameters) {\n lastArgs = args\n\n if (!called) {\n called = true\n promise = Promise.resolve().then(() => {\n called = false\n promise = undefined!\n\n return method(...lastArgs)\n })\n }\n\n return promise\n }\n}\n\n/**\n * 对给定的方法进行渲染帧级别的防抖\n *\n * @param method 需要防抖的方法，需自行绑定 this\n *\n * @returns 防抖后的方法\n */\nexport function debounceFrame any>(method: T) {\n if (typeof method !== 'function') {\n return method\n }\n\n let called = false\n let lastArgs: Parameters\n let promise: Promise>>\n\n return function (...args: Parameters) {\n lastArgs = args\n\n if (!called) {\n called = true\n promise = new Promise(resolve =>\n raf(() => {\n called = false\n promise = undefined!\n\n resolve(method(...lastArgs))\n }),\n )\n }\n\n return promise\n }\n}\n\nconst tickCallbacks = new Set<(...args: any[]) => any>()\nconst tickArgsMap = new WeakMap()\n\nfunction flushTickCallbacks() {\n tickCallbacks.forEach(fn => {\n fn(...tickArgsMap.get(fn)!)\n })\n tickCallbacks.clear()\n}\n\n/**\n * 在下一微任务，仅执行一次传入的方法\n *\n * @param method 需要执行的方法\n * @param args 方法的额外参数，在方法调用前多次传入将会覆盖之前的参数\n */\nexport function nextTickOnce any>(method: T, ...args: any[]) {\n if (typeof method !== 'function') {\n return method\n }\n\n tickArgsMap.set(method, args)\n\n if (tickCallbacks.has(method)) {\n return\n }\n\n tickCallbacks.add(method)\n\n if (tickCallbacks.size === 1) {\n Promise.resolve().then(flushTickCallbacks)\n }\n}\n\nconst frameCallbacks = new Set<(...args: any[]) => any>()\nconst frameArgsMap = new WeakMap()\n\nfunction flushFrameCallbacks() {\n frameCallbacks.forEach(fn => {\n fn(...frameArgsMap.get(fn)!)\n })\n frameCallbacks.clear()\n}\n\n/**\n * 在下一渲染帧，仅执行一次传入的方法\n *\n * @param method 需要执行的方法\n * @param args 方法的额外参数，在方法调用前多次传入将会覆盖之前的参数\n */\nexport function nextFrameOnce any>(method: T, ...args: any[]) {\n if (typeof method !== 'function') {\n return method\n }\n\n frameArgsMap.set(method, args)\n\n if (frameCallbacks.has(method)) {\n return\n }\n\n frameCallbacks.add(method)\n\n if (frameCallbacks.size === 1) {\n raf(flushFrameCallbacks)\n }\n}\n\n/**\n * 按指定的并发数，并行地为系列源数据执行操作\n *\n * @param maxConcurrency 最大的并发数\n * @param source 源数据\n * @param iteratorFn 处理操作的异步函数\n *\n * @returns 等待所有任务执行完的 Promise 对象\n */\nexport async function runParallel(\n maxConcurrency: number,\n source: T[],\n iteratorFn: (item: T, source: T[]) => Promise,\n) {\n const ret: Array> = []\n const executing: Array> = []\n\n for (const item of source) {\n const p = Promise.resolve().then(() => iteratorFn(item, source))\n\n ret.push(p)\n\n if (maxConcurrency <= source.length) {\n const e: Promise = p.then(() => executing.splice(executing.indexOf(e), 1))\n\n executing.push(e)\n\n if (executing.length >= maxConcurrency) {\n await Promise.race(executing)\n }\n }\n }\n\n return Promise.all(ret)\n}\n","import { isClient } from './common'\n\nlet flexGapSupported: boolean | null = null\n\n/**\n * 判断当前的环境是否支持 CSS 样式：`gap`、`row-gap` 和 `column-gap`\n *\n * @returns 是否支持\n */\nexport function supportFlexGap() {\n if (!isClient) {\n return true\n }\n\n if (flexGapSupported === null) {\n const flex = document.createElement('div')\n\n flex.style.display = 'flex'\n flex.style.flexDirection = 'column'\n flex.style.rowGap = '1px'\n\n flex.appendChild(document.createElement('div'))\n flex.appendChild(document.createElement('div'))\n document.body.appendChild(flex)\n\n flexGapSupported = flex.scrollHeight === 1\n\n document.body.removeChild(flex)\n }\n\n return flexGapSupported\n}\n\nlet imgLoadingSupported: boolean | null = null\n\n/**\n * 判断当前环境是否支持 `` 标签的 `loading` 属性\n *\n * @returns 是否支持\n */\nexport function supportImgLoading() {\n if (!isClient) {\n return false\n }\n\n if (imgLoadingSupported === null) {\n imgLoadingSupported = 'loading' in document.createElement('img')\n }\n\n return imgLoadingSupported\n}\n","import { isDefined, isFunction, isIterable, isObject, toTrue } from './common'\nimport { deepClone } from './deep-clone'\nimport { raf } from './performance'\n\n/**\n * 如果一个值不为数组，则将其转换为数组\n *\n * @param value 指定的值\n *\n * @returns 原始数组或转换后的数组\n */\nexport function ensureArray(value: T | T[]) {\n return Array.isArray(value) ? value : [value]\n}\n\n/**\n * 如果一个值为函数，则执行它并返回结果，否则返回其本身\n *\n * @param value 指定的值\n * @param args 若为函数时，传入的参数\n *\n * @returns 原始值或函数执行结果\n */\nexport function callIfFunc(value: T | ((...args: P) => T), ...args: P) {\n return isFunction(value) ? value(...args) : value\n}\n\n/**\n * 将路径中的 `\\` 替换为 `/`\n *\n * @param path 指定的路径\n *\n * @returns 替换后的路径\n */\nexport function normalizePath(path: string) {\n return path.replace(/[\\\\/]+/g, '/')\n}\n\n/**\n * 获取字符串的最后一个字符\n *\n * @param value 指定的字符串\n *\n * @returns 最后一个字符\n */\nexport function getLast(value: string): string | undefined\n/**\n * 获取数组的最后一个元素\n *\n * @param value 指定的数组\n *\n * @returns 最后一个元素\n */\nexport function getLast(value: T[]): T | undefined\nexport function getLast(value: string | any[]) {\n return value[value.length - 1]\n}\n\ntype RecordKey = string | number | symbol\n\nconst defaultAccessor = (v: unknown) => v\n\nexport function listToMap(\n list: T[],\n prop: K,\n useMap?: false,\n): Record\nexport function listToMap(\n list: T[],\n prop: K,\n accessor?: (item: T) => O,\n useMap?: false,\n): Record\nexport function listToMap(\n list: T[],\n prop: (item: T) => K,\n useMap?: false,\n): Record\nexport function listToMap(\n list: T[],\n prop: (item: T) => K,\n accessor?: (item: T) => O,\n useMap?: false,\n): Record\nexport function listToMap(\n list: T[],\n prop: K,\n useMap?: true,\n): Map\nexport function listToMap(\n list: T[],\n prop: K,\n accessor?: (item: T) => O,\n useMap?: true,\n): Map\nexport function listToMap(\n list: T[],\n prop: (item: T) => K,\n useMap?: true,\n): Map\nexport function listToMap(\n list: T[],\n prop: (item: T) => K,\n accessor?: (item: T) => O,\n useMap?: true,\n): Map\n/**\n * 根据数组元素中某个或多个属性的值转换为映射对象\n *\n * @param list 需要被转换的数组\n * @param prop 需要被转换的属性或提供一个读取方法\n * @param accessor 映射的值的读取方法，默认返回元素本身\n * @param useMap 是否使用 Map 对象储存结果\n *\n * @returns 转换后的映射对象\n */\nexport function listToMap(\n list: T[],\n prop: keyof T | ((item: T) => any),\n accessor?: boolean | ((item: T) => O),\n useMap?: boolean,\n) {\n let normalizeAccessor: (item: T) => O\n\n if (typeof accessor !== 'function' && useMap === undefined) {\n useMap = !!accessor\n normalizeAccessor = defaultAccessor as any\n } else {\n normalizeAccessor = typeof accessor === 'function' ? accessor : (defaultAccessor as any)\n }\n\n const map = (useMap ? new Map() : {}) as any\n\n if (!isDefined(prop)) return map\n\n const set = useMap\n ? (key: any, value: O) => map.set(key, value)\n : (key: any, value: O) => (map[key] = value)\n const propAccessor = isFunction(prop) ? prop : (item: T) => item[prop]\n\n list.forEach(item => {\n if (!isDefined(item)) return\n\n const key = propAccessor(item)\n\n if (isDefined(key)) {\n set(key, normalizeAccessor(item))\n }\n })\n\n return map\n}\n\nexport {\n /** @deprecated please use listToMap to replace it */\n listToMap as transformListToMap,\n}\n\n/**\n * 移除数组中的某个元素\n *\n * @param array 需要被移除元素的数组\n * @param item 需要被移除的元素, 或一个查找方法，如果元素为函数时则需要做一层简单包装\n * @param isFn 标记数组的元素是否为函数\n *\n * @returns 被移除的元素\n */\nexport function removeArrayItem(\n array: T[],\n item: T | ((item: T) => boolean),\n isFn = false,\n): T | null {\n let index = -1\n\n if (isFn || typeof item !== 'function') {\n index = array.findIndex(current => current === item)\n } else {\n index = array.findIndex(item as (item: T) => boolean)\n }\n\n if (~index) {\n return array.splice(index, 1)[0]\n }\n\n return null\n}\n\n/**\n * 按照一定顺序的属性对数据进行分组\n *\n * @param list 需要分数的数据\n * @param props 需要按顺序分组的属性\n *\n * @returns 分组后的对象\n */\nexport function groupByProps(\n list: T[],\n props: Array any)> | string | ((item: T) => any) = [],\n): Record {\n if (typeof props === 'string' || typeof props === 'function') {\n props = [props]\n }\n\n const propCount = props.length\n const zipData: Record = {}\n\n for (const item of list) {\n let data\n\n for (let i = 0; i < propCount; ++i) {\n const isLast = i === propCount - 1\n const prop = props[i]\n const value = typeof prop === 'function' ? prop(item) : item[prop as keyof T]\n\n if (!data) {\n if (!zipData[value]) {\n zipData[value] = isLast ? [] : {}\n }\n\n data = zipData[value]\n } else {\n if (!data[value]) {\n data[value] = isLast ? [] : {}\n }\n\n data = data[value]\n }\n }\n\n data.push(item)\n }\n\n return zipData\n}\n\nexport interface TreeOptions {\n keyField?: T,\n childField?: T,\n parentField?: T,\n /** 若指定，`parent` 值等于 `rootId` 的节点被认为是顶级节点 */\n rootId?: any,\n}\n\n/**\n * 将一个展平的列表转换为树\n *\n * @param list 要转换的列表\n * @param options 转换的配置项\n *\n * @returns 转换后的树\n */\nexport function transformTree(list: T[], options: TreeOptions = {}) {\n const {\n keyField = 'id' as keyof T,\n childField = 'children' as keyof T,\n parentField = 'parent' as keyof T,\n rootId = null,\n } = options\n\n const hasRootId = isDefined(rootId) && rootId !== ''\n const tree: T[] = []\n const record = new Map()\n\n for (let i = 0, len = list.length; i < len; ++i) {\n const item = list[i]\n const id = item[keyField]\n\n if (hasRootId ? id === rootId : !isDefined(id)) {\n continue\n }\n\n if (record.has(id)) {\n ;(item as any)[childField] = record.get(id)!\n } else {\n ;(item as any)[childField] = []\n record.set(id, (item as any)[childField])\n }\n\n if (item[parentField] && (!hasRootId || item[parentField] !== rootId)) {\n const parentId = item[parentField]\n\n if (!record.has(parentId)) {\n record.set(parentId, [])\n }\n\n record.get(parentId)!.push(item)\n } else {\n tree.push(item)\n }\n }\n\n return tree\n}\n\nexport { transformTree as buildTree }\n\n/**\n * 将一个树展平成列表\n *\n * @param tree 要展平的树\n * @param options 转换的配置项\n *\n * @returns 展平后的列表\n */\nexport function flatTree(\n tree: T[],\n options: TreeOptions & {\n /** 是否为深度优先遍历 */\n depthFirst?: boolean,\n /**\n * 是否为无 ID 的节点插入 ID 值\n *\n * @default true\n */\n injectId?: boolean,\n /** 构建节点的 ID 的方法 */\n buildId?: (index: number) => any,\n /** 过滤节点的方法 */\n filter?: (item: T) => boolean,\n /** 过滤的结果是否会影响其子级 */\n cascaded?: boolean,\n /** 是否强制为节点插入 ID 值 */\n forceInject?: boolean,\n } = {},\n) {\n const {\n keyField = 'id' as keyof T,\n childField = 'children' as keyof T,\n parentField = 'parent' as keyof T,\n rootId = null,\n depthFirst = false,\n injectId = true,\n buildId = i => i,\n filter = toTrue,\n cascaded = false,\n forceInject = false,\n } = options\n\n let idCount = 1\n\n const hasRootId = isDefined(rootId) && rootId !== ''\n const list: T[] = []\n const loop = [...tree]\n\n while (loop.length) {\n const item = loop.shift()!\n\n const childrenValue = item[childField]\n const children: T[] = Array.isArray(childrenValue) && childrenValue.length ? childrenValue : []\n\n if (injectId && (forceInject || !item[keyField])) {\n item[keyField] = buildId(idCount++)\n }\n\n const id = item[keyField]\n\n if (\n injectId &&\n parentField &&\n (hasRootId ? item[parentField] === rootId : !item[parentField])\n ) {\n ;(item as any)[parentField] = rootId\n }\n\n const filterResult = filter(item)\n\n if (filterResult) list.push(item)\n\n if (filterResult || !cascaded) {\n for (let i = 0, len = children.length; i < len; ++i) {\n const child = children[i]\n\n if (injectId && parentField) {\n child[parentField] = id\n }\n\n !depthFirst && loop.push(child)\n }\n\n if (depthFirst) {\n loop.unshift(...children)\n }\n }\n }\n\n return list\n}\n\n/**\n * 遍历树并为每个节点执行回调方法\n *\n * @param tree 要遍历的树\n * @param cb 回调函数\n * @param options 遍历的配置项\n */\nexport function walkTree(\n tree: T[],\n cb: (item: T, depth: number, parent: T | null) => void,\n options: {\n /** 是否为深度优先遍历 */\n depthFirst?: boolean,\n childField?: keyof T,\n } = {},\n) {\n const { childField = 'children' as keyof T, depthFirst = false } = options\n const loop = [...tree.map(item => ({ item, depth: 0, parent: null as T | null }))]\n\n while (loop.length) {\n const { item, depth, parent } = loop.shift()!\n const children = item[childField] as T[]\n\n cb(item, depth, parent)\n\n if (isIterable(children)) {\n loop[depthFirst ? 'unshift' : 'push'](\n ...Array.from(children).map(child => ({ item: child, depth: depth + 1, parent: item })),\n )\n }\n }\n}\n\n/**\n * 遍历树并为每个节点执行回调方法，并用其返回值构建一颗新的树\n *\n * @param tree 要遍历的树\n * @param cb 回调函数\n * @param options 遍历的配置项\n *\n * @returns 构建后新的树\n */\nexport function mapTree(\n tree: T[],\n cb: (item: T, depth: number, parent: T | null) => R,\n options: {\n /** 是否为深度优先遍历 */\n depthFirst?: boolean,\n childField?: keyof T,\n /** 是否强制重置 `children` 字段 */\n clearChildren?: boolean,\n } = {},\n) {\n const { childField = 'children' as keyof T, depthFirst = false, clearChildren = true } = options\n const result: R[] = []\n const loop = [...tree.map(item => ({ item, depth: 0, parent: null as T | null, result }))]\n\n while (loop.length) {\n const { item, depth, parent, result } = loop.shift()!\n const children = item[childField] as T[]\n const newItem = cb(item, depth, parent) ?? ({} as any)\n\n if (clearChildren) {\n newItem[childField] = []\n }\n\n result.push(newItem)\n\n if (isIterable(children)) {\n const items = Array.from(children)\n\n if (items.length) {\n newItem[childField] = []\n loop[depthFirst ? 'unshift' : 'push'](\n ...Array.from(children).map(child => ({\n item: child,\n depth: depth + 1,\n parent: item,\n result: newItem[childField],\n })),\n )\n }\n }\n }\n\n return result\n}\n\n/**\n * 遍历树并为每个节点执行过滤方法，并用符合条件的节点构建一棵新的树\n *\n * @param tree 要遍历的树\n * @param cb 过滤的方法\n * @param options 遍历的配置项\n *\n * @returns 过滤后新的树\n */\nexport function filterTree(\n tree: T[],\n cb: (item: T, depth: number, parent: T | null) => boolean,\n options: {\n /** 判断一个节点是否为叶子节点 */\n isLeaf?: (item: T) => boolean,\n /** 是否只对叶子节点进行过滤 */\n leafOnly?: boolean,\n childField?: keyof T,\n } = {},\n) {\n const {\n childField = 'children' as keyof T,\n leafOnly = false,\n isLeaf = item => !isIterable(item[childField]),\n } = options\n\n const filter = (data: T[], depth: number, parent: T | null): T[] => {\n return data\n .map(item => ({ ...item }))\n .filter(item => {\n const children = item[childField] as T[]\n const leaf = isLeaf(item)\n const items = isIterable(children) && Array.from(children)\n\n if (leafOnly && !leaf) {\n if (items && items.length) {\n const matched = filter(items, depth + 1, item)\n item[childField] = matched as any\n\n return !!matched.length\n }\n\n return false\n }\n\n const result = cb(item, depth, parent)\n\n if (leaf) return result\n if (!leafOnly && result) return true\n\n if (items && items.length) {\n const matched = filter(items, depth + 1, item)\n item[childField] = matched as any\n\n return !!matched.length\n }\n\n return result\n })\n }\n\n return filter(tree, 0, null)\n}\n\nexport interface SortOptions {\n /** 属性名 */\n key: T,\n /** 排序方法 */\n method?: (prev: any, next: any) => number,\n /** 读取方法 */\n accessor?: (...args: any[]) => any,\n /** 升降序 */\n type?: 'asc' | 'desc',\n /** 传入读取器的额外参数 */\n params?: any[],\n}\n\nconst defaultSortMethod = (prev: any, next: any) => {\n if (Number.isNaN(Number(prev) - Number(next))) {\n return String(prev).localeCompare(next)\n }\n\n return prev - next\n}\n\n/**\n * 根据依赖的属性对数组逐层排序\n *\n * @param list 需要排序的数组\n * @param props 排序依赖的属性\n *\n * @returns 排序后的数组\n */\nexport function sortByProps(\n list: T[],\n props: keyof T | SortOptions | (keyof T | SortOptions)[],\n) {\n if (\n !list.sort ||\n (isObject(props) && !props.key) ||\n !(props as string | SortOptions[]).length\n ) {\n return list\n }\n\n const sortedList = Array.from(list)\n\n if (!Array.isArray(props)) {\n props = [props]\n }\n\n const formattedProps = props\n .map(\n value =>\n (typeof value === 'string'\n ? {\n key: value,\n method: defaultSortMethod,\n type: 'asc',\n }\n : value) as SortOptions,\n )\n .map(value => {\n if (typeof value.accessor !== 'function') {\n value.accessor = (data: T) => data[value.key]\n }\n\n if (typeof value.method !== 'function') {\n value.method = defaultSortMethod\n }\n\n value.params = Array.isArray(value.params) ? value.params : []\n\n return value as Required\n })\n\n sortedList.sort((prev, next) => {\n let lastResult = 0\n\n for (const prop of formattedProps) {\n const { method, type, accessor, params } = prop\n const desc = type === 'desc'\n const result = method(accessor(prev, ...params), accessor(next, ...params))\n\n lastResult = desc ? -result : result\n // 若不为0则无需进行下一层排序\n if (lastResult) break\n }\n\n return lastResult\n })\n\n return sortedList\n}\n\n/**\n * 将两个对象进行深度的动态合并\n *\n * @param sourceObj 用于接收合并的源对象\n * @param targetObj 被合并的对象，当属性名相同但值类型不同的情况，此对象的权重更高\n * @param isNewObj 标记合并至一个全新的对象（深度的）\n *\n * @returns 合并后的对象\n */\nexport function mergeObjects, U extends Record>(\n sourceObj: T,\n targetObj: U,\n isNewObj = true,\n) {\n sourceObj = isNewObj ? deepClone(sourceObj) : sourceObj\n\n const loop: Array<{\n source: Record,\n target: Record,\n }> = [\n {\n source: sourceObj,\n target: targetObj,\n },\n ]\n\n while (loop.length) {\n const { source, target } = loop.pop()!\n\n Object.keys(target).forEach(key => {\n if (isObject(target[key])) {\n if (!isObject(source[key])) {\n source[key] = Object.create(null)\n }\n\n loop.push({\n source: source[key],\n target: target[key],\n })\n } else if (Array.isArray(target[key])) {\n if (!Array.isArray(source[key])) {\n source[key] = []\n }\n\n loop.push({\n source: source[key],\n target: target[key],\n })\n } else {\n source[key] = target[key]\n }\n })\n }\n\n return sourceObj as T & U\n}\n\n/**\n * 将一个任务队列按每帧一次依次指定，返回一个触发取消的方法\n *\n * @param queue 任务队列\n *\n * @returns 终止队列执行的方法\n */\nexport function runQueueFrame(queue: Array<() => void>) {\n queue = Array.from(queue)\n\n let cancelled = false\n\n const run = () => {\n if (cancelled) return\n\n queue.shift()?.()\n queue.length && raf(run)\n }\n\n run()\n\n return () => (cancelled = true)\n}\n","/**\n * 将给定的常量字符串类型拓展为不区分大小写的任意组合\n */\nexport type AnyCase = string extends S\n ? string\n : S extends `${infer F1}${infer F2}${infer R}`\n ? `${Uppercase | Lowercase}${Uppercase | Lowercase}${AnyCase}`\n : S extends `${infer F}${infer R}`\n ? `${Uppercase | Lowercase}${AnyCase}`\n : ''\n\nfunction allCapital(value: string) {\n const matched = value.match(/[A-Z]+/)\n\n return matched && matched[0] === value\n}\n\n// const kebabRE = /\\B([A-Z])/g\nconst kebabRE = /\\B([A-Z])(?=[^A-Z_-])/g\n\n/**\n * 将字面值转换为短横线连接\n *\n * @param value 需要转换的字面值\n *\n * @returns 转换后的短横线连接字面值\n *\n * @example\n * ```ts\n * toKebabCase('AaBbCc') // aa-bb-cc\n * toKebabCase('AABb') // aa-bb\n * toKebabCase('AAA') // aaa\n * toKebabCase('AaBb CcDd') // aa-bb cc-dd\n * ```\n */\nexport function toKebabCase(value: string) {\n // if (allCapital(value)) {\n // return value.toLocaleLowerCase()\n // }\n\n return value.replace(kebabRE, '-$1').toLowerCase()\n}\n\n/**\n * 将给定的常量字符串类型拓展为大驼峰\n */\nexport type CapitalCase = T extends `${infer First} ${infer Rest}`\n ? CapitalCase<`${First}-${Rest}`>\n : T extends `${infer First}-${infer Rest}`\n ? `${Capitalize}${CapitalCase}`\n : Capitalize\n\n/**\n * 将字面值转换为大驼峰\n *\n * @param value 需要转换的字面值\n *\n * @returns 转换后的大驼峰字面值\n */\nexport function toCapitalCase(value: T) {\n value = value.trim().replace(/\\s+/g, '-') as T\n value = value.replace(/-+(\\w)/g, (_, char) => (char ? char.toUpperCase() : '')) as T\n\n return (value.charAt(0).toLocaleUpperCase() + value.slice(1)).replace(\n /[^\\w]/g,\n '',\n ) as CapitalCase\n}\n\n/**\n * 将字面值转换为小驼峰\n *\n * @param value 需要转换的字面值\n *\n * @returns 转换后的小驼峰字面值\n */\nexport function toCamelCase(value: string) {\n const capitalName = toCapitalCase(value)\n\n if (allCapital(capitalName)) {\n return capitalName.toLocaleLowerCase()\n }\n\n return capitalName.charAt(0).toLowerCase() + capitalName.slice(1)\n}\n","import { computed, getCurrentInstance, inject, provide, unref } from 'vue'\n\nimport { isDefined } from '@vexip-ui/utils'\n\nimport type { App, ComputedRef, MaybeRef } from 'vue'\n\nexport const PROVIDED_HOVER_DELAY = '___vxp-provided-hover-delay'\nexport const globalDelay = computed(() => 100)\n\nfunction getOrDefault(num: number, def: number) {\n return isDefined(num) && !Number.isNaN(num) ? num : def\n}\n\n/**\n * Provide a hover delay config for under components.\n *\n * @param sourceDelay hover delay config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configHoverDelay(sourceDelay: MaybeRef, app?: App) {\n if (app) {\n const delay = computed(() => {\n const delay = unref(sourceDelay)\n\n return getOrDefault(delay, globalDelay.value)\n })\n\n app.provide(PROVIDED_HOVER_DELAY, delay)\n } else {\n const upstreamDelay = inject | null>(PROVIDED_HOVER_DELAY, null)\n const delay = computed(() => {\n const delay = unref(sourceDelay)\n\n return getOrDefault(\n delay,\n upstreamDelay ? getOrDefault(upstreamDelay.value, globalDelay.value) : globalDelay.value,\n )\n })\n\n provide(PROVIDED_HOVER_DELAY, delay)\n }\n}\n\nexport function useHoverDelay() {\n return getCurrentInstance()\n ? inject>(PROVIDED_HOVER_DELAY, globalDelay)\n : globalDelay\n}\n","import { defineLocaleConfig } from './helper'\n\n/**\n * Chinese (Simplified) locale config.\n *\n * @author @qmhc\n */\nexport function zhCNLocale() {\n return defineLocaleConfig({\n locale: 'zh-CN',\n wordSpace: false,\n\n calendar: {\n year: '年',\n month: '月',\n month1: '01月',\n month2: '02月',\n month3: '03月',\n month4: '04月',\n month5: '05月',\n month6: '06月',\n month7: '07月',\n month8: '08月',\n month9: '09月',\n month10: '10月',\n month11: '11月',\n month12: '12月',\n week1: '一',\n week2: '二',\n week3: '三',\n week4: '四',\n week5: '五',\n week6: '六',\n week7: '日',\n\n ariaLabel: {\n year: '年',\n month: '月',\n month1: '一月',\n month2: '二月',\n month3: '三月',\n month4: '四月',\n month5: '五月',\n month6: '六月',\n month7: '七月',\n month8: '八月',\n month9: '九月',\n month10: '十月',\n month11: '十一月',\n month12: '十二月',\n week1: '星期一',\n week2: '星期二',\n week3: '星期三',\n week4: '星期四',\n week5: '星期五',\n week6: '星期六',\n week7: '星期日',\n },\n },\n\n captcha: {\n slideEnd: '请滑动到最后',\n slide: '请滑动到适当的位置',\n success: '验证成功',\n fail: '验证失败，请重试',\n doCaptcha: '请完成下面的验证',\n pointInOrder: '请按顺序点击',\n trigger: '点击进行验证',\n completed: '已完成验证',\n },\n\n checkbox: {\n all: '全选',\n },\n\n colorPicker: {\n confirm: '确定',\n cancel: '重置',\n\n ariaLabel: {\n clear: '清空颜色',\n },\n },\n\n confirm: {\n confirm: '确认',\n cancel: '取消',\n },\n\n datePicker: {\n confirm: '确认',\n cancel: '取消',\n placeholder: {\n year: '年份',\n month: '月份',\n date: '日期',\n datetime: '日期时间',\n start: '开始',\n end: '结束',\n select: '请选择',\n },\n startTime: '开始时间',\n endTime: '结束时间',\n\n ariaLabel: {\n clear: '清空日期',\n quarter: '季度',\n week: '周',\n date: '日',\n hour: '时',\n minute: '分',\n second: '秒',\n },\n },\n\n drawer: {\n confirm: '确认',\n cancel: '取消',\n },\n\n form: {\n submit: '提交',\n reset: '重置',\n notNullable: '不可为空',\n validateFail: '验证未通过',\n },\n\n image: {\n placeholder: '加载中...',\n error: '加载失败',\n },\n\n input: {\n placeholder: '请输入',\n\n ariaLabel: {\n clear: '清空文本',\n },\n },\n\n layout: {\n signOut: '注销',\n signType: '导航模式',\n majorColor: '主题颜色',\n themeMode: '主题模式',\n },\n\n modal: {\n confirm: '确认',\n cancel: '取消',\n },\n\n numberInput: {\n placeholder: '请输入数字',\n outOfRange: '超出范围',\n\n ariaLabel: {\n clear: '清空数字',\n increase: '增加',\n decrease: '减少',\n },\n },\n\n pagination: {\n page: '页',\n perPage: '条/页',\n prevPage: '上一页',\n nextPage: '下一页',\n prev: '向前',\n next: '向后',\n total: '共',\n jumpTo: '跳转',\n itemUnit: '条',\n },\n\n select: {\n placeholder: '请选择',\n empty: '暂无数据',\n search: '搜索选项',\n\n ariaLabel: {\n clear: '清空选项',\n },\n },\n\n table: {\n empty: '暂无数据',\n filterConfirm: '筛选',\n filterReset: '重置',\n filterAll: '全部',\n },\n\n timeAgo: {\n ago: '前',\n late: '后',\n justNow: '刚刚',\n second: '秒',\n minute: '分钟',\n hour: '小时',\n yesterday: '昨天',\n days: '天',\n lastMonth: '上个月',\n months: '个月',\n lastYear: '去年',\n years: '年',\n },\n\n timePicker: {\n confirm: '确认',\n cancel: '取消',\n placeholder: {\n time: '时间',\n start: '开始',\n end: '结束',\n select: '请选择',\n },\n\n ariaLabel: {\n clear: '清空时间',\n hour: '时',\n minute: '分',\n second: '秒',\n },\n },\n\n tour: {\n prev: '上一步',\n next: '下一步',\n done: '完成',\n stepCount: '第 {n} 步',\n },\n\n transfer: {\n source: '源',\n target: '目标',\n empty: '暂无数据',\n reverse: '反选',\n search: '搜索 (Ctrl + F)',\n },\n\n tree: {\n empty: '暂无数据',\n },\n\n upload: {\n upload: '上传文件',\n uploading: '上传中',\n dragOrClick: '将文件拖到此处, 或点击上传',\n\n ariaLabel: {\n preview: '预览文件',\n delete: '删除文件',\n },\n },\n\n video: {\n play: '播放',\n pause: '暂停',\n playPrev: '上一个',\n playNext: '下一个',\n refresh: '刷新',\n flip: '镜像翻转',\n requestPip: '进入画中画',\n exitPip: '退出画中画',\n fullWindow: '进入网页全屏',\n fullWindowExit: '退出网页全屏',\n fullScreen: '进入全屏',\n fullScreenExit: '退出全屏',\n chapterCount: '第 {n} 章',\n },\n\n viewer: {\n rotateRight: '向右旋转',\n rotateLeft: '向左旋转',\n flipHorizontal: '横向翻转',\n flipVertical: '纵向翻转',\n zoomIn: '放大',\n zoomOut: '缩小',\n fullScreen: '进入全屏',\n fullScreenExit: '退出全屏',\n reset: '重置',\n },\n })\n}\n","import { computed, inject, provide, unref } from 'vue'\n\nimport { mergeObjects } from '@vexip-ui/utils'\nimport { zhCNLocale } from './zh-CN'\n\nimport type { App, ComputedRef, MaybeRef } from 'vue'\nimport type { LocaleConfig, LocaleNames, LocaleOptions } from './helper'\n\nexport * from './helper'\n\nexport * from './ar-EG'\nexport * from './de-DE'\nexport * from './en-US'\nexport * from './fa-IR'\nexport * from './fr-FR'\nexport * from './ta-IN'\nexport * from './zh-CN'\nexport * from './zh-HK'\nexport * from './zh-TW'\n\nexport const PROVIDED_LOCALE = '__vxp-provided-locale'\nexport const globalLocal = computed(() => zhCNLocale())\n\nconst cached = new Map()\n\nexport function getDefaultLocaleConfig(locale?: string) {\n if (!locale) {\n return globalLocal.value\n }\n\n return cached.get(locale) || globalLocal.value\n}\n\nexport function registerLocale(locale: LocaleConfig) {\n locale.locale && cached.set(locale.locale, locale)\n}\n\n/**\n * Provide a locale config for under components.\n *\n * @param sourceLocale locale config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configLocale(sourceLocale: MaybeRef, app?: App) {\n if (app) {\n const locale = computed(() => {\n const locale = unref(sourceLocale)\n\n return mergeObjects(getDefaultLocaleConfig(locale.locale), locale)\n })\n\n app.provide(PROVIDED_LOCALE, locale)\n } else {\n const upstreamLocale = inject | null>(PROVIDED_LOCALE, null)\n const locale = computed(() => {\n const locale = unref(sourceLocale)\n // const providedLocale = mergeObjects(getDefaultLocaleConfig(locale.locale), locale)\n\n if (!upstreamLocale?.value) {\n return mergeObjects(getDefaultLocaleConfig(locale.locale), locale)\n }\n\n return mergeObjects(upstreamLocale.value as any, locale)\n })\n\n provide(PROVIDED_LOCALE, locale)\n }\n}\n\nexport function useLocale(): ComputedRef\nexport function useLocale(name: T): ComputedRef\nexport function useLocale(\n name: T,\n customLocale: MaybeRef>\n): ComputedRef\nexport function useLocale(\n name?: T,\n customLocale?: MaybeRef>,\n) {\n const locale = inject>(PROVIDED_LOCALE, globalLocal)\n\n if (!name) {\n return locale\n }\n\n if (customLocale) {\n return computed(() => ({ ...(locale.value?.[name] ?? {}), ...(unref(customLocale) ?? {}) }))\n }\n\n return computed(() => locale.value?.[name] ?? {})\n}\n\nexport function useWordSpace() {\n const locale = inject>(PROVIDED_LOCALE, globalLocal)\n\n return computed(() => locale.value.wordSpace ?? false)\n}\n\nexport function getCountWord(wordTemplate: string, count: number) {\n const words = wordTemplate.split('|')\n\n if (words.length === 1) return `${count} ${wordTemplate}`\n\n return `${count} ${count > 1 ? words[1].trim() : words[0].trim()}`\n}\n\nexport function getCountWordOnly(wordTemplate: string, count: number) {\n const words = wordTemplate.split('|')\n\n if (words.length === 1) return wordTemplate\n\n return count > 1 ? words[1].trim() : words[0].trim()\n}\n\nexport function makeSentence(words: string, wordSpace = globalLocal.value.wordSpace ?? false) {\n return !wordSpace ? words.replace(/\\s+/g, '') : words\n}\n\nexport function getStepByWord(wordTemplate: string, step: number) {\n return wordTemplate.replace(/{n}/g, `${step}`)\n}\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-width\": 2,\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport defaultAttributes from './defaultAttributes.js';\n\nconst Icon = ({ size, strokeWidth = 2, absoluteStrokeWidth, color, iconNode, name, class: classes, ...props }, { slots }) => {\n return h(\n \"svg\",\n {\n ...defaultAttributes,\n width: size || defaultAttributes.width,\n height: size || defaultAttributes.height,\n stroke: color || defaultAttributes.stroke,\n \"stroke-width\": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n class: mergeClasses(\n \"lucide\",\n ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : [\"lucide-icon\"]\n ),\n ...props\n },\n [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]\n );\n};\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => (props, { slots }) => h(\n Icon,\n {\n ...props,\n iconNode,\n name: iconName\n },\n slots\n);\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ArrowLeftRight = createLucideIcon(\"arrow-left-right\", [\n [\"path\", { d: \"M8 3 4 7l4 4\", key: \"9rb6wj\" }],\n [\"path\", { d: \"M4 7h16\", key: \"6tx8e3\" }],\n [\"path\", { d: \"m16 21 4-4-4-4\", key: \"siv7j2\" }],\n [\"path\", { d: \"M20 17H4\", key: \"h6l3hr\" }]\n]);\n\nexport { ArrowLeftRight as default };\n//# sourceMappingURL=arrow-left-right.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Calendar = createLucideIcon(\"calendar\", [\n [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"4\", rx: \"2\", key: \"1hopcy\" }],\n [\"path\", { d: \"M3 10h18\", key: \"8toen8\" }]\n]);\n\nexport { Calendar as default };\n//# sourceMappingURL=calendar.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Check = createLucideIcon(\"check\", [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]]);\n\nexport { Check as default };\n//# sourceMappingURL=check.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronDown = createLucideIcon(\"chevron-down\", [\n [\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]\n]);\n\nexport { ChevronDown as default };\n//# sourceMappingURL=chevron-down.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronLeft = createLucideIcon(\"chevron-left\", [\n [\"path\", { d: \"m15 18-6-6 6-6\", key: \"1wnfg3\" }]\n]);\n\nexport { ChevronLeft as default };\n//# sourceMappingURL=chevron-left.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronRight = createLucideIcon(\"chevron-right\", [\n [\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]\n]);\n\nexport { ChevronRight as default };\n//# sourceMappingURL=chevron-right.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronUp = createLucideIcon(\"chevron-up\", [\n [\"path\", { d: \"m18 15-6-6-6 6\", key: \"153udz\" }]\n]);\n\nexport { ChevronUp as default };\n//# sourceMappingURL=chevron-up.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronsLeft = createLucideIcon(\"chevrons-left\", [\n [\"path\", { d: \"m11 17-5-5 5-5\", key: \"13zhaf\" }],\n [\"path\", { d: \"m18 17-5-5 5-5\", key: \"h8a8et\" }]\n]);\n\nexport { ChevronsLeft as default };\n//# sourceMappingURL=chevrons-left.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronsRight = createLucideIcon(\"chevrons-right\", [\n [\"path\", { d: \"m6 17 5-5-5-5\", key: \"xnjwq\" }],\n [\"path\", { d: \"m13 17 5-5-5-5\", key: \"17xmmf\" }]\n]);\n\nexport { ChevronsRight as default };\n//# sourceMappingURL=chevrons-right.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleAlert = createLucideIcon(\"circle-alert\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n]);\n\nexport { CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleCheck = createLucideIcon(\"circle-check\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"m9 12 2 2 4-4\", key: \"dzmm74\" }]\n]);\n\nexport { CircleCheck as default };\n//# sourceMappingURL=circle-check.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleHelp = createLucideIcon(\"circle-help\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { CircleHelp as default };\n//# sourceMappingURL=circle-help.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleX = createLucideIcon(\"circle-x\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"m15 9-6 6\", key: \"1uzhvr\" }],\n [\"path\", { d: \"m9 9 6 6\", key: \"z0biqf\" }]\n]);\n\nexport { CircleX as default };\n//# sourceMappingURL=circle-x.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"clock\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CloudUpload = createLucideIcon(\"cloud-upload\", [\n [\"path\", { d: \"M12 13v8\", key: \"1l5pq0\" }],\n [\"path\", { d: \"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\", key: \"1pljnt\" }],\n [\"path\", { d: \"m8 17 4-4 4 4\", key: \"1quai1\" }]\n]);\n\nexport { CloudUpload as default };\n//# sourceMappingURL=cloud-upload.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Ellipsis = createLucideIcon(\"ellipsis\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n [\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", key: \"1wjl8i\" }],\n [\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", key: \"1pcz8c\" }]\n]);\n\nexport { Ellipsis as default };\n//# sourceMappingURL=ellipsis.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"eye-off\", [\n [\n \"path\",\n {\n d: \"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\",\n key: \"ct8e1f\"\n }\n ],\n [\"path\", { d: \"M14.084 14.158a3 3 0 0 1-4.242-4.242\", key: \"151rxh\" }],\n [\n \"path\",\n {\n d: \"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\",\n key: \"13bj9a\"\n }\n ],\n [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"eye\", [\n [\n \"path\",\n {\n d: \"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\",\n key: \"1nclc0\"\n }\n ],\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FileArchive = createLucideIcon(\"file-archive\", [\n [\"path\", { d: \"M10 12v-1\", key: \"v7bkov\" }],\n [\"path\", { d: \"M10 18v-2\", key: \"1cjy8d\" }],\n [\"path\", { d: \"M10 7V6\", key: \"dljcrl\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n [\n \"path\",\n { d: \"M15.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v16a2 2 0 0 0 .274 1.01\", key: \"gkbcor\" }\n ],\n [\"circle\", { cx: \"10\", cy: \"20\", r: \"2\", key: \"1xzdoj\" }]\n]);\n\nexport { FileArchive as default };\n//# sourceMappingURL=file-archive.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FileCode = createLucideIcon(\"file-code\", [\n [\"path\", { d: \"M10 12.5 8 15l2 2.5\", key: \"1tg20x\" }],\n [\"path\", { d: \"m14 12.5 2 2.5-2 2.5\", key: \"yinavb\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z\", key: \"1mlx9k\" }]\n]);\n\nexport { FileCode as default };\n//# sourceMappingURL=file-code.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FileImage = createLucideIcon(\"file-image\", [\n [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n [\"circle\", { cx: \"10\", cy: \"12\", r: \"2\", key: \"737tya\" }],\n [\"path\", { d: \"m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22\", key: \"wt3hpn\" }]\n]);\n\nexport { FileImage as default };\n//# sourceMappingURL=file-image.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FileMusic = createLucideIcon(\"file-music\", [\n [\"path\", { d: \"M10.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v8.4\", key: \"1d3kfm\" }],\n [\"path\", { d: \"M8 18v-7.7L16 9v7\", key: \"1oie6o\" }],\n [\"circle\", { cx: \"14\", cy: \"16\", r: \"2\", key: \"1bzzi3\" }],\n [\"circle\", { cx: \"6\", cy: \"18\", r: \"2\", key: \"1fncim\" }]\n]);\n\nexport { FileMusic as default };\n//# sourceMappingURL=file-music.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FileText = createLucideIcon(\"file-text\", [\n [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n [\"path\", { d: \"M10 9H8\", key: \"b1mrlr\" }],\n [\"path\", { d: \"M16 13H8\", key: \"t4e002\" }],\n [\"path\", { d: \"M16 17H8\", key: \"z1uh3a\" }]\n]);\n\nexport { FileText as default };\n//# sourceMappingURL=file-text.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FileVideo = createLucideIcon(\"file-video\", [\n [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n [\"path\", { d: \"m10 11 5 3-5 3v-6Z\", key: \"7ntvm4\" }]\n]);\n\nexport { FileVideo as default };\n//# sourceMappingURL=file-video.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst File = createLucideIcon(\"file\", [\n [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }]\n]);\n\nexport { File as default };\n//# sourceMappingURL=file.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FlipHorizontal = createLucideIcon(\"flip-horizontal\", [\n [\"path\", { d: \"M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3\", key: \"1i73f7\" }],\n [\"path\", { d: \"M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3\", key: \"saxlbk\" }],\n [\"path\", { d: \"M12 20v2\", key: \"1lh1kg\" }],\n [\"path\", { d: \"M12 14v2\", key: \"8jcxud\" }],\n [\"path\", { d: \"M12 8v2\", key: \"1woqiv\" }],\n [\"path\", { d: \"M12 2v2\", key: \"tus03m\" }]\n]);\n\nexport { FlipHorizontal as default };\n//# sourceMappingURL=flip-horizontal.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst FlipVertical = createLucideIcon(\"flip-vertical\", [\n [\"path\", { d: \"M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3\", key: \"14bfxa\" }],\n [\"path\", { d: \"M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3\", key: \"14rx03\" }],\n [\"path\", { d: \"M4 12H2\", key: \"rhcxmi\" }],\n [\"path\", { d: \"M10 12H8\", key: \"s88cx1\" }],\n [\"path\", { d: \"M16 12h-2\", key: \"10asgb\" }],\n [\"path\", { d: \"M22 12h-2\", key: \"14jgyd\" }]\n]);\n\nexport { FlipVertical as default };\n//# sourceMappingURL=flip-vertical.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Fullscreen = createLucideIcon(\"fullscreen\", [\n [\"path\", { d: \"M3 7V5a2 2 0 0 1 2-2h2\", key: \"aa7l1z\" }],\n [\"path\", { d: \"M17 3h2a2 2 0 0 1 2 2v2\", key: \"4qcy5o\" }],\n [\"path\", { d: \"M21 17v2a2 2 0 0 1-2 2h-2\", key: \"6vwrx8\" }],\n [\"path\", { d: \"M7 21H5a2 2 0 0 1-2-2v-2\", key: \"ioqczr\" }],\n [\"rect\", { width: \"10\", height: \"8\", x: \"7\", y: \"8\", rx: \"1\", key: \"vys8me\" }]\n]);\n\nexport { Fullscreen as default };\n//# sourceMappingURL=fullscreen.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Funnel = createLucideIcon(\"funnel\", [\n [\n \"path\",\n {\n d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n key: \"sc7q7i\"\n }\n ]\n]);\n\nexport { Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst GripVertical = createLucideIcon(\"grip-vertical\", [\n [\"circle\", { cx: \"9\", cy: \"12\", r: \"1\", key: \"1vctgf\" }],\n [\"circle\", { cx: \"9\", cy: \"5\", r: \"1\", key: \"hp0tcf\" }],\n [\"circle\", { cx: \"9\", cy: \"19\", r: \"1\", key: \"fkjjf6\" }],\n [\"circle\", { cx: \"15\", cy: \"12\", r: \"1\", key: \"1tmaij\" }],\n [\"circle\", { cx: \"15\", cy: \"5\", r: \"1\", key: \"19l28e\" }],\n [\"circle\", { cx: \"15\", cy: \"19\", r: \"1\", key: \"f4zoj3\" }]\n]);\n\nexport { GripVertical as default };\n//# sourceMappingURL=grip-vertical.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Image = createLucideIcon(\"image\", [\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", ry: \"2\", key: \"1m3agn\" }],\n [\"circle\", { cx: \"9\", cy: \"9\", r: \"2\", key: \"af1f0g\" }],\n [\"path\", { d: \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\", key: \"1xmnt7\" }]\n]);\n\nexport { Image as default };\n//# sourceMappingURL=image.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst IndentDecrease = createLucideIcon(\"indent-decrease\", [\n [\"path\", { d: \"M21 12H11\", key: \"wd7e0v\" }],\n [\"path\", { d: \"M21 18H11\", key: \"4wu86t\" }],\n [\"path\", { d: \"M21 6H11\", key: \"6dy1d6\" }],\n [\"path\", { d: \"m7 8-4 4 4 4\", key: \"o5hrat\" }]\n]);\n\nexport { IndentDecrease as default };\n//# sourceMappingURL=indent-decrease.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst IndentIncrease = createLucideIcon(\"indent-increase\", [\n [\"path\", { d: \"M21 12H11\", key: \"wd7e0v\" }],\n [\"path\", { d: \"M21 18H11\", key: \"4wu86t\" }],\n [\"path\", { d: \"M21 6H11\", key: \"6dy1d6\" }],\n [\"path\", { d: \"m3 8 4 4-4 4\", key: \"1a3j6y\" }]\n]);\n\nexport { IndentIncrease as default };\n//# sourceMappingURL=indent-increase.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Info = createLucideIcon(\"info\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M12 16v-4\", key: \"1dtifu\" }],\n [\"path\", { d: \"M12 8h.01\", key: \"e9boi3\" }]\n]);\n\nexport { Info as default };\n//# sourceMappingURL=info.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst LoaderCircle = createLucideIcon(\"loader-circle\", [\n [\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]\n]);\n\nexport { LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst LogOut = createLucideIcon(\"log-out\", [\n [\"path\", { d: \"m16 17 5-5-5-5\", key: \"1bji2h\" }],\n [\"path\", { d: \"M21 12H9\", key: \"dn1m92\" }],\n [\"path\", { d: \"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\", key: \"1uf3rs\" }]\n]);\n\nexport { LogOut as default };\n//# sourceMappingURL=log-out.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Maximize = createLucideIcon(\"maximize\", [\n [\"path\", { d: \"M8 3H5a2 2 0 0 0-2 2v3\", key: \"1dcmit\" }],\n [\"path\", { d: \"M21 8V5a2 2 0 0 0-2-2h-3\", key: \"1e4gt3\" }],\n [\"path\", { d: \"M3 16v3a2 2 0 0 0 2 2h3\", key: \"wsl5sc\" }],\n [\"path\", { d: \"M16 21h3a2 2 0 0 0 2-2v-3\", key: \"18trek\" }]\n]);\n\nexport { Maximize as default };\n//# sourceMappingURL=maximize.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst MessageCircleQuestion = createLucideIcon(\"message-circle-question\", [\n [\"path\", { d: \"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\", key: \"vv11sd\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { MessageCircleQuestion as default };\n//# sourceMappingURL=message-circle-question.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Minimize = createLucideIcon(\"minimize\", [\n [\"path\", { d: \"M8 3v3a2 2 0 0 1-2 2H3\", key: \"hohbtr\" }],\n [\"path\", { d: \"M21 8h-3a2 2 0 0 1-2-2V3\", key: \"5jw1f3\" }],\n [\"path\", { d: \"M3 16h3a2 2 0 0 1 2 2v3\", key: \"198tvr\" }],\n [\"path\", { d: \"M16 21v-3a2 2 0 0 1 2-2h3\", key: \"ph8mxp\" }]\n]);\n\nexport { Minimize as default };\n//# sourceMappingURL=minimize.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Minus = createLucideIcon(\"minus\", [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]]);\n\nexport { Minus as default };\n//# sourceMappingURL=minus.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Moon = createLucideIcon(\"moon\", [\n [\"path\", { d: \"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\", key: \"a7tn18\" }]\n]);\n\nexport { Moon as default };\n//# sourceMappingURL=moon.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Pause = createLucideIcon(\"pause\", [\n [\"rect\", { x: \"14\", y: \"4\", width: \"4\", height: \"16\", rx: \"1\", key: \"zuxfzm\" }],\n [\"rect\", { x: \"6\", y: \"4\", width: \"4\", height: \"16\", rx: \"1\", key: \"1okwgv\" }]\n]);\n\nexport { Pause as default };\n//# sourceMappingURL=pause.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst PictureInPicture = createLucideIcon(\"picture-in-picture\", [\n [\"path\", { d: \"M2 10h6V4\", key: \"zwrco\" }],\n [\"path\", { d: \"m2 4 6 6\", key: \"ug085t\" }],\n [\"path\", { d: \"M21 10V7a2 2 0 0 0-2-2h-7\", key: \"git5jr\" }],\n [\"path\", { d: \"M3 14v2a2 2 0 0 0 2 2h3\", key: \"1f7fh3\" }],\n [\"rect\", { x: \"12\", y: \"14\", width: \"10\", height: \"7\", rx: \"1\", key: \"1wjs3o\" }]\n]);\n\nexport { PictureInPicture as default };\n//# sourceMappingURL=picture-in-picture.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Play = createLucideIcon(\"play\", [\n [\"polygon\", { points: \"6 3 20 12 6 21 6 3\", key: \"1oa8hb\" }]\n]);\n\nexport { Play as default };\n//# sourceMappingURL=play.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Plus = createLucideIcon(\"plus\", [\n [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n [\"path\", { d: \"M12 5v14\", key: \"s699le\" }]\n]);\n\nexport { Plus as default };\n//# sourceMappingURL=plus.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RefreshCw = createLucideIcon(\"refresh-cw\", [\n [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n]);\n\nexport { RefreshCw as default };\n//# sourceMappingURL=refresh-cw.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Repeat2 = createLucideIcon(\"repeat-2\", [\n [\"path\", { d: \"m2 9 3-3 3 3\", key: \"1ltn5i\" }],\n [\"path\", { d: \"M13 18H7a2 2 0 0 1-2-2V6\", key: \"1r6tfw\" }],\n [\"path\", { d: \"m22 15-3 3-3-3\", key: \"4rnwn2\" }],\n [\"path\", { d: \"M11 6h6a2 2 0 0 1 2 2v10\", key: \"2f72bc\" }]\n]);\n\nexport { Repeat2 as default };\n//# sourceMappingURL=repeat-2.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RotateCcw = createLucideIcon(\"rotate-ccw\", [\n [\"path\", { d: \"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\", key: \"1357e3\" }],\n [\"path\", { d: \"M3 3v5h5\", key: \"1xhq8a\" }]\n]);\n\nexport { RotateCcw as default };\n//# sourceMappingURL=rotate-ccw.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RotateCw = createLucideIcon(\"rotate-cw\", [\n [\"path\", { d: \"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\", key: \"1p45f6\" }],\n [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }]\n]);\n\nexport { RotateCw as default };\n//# sourceMappingURL=rotate-cw.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Search = createLucideIcon(\"search\", [\n [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n]);\n\nexport { Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Siren = createLucideIcon(\"siren\", [\n [\"path\", { d: \"M7 18v-6a5 5 0 1 1 10 0v6\", key: \"pcx96s\" }],\n [\n \"path\",\n { d: \"M5 21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2z\", key: \"1b4s83\" }\n ],\n [\"path\", { d: \"M21 12h1\", key: \"jtio3y\" }],\n [\"path\", { d: \"M18.5 4.5 18 5\", key: \"g5sp9y\" }],\n [\"path\", { d: \"M2 12h1\", key: \"1uaihz\" }],\n [\"path\", { d: \"M12 2v1\", key: \"11qlp1\" }],\n [\"path\", { d: \"m4.929 4.929.707.707\", key: \"1i51kw\" }],\n [\"path\", { d: \"M12 12v6\", key: \"3ahymv\" }]\n]);\n\nexport { Siren as default };\n//# sourceMappingURL=siren.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst SkipBack = createLucideIcon(\"skip-back\", [\n [\"polygon\", { points: \"19 20 9 12 19 4 19 20\", key: \"o2sva\" }],\n [\"line\", { x1: \"5\", x2: \"5\", y1: \"19\", y2: \"5\", key: \"1ocqjk\" }]\n]);\n\nexport { SkipBack as default };\n//# sourceMappingURL=skip-back.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst SkipForward = createLucideIcon(\"skip-forward\", [\n [\"polygon\", { points: \"5 4 15 12 5 20 5 4\", key: \"16p6eg\" }],\n [\"line\", { x1: \"19\", x2: \"19\", y1: \"5\", y2: \"19\", key: \"futhcm\" }]\n]);\n\nexport { SkipForward as default };\n//# sourceMappingURL=skip-forward.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst SquareMinus = createLucideIcon(\"square-minus\", [\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n [\"path\", { d: \"M8 12h8\", key: \"1wcyev\" }]\n]);\n\nexport { SquareMinus as default };\n//# sourceMappingURL=square-minus.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst SquarePlus = createLucideIcon(\"square-plus\", [\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n [\"path\", { d: \"M8 12h8\", key: \"1wcyev\" }],\n [\"path\", { d: \"M12 8v8\", key: \"napkw2\" }]\n]);\n\nexport { SquarePlus as default };\n//# sourceMappingURL=square-plus.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Sun = createLucideIcon(\"sun\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"4\", key: \"4exip2\" }],\n [\"path\", { d: \"M12 2v2\", key: \"tus03m\" }],\n [\"path\", { d: \"M12 20v2\", key: \"1lh1kg\" }],\n [\"path\", { d: \"m4.93 4.93 1.41 1.41\", key: \"149t6j\" }],\n [\"path\", { d: \"m17.66 17.66 1.41 1.41\", key: \"ptbguv\" }],\n [\"path\", { d: \"M2 12h2\", key: \"1t8f8n\" }],\n [\"path\", { d: \"M20 12h2\", key: \"1q8mjw\" }],\n [\"path\", { d: \"m6.34 17.66-1.41 1.41\", key: \"1m8zz5\" }],\n [\"path\", { d: \"m19.07 4.93-1.41 1.41\", key: \"1shlcs\" }]\n]);\n\nexport { Sun as default };\n//# sourceMappingURL=sun.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Trash2 = createLucideIcon(\"trash-2\", [\n [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }],\n [\"line\", { x1: \"10\", x2: \"10\", y1: \"11\", y2: \"17\", key: \"1uufr5\" }],\n [\"line\", { x1: \"14\", x2: \"14\", y1: \"11\", y2: \"17\", key: \"xtxkd\" }]\n]);\n\nexport { Trash2 as default };\n//# sourceMappingURL=trash-2.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Upload = createLucideIcon(\"upload\", [\n [\"path\", { d: \"M12 3v12\", key: \"1x0j5s\" }],\n [\"path\", { d: \"m17 8-5-5-5 5\", key: \"7q97r8\" }],\n [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }]\n]);\n\nexport { Upload as default };\n//# sourceMappingURL=upload.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst UserRound = createLucideIcon(\"user-round\", [\n [\"circle\", { cx: \"12\", cy: \"8\", r: \"5\", key: \"1hypcn\" }],\n [\"path\", { d: \"M20 21a8 8 0 0 0-16 0\", key: \"rfgkzh\" }]\n]);\n\nexport { UserRound as default };\n//# sourceMappingURL=user-round.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Volume1 = createLucideIcon(\"volume-1\", [\n [\n \"path\",\n {\n d: \"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z\",\n key: \"uqj9uw\"\n }\n ],\n [\"path\", { d: \"M16 9a5 5 0 0 1 0 6\", key: \"1q6k2b\" }]\n]);\n\nexport { Volume1 as default };\n//# sourceMappingURL=volume-1.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Volume2 = createLucideIcon(\"volume-2\", [\n [\n \"path\",\n {\n d: \"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z\",\n key: \"uqj9uw\"\n }\n ],\n [\"path\", { d: \"M16 9a5 5 0 0 1 0 6\", key: \"1q6k2b\" }],\n [\"path\", { d: \"M19.364 18.364a9 9 0 0 0 0-12.728\", key: \"ijwkga\" }]\n]);\n\nexport { Volume2 as default };\n//# sourceMappingURL=volume-2.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst VolumeX = createLucideIcon(\"volume-x\", [\n [\n \"path\",\n {\n d: \"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z\",\n key: \"uqj9uw\"\n }\n ],\n [\"line\", { x1: \"22\", x2: \"16\", y1: \"9\", y2: \"15\", key: \"1ewh16\" }],\n [\"line\", { x1: \"16\", x2: \"22\", y1: \"9\", y2: \"15\", key: \"5ykzw1\" }]\n]);\n\nexport { VolumeX as default };\n//# sourceMappingURL=volume-x.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst X = createLucideIcon(\"x\", [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ZoomIn = createLucideIcon(\"zoom-in\", [\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }],\n [\"line\", { x1: \"21\", x2: \"16.65\", y1: \"21\", y2: \"16.65\", key: \"13gj7c\" }],\n [\"line\", { x1: \"11\", x2: \"11\", y1: \"8\", y2: \"14\", key: \"1vmskp\" }],\n [\"line\", { x1: \"8\", x2: \"14\", y1: \"11\", y2: \"11\", key: \"durymu\" }]\n]);\n\nexport { ZoomIn as default };\n//# sourceMappingURL=zoom-in.js.map\n","/**\n * @license lucide-vue-next v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ZoomOut = createLucideIcon(\"zoom-out\", [\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }],\n [\"line\", { x1: \"21\", x2: \"16.65\", y1: \"21\", y2: \"16.65\", key: \"13gj7c\" }],\n [\"line\", { x1: \"8\", x2: \"14\", y1: \"11\", y2: \"11\", key: \"durymu\" }]\n]);\n\nexport { ZoomOut as default };\n//# sourceMappingURL=zoom-out.js.map\n","import { computed, getCurrentScope, inject, markRaw, provide, unref } from 'vue'\n\nimport {\n AlertCircle,\n ArrowLeftRight,\n Calendar,\n Check,\n CheckCircle2,\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n ChevronUp,\n ChevronsLeft,\n ChevronsRight,\n Clock,\n Eye,\n EyeOff,\n File,\n FileArchive,\n FileCode,\n FileImage,\n FileMusic,\n FileText,\n FileVideo,\n Filter,\n FlipHorizontal,\n FlipVertical,\n Fullscreen,\n GripVertical,\n HelpCircle,\n Image,\n Indent,\n Info,\n Loader2,\n LogOut,\n Maximize,\n MessageCircleQuestion,\n Minimize,\n Minus,\n MinusSquare,\n Moon,\n MoreHorizontal,\n Outdent,\n Pause,\n PictureInPicture,\n Play,\n Plus,\n PlusSquare,\n RefreshCw,\n Repeat2,\n RotateCcw,\n RotateCw,\n Search,\n Siren,\n SkipBack,\n SkipForward,\n Sun,\n Trash2,\n Upload,\n UploadCloud,\n UserRound,\n Volume1,\n Volume2,\n VolumeX,\n X,\n XCircle,\n ZoomIn,\n ZoomOut,\n} from 'lucide-vue-next'\nimport { ensureArray } from '@vexip-ui/utils'\n\nimport type { App, ComputedRef, MaybeRef } from 'vue'\nimport type { ClassType, StyleType } from './props'\n\nexport const PROVIDED_ICONS = '__vxp-provided-icons'\n\nexport type IconValue = Record | (() => any)\n\nexport interface IconOptions extends Record {\n class?: ClassType,\n style?: StyleType,\n scale?: number | string,\n title?: string,\n label?: string,\n flip?: 'horizontal' | 'vertical' | 'both',\n effect?: string,\n size?: string,\n color?: string,\n rotate?: number | string,\n}\n\nexport type IconArrayValue = [IconValue, IconOptions?]\nexport type IconConfig = IconValue | IconArrayValue\n\nexport interface IconsOptions {\n loading?: IconConfig,\n clear?: IconConfig,\n close?: IconConfig,\n calendar?: IconConfig,\n clock?: IconConfig,\n exchange?: IconConfig,\n angleUp?: IconConfig,\n angleRight?: IconConfig,\n angleDown?: IconConfig,\n angleLeft?: IconConfig,\n anglesRight?: IconConfig,\n anglesLeft?: IconConfig,\n retweet?: IconConfig,\n refresh?: IconConfig,\n filter?: IconConfig,\n ellipsis?: IconConfig,\n upload?: IconConfig,\n uploadCloud?: IconConfig,\n check?: IconConfig,\n help?: IconConfig,\n alert?: IconConfig,\n question?: IconConfig,\n info?: IconConfig,\n success?: IconConfig,\n warning?: IconConfig,\n error?: IconConfig,\n delete?: IconConfig,\n preview?: IconConfig,\n image?: IconConfig,\n plus?: IconConfig,\n minus?: IconConfig,\n plusSquare?: IconConfig,\n minusSquare?: IconConfig,\n cipherText?: IconConfig,\n plainText?: IconConfig,\n user?: IconConfig,\n light?: IconConfig,\n dark?: IconConfig,\n signOut?: IconConfig,\n indent?: IconConfig,\n outdent?: IconConfig,\n search?: IconConfig,\n rotateRight?: IconConfig,\n rotateLeft?: IconConfig,\n flipX?: IconConfig,\n flipY?: IconConfig,\n zoomIn?: IconConfig,\n zoonOut?: IconConfig,\n fullScreen?: IconConfig,\n resetScreen?: IconConfig,\n dragger?: IconConfig,\n file?: IconConfig,\n fileText?: IconConfig,\n fileCode?: IconConfig,\n fileImage?: IconConfig,\n fileAudio?: IconConfig,\n fileVideo?: IconConfig,\n fileZip?: IconConfig,\n volume?: IconConfig,\n volumeLow?: IconConfig,\n volumeMute?: IconConfig,\n play?: IconConfig,\n pause?: IconConfig,\n fullWindow?: IconConfig,\n pip?: IconConfig,\n playState?: IconConfig,\n pauseState?: IconConfig,\n playPrev?: IconConfig,\n playNext?: IconConfig,\n}\n\nexport type IconName = keyof IconsOptions\nexport type IconsConfig = {\n [K in keyof IconsOptions]-?: IconConfig\n}\nexport type NormalizedIconsConfig = Record\n\nconst iconMap: IconsConfig = {\n loading: [Loader2, { effect: 'spin-in' }],\n clear: XCircle,\n close: X,\n calendar: Calendar,\n clock: Clock,\n exchange: ArrowLeftRight,\n angleUp: ChevronUp,\n angleRight: ChevronRight,\n angleDown: ChevronDown,\n angleLeft: ChevronLeft,\n anglesRight: ChevronsRight,\n anglesLeft: ChevronsLeft,\n retweet: Repeat2,\n refresh: RefreshCw,\n filter: Filter,\n ellipsis: MoreHorizontal,\n upload: Upload,\n uploadCloud: UploadCloud,\n check: Check,\n help: HelpCircle,\n alert: Siren,\n question: MessageCircleQuestion,\n info: Info,\n success: CheckCircle2,\n warning: AlertCircle,\n error: XCircle,\n delete: Trash2,\n preview: Eye,\n image: Image,\n plus: Plus,\n minus: Minus,\n plusSquare: PlusSquare,\n minusSquare: MinusSquare,\n cipherText: EyeOff,\n plainText: Eye,\n user: UserRound,\n light: Sun,\n dark: Moon,\n signOut: LogOut,\n indent: Indent,\n outdent: Outdent,\n search: Search,\n rotateRight: RotateCw,\n rotateLeft: RotateCcw,\n flipX: FlipHorizontal,\n flipY: FlipVertical,\n zoomIn: ZoomIn,\n zoonOut: ZoomOut,\n fullScreen: Maximize,\n resetScreen: Minimize,\n dragger: GripVertical,\n file: File,\n fileText: FileText,\n fileCode: FileCode,\n fileImage: FileImage,\n fileAudio: FileMusic,\n fileVideo: FileVideo,\n fileZip: FileArchive,\n volume: Volume2,\n volumeLow: Volume1,\n volumeMute: VolumeX,\n play: Play,\n pause: Pause,\n fullWindow: Fullscreen,\n pip: PictureInPicture,\n playState: Play,\n pauseState: Pause,\n playPrev: SkipBack,\n playNext: SkipForward,\n}\n\nexport const iconNames = Object.freeze(Object.keys(iconMap) as IconName[])\n\nexport const globalIcons = computed(() => {\n const icons = {} as NormalizedIconsConfig\n\n for (const name of iconNames) {\n const [icon, options = {}] = ensureArray(iconMap[name]) as [Record, IconOptions?]\n\n icons[name] = { ...options, icon }\n }\n\n return icons\n})\n\n/**\n * Provide a icons config for under components.\n *\n * @param icons icons config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configIcons(icons: MaybeRef, app?: App) {\n const upstreamIcons =\n app || !getCurrentScope()\n ? globalIcons\n : inject | null>(PROVIDED_ICONS, null)\n const normalizedIcons = computed(() => {\n const normalizedIcons = {} as IconsConfig\n const unrefIcons = unref(icons)\n\n for (const name of iconNames) {\n const config = unrefIcons[name]\n\n if (!config) {\n normalizedIcons[name] = upstreamIcons?.value[name] || globalIcons.value[name]\n } else {\n const [icon, options = {}] = ensureArray(config) as IconArrayValue\n const normalizedIcon = typeof icon === 'function' ? icon : markRaw(icon)\n\n normalizedIcons[name] = { ...options, icon: normalizedIcon }\n }\n }\n\n return normalizedIcons\n })\n\n if (app) {\n app.provide(PROVIDED_ICONS, normalizedIcons)\n } else {\n provide(PROVIDED_ICONS, normalizedIcons)\n }\n}\n\nexport function useIcons() {\n return inject>(PROVIDED_ICONS, globalIcons)\n}\n","import type { BEM, NBEM } from './types'\n\nexport * from './types'\n\n/**\n * Get `--variable` CSS variable.\n *\n * @param v the variable\n */\nexport const cv = (v: V) => `--${v}` as const\n/**\n * Get `var(--variable)` CSS style value.\n *\n * @param v the variable\n */\nexport const gcv = (v: V) => `var(--${v})` as const\n/**\n * Get `--variable: style;` CSS style content.\n *\n * @param v the variable\n * @param s the style\n */\nexport const scv = (v: V, s: S) => `--${v}: ${s};` as const\n\nexport function useBEM(block: B): BEM\nexport function useBEM(block: B, namespace: N): NBEM\nexport function useBEM(\n block: B,\n namespace: (isVar?: boolean) => N\n): NBEM\nexport function useBEM(\n block: B,\n namespace?: N | ((isVar?: boolean) => N),\n) {\n if (!namespace) {\n return >{\n b: () => `${block}`,\n be: e => `${block}__${e}`,\n bm: m => `${block}--${m}`,\n bem: (e, m) => `${block}__${e}--${m}`,\n bs: s => `${block}-${s}`,\n\n cb: () => `.${block}`,\n cbe: e => `.${block}__${e}`,\n cbm: m => `.${block}--${m}`,\n cbem: (e, m) => `.${block}__${e}--${m}`,\n cbs: s => `.${block}-${s}`,\n\n cv: v => cv(`${block}-${v}`),\n cvm: (m, s = {} as any) => {\n for (const key of Object.keys(m)) {\n s[cv(`${block}-${key}`)] = m[key]\n }\n\n return s\n },\n gcv: v => gcv(`${block}-${v}`),\n scv: (v, s) => scv(`${block}-${v}`, s),\n }\n }\n\n const n = (isVar?: boolean) => (typeof namespace === 'function' ? namespace(isVar) : namespace)\n\n return >{\n b: () => `${n()}-${block}`,\n be: e => `${n()}-${block}__${e}`,\n bm: m => `${n()}-${block}--${m}`,\n bem: (e, m) => `${n()}-${block}__${e}--${m}`,\n bs: s => `${n()}-${block}-${s}`,\n ns: s => `${n()}-${s}`,\n\n cb: () => `.${n()}-${block}`,\n cbe: e => `.${n()}-${block}__${e}`,\n cbm: m => `.${n()}-${block}--${m}`,\n cbem: (e, m) => `.${n()}-${block}__${e}--${m}`,\n cbs: s => `.${n()}-${block}-${s}`,\n cns: s => `.${n()}-${s}`,\n\n cv: v => cv(`${n(true)}-${block}-${v}`),\n cvm: (m, s = {} as any) => {\n const namespace = n(true)\n\n for (const key of Object.keys(m)) {\n s[cv(`${namespace}-${block}-${key}`)] = m[key]\n }\n\n return s\n },\n gcv: v => gcv(`${n(true)}-${block}-${v}`),\n scv: (v, s) => scv(`${n(true)}-${block}-${v}`, s),\n nv: v => cv(`${n(true)}-${v}`),\n nvm: (m, s = {} as any) => {\n const namespace = n(true)\n\n for (const key of Object.keys(m)) {\n s[cv(`${namespace}-${key}`)] = m[key]\n }\n\n return s\n },\n gnv: v => gcv(`${n(true)}-${v}`),\n snv: (v, s) => scv(`${n(true)}-${v}`, s),\n }\n}\n","import { computed, inject, provide, unref } from 'vue'\n\nimport { useBEM } from '@vexip-ui/bem-helper'\n\nimport type { App, ComputedRef, MaybeRef } from 'vue'\n\nexport type Namespace = 'vxp'\n\nexport const PROVIDED_NAMESPACE = '__vxp-provided-namespace'\nexport const globalNamespace = computed(() => 'vxp' as Namespace)\n\n/**\n * Provide a namespace config for under components.\n *\n * You only should use this method when initialize application.\n *\n * @param sourceNamespace namespace config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configNamespace(\n sourceNamespace: MaybeRef,\n app?: App,\n) {\n if (app) {\n const namespace = computed(() => {\n const namespace = unref(sourceNamespace)\n\n return namespace || globalNamespace.value\n })\n\n app.provide(PROVIDED_NAMESPACE, namespace)\n } else {\n const upstreamNamespace = inject | null>(PROVIDED_NAMESPACE, null)\n const namespace = computed(() => {\n return unref(sourceNamespace) || upstreamNamespace?.value || globalNamespace.value\n })\n\n provide(PROVIDED_NAMESPACE, namespace)\n }\n}\n\nexport function useNamespace() {\n return inject(PROVIDED_NAMESPACE, globalNamespace) as ComputedRef\n}\n\n/**\n * Create a name helper for BEM.\n *\n * For css vars name, the namespace is fixed to 'vxp' (not responsive).\n */\nexport function useNameHelper(\n block: B,\n namespace: MaybeRef = useNamespace(),\n) {\n return useBEM(block, isVar => (isVar ? 'vxp' : unref(namespace)))\n}\n\nexport type NameHelper = ReturnType\n","import { getCurrentInstance, inject, provide, readonly, shallowRef, unref, watchEffect } from 'vue'\n\nimport { useNamespace } from './namespace'\n\nimport type { App, MaybeRef } from 'vue'\n\nexport const PROVIDED_ID_CONTER = '__vxp-provided-id-counter'\n\nexport interface IDCounter {\n getNext: () => number | string,\n}\n\nclass VxpIDCounter implements IDCounter {\n private current: number\n\n constructor({ current = 0 }: { current?: number } = {}) {\n this.current = current\n }\n\n getNext() {\n return this.current++\n }\n}\n\nconst defaultCounter = new VxpIDCounter()\n\n/**\n * Provide a id counter config for under components.\n *\n * You only should use this method when initialize application.\n *\n * @param sourceCounter id counter config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configIdCounter(sourceCounter: IDCounter = defaultCounter, app?: App) {\n if (app) {\n app.provide(PROVIDED_ID_CONTER, sourceCounter)\n } else {\n const upstreamCounter = inject(PROVIDED_ID_CONTER, null)\n\n provide(PROVIDED_ID_CONTER, sourceCounter || upstreamCounter)\n }\n}\n\nexport function useId(customId?: MaybeRef) {\n const namespace = useNamespace()\n const counter = getCurrentInstance()\n ? inject(PROVIDED_ID_CONTER, defaultCounter)\n : defaultCounter\n\n const id = shallowRef()\n\n watchEffect(\n () => {\n id.value = unref(customId) || `${namespace.value}-id-${counter.getNext()}`\n },\n { flush: 'sync' },\n )\n\n return readonly(id)\n}\n","import { computed, inject, provide, reactive, unref, watch } from 'vue'\n\nimport { has, isFunction, isNull, isObject, mergeObjects } from '@vexip-ui/utils'\n\nimport type {\n App,\n CSSProperties,\n ComponentObjectPropsOptions,\n ComputedRef,\n MaybeRef,\n PropType,\n} from 'vue'\nimport type { LocaleConfig, LocaleNames } from './locale'\nimport type { AnyFunction, EnsureValue, Expand, MaybeFunction, VoidFunction } from './types'\n\nexport type PropsOptions = Record>\n\ninterface PropsConfig {\n /**\n * The default value of the prop\n */\n default: T | (() => T) | null,\n /**\n * Whether the prop is a function type\n *\n * @default false\n */\n isFunc?: boolean,\n /**\n * Whether the prop is not configurable\n *\n * @default false\n */\n static?: boolean,\n /**\n * Whether the prop is required\n *\n * @default false\n */\n required?: boolean,\n /**\n * The validator for the prop, decide whether the value of the prop is valid\n *\n * @param value the value of the prop\n */\n validator?: (value: T) => any,\n}\n\ntype PropsConfigOptions = {\n [K in keyof T]?:\n | PropsConfig>\n | EnsureValue\n | (() => EnsureValue)\n | null\n}\n\nexport const PROVIDED_PROPS = '__vxp-provided-props'\nconst eventPropRE = /^on[A-Z]/\n\n/**\n * Provide a props config for under components.\n *\n * @param props props config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configProps(props: MaybeRef, app?: App) {\n if (app) {\n app.provide(\n PROVIDED_PROPS,\n computed(() => unref(props)),\n )\n } else {\n const upstreamProps = inject> | null>(PROVIDED_PROPS, null)\n const providedProps = computed(() => {\n if (!upstreamProps?.value) {\n return unref(props)\n }\n\n return mergeObjects(upstreamProps.value, unref(props) as any)\n })\n\n provide(PROVIDED_PROPS, providedProps)\n }\n}\n\nexport function useProps>(\n name: string,\n sourceProps: T,\n config: PropsConfigOptions = {},\n) {\n const providedProps = inject>> | null>(\n PROVIDED_PROPS,\n null,\n )\n const commonProps = computed>(() => {\n return providedProps?.value?.default ?? {}\n })\n const configProps = computed>(() => {\n return providedProps?.value?.[name] ?? {}\n })\n const keys = Object.keys(sourceProps) as Array\n const props: {\n [P in keyof T]?: ComputedRef\n } = {}\n\n keys.forEach(key => {\n const defs = config[key]\n const propOptions = (\n isObject(defs) && has(defs, 'default') ? defs : { default: defs }\n ) as PropsConfig\n const validator = isFunction(propOptions.validator) ? propOptions.validator : null\n const defaultValue = propOptions.default\n const isFunc = isNull(propOptions.isFunc) ? eventPropRE.test(String(key)) : propOptions.isFunc\n const getValue = (value: PropsConfigOptions[keyof T]) =>\n !isFunc && isFunction(value) ? value() : value\n const getDefault = () =>\n (!isFunc && isFunction(defaultValue) ? defaultValue() : defaultValue) as T[keyof T]\n\n ;(propOptions.required || validator) &&\n watch(\n () => sourceProps[key],\n value => {\n if (isNull(value)) {\n if (propOptions.required) {\n console.warn(`${toWarnPrefix(name)}: '${key as string}' prop is required but not set`)\n }\n\n return\n } else if (!validator) {\n return\n }\n\n const result = validator(value)\n\n if (result === false) {\n console.warn(\n `${toWarnPrefix(name)}: an invalid value is set to '${key as string}' prop`,\n )\n }\n },\n { immediate: true },\n )\n\n if (propOptions.static) {\n props[key] = computed(() => sourceProps[key] ?? getDefault())\n } else {\n props[key] = computed(() => {\n if (isNull(sourceProps[key])) {\n if (!isNull(configProps.value[key])) {\n return getValue(configProps.value[key])\n }\n if (!isNull(commonProps.value[key])) {\n return getValue(commonProps.value[key])\n }\n\n return getDefault()\n }\n\n return sourceProps[key]\n })\n }\n })\n\n return reactive(props) as {\n [P in keyof T]-?: Exclude\n }\n}\n\nexport function useHookProps>(\n props: T,\n defaults: { [K in keyof T]: T[K] | null },\n) {\n const propsWithDefault: { [P in keyof T]?: ComputedRef } = {}\n\n for (const key of Object.keys(props) as (keyof T)[]) {\n propsWithDefault[key] = computed(() => props[key] ?? defaults[key]!)\n }\n\n return reactive(propsWithDefault) as {\n [P in keyof T]-?: Exclude\n }\n}\n\nfunction toWarnPrefix(name: string) {\n return `[vexip-ui:${name.charAt(0).toLocaleUpperCase() + name.substring(1)}]`\n}\n\nexport const booleanProp = {\n type: Boolean,\n default: null,\n}\nexport const booleanStringProp = {\n type: [Boolean, String],\n default: null,\n}\nexport const booleanNumberProp = {\n type: [Boolean, Number],\n default: null,\n}\n\ntype CommonExcludedProps =\n | 'inherit'\n | 'value'\n | 'checked'\n | 'active'\n | 'visible'\n | 'label'\n | 'options'\n | 'name'\ntype ExcludeProps =\n | Exclude\n | Exclude\n | (P extends I ? never : P extends `on${Capitalize}` ? P : never)\ntype PostProps = Omit<{ [P in keyof T]: MaybeFunction }, E>\n\n/**\n * Create a configurable props\n *\n * @param T the type of import('vue').ExtractPropTypes\n * @param E the props should force exclude\n * @param I the props should force include\n */\nexport type ConfigurableProps = PostProps<\n {\n [P in keyof T]?: P extends I\n ? T[P]\n : P extends `on${Capitalize}`\n ? never\n : T[Exclude]\n },\n ExcludeProps\n>\n\ntype VexipProps = {\n [P in keyof T]: T[P] extends PropType\n ? PropType\n : T[P] extends { type: PropType }\n ? PropType\n : T[P]\n}\n\nexport function wrapProps(props: T) {\n return Object.freeze(props) as Expand\n}\n\nexport function buildProps(props: T) {\n const common = {\n inherit: booleanProp,\n }\n\n return Object.freeze({ ...common, ...props }) as Expand>\n}\n\nexport function omitProps(\n props: T,\n keys: K[],\n): Expand>\nexport function omitProps<\n T extends ComponentObjectPropsOptions,\n K extends keyof T,\n E extends ComponentObjectPropsOptions,\n>(props: T, keys: K[], extra: E): Expand & E>\nexport function omitProps<\n T extends ComponentObjectPropsOptions,\n K extends keyof T,\n E extends ComponentObjectPropsOptions,\n>(props: T, keys: K[], extra?: E) {\n const omittedKeys = new Set(keys)\n\n return Object.freeze(\n Object.assign(\n (Object.keys(props) as any[]).reduce((prev, current) => {\n if (!omittedKeys.has(current)) {\n prev[current] = props[current]\n }\n\n return prev\n }, {}),\n extra || {},\n ),\n )\n}\n\nexport type ComponentSize = 'small' | 'default' | 'large'\n\nexport const sizeProp = String as PropType\nconst validSizeValues: ComponentSize[] = ['small', 'default', 'large']\nconst sizeValidator = (value: ComponentSize) => validSizeValues.includes(value)\n\nexport function createSizeProp(defaultValue: MaybeRef = 'default') {\n return {\n default: () => unref(defaultValue),\n validator: sizeValidator,\n }\n}\n\nexport type ComponentState = 'default' | 'success' | 'error' | 'warning'\n\nexport const stateProp = String as PropType\nconst validStateValues: ComponentState[] = ['default', 'success', 'error', 'warning']\nconst stateValidator = (value: ComponentState) => validStateValues.includes(value)\n\nexport function createStateProp(defaultValue: MaybeRef = 'default') {\n return {\n default: () => unref(defaultValue),\n validator: stateValidator,\n }\n}\n\ntype MaybeArray = T | T[]\n// type MaybeArrayDeep = T | (MaybeArrayDeep[] extends infer R ? R : never)\n\nexport type ClassType = string | Record | Array>\nexport type StyleType = string | CSSProperties | Array\n\nexport const classProp = [String, Object, Array] as PropType\nexport const styleProp = [String, Object, Array] as PropType\n\ntype ForceBoolean = true extends T\n ? Exclude | boolean\n : false extends T\n ? Exclude | boolean\n : T\ntype ForceBooleanDeep = T extends unknown ? { [K in keyof T]: ForceBoolean } : never\ntype SplitAndCombo = T extends unknown\n ?\n | [T]\n | (SplitAndCombo> extends infer U extends any[]\n ? U extends U\n ? [ForceBoolean]\n : never\n : never)\n : never\ntype GenerateEvent = T extends unknown\n ? Others extends never\n ? (value: T[0]) => R\n : (value: T[0], ...args: Others) => R\n : never\n\n/**\n * Split and combo the first parameter of the given function\n *\n * @example\n * ```ts\n * // origin function\n * type Fn = (value: string | number | boolean) => void\n *\n * // after transform\n * type After =\n * | ((value: string | number | boolean) => void)\n * | ((value: string | number) => void)\n * | ((value: string | boolean) => void)\n * | ((value: number | boolean) => void)\n * | ((value: string) => void)\n * | ((value: number) => void)\n * | ((value: boolean) => void)\n * ```\n */\nexport type EventListener =\n Expand[0]>>> extends infer F extends any[]\n ? Parameters extends [unknown, ...infer Others]\n ? GenerateEvent>\n : GenerateEvent>\n : never\n\nconst eventTypes = [Function, Array]\n\nexport function eventProp() {\n return eventTypes as PropType>\n}\n\nexport function emitEvent(\n handlers: MaybeArray<(...args: A) => void> | undefined,\n ...args: A\n) {\n if (Array.isArray(handlers)) {\n for (let i = 0, len = handlers.length; i < len; ++i) {\n const handler = handlers[i]\n\n typeof handler === 'function' && handler(...args)\n }\n } else {\n typeof handlers === 'function' && handlers(...args)\n }\n}\n\nexport function localeProp(_name: N) {\n return Object as PropType>\n}\n\nexport const valueProp = {\n type: [String, Number, Boolean],\n default: null,\n}\nexport const valuesProp = {\n type: [String, Number, Boolean, Array] as PropType>,\n default: null,\n}\n\nexport const iconProp = [Object, Function]\n\nexport function createIconProp(defaultValue: Record | AnyFunction | null = null) {\n return {\n isFunc: true,\n default: defaultValue,\n }\n}\n","import { computed, getCurrentInstance, inject, provide, unref } from 'vue'\n\nimport { isClient, isDefined } from '@vexip-ui/utils'\n\nimport type { App, ComputedRef, MaybeRef } from 'vue'\n\nexport const PROVIDED_Z_INDEX = '___vxp-provided-z-index'\n\nlet initZIndex = 2000\n\nif (isClient) {\n const rootStyle = getComputedStyle(document.documentElement)\n const cssZIndex = parseFloat(rootStyle.getPropertyValue('--vxp-z-index-popup').trim())\n\n if (!Number.isNaN(cssZIndex)) {\n initZIndex = cssZIndex\n }\n}\n\nconst counter = {\n current: 0,\n}\n\nexport const globalZIndex = computed(() => initZIndex)\n\nfunction getOrDefault(num: number, def: number) {\n return isDefined(num) && !Number.isNaN(num) ? num : def\n}\n\n/**\n * Provide a z-index config for under components.\n *\n * @param sourceZIndex z-index config\n * @param app the app of Vue, will use app.provide if specify\n */\nexport function configZIndex(sourceZIndex: MaybeRef, app?: App) {\n if (app) {\n const zIndex = computed(() => {\n const zIndex = unref(sourceZIndex)\n\n return getOrDefault(zIndex, globalZIndex.value)\n })\n\n app.provide(PROVIDED_Z_INDEX, zIndex)\n } else {\n const upstreamZIndex = inject | null>(PROVIDED_Z_INDEX, null)\n const zIndex = computed(() => {\n const zIndex = unref(sourceZIndex)\n\n return getOrDefault(\n zIndex,\n upstreamZIndex ? getOrDefault(upstreamZIndex.value, globalZIndex.value) : globalZIndex.value,\n )\n })\n\n provide(PROVIDED_Z_INDEX, zIndex)\n }\n}\n\nexport function useZIndex() {\n const zIndex = getCurrentInstance()\n ? inject>(PROVIDED_Z_INDEX, globalZIndex)\n : globalZIndex\n\n // return computed(() => zIndex.value + counter++)\n return () => zIndex.value + counter.current++\n}\n","import { buildProps, iconProp } from '@vexip-ui/config'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type { ConfigurableProps } from '@vexip-ui/config'\nimport type { IconEffect, IconRenderer } from './symbol'\n\nexport const iconProps = buildProps({\n icon: iconProp,\n scale: [Number, String],\n title: String,\n label: String,\n flip: String as PropType<'horizontal' | 'vertical' | 'both'>,\n effect: String as PropType,\n size: String,\n color: String,\n rotate: [Number, String],\n renderer: Function as PropType,\n})\n\nexport type IconProps = ExtractPropTypes\nexport type IconCProps = ConfigurableProps\n","import { computed, defineComponent, h, renderSlot } from 'vue'\n\nimport { useNameHelper, useProps } from '@vexip-ui/config'\nimport { toNumber } from '@vexip-ui/utils'\nimport { iconProps } from './props'\n\nimport type { CSSProperties } from 'vue'\nimport type { IconPresetEffect } from './symbol'\n\nconst internalEffects = Object.freeze([\n 'spin-in',\n 'spin-out',\n 'pulse-in',\n 'pulse-out',\n])\n\nconst angleRE = /(^\\s*[+-]?\\d*\\.?\\d+\\s*)(deg|grad|turn|rad)?\\s*/i\n\nexport default defineComponent({\n name: 'Icon',\n props: iconProps,\n setup(_props, { attrs, slots }) {\n const props = useProps('icon', _props, {\n icon: {\n isFunc: true,\n default: null,\n static: true,\n },\n scale: 1,\n title: null,\n label: null,\n flip: {\n default: null,\n validator: value => ['horizontal', 'vertical', 'both'].includes(value),\n },\n effect: null,\n size: null,\n color: null,\n rotate: null,\n renderer: {\n default: null,\n isFunc: true,\n },\n })\n\n const nh = useNameHelper('icon')\n\n const className = computed(() => {\n let effectCls = ''\n\n if (props.effect) {\n effectCls = internalEffects.includes(props.effect as IconPresetEffect)\n ? nh.bm(props.effect)\n : props.effect\n }\n\n return {\n [nh.b()]: true,\n [nh.bm(`flip-${props.flip}`)]: props.flip,\n [effectCls]: effectCls,\n }\n })\n const computedScale = computed(() => toNumber(props.scale) || 1)\n const rotate = computed(() => {\n if (typeof props.rotate === 'number') {\n return `${(props.rotate % 4) / 4}turn`\n }\n\n const matched = props.rotate?.match(angleRE)\n\n if (!matched) return null\n\n const number = toNumber(matched[1])\n\n if (!matched[2]) {\n return `${(number % 4) / 4}turn`\n }\n\n return number ? `${number}${matched[2]}` : null\n })\n const style = computed(() => {\n const style: CSSProperties = {\n color: props.color,\n }\n\n if (props.size) {\n style.fontSize = props.size\n } else if (computedScale.value !== 1) {\n style.fontSize = `${computedScale.value}em`\n }\n\n if (rotate.value) {\n style[nh.cv('rotate')] = rotate.value\n }\n\n return style\n })\n\n function renderDefault() {\n const iAttrs = {\n class: className.value,\n style: style.value,\n title: props.title,\n role: (attrs.role as string) || (props.label || props.title ? 'img' : undefined),\n 'aria-label': props.label,\n 'aria-hidden': !(props.label || props.title),\n }\n\n if (slots.default) {\n return (\n \n {renderSlot(slots, 'default')}\n \n )\n }\n\n if (props.icon) {\n return (\n \n {h(props.icon)}\n \n )\n }\n\n return \n }\n\n return () => {\n if (typeof props.renderer === 'function') {\n return props.renderer(props as any, attrs, renderDefault)\n }\n\n return renderDefault()\n }\n },\n})\n","import { wrapProps } from '@vexip-ui/config'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const rendererProps = wrapProps({\n renderer: {\n type: Function,\n default: null,\n },\n data: {\n type: Object as PropType>,\n default: undefined,\n },\n})\n\nexport type RendererProps = ExtractPropTypes\n","import { defineComponent, renderSlot } from 'vue'\n\nimport { rendererProps } from './props'\n\nexport default defineComponent({\n name: 'Renderer',\n props: rendererProps,\n setup(props, { slots }) {\n return () => {\n if (typeof props.renderer !== 'function') {\n return renderSlot(slots, 'default', props.data)\n }\n\n return props.renderer(props.data)\n }\n },\n})\n","import { booleanProp, buildProps, classProp, eventProp, iconProp } from '@vexip-ui/config'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type { IconEffect } from '@/components/icon'\nimport type { ConfigurableProps } from '@vexip-ui/config'\nimport type { SpinSlots } from './symbol'\n\nexport const spinProps = buildProps({\n active: booleanProp,\n icon: iconProp,\n inner: booleanProp,\n delay: {\n type: [Boolean, Number, Array] as PropType,\n default: null,\n },\n tip: String,\n hideMask: booleanProp,\n maskColor: String,\n maskClass: classProp,\n transitionName: String,\n iconEffect: String as PropType,\n slots: Object as PropType,\n onMaskClick: eventProp<(event: MouseEvent) => void>(),\n onShow: eventProp(),\n onHide: eventProp(),\n})\n\nexport type SpinProps = ExtractPropTypes\nexport type SpinCProps = ConfigurableProps\n","\n\n\n","import { Spin } from '@/components/spin'\n\nimport { createVNode, nextTick, render } from 'vue'\n\nimport { isObject } from '@vexip-ui/utils'\n\nimport type { SpinProps } from '@/components/spin'\nimport type { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ninterface LoadingRecord {\n spin: VNode,\n props: SpinProps,\n originPosition: string,\n}\n\ntype LoadingElement = HTMLElement & { __loading?: LoadingRecord }\n\nfunction createSpin(\n el: LoadingElement,\n binding: DirectiveBinding,\n vnode: VNode,\n) {\n const props: SpinProps = isObject(binding.value)\n ? { ...binding.value }\n : { active: binding.value }\n\n props.inner = true\n\n const spin = createVNode(Spin, props, null, 0, Object.keys(props))\n const position = getComputedStyle(el).position\n\n spin.appContext = vnode.appContext ?? (vnode as any).ctx?.appContext\n\n el.__loading = {\n spin,\n props,\n originPosition: position,\n }\n\n if (position === 'static') {\n el.style.position = 'relative'\n }\n\n render(spin, el)\n}\n\nexport const vLoading: ObjectDirective = {\n mounted(el, binding, vnode) {\n nextTick(() => createSpin(el, binding, vnode))\n },\n updated(el, binding, vnode) {\n nextTick(() => {\n if (!el.__loading) {\n createSpin(el, binding, vnode)\n return\n }\n\n const props: SpinProps = isObject(binding.value) ? binding.value : { active: binding.value }\n const component = el.__loading.spin.component\n\n if (component) {\n Object.keys(props).forEach(key => {\n component.props[key] = props[key as keyof SpinProps]\n })\n\n component.props.inner = true\n }\n })\n },\n beforeUnmount(el) {\n if (!el.__loading) return\n\n render(null, el)\n delete el.__loading\n },\n}\n","import { computed, getCurrentScope, onScopeDispose, unref, watch } from 'vue'\n\nimport { noop } from '@vexip-ui/utils'\n\nimport type { MaybeRef } from 'vue'\n\nexport interface UseListenerOptions extends AddEventListenerOptions {\n /**\n * 是否禁用整个 hook 的事件处理\n */\n disabled?: MaybeRef,\n}\n\nexport function useListener(\n target: MaybeRef,\n event: string,\n listener: (event: E) => any,\n options?: UseListenerOptions | boolean,\n) {\n if (!target) {\n return noop\n }\n\n const normalizedOptions = computed(() => {\n if (typeof options === 'boolean') {\n return { capture: options }\n }\n\n return options || {}\n })\n\n let remove = noop\n\n const stopWatch = watch(\n () => unref(target),\n el => {\n remove()\n\n if (!el) {\n return\n }\n\n const { disabled, ...opts } = normalizedOptions.value\n const handler = (event: Event) => {\n if (!unref(disabled)) {\n listener(event as E)\n }\n }\n\n el.addEventListener(event, handler, opts)\n\n remove = () => {\n el.removeEventListener(event, handler, opts)\n remove = noop\n }\n },\n { immediate: true, flush: 'post' },\n )\n\n const stop = () => {\n stopWatch()\n remove()\n }\n\n getCurrentScope() && onScopeDispose(stop)\n\n return stop\n}\n","import { getCurrentScope, onScopeDispose, ref, unref, watch } from 'vue'\n\nimport { CLICK_TYPE, dispatchEvent, isClient, noop } from '@vexip-ui/utils'\nimport { useListener } from './listener'\n\nimport type { Ref } from 'vue'\nimport type { TransferNode } from '@vexip-ui/utils'\n\nexport const CLICK_OUTSIDE = 'clickoutside'\n\nconst elements = new Set()\n\nif (isClient) {\n document.addEventListener(\n CLICK_TYPE,\n (event: Event) => {\n const target = event.target as Node | null\n const path = event.composedPath && event.composedPath()\n\n elements.forEach(el => {\n if (\n el !== target &&\n (path ? !path.includes(el) : !el.contains(target)) &&\n (!el.__transferElement ||\n (el.__transferElement !== target && !el.__transferElement.contains(target)))\n ) {\n dispatchEvent(el, { type: CLICK_OUTSIDE })\n }\n })\n },\n true,\n )\n}\n\n/**\n * 创建一个可以添加 clickoutside 事件的元素 Ref\n *\n * @param handler 事件的回调方法\n * @param target 需要处理的元素 ref，可不传\n */\nexport function useClickOutside(\n handler: () => void,\n target: Ref = ref(null),\n) {\n let remove = noop\n\n const stopWatch = watch(\n () => unref(target),\n el => {\n remove()\n\n if (!el) {\n return\n }\n\n elements.add(el)\n\n remove = () => {\n elements.delete(el)\n remove = noop\n }\n },\n { immediate: true, flush: 'post' },\n )\n\n const stop = () => {\n stopWatch()\n remove()\n }\n\n getCurrentScope() && onScopeDispose(stop)\n useListener(target, CLICK_OUTSIDE, handler)\n\n return target\n}\n","import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport { noop } from '@vexip-ui/utils'\n\nimport type { Ref } from 'vue'\n\n/**\n * 创建一个观察了最近的上级元素 display 变化的元素 Ref\n *\n * @param displayInit 元素初次显示后执行的回调\n * @returns 观察了 display 变化的元素 Ref\n */\nexport function useDisplay(\n displayInit = noop,\n element: Ref = ref(null),\n) {\n let observer: MutationObserver | null\n\n onMounted(() => {\n nextTick(() => {\n const hiddenParentNode = queryOutsideHiddenElement(element.value)\n\n if (hiddenParentNode) {\n observer = new MutationObserver(() => {\n if (hiddenParentNode.style.display !== 'none') {\n if (typeof displayInit === 'function') {\n displayInit()\n }\n\n observer?.disconnect()\n observer = null\n }\n })\n\n observer.observe(hiddenParentNode, {\n attributes: true,\n childList: true,\n characterData: true,\n attributeFilter: ['style'],\n })\n } else {\n typeof displayInit === 'function' && displayInit()\n }\n })\n })\n\n onBeforeUnmount(() => {\n observer?.disconnect()\n observer = null\n })\n\n return element\n}\n\nexport function queryOutsideHiddenElement(el?: Element | null) {\n if (el) {\n let parentElement = el.parentElement\n\n while (parentElement && parentElement !== document.body) {\n if (parentElement.style.display === 'none') {\n return parentElement\n }\n\n parentElement = parentElement.parentElement\n }\n }\n\n return null\n}\n\nexport function isHiddenElement(el?: HTMLElement | null) {\n if (el?.style.display !== 'none') {\n return !!queryOutsideHiddenElement(el)\n }\n\n return true\n}\n","import {\n Comment,\n Fragment,\n createTextVNode,\n isVNode,\n readonly,\n ref,\n renderSlot,\n toRef,\n unref,\n watch,\n} from 'vue'\n\nimport { ensureArray, isClient, noop } from '@vexip-ui/utils'\n\nimport type {\n ComponentPublicInstance,\n MaybeRef,\n Ref,\n Slots,\n VNode,\n VNodeChild,\n VNodeNormalizedChildren,\n} from 'vue'\nimport type { MaybeElement, MaybeInstance } from './types'\n\nexport function createSlotRender(\n slots: Slots,\n names: string[]\n): ((params?: any) => VNodeChild) | null\nexport function createSlotRender(\n slots: Slots,\n names: string[],\n fallback: (params?: any) => VNodeChild\n): (params?: any) => VNodeChild\nexport function createSlotRender(\n slots: Slots,\n names: string[],\n fallback?: (params?: any) => VNodeChild,\n) {\n for (const name of names) {\n if (slots[name]) {\n return (params: any) =>\n renderSlot(slots, name, params, () => {\n const vnodes = fallback?.(params)\n\n return vnodes ? ensureArray(vnodes) : []\n })\n }\n }\n\n return fallback || null\n}\n\nexport function flatVNodes(children: VNodeNormalizedChildren) {\n const result: VNode[] = []\n const loop = Array.isArray(children) ? [...children] : []\n\n while (loop.length) {\n const vnode = loop.shift()!\n\n if (vnode === null) continue\n\n if (Array.isArray(vnode)) {\n loop.unshift(...vnode)\n }\n\n if (\n typeof vnode !== 'string' &&\n typeof vnode !== 'number' &&\n (!isVNode(vnode) || vnode.type === Comment)\n ) {\n continue\n }\n\n if (typeof vnode === 'string' || typeof vnode === 'number') {\n result.push(createTextVNode(String(vnode)))\n } else if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n loop.unshift(vnode.children)\n } else {\n result.push(vnode)\n }\n }\n\n return result\n}\n\nexport function unrefElement(\n ref: MaybeRef,\n): T extends string | ComponentPublicInstance ? MaybeElement : T {\n const plain = unref(ref)\n\n if (typeof plain === 'string') {\n return (isClient ? document.querySelector(plain) : null) as any\n }\n\n return (plain as ComponentPublicInstance)?.$el ?? plain\n}\n\nexport function proxyExposed(vnode: VNode): T {\n return new Proxy({} as any, {\n get(_, key) {\n if (!vnode.component) return undefined\n\n return (\n (vnode.component.proxy as any)?.[key] ??\n (vnode.component.exposeProxy as any)?.[key] ??\n (vnode.component.exposed as any)?.[key]\n )\n },\n }) as T\n}\n\nexport function watchPauseable(...args: Parameters) {\n const active = ref(true)\n const handle = args[1] || noop\n\n function pause() {\n active.value = false\n }\n\n function resume() {\n active.value = true\n }\n\n const stop = watch(\n args[0],\n (...callbackArgs) =>\n new Promise((resolve, reject) => {\n if (active.value) {\n Promise.resolve(handle(...callbackArgs))\n .then(resolve)\n .catch(reject)\n }\n }),\n args[2],\n )\n\n return { active: readonly(active), pause, resume, stop }\n}\n\nexport function pickToRefs, K extends keyof T>(reactive: T, keys: K[]) {\n return keys.map(key => toRef(reactive, key)) as { [P in K]: Ref }\n}\n","import { computed, getCurrentScope, isRef, onScopeDispose, ref, watch } from 'vue'\n\nimport { isClient, noop } from '@vexip-ui/utils'\nimport { unrefElement } from './shared/utils'\n\nimport type { ComputedRef, MaybeRef, Ref } from 'vue'\nimport type { MaybeInstance } from './shared/types'\n\nexport interface UseFullScreenResult {\n target: Ref,\n supported: boolean,\n full: ComputedRef,\n enter: (force?: boolean) => Promise,\n exit: (force?: boolean) => Promise,\n toggle: (force?: boolean) => Promise,\n}\n\ntype PropertiesMap = [\n 'requestFullscreen',\n 'exitFullscreen',\n 'fullscreenElement',\n 'fullscreenEnabled',\n 'fullscreenchange',\n 'fullscreenerror',\n]\n\nconst functionsMap = [\n [\n 'requestFullscreen',\n 'exitFullscreen',\n 'fullscreenElement',\n 'fullscreenEnabled',\n 'fullscreenchange',\n 'fullscreenerror',\n ],\n // New WebKit\n [\n 'webkitRequestFullscreen',\n 'webkitExitFullscreen',\n 'webkitFullscreenElement',\n 'webkitFullscreenEnabled',\n 'webkitfullscreenchange',\n 'webkitfullscreenerror',\n ],\n // Old WebKit\n [\n 'webkitRequestFullScreen',\n 'webkitCancelFullScreen',\n 'webkitCurrentFullScreenElement',\n 'webkitCancelFullScreen',\n 'webkitfullscreenchange',\n 'webkitfullscreenerror',\n ],\n [\n 'mozRequestFullScreen',\n 'mozCancelFullScreen',\n 'mozFullScreenElement',\n 'mozFullScreenEnabled',\n 'mozfullscreenchange',\n 'mozfullscreenerror',\n ],\n [\n 'msRequestFullscreen',\n 'msExitFullscreen',\n 'msFullscreenElement',\n 'msFullscreenEnabled',\n 'MSFullscreenChange',\n 'MSFullscreenError',\n ],\n] as PropertiesMap[]\n\nlet map!: PropertiesMap\n\nif (isClient) {\n for (const m of functionsMap) {\n if (m[1] in document) {\n map = m\n break\n }\n }\n}\n\nconst supported = !!map\nconst notSupportedResult = {\n supported,\n full: computed(() => false),\n enter: noop,\n exit: noop,\n toggle: noop,\n}\n\nconst states = new Set>()\nconst subscriptions = new WeakMap>()\n\nif (isClient && map) {\n const ELEMENT = map[2]\n const EVENT = map[4]\n\n document.addEventListener(\n EVENT,\n () => {\n states.forEach(state => {\n state.value = false\n })\n\n if (document[ELEMENT]) {\n const full = subscriptions.get(document[ELEMENT])\n\n if (full) {\n full.value = true\n }\n }\n },\n false,\n )\n}\n\nexport function useFullScreen(target: MaybeRef = ref(null)): UseFullScreenResult {\n const targetRef = computed({\n get: () => unrefElement(target),\n set: el => {\n if (isRef(target)) {\n target.value = el\n }\n },\n })\n\n if (!isClient || !supported) {\n return { ...notSupportedResult, target: targetRef }\n }\n\n const [REQUEST, EXIT, ELEMENT] = map\n const full = ref(false)\n\n watch(\n () => unrefElement(target),\n (el, old) => {\n old && subscriptions.delete(old)\n el && subscriptions.set(el, full)\n },\n { immediate: true, flush: 'post' },\n )\n\n states.add(full)\n\n if (getCurrentScope()) {\n onScopeDispose(exit)\n }\n\n async function enter(force = false) {\n await exit()\n\n const el = unrefElement(target)\n\n if (el) {\n if (force || !document[ELEMENT]) {\n await el[REQUEST]()\n full.value = true\n\n return document[ELEMENT] === el\n }\n }\n\n return false\n }\n\n async function exit(force = false) {\n const el = unrefElement(target)\n\n if (force || (document[ELEMENT] && document[ELEMENT] === el)) {\n await document[EXIT]()\n full.value = false\n\n return document[ELEMENT] !== el\n }\n\n return false\n }\n\n async function toggle(force = false) {\n return full.value ? await exit(force) : await enter(force)\n }\n\n return {\n supported,\n target: targetRef,\n full: computed(() => full.value),\n enter,\n exit,\n toggle,\n }\n}\n","import { ref } from 'vue'\n\nimport { useListener } from './listener'\n\nimport type { Ref } from 'vue'\n\nexport function useHover(wrapper: Ref = ref(null)) {\n const isHover = ref(false)\n\n useListener(wrapper, 'mouseenter', enterWrapper)\n useListener(wrapper, 'mouseleave', leaveWrapper)\n\n function enterWrapper() {\n isHover.value = true\n }\n\n function leaveWrapper() {\n isHover.value = false\n }\n\n return { wrapper, isHover }\n}\n","import { getCurrentScope, onScopeDispose, ref, unref, watch } from 'vue'\n\nimport { ensureArray, isClient, noop, toNumber } from '@vexip-ui/utils'\n\nimport type { Ref } from 'vue'\n\nexport type IntersectionHandler = (entry: IntersectionObserverEntry) => any\nexport type UseIntersectionOptions = IntersectionObserverInit & {\n /**\n * 元素交叉状态变化时的回调方法\n */\n handler: IntersectionHandler,\n /**\n * 作用的目标元素的 Ref\n */\n target?: Ref,\n}\n\nconst observerCache = new WeakMap<\n Element | Document,\n Map<\n string,\n Map<\n string,\n { ob: IntersectionObserver, count: number, handlers: WeakMap }\n >\n >\n>()\n\nconst spaceRE = /\\s+/g\nconst unitRE = /(px|%)$/\n\nexport function useIntersection(options: UseIntersectionOptions) {\n const target = options.target || ref(null)\n\n if (!isClient) {\n return { target, disconnect: noop }\n }\n\n const { handler } = options\n\n let root = options.root ?? document\n\n const threshold = ensureArray(options.threshold || 0).join() || '0'\n const margin = normalizeMargin(options.rootMargin)\n\n if (!observerCache.has(root)) {\n observerCache.set(root, new Map())\n }\n\n const thresholdCache = observerCache.get(root)!\n\n if (!thresholdCache.has(threshold)) {\n thresholdCache.set(threshold, new Map())\n }\n\n const marginCache = thresholdCache.get(threshold)!\n\n if (!marginCache.has(margin)) {\n marginCache.set(margin, {\n ob: new IntersectionObserver(handleIntersect, { ...options, rootMargin: margin }),\n count: 0,\n handlers: new WeakMap(),\n })\n }\n\n let state = marginCache.get(margin)\n let { ob: observer, handlers } = state!\n\n let remove = noop\n\n const stopWatch = watch(\n () => unref(target),\n el => {\n remove()\n\n if (!el || !observer) {\n return\n }\n\n handlers.set(el, handler)\n observer.observe(el)\n state && state.count++\n\n remove = () => {\n observer.unobserve(el)\n handlers.delete(el)\n state && state.count--\n remove = noop\n }\n },\n { immediate: true, flush: 'post' },\n )\n\n getCurrentScope() && onScopeDispose(disconnect)\n\n function normalizeMargin(margin?: string) {\n if (!margin || !margin.trim()) return '_'\n\n const parts = margin.trim().split(spaceRE, 4)\n parts.length = 4\n\n for (let i = 0; i < 4; ++i) {\n const part = parts[i]\n\n parts[i] = unitRE.test(part) ? part : `${toNumber(part)}px`\n }\n\n return parts.join(' ')\n }\n\n function handleIntersect(entries: IntersectionObserverEntry[]) {\n for (let i = 0, len = entries.length; i < len; ++i) {\n const entry = entries[i]\n const handler = handlers.get(entry.target)\n\n if (typeof handler === 'function') {\n handler(entry)\n }\n }\n }\n\n function disconnect() {\n stopWatch()\n remove()\n\n if (!state) return\n\n if (state.count <= 0) {\n marginCache.delete(margin)\n\n if (!marginCache.size) {\n thresholdCache.delete(threshold)\n\n if (!thresholdCache.size) {\n observerCache.delete(root)\n }\n }\n }\n\n state = undefined\n observer = undefined!\n handlers = undefined!\n root = undefined!\n }\n\n return { target, disconnect }\n}\n","import { customRef } from 'vue'\n\nexport function useManualRef() {\n const updateSet = new Set<() => void>()\n\n function manualRef(value: T) {\n return customRef((track, trigger) => {\n let origin = value\n\n const update = () => {\n if (value !== origin) {\n origin = value\n trigger()\n }\n }\n\n return {\n get: () => (track(), value),\n set: newValue => {\n if (newValue === value) return\n\n value = newValue\n updateSet.add(update)\n },\n }\n })\n }\n\n function triggerUpdate() {\n for (const trigger of updateSet) {\n trigger()\n }\n\n updateSet.clear()\n }\n\n return { updateSet, manualRef, triggerUpdate }\n}\n","import { computed, isRef, reactive, ref, unref } from 'vue'\n\nimport { noop } from '@vexip-ui/utils'\nimport { useListener } from './listener'\n\nimport type { MaybeRef, Ref } from 'vue'\n\nexport type ModifierState = Readonly<\n Omit, 'activeKeys'> & {\n activeKeys: Set,\n resetAll: () => void,\n }\n>\n\nexport interface UseModifierOptions {\n /**\n * 作用的目标元素的 Ref\n */\n target?: Ref,\n /**\n * 是否禁用整个 hook 的事件处理\n */\n disabled?: MaybeRef,\n /**\n * 配置键名的别名，会与默认别名动态合并\n */\n aliasMap?: Record,\n /**\n * 是否在目标元素失去焦点时重置修饰符\n *\n * @default true\n */\n autoReset?: boolean,\n /**\n * 事件的 capture 选项\n *\n * @default false\n */\n capture?: boolean,\n /**\n * 事件的 passive 选项\n *\n * @default true\n */\n passive?: boolean,\n /**\n * 是否严格匹配目标元素\n */\n strictTarget?: boolean,\n /**\n * 键按下的事件回调函数\n */\n onKeyDown?: (event: KeyboardEvent, modifier: ModifierState) => void,\n /**\n * 键抬起的时间回调函数\n */\n onKeyUp?: (event: KeyboardEvent, modifier: ModifierState) => void,\n}\n\nconst defaultAliasMap: Record = {\n ctrl: 'control',\n command: 'meta',\n cmd: 'meta',\n option: 'alt',\n up: 'arrowup',\n down: 'arrowdown',\n left: 'arrowleft',\n right: 'arrowright',\n}\n\nconst separatorRE = /[+_-]/\nconst splitRE = /[+_-]/g\n\nconst internalProps = ['activeKeys', 'resetAll']\n\nexport function useModifier(options: UseModifierOptions = {}) {\n const {\n autoReset = true,\n capture = false,\n passive = true,\n strictTarget = false,\n onKeyDown = noop,\n onKeyUp = noop,\n } = options\n\n const target = options.target || ref(null)\n const disabled = isRef(options.disabled) ? options.disabled : ref(options.disabled || false)\n const aliasMap = { ...defaultAliasMap, ...(options.aliasMap || {}) }\n const activeKeys = reactive(new Set())\n const metaDeps = new Set()\n const modifier: Record = reactive({ activeKeys, resetAll })\n\n function setModifier(key: string, value: boolean) {\n if (key in modifier) {\n modifier[key] = value\n }\n }\n\n function updateModifier(event: KeyboardEvent, value: boolean) {\n const key = event.key?.toLocaleLowerCase()\n const code = event.code?.toLocaleLowerCase()\n const keys = [code, key].filter(Boolean)\n\n for (const key of keys) {\n activeKeys[value ? 'add' : 'delete'](key)\n setModifier(key, value)\n }\n\n if (!value && key === 'meta') {\n for (const key of metaDeps) {\n activeKeys.delete(key)\n setModifier(key, false)\n }\n\n metaDeps.clear()\n } else if (\n value &&\n typeof event.getModifierState === 'function' &&\n event.getModifierState('Meta')\n ) {\n for (const key of [...activeKeys, ...keys]) {\n metaDeps.add(key)\n }\n }\n }\n\n function resetAll() {\n Object.keys(modifier).forEach(key => {\n modifier[key] = false\n })\n\n modifier.activeKeys = activeKeys\n modifier.resetAll = resetAll\n }\n\n const modifierProxy = new Proxy(modifier, {\n get(target, prop, receiver) {\n if (typeof prop !== 'string' || internalProps.includes(prop)) {\n return Reflect.get(target, prop, receiver)\n }\n\n prop = prop.toLocaleLowerCase()\n\n if (prop in aliasMap) {\n prop = aliasMap[prop]\n }\n\n if (!(prop in modifier)) {\n if (separatorRE.test(prop)) {\n const keys = prop.split(splitRE).map(key => key.trim())\n\n modifier[prop] = computed(() => keys.every(key => unref(modifierProxy[key])))\n } else {\n modifier[prop] = ref(activeKeys.has(prop))\n }\n }\n\n return unref(Reflect.get(target, prop, receiver))\n },\n })\n\n useListener(\n target,\n 'keydown',\n (event: KeyboardEvent) => {\n if (strictTarget && event.target !== unref(target)) {\n return\n }\n\n updateModifier(event, true)\n onKeyDown(event, modifierProxy)\n },\n { capture, passive, disabled },\n )\n useListener(\n target,\n 'keyup',\n (event: KeyboardEvent) => {\n if (strictTarget && event.target !== unref(target)) {\n return\n }\n\n updateModifier(event, false)\n onKeyUp(event, modifierProxy)\n },\n { capture, passive, disabled },\n )\n\n if (autoReset) {\n useListener(target, 'blur', resetAll, { capture, passive, disabled })\n }\n\n return { target, modifier: modifierProxy as ModifierState }\n}\n","import { nextTick, onBeforeUnmount, onMounted, readonly, ref } from 'vue'\n\nexport function useMounted(wait?: 'tick' | 'frame') {\n const isMounted = ref(false)\n\n const mount = () => (isMounted.value = true)\n\n onMounted(() => {\n if (wait === 'tick') {\n nextTick(mount)\n } else if (wait === 'frame') {\n requestAnimationFrame(mount)\n } else {\n mount()\n }\n })\n\n onBeforeUnmount(() => {\n isMounted.value = false\n })\n\n return { isMounted: readonly(isMounted) }\n}\n","import { computed, isRef, ref } from 'vue'\n\nimport { throttle } from '@vexip-ui/utils'\nimport { useListener } from './listener'\n\nimport type { MaybeRef, Ref } from 'vue'\n\nexport interface MovingState {\n xStart: number,\n yStart: number,\n xEnd: number,\n yEnd: number,\n clientX: number,\n clientY: number,\n deltaX: number,\n deltaY: number,\n lazy: boolean,\n [custom: string]: unknown,\n}\n\nexport interface UseMovingOptions {\n /**\n * 作用的目标元素的 Ref\n */\n target?: Ref,\n /**\n * 横向位置的初始值\n */\n x?: MaybeRef,\n /**\n * 纵向位置的初始值\n */\n y?: MaybeRef,\n /**\n * 为否为懒加载，开启后会在 End 事件再更新位置状态\n */\n lazy?: MaybeRef,\n /**\n * 是否禁用整个 hook 的事件处理\n */\n disabled?: MaybeRef,\n /**\n * 事件的 capture 选项\n *\n * @default true\n */\n capture?: boolean,\n /**\n * 是否阻止 MouseDown 事件冒泡和默认行为\n *\n * @default true\n */\n stopMouse?: boolean,\n /**\n * 是否阻止 TouchStart 事件冒泡和默认行为\n *\n * @default true\n */\n stopTouch?: boolean,\n /**\n * 移动开始时的回调函数，返回 false 可以阻止本次移动\n */\n onStart?: (state: MovingState, event: PointerEvent) => any,\n /**\n * 移动中的回调函数\n */\n onMove?: (state: MovingState, event: PointerEvent) => void,\n /**\n * 移动结束时的回调函数\n */\n onEnd?: (state: MovingState, event: PointerEvent) => void,\n}\n\nfunction disableEvent(event: E) {\n if (event.cancelable) {\n event.stopPropagation()\n event.preventDefault()\n }\n}\n\nexport function useMoving(options: UseMovingOptions) {\n const target = options.target || ref(null)\n const x = isRef(options.x) ? options.x : ref(0)\n const y = isRef(options.y) ? options.y : ref(0)\n const lazy = isRef(options.lazy) ? options.lazy : ref(options.lazy || false)\n const disabled = isRef(options.disabled) ? options.disabled : ref(options.disabled || false)\n\n const { capture = true, stopMouse = true, stopTouch = true } = options\n\n const moving = ref(false)\n const internalState: MovingState = {\n xStart: 0,\n yStart: 0,\n xEnd: 0,\n yEnd: 0,\n clientX: 0,\n clientY: 0,\n deltaX: 0,\n deltaY: 0,\n lazy: false,\n }\n\n let current = 0\n let record = 0\n\n const throttleMove = throttle((event: PointerEvent) => {\n if (record < current) return\n\n updateState(event)\n\n if (!internalState.lazy) {\n x.value = internalState.xEnd\n y.value = internalState.yEnd\n }\n\n options.onMove?.(internalState, event)\n })\n\n function start(event: PointerEvent) {\n if (disabled.value) return\n\n Object.assign(internalState, {\n xStart: x.value,\n yStart: y.value,\n xEnd: x.value,\n yEnd: y.value,\n clientX: event.clientX,\n clientY: event.clientY,\n lazy: lazy.value,\n })\n\n if (options.onStart?.(internalState, event) === false) {\n return\n }\n\n document.addEventListener('pointermove', move, { capture })\n document.addEventListener('pointerup', end, { capture })\n\n record = current\n moving.value = true\n }\n\n function move(event: PointerEvent) {\n if (disabled.value) return\n\n disableEvent(event)\n throttleMove(event)\n }\n\n function end(event: PointerEvent) {\n document.removeEventListener('pointermove', move, { capture })\n document.removeEventListener('pointerup', end, { capture })\n\n if (disabled.value) return\n\n updateState(event)\n\n if (internalState.lazy) {\n x.value = internalState.xEnd\n y.value = internalState.yEnd\n }\n\n moving.value = false\n ++current\n\n options.onEnd?.(internalState, event)\n }\n\n function updateState(event: PointerEvent) {\n const { clientX, clientY } = event\n const { xStart, yStart, clientX: clientXStart, clientY: clientYStart } = internalState\n const deltaX = clientX - clientXStart\n const deltaY = clientY - clientYStart\n\n internalState.deltaX = deltaX\n internalState.deltaY = deltaY\n internalState.xEnd = xStart + deltaX\n internalState.yEnd = yStart + deltaY\n }\n\n useListener(target, 'pointerdown', start, { capture })\n\n stopMouse && useListener(target, 'mousedown', disableEvent, { capture })\n stopTouch && useListener(target, 'touchstart', disableEvent, { capture })\n\n return {\n target,\n moving: computed(() => moving.value),\n x,\n y,\n lazy,\n disabled,\n }\n}\n","import { onBeforeUnmount, ref } from 'vue'\n\nimport { throttle } from '@vexip-ui/utils'\n\nimport type { Ref } from 'vue'\n\nexport interface UsePointerOption {\n /**\n * 横向位置的初始值\n */\n x?: number,\n /**\n * 纵向位置的初始值\n */\n y?: number,\n /**\n * 是否手动停止，默认情况下会在组件的 BeforeUnmount 生命周期注销\n *\n * @default false\n */\n manualStop?: boolean,\n}\n\ninterface PointerState {\n x: Ref,\n y: Ref,\n}\n\nconst registered = new Set()\nconst record = new Map<'x' | 'y', number>()\n\nrecord.set('x', 0)\nrecord.set('y', 0)\n\nfunction handler(event: PointerEvent) {\n const { pageX, pageY } = event\n\n record.set('x', pageX)\n record.set('y', pageY)\n\n registered.forEach(state => {\n state.x.value = pageX\n state.y.value = pageY\n })\n}\n\nconst throttleHandler = throttle(handler)\n\nfunction register(state: PointerState) {\n if (!registered.size && window) {\n record.set('x', 0)\n record.set('y', 0)\n window.addEventListener('pointermove', throttleHandler, { passive: true })\n }\n\n registered.add(state)\n}\n\nfunction unregister(state: PointerState) {\n registered.delete(state)\n\n if (!registered.size && window) {\n window.removeEventListener('pointermove', throttleHandler)\n }\n}\n\nexport function usePointer(options: UsePointerOption = {}) {\n const x = ref(options.x ?? record.get('x')!)\n const y = ref(options.y ?? record.get('y')!)\n\n const state = { x, y }\n\n register(state)\n\n if (!options.manualStop) {\n onBeforeUnmount(() => {\n unregister(state)\n })\n }\n\n return { ...state, unregister: () => unregister(state) }\n}\n","/**\n * Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n */\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n x: v,\n y: v\n});\nconst oppositeSideMap = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nconst oppositeAlignmentMap = {\n start: 'end',\n end: 'start'\n};\nfunction clamp(start, value, end) {\n return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n if (rtl === void 0) {\n rtl = false;\n }\n const alignment = getAlignment(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const length = getAxisLength(alignmentAxis);\n let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n if (rects.reference[length] > rects.floating[length]) {\n mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n }\n return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n const oppositePlacement = getOppositePlacement(placement);\n return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);\n}\nfunction getSideList(side, isStart, rtl) {\n const lr = ['left', 'right'];\n const rl = ['right', 'left'];\n const tb = ['top', 'bottom'];\n const bt = ['bottom', 'top'];\n switch (side) {\n case 'top':\n case 'bottom':\n if (rtl) return isStart ? rl : lr;\n return isStart ? lr : rl;\n case 'left':\n case 'right':\n return isStart ? tb : bt;\n default:\n return [];\n }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n const alignment = getAlignment(placement);\n let list = getSideList(getSide(placement), direction === 'start', rtl);\n if (alignment) {\n list = list.map(side => side + \"-\" + alignment);\n if (flipAlignment) {\n list = list.concat(list.map(getOppositeAlignmentPlacement));\n }\n }\n return list;\n}\nfunction getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);\n}\nfunction expandPaddingObject(padding) {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...padding\n };\n}\nfunction getPaddingObject(padding) {\n return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n top: padding,\n right: padding,\n bottom: padding,\n left: padding\n };\n}\nfunction rectToClientRect(rect) {\n const {\n x,\n y,\n width,\n height\n } = rect;\n return {\n width,\n height,\n top: y,\n left: x,\n right: x + width,\n bottom: y + height,\n x,\n y\n };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n let {\n reference,\n floating\n } = _ref;\n const sideAxis = getSideAxis(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const alignLength = getAxisLength(alignmentAxis);\n const side = getSide(placement);\n const isVertical = sideAxis === 'y';\n const commonX = reference.x + reference.width / 2 - floating.width / 2;\n const commonY = reference.y + reference.height / 2 - floating.height / 2;\n const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n let coords;\n switch (side) {\n case 'top':\n coords = {\n x: commonX,\n y: reference.y - floating.height\n };\n break;\n case 'bottom':\n coords = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n case 'right':\n coords = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n case 'left':\n coords = {\n x: reference.x - floating.width,\n y: commonY\n };\n break;\n default:\n coords = {\n x: reference.x,\n y: reference.y\n };\n }\n switch (getAlignment(placement)) {\n case 'start':\n coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n case 'end':\n coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n }\n return coords;\n}\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n *\n * This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n */\nconst computePosition = async (reference, floating, config) => {\n const {\n placement = 'bottom',\n strategy = 'absolute',\n middleware = [],\n platform\n } = config;\n const validMiddleware = middleware.filter(Boolean);\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n let rects = await platform.getElementRects({\n reference,\n floating,\n strategy\n });\n let {\n x,\n y\n } = computeCoordsFromPlacement(rects, placement, rtl);\n let statefulPlacement = placement;\n let middlewareData = {};\n let resetCount = 0;\n for (let i = 0; i < validMiddleware.length; i++) {\n const {\n name,\n fn\n } = validMiddleware[i];\n const {\n x: nextX,\n y: nextY,\n data,\n reset\n } = await fn({\n x,\n y,\n initialPlacement: placement,\n placement: statefulPlacement,\n strategy,\n middlewareData,\n rects,\n platform,\n elements: {\n reference,\n floating\n }\n });\n x = nextX != null ? nextX : x;\n y = nextY != null ? nextY : y;\n middlewareData = {\n ...middlewareData,\n [name]: {\n ...middlewareData[name],\n ...data\n }\n };\n if (reset && resetCount <= 50) {\n resetCount++;\n if (typeof reset === 'object') {\n if (reset.placement) {\n statefulPlacement = reset.placement;\n }\n if (reset.rects) {\n rects = reset.rects === true ? await platform.getElementRects({\n reference,\n floating,\n strategy\n }) : reset.rects;\n }\n ({\n x,\n y\n } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n }\n i = -1;\n }\n }\n return {\n x,\n y,\n placement: statefulPlacement,\n strategy,\n middlewareData\n };\n};\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nasync function detectOverflow(state, options) {\n var _await$platform$isEle;\n if (options === void 0) {\n options = {};\n }\n const {\n x,\n y,\n platform,\n rects,\n elements,\n strategy\n } = state;\n const {\n boundary = 'clippingAncestors',\n rootBoundary = 'viewport',\n elementContext = 'floating',\n altBoundary = false,\n padding = 0\n } = evaluate(options, state);\n const paddingObject = getPaddingObject(padding);\n const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n const element = elements[altBoundary ? altContext : elementContext];\n const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n boundary,\n rootBoundary,\n strategy\n }));\n const rect = elementContext === 'floating' ? {\n x,\n y,\n width: rects.floating.width,\n height: rects.floating.height\n } : rects.reference;\n const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {\n x: 1,\n y: 1\n } : {\n x: 1,\n y: 1\n };\n const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n elements,\n rect,\n offsetParent,\n strategy\n }) : rect);\n return {\n top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n };\n}\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = options => ({\n name: 'arrow',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n platform,\n elements,\n middlewareData\n } = state;\n // Since `element` is required, we don't Partial<> the type.\n const {\n element,\n padding = 0\n } = evaluate(options, state) || {};\n if (element == null) {\n return {};\n }\n const paddingObject = getPaddingObject(padding);\n const coords = {\n x,\n y\n };\n const axis = getAlignmentAxis(placement);\n const length = getAxisLength(axis);\n const arrowDimensions = await platform.getDimensions(element);\n const isYAxis = axis === 'y';\n const minProp = isYAxis ? 'top' : 'left';\n const maxProp = isYAxis ? 'bottom' : 'right';\n const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n const startDiff = coords[axis] - rects.reference[axis];\n const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n // DOM platform can return `window` as the `offsetParent`.\n if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n clientSize = elements.floating[clientProp] || rects.floating[length];\n }\n const centerToReference = endDiff / 2 - startDiff / 2;\n\n // If the padding is large enough that it causes the arrow to no longer be\n // centered, modify the padding so that it is centered.\n const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n // Make sure the arrow doesn't overflow the floating element if the center\n // point is outside the floating element's bounds.\n const min$1 = minPadding;\n const max = clientSize - arrowDimensions[length] - maxPadding;\n const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n const offset = clamp(min$1, center, max);\n\n // If the reference is small enough that the arrow's padding causes it to\n // to point to nothing for an aligned placement, adjust the offset of the\n // floating element itself. To ensure `shift()` continues to take action,\n // a single reset is performed when this is true.\n const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n return {\n [axis]: coords[axis] + alignmentOffset,\n data: {\n [axis]: offset,\n centerOffset: center - offset - alignmentOffset,\n ...(shouldAddOffset && {\n alignmentOffset\n })\n },\n reset: shouldAddOffset\n };\n }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n return allowedPlacementsSortedByAlignment.filter(placement => {\n if (alignment) {\n return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n }\n return true;\n });\n}\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'autoPlacement',\n options,\n async fn(state) {\n var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n const {\n rects,\n middlewareData,\n placement,\n platform,\n elements\n } = state;\n const {\n crossAxis = false,\n alignment,\n allowedPlacements = placements,\n autoAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;\n const currentPlacement = placements$1[currentIndex];\n if (currentPlacement == null) {\n return {};\n }\n const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n // Make `computeCoords` start from the right place.\n if (placement !== currentPlacement) {\n return {\n reset: {\n placement: placements$1[0]\n }\n };\n }\n const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {\n placement: currentPlacement,\n overflows: currentOverflows\n }];\n const nextPlacement = placements$1[currentIndex + 1];\n\n // There are more placements to check.\n if (nextPlacement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n const placementsSortedByMostSpace = allOverflows.map(d => {\n const alignment = getAlignment(d.placement);\n return [d.placement, alignment && crossAxis ?\n // Check along the mainAxis and main crossAxis side.\n d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n // Check only the mainAxis.\n d.overflows[0], d.overflows];\n }).sort((a, b) => a[1] - b[1]);\n const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n // Aligned placements should not check their opposite crossAxis\n // side.\n getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];\n if (resetPlacement !== placement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: resetPlacement\n }\n };\n }\n return {};\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'flip',\n options,\n async fn(state) {\n var _middlewareData$arrow, _middlewareData$flip;\n const {\n placement,\n middlewareData,\n rects,\n initialPlacement,\n platform,\n elements\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true,\n fallbackPlacements: specifiedFallbackPlacements,\n fallbackStrategy = 'bestFit',\n fallbackAxisSideDirection = 'none',\n flipAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n\n // If a reset by the arrow was caused due to an alignment offset being\n // added, we should skip any logic now since `flip()` has already done its\n // work.\n // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n const side = getSide(placement);\n const initialSideAxis = getSideAxis(initialPlacement);\n const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';\n if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {\n fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n }\n const placements = [initialPlacement, ...fallbackPlacements];\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const overflows = [];\n let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];\n if (checkMainAxis) {\n overflows.push(overflow[side]);\n }\n if (checkCrossAxis) {\n const sides = getAlignmentSides(placement, rects, rtl);\n overflows.push(overflow[sides[0]], overflow[sides[1]]);\n }\n overflowsData = [...overflowsData, {\n placement,\n overflows\n }];\n\n // One or more sides is overflowing.\n if (!overflows.every(side => side <= 0)) {\n var _middlewareData$flip2, _overflowsData$filter;\n const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;\n const nextPlacement = placements[nextIndex];\n if (nextPlacement) {\n var _overflowsData$;\n const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;\n const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;\n if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {\n // Try next placement and re-run the lifecycle.\n return {\n data: {\n index: nextIndex,\n overflows: overflowsData\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n }\n\n // First, find the candidates that fit on the mainAxis side of overflow,\n // then find the placement that fits the best on the main crossAxis side.\n let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n // Otherwise fallback.\n if (!resetPlacement) {\n switch (fallbackStrategy) {\n case 'bestFit':\n {\n var _overflowsData$filter2;\n const placement = (_overflowsData$filter2 = overflowsData.filter(d => {\n if (hasFallbackAxisSideDirection) {\n const currentSideAxis = getSideAxis(d.placement);\n return currentSideAxis === initialSideAxis ||\n // Create a bias to the `y` side axis due to horizontal\n // reading directions favoring greater width.\n currentSideAxis === 'y';\n }\n return true;\n }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];\n if (placement) {\n resetPlacement = placement;\n }\n break;\n }\n case 'initialPlacement':\n resetPlacement = initialPlacement;\n break;\n }\n }\n if (placement !== resetPlacement) {\n return {\n reset: {\n placement: resetPlacement\n }\n };\n }\n }\n return {};\n }\n };\n};\n\nfunction getSideOffsets(overflow, rect) {\n return {\n top: overflow.top - rect.height,\n right: overflow.right - rect.width,\n bottom: overflow.bottom - rect.height,\n left: overflow.left - rect.width\n };\n}\nfunction isAnySideFullyClipped(overflow) {\n return sides.some(side => overflow[side] >= 0);\n}\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'hide',\n options,\n async fn(state) {\n const {\n rects\n } = state;\n const {\n strategy = 'referenceHidden',\n ...detectOverflowOptions\n } = evaluate(options, state);\n switch (strategy) {\n case 'referenceHidden':\n {\n const overflow = await detectOverflow(state, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const offsets = getSideOffsets(overflow, rects.reference);\n return {\n data: {\n referenceHiddenOffsets: offsets,\n referenceHidden: isAnySideFullyClipped(offsets)\n }\n };\n }\n case 'escaped':\n {\n const overflow = await detectOverflow(state, {\n ...detectOverflowOptions,\n altBoundary: true\n });\n const offsets = getSideOffsets(overflow, rects.floating);\n return {\n data: {\n escapedOffsets: offsets,\n escaped: isAnySideFullyClipped(offsets)\n }\n };\n }\n default:\n {\n return {};\n }\n }\n }\n };\n};\n\nfunction getBoundingRect(rects) {\n const minX = min(...rects.map(rect => rect.left));\n const minY = min(...rects.map(rect => rect.top));\n const maxX = max(...rects.map(rect => rect.right));\n const maxY = max(...rects.map(rect => rect.bottom));\n return {\n x: minX,\n y: minY,\n width: maxX - minX,\n height: maxY - minY\n };\n}\nfunction getRectsByLine(rects) {\n const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n const groups = [];\n let prevRect = null;\n for (let i = 0; i < sortedRects.length; i++) {\n const rect = sortedRects[i];\n if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {\n groups.push([rect]);\n } else {\n groups[groups.length - 1].push(rect);\n }\n prevRect = rect;\n }\n return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'inline',\n options,\n async fn(state) {\n const {\n placement,\n elements,\n rects,\n platform,\n strategy\n } = state;\n // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n // ClientRect's bounds, despite the event listener being triggered. A\n // padding of 2 seems to handle this issue.\n const {\n padding = 2,\n x,\n y\n } = evaluate(options, state);\n const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);\n const clientRects = getRectsByLine(nativeClientRects);\n const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n const paddingObject = getPaddingObject(padding);\n function getBoundingClientRect() {\n // There are two rects and they are disjoined.\n if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n // Find the first rect in which the point is fully inside.\n return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;\n }\n\n // There are 2 or more connected rects.\n if (clientRects.length >= 2) {\n if (getSideAxis(placement) === 'y') {\n const firstRect = clientRects[0];\n const lastRect = clientRects[clientRects.length - 1];\n const isTop = getSide(placement) === 'top';\n const top = firstRect.top;\n const bottom = lastRect.bottom;\n const left = isTop ? firstRect.left : lastRect.left;\n const right = isTop ? firstRect.right : lastRect.right;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n const isLeftSide = getSide(placement) === 'left';\n const maxRight = max(...clientRects.map(rect => rect.right));\n const minLeft = min(...clientRects.map(rect => rect.left));\n const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n const top = measureRects[0].top;\n const bottom = measureRects[measureRects.length - 1].bottom;\n const left = minLeft;\n const right = maxRight;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n return fallback;\n }\n const resetRects = await platform.getElementRects({\n reference: {\n getBoundingClientRect\n },\n floating: elements.floating,\n strategy\n });\n if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {\n return {\n reset: {\n rects: resetRects\n }\n };\n }\n return {};\n }\n };\n};\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\n\nasync function convertValueToCoords(state, options) {\n const {\n placement,\n platform,\n elements\n } = state;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isVertical = getSideAxis(placement) === 'y';\n const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;\n const crossAxisMulti = rtl && isVertical ? -1 : 1;\n const rawValue = evaluate(options, state);\n\n // eslint-disable-next-line prefer-const\n let {\n mainAxis,\n crossAxis,\n alignmentAxis\n } = typeof rawValue === 'number' ? {\n mainAxis: rawValue,\n crossAxis: 0,\n alignmentAxis: null\n } : {\n mainAxis: rawValue.mainAxis || 0,\n crossAxis: rawValue.crossAxis || 0,\n alignmentAxis: rawValue.alignmentAxis\n };\n if (alignment && typeof alignmentAxis === 'number') {\n crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;\n }\n return isVertical ? {\n x: crossAxis * crossAxisMulti,\n y: mainAxis * mainAxisMulti\n } : {\n x: mainAxis * mainAxisMulti,\n y: crossAxis * crossAxisMulti\n };\n}\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = function (options) {\n if (options === void 0) {\n options = 0;\n }\n return {\n name: 'offset',\n options,\n async fn(state) {\n var _middlewareData$offse, _middlewareData$arrow;\n const {\n x,\n y,\n placement,\n middlewareData\n } = state;\n const diffCoords = await convertValueToCoords(state, options);\n\n // If the placement is the same and the arrow caused an alignment offset\n // then we don't need to change the positioning coordinates.\n if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n return {\n x: x + diffCoords.x,\n y: y + diffCoords.y,\n data: {\n ...diffCoords,\n placement\n }\n };\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'shift',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = false,\n limiter = {\n fn: _ref => {\n let {\n x,\n y\n } = _ref;\n return {\n x,\n y\n };\n }\n },\n ...detectOverflowOptions\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const crossAxis = getSideAxis(getSide(placement));\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n if (checkMainAxis) {\n const minSide = mainAxis === 'y' ? 'top' : 'left';\n const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n const min = mainAxisCoord + overflow[minSide];\n const max = mainAxisCoord - overflow[maxSide];\n mainAxisCoord = clamp(min, mainAxisCoord, max);\n }\n if (checkCrossAxis) {\n const minSide = crossAxis === 'y' ? 'top' : 'left';\n const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n const min = crossAxisCoord + overflow[minSide];\n const max = crossAxisCoord - overflow[maxSide];\n crossAxisCoord = clamp(min, crossAxisCoord, max);\n }\n const limitedCoords = limiter.fn({\n ...state,\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n });\n return {\n ...limitedCoords,\n data: {\n x: limitedCoords.x - x,\n y: limitedCoords.y - y,\n enabled: {\n [mainAxis]: checkMainAxis,\n [crossAxis]: checkCrossAxis\n }\n }\n };\n }\n };\n};\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n options,\n fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n middlewareData\n } = state;\n const {\n offset = 0,\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const crossAxis = getSideAxis(placement);\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n const rawOffset = evaluate(offset, state);\n const computedOffset = typeof rawOffset === 'number' ? {\n mainAxis: rawOffset,\n crossAxis: 0\n } : {\n mainAxis: 0,\n crossAxis: 0,\n ...rawOffset\n };\n if (checkMainAxis) {\n const len = mainAxis === 'y' ? 'height' : 'width';\n const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n if (mainAxisCoord < limitMin) {\n mainAxisCoord = limitMin;\n } else if (mainAxisCoord > limitMax) {\n mainAxisCoord = limitMax;\n }\n }\n if (checkCrossAxis) {\n var _middlewareData$offse, _middlewareData$offse2;\n const len = mainAxis === 'y' ? 'width' : 'height';\n const isOriginSide = ['top', 'left'].includes(getSide(placement));\n const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n if (crossAxisCoord < limitMin) {\n crossAxisCoord = limitMin;\n } else if (crossAxisCoord > limitMax) {\n crossAxisCoord = limitMax;\n }\n }\n return {\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n };\n }\n };\n};\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'size',\n options,\n async fn(state) {\n var _state$middlewareData, _state$middlewareData2;\n const {\n placement,\n rects,\n platform,\n elements\n } = state;\n const {\n apply = () => {},\n ...detectOverflowOptions\n } = evaluate(options, state);\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isYAxis = getSideAxis(placement) === 'y';\n const {\n width,\n height\n } = rects.floating;\n let heightSide;\n let widthSide;\n if (side === 'top' || side === 'bottom') {\n heightSide = side;\n widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n } else {\n widthSide = side;\n heightSide = alignment === 'end' ? 'top' : 'bottom';\n }\n const maximumClippingHeight = height - overflow.top - overflow.bottom;\n const maximumClippingWidth = width - overflow.left - overflow.right;\n const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);\n const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);\n const noShift = !state.middlewareData.shift;\n let availableHeight = overflowAvailableHeight;\n let availableWidth = overflowAvailableWidth;\n if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {\n availableWidth = maximumClippingWidth;\n }\n if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {\n availableHeight = maximumClippingHeight;\n }\n if (noShift && !alignment) {\n const xMin = max(overflow.left, 0);\n const xMax = max(overflow.right, 0);\n const yMin = max(overflow.top, 0);\n const yMax = max(overflow.bottom, 0);\n if (isYAxis) {\n availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n } else {\n availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n }\n }\n await apply({\n ...state,\n availableWidth,\n availableHeight\n });\n const nextDimensions = await platform.getDimensions(elements.floating);\n if (width !== nextDimensions.width || height !== nextDimensions.height) {\n return {\n reset: {\n rects: true\n }\n };\n }\n return {};\n }\n };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","function hasWindow() {\n return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n if (isNode(node)) {\n return (node.nodeName || '').toLowerCase();\n }\n // Mocked nodes in testing environments may not be instances of Node. By\n // returning `#document` an infinite loop won't occur.\n // https://github.com/floating-ui/floating-ui/issues/2317\n return '#document';\n}\nfunction getWindow(node) {\n var _node$ownerDocument;\n return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n var _ref;\n return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n return false;\n }\n return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n const {\n overflow,\n overflowX,\n overflowY,\n display\n } = getComputedStyle(element);\n return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);\n}\nfunction isTableElement(element) {\n return ['table', 'td', 'th'].includes(getNodeName(element));\n}\nfunction isTopLayer(element) {\n return [':popover-open', ':modal'].some(selector => {\n try {\n return element.matches(selector);\n } catch (e) {\n return false;\n }\n });\n}\nfunction isContainingBlock(elementOrCss) {\n const webkit = isWebKit();\n const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n let currentNode = getParentNode(element);\n while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n if (isContainingBlock(currentNode)) {\n return currentNode;\n } else if (isTopLayer(currentNode)) {\n return null;\n }\n currentNode = getParentNode(currentNode);\n }\n return null;\n}\nfunction isWebKit() {\n if (typeof CSS === 'undefined' || !CSS.supports) return false;\n return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nfunction isLastTraversableNode(node) {\n return ['html', 'body', '#document'].includes(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n if (isElement(element)) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n }\n return {\n scrollLeft: element.scrollX,\n scrollTop: element.scrollY\n };\n}\nfunction getParentNode(node) {\n if (getNodeName(node) === 'html') {\n return node;\n }\n const result =\n // Step into the shadow DOM of the parent of a slotted node.\n node.assignedSlot ||\n // DOM Element detected.\n node.parentNode ||\n // ShadowRoot detected.\n isShadowRoot(node) && node.host ||\n // Fallback.\n getDocumentElement(node);\n return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n const parentNode = getParentNode(node);\n if (isLastTraversableNode(parentNode)) {\n return node.ownerDocument ? node.ownerDocument.body : node.body;\n }\n if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n return parentNode;\n }\n return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n var _node$ownerDocument2;\n if (list === void 0) {\n list = [];\n }\n if (traverseIframes === void 0) {\n traverseIframes = true;\n }\n const scrollableAncestor = getNearestOverflowAncestor(node);\n const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n const win = getWindow(scrollableAncestor);\n if (isBody) {\n const frameElement = getFrameElement(win);\n return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n }\n return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import { rectToClientRect, arrow as arrow$1, autoPlacement as autoPlacement$1, detectOverflow as detectOverflow$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1, computePosition as computePosition$1 } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle, isHTMLElement, isElement, getWindow, isWebKit, getFrameElement, getNodeScroll, getDocumentElement, isTopLayer, getNodeName, isOverflowElement, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n const css = getComputedStyle(element);\n // In testing environments, the `width` and `height` properties are empty\n // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n let width = parseFloat(css.width) || 0;\n let height = parseFloat(css.height) || 0;\n const hasOffset = isHTMLElement(element);\n const offsetWidth = hasOffset ? element.offsetWidth : width;\n const offsetHeight = hasOffset ? element.offsetHeight : height;\n const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;\n if (shouldFallback) {\n width = offsetWidth;\n height = offsetHeight;\n }\n return {\n width,\n height,\n $: shouldFallback\n };\n}\n\nfunction unwrapElement(element) {\n return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n const domElement = unwrapElement(element);\n if (!isHTMLElement(domElement)) {\n return createCoords(1);\n }\n const rect = domElement.getBoundingClientRect();\n const {\n width,\n height,\n $\n } = getCssDimensions(domElement);\n let x = ($ ? round(rect.width) : rect.width) / width;\n let y = ($ ? round(rect.height) : rect.height) / height;\n\n // 0, NaN, or Infinity should always fallback to 1.\n\n if (!x || !Number.isFinite(x)) {\n x = 1;\n }\n if (!y || !Number.isFinite(y)) {\n y = 1;\n }\n return {\n x,\n y\n };\n}\n\nconst noOffsets = /*#__PURE__*/createCoords(0);\nfunction getVisualOffsets(element) {\n const win = getWindow(element);\n if (!isWebKit() || !win.visualViewport) {\n return noOffsets;\n }\n return {\n x: win.visualViewport.offsetLeft,\n y: win.visualViewport.offsetTop\n };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {\n return false;\n }\n return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n if (isFixedStrategy === void 0) {\n isFixedStrategy = false;\n }\n const clientRect = element.getBoundingClientRect();\n const domElement = unwrapElement(element);\n let scale = createCoords(1);\n if (includeScale) {\n if (offsetParent) {\n if (isElement(offsetParent)) {\n scale = getScale(offsetParent);\n }\n } else {\n scale = getScale(element);\n }\n }\n const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n let x = (clientRect.left + visualOffsets.x) / scale.x;\n let y = (clientRect.top + visualOffsets.y) / scale.y;\n let width = clientRect.width / scale.x;\n let height = clientRect.height / scale.y;\n if (domElement) {\n const win = getWindow(domElement);\n const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n let currentWin = win;\n let currentIFrame = getFrameElement(currentWin);\n while (currentIFrame && offsetParent && offsetWin !== currentWin) {\n const iframeScale = getScale(currentIFrame);\n const iframeRect = currentIFrame.getBoundingClientRect();\n const css = getComputedStyle(currentIFrame);\n const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n x *= iframeScale.x;\n y *= iframeScale.y;\n width *= iframeScale.x;\n height *= iframeScale.y;\n x += left;\n y += top;\n currentWin = getWindow(currentIFrame);\n currentIFrame = getFrameElement(currentWin);\n }\n }\n return rectToClientRect({\n width,\n height,\n x,\n y\n });\n}\n\n// If has a CSS width greater than the viewport, then this will be\n// incorrect for RTL.\nfunction getWindowScrollBarX(element, rect) {\n const leftScroll = getNodeScroll(element).scrollLeft;\n if (!rect) {\n return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;\n }\n return rect.left + leftScroll;\n}\n\nfunction getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {\n if (ignoreScrollbarX === void 0) {\n ignoreScrollbarX = false;\n }\n const htmlRect = documentElement.getBoundingClientRect();\n const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :\n // RTL scrollbar.\n getWindowScrollBarX(documentElement, htmlRect));\n const y = htmlRect.top + scroll.scrollTop;\n return {\n x,\n y\n };\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n let {\n elements,\n rect,\n offsetParent,\n strategy\n } = _ref;\n const isFixed = strategy === 'fixed';\n const documentElement = getDocumentElement(offsetParent);\n const topLayer = elements ? isTopLayer(elements.floating) : false;\n if (offsetParent === documentElement || topLayer && isFixed) {\n return rect;\n }\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n let scale = createCoords(1);\n const offsets = createCoords(0);\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isHTMLElement(offsetParent)) {\n const offsetRect = getBoundingClientRect(offsetParent);\n scale = getScale(offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n }\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);\n return {\n width: rect.width * scale.x,\n height: rect.height * scale.y,\n x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,\n y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y\n };\n}\n\nfunction getClientRects(element) {\n return Array.from(element.getClientRects());\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `` and `` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n const html = getDocumentElement(element);\n const scroll = getNodeScroll(element);\n const body = element.ownerDocument.body;\n const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n const y = -scroll.scrollTop;\n if (getComputedStyle(body).direction === 'rtl') {\n x += max(html.clientWidth, body.clientWidth) - width;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\nfunction getViewportRect(element, strategy) {\n const win = getWindow(element);\n const html = getDocumentElement(element);\n const visualViewport = win.visualViewport;\n let width = html.clientWidth;\n let height = html.clientHeight;\n let x = 0;\n let y = 0;\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n const visualViewportBased = isWebKit();\n if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n const top = clientRect.top + element.clientTop;\n const left = clientRect.left + element.clientLeft;\n const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n const width = element.clientWidth * scale.x;\n const height = element.clientHeight * scale.y;\n const x = left * scale.x;\n const y = top * scale.y;\n return {\n width,\n height,\n x,\n y\n };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n let rect;\n if (clippingAncestor === 'viewport') {\n rect = getViewportRect(element, strategy);\n } else if (clippingAncestor === 'document') {\n rect = getDocumentRect(getDocumentElement(element));\n } else if (isElement(clippingAncestor)) {\n rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n } else {\n const visualOffsets = getVisualOffsets(element);\n rect = {\n x: clippingAncestor.x - visualOffsets.x,\n y: clippingAncestor.y - visualOffsets.y,\n width: clippingAncestor.width,\n height: clippingAncestor.height\n };\n }\n return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n const parentNode = getParentNode(element);\n if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {\n return false;\n }\n return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n const cachedResult = cache.get(element);\n if (cachedResult) {\n return cachedResult;\n }\n let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n let currentContainingBlockComputedStyle = null;\n const elementIsFixed = getComputedStyle(element).position === 'fixed';\n let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n const computedStyle = getComputedStyle(currentNode);\n const currentNodeIsContaining = isContainingBlock(currentNode);\n if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n currentContainingBlockComputedStyle = null;\n }\n const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n if (shouldDropCurrentNode) {\n // Drop non-containing blocks.\n result = result.filter(ancestor => ancestor !== currentNode);\n } else {\n // Record last containing block for next iteration.\n currentContainingBlockComputedStyle = computedStyle;\n }\n currentNode = getParentNode(currentNode);\n }\n cache.set(element, result);\n return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n let {\n element,\n boundary,\n rootBoundary,\n strategy\n } = _ref;\n const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);\n const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n const firstClippingAncestor = clippingAncestors[0];\n const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {\n const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));\n return {\n width: clippingRect.right - clippingRect.left,\n height: clippingRect.bottom - clippingRect.top,\n x: clippingRect.left,\n y: clippingRect.top\n };\n}\n\nfunction getDimensions(element) {\n const {\n width,\n height\n } = getCssDimensions(element);\n return {\n width,\n height\n };\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n const documentElement = getDocumentElement(offsetParent);\n const isFixed = strategy === 'fixed';\n const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n const offsets = createCoords(0);\n\n // If the scrollbar appears on the left (e.g. RTL systems). Use\n // Firefox with layout.scrollbar.side = 3 in about:config to test this.\n function setLeftRTLScrollbarOffset() {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n } else if (documentElement) {\n setLeftRTLScrollbarOffset();\n }\n }\n if (isFixed && !isOffsetParentAnElement && documentElement) {\n setLeftRTLScrollbarOffset();\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;\n const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;\n return {\n x,\n y,\n width: rect.width,\n height: rect.height\n };\n}\n\nfunction isStaticPositioned(element) {\n return getComputedStyle(element).position === 'static';\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {\n return null;\n }\n if (polyfill) {\n return polyfill(element);\n }\n let rawOffsetParent = element.offsetParent;\n\n // Firefox returns the element as the offsetParent if it's non-static,\n // while Chrome and Safari return the element. The element must\n // be used to perform the correct calculations even if the element is\n // non-static.\n if (getDocumentElement(element) === rawOffsetParent) {\n rawOffsetParent = rawOffsetParent.ownerDocument.body;\n }\n return rawOffsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n const win = getWindow(element);\n if (isTopLayer(element)) {\n return win;\n }\n if (!isHTMLElement(element)) {\n let svgOffsetParent = getParentNode(element);\n while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {\n if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {\n return svgOffsetParent;\n }\n svgOffsetParent = getParentNode(svgOffsetParent);\n }\n return win;\n }\n let offsetParent = getTrueOffsetParent(element, polyfill);\n while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {\n offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n }\n if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {\n return win;\n }\n return offsetParent || getContainingBlock(element) || win;\n}\n\nconst getElementRects = async function (data) {\n const getOffsetParentFn = this.getOffsetParent || getOffsetParent;\n const getDimensionsFn = this.getDimensions;\n const floatingDimensions = await getDimensionsFn(data.floating);\n return {\n reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),\n floating: {\n x: 0,\n y: 0,\n width: floatingDimensions.width,\n height: floatingDimensions.height\n }\n };\n};\n\nfunction isRTL(element) {\n return getComputedStyle(element).direction === 'rtl';\n}\n\nconst platform = {\n convertOffsetParentRelativeRectToViewportRelativeRect,\n getDocumentElement,\n getClippingRect,\n getOffsetParent,\n getElementRects,\n getClientRects,\n getDimensions,\n getScale,\n isElement,\n isRTL\n};\n\nfunction rectsAreEqual(a, b) {\n return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n let io = null;\n let timeoutId;\n const root = getDocumentElement(element);\n function cleanup() {\n var _io;\n clearTimeout(timeoutId);\n (_io = io) == null || _io.disconnect();\n io = null;\n }\n function refresh(skip, threshold) {\n if (skip === void 0) {\n skip = false;\n }\n if (threshold === void 0) {\n threshold = 1;\n }\n cleanup();\n const elementRectForRootMargin = element.getBoundingClientRect();\n const {\n left,\n top,\n width,\n height\n } = elementRectForRootMargin;\n if (!skip) {\n onMove();\n }\n if (!width || !height) {\n return;\n }\n const insetTop = floor(top);\n const insetRight = floor(root.clientWidth - (left + width));\n const insetBottom = floor(root.clientHeight - (top + height));\n const insetLeft = floor(left);\n const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n const options = {\n rootMargin,\n threshold: max(0, min(1, threshold)) || 1\n };\n let isFirstUpdate = true;\n function handleObserve(entries) {\n const ratio = entries[0].intersectionRatio;\n if (ratio !== threshold) {\n if (!isFirstUpdate) {\n return refresh();\n }\n if (!ratio) {\n // If the reference is clipped, the ratio is 0. Throttle the refresh\n // to prevent an infinite loop of updates.\n timeoutId = setTimeout(() => {\n refresh(false, 1e-7);\n }, 1000);\n } else {\n refresh(false, ratio);\n }\n }\n if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {\n // It's possible that even though the ratio is reported as 1, the\n // element is not actually fully within the IntersectionObserver's root\n // area anymore. This can happen under performance constraints. This may\n // be a bug in the browser's IntersectionObserver implementation. To\n // work around this, we compare the element's bounding rect now with\n // what it was at the time we created the IntersectionObserver. If they\n // are not equal then the element moved, so we refresh.\n refresh();\n }\n isFirstUpdate = false;\n }\n\n // Older browsers don't support a `document` as the root and will throw an\n // error.\n try {\n io = new IntersectionObserver(handleObserve, {\n ...options,\n // Handle