@flux-ui/components 3.0.0-next.34 → 3.0.0-next.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component/FluxActionBar.vue.d.ts +17 -17
- package/dist/component/FluxActionPane.vue.d.ts +7 -7
- package/dist/component/{FluxActions.vue.d.ts → FluxActionStack.vue.d.ts} +11 -15
- package/dist/component/{FluxAutoGrid.vue.d.ts → FluxAdaptiveGroup.vue.d.ts} +6 -3
- package/dist/component/FluxAdaptiveSlot.vue.d.ts +35 -0
- package/dist/component/FluxAspectRatio.vue.d.ts +3 -3
- package/dist/component/FluxBadgeStack.vue.d.ts +3 -3
- package/dist/component/FluxButtonGroup.vue.d.ts +3 -3
- package/dist/component/FluxButtonStack.vue.d.ts +3 -3
- package/dist/component/FluxCalendar.vue.d.ts +3 -3
- package/dist/component/FluxCalendarEvent.vue.d.ts +3 -3
- package/dist/component/FluxCheckbox.vue.d.ts +2 -1
- package/dist/component/FluxClickablePane.vue.d.ts +5 -5
- package/dist/component/FluxColorSelect.vue.d.ts +1 -0
- package/dist/component/{FluxPaneDeck.vue.d.ts → FluxColumn.vue.d.ts} +5 -5
- package/dist/component/FluxCommandPalette.vue.d.ts +52 -0
- package/dist/component/FluxCommandPaletteGroup.vue.d.ts +8 -0
- package/dist/component/FluxCommandPaletteItem.vue.d.ts +18 -0
- package/dist/component/FluxComment.vue.d.ts +3 -3
- package/dist/component/FluxContainer.vue.d.ts +3 -3
- package/dist/component/FluxDivider.vue.d.ts +5 -3
- package/dist/component/FluxDropZone.vue.d.ts +8 -7
- package/dist/component/FluxExpandableGroup.vue.d.ts +3 -3
- package/dist/component/FluxFader.vue.d.ts +3 -3
- package/dist/component/FluxFaderItem.vue.d.ts +3 -3
- package/dist/component/FluxFilter.vue.d.ts +3 -3
- package/dist/component/FluxFilterBar.vue.d.ts +3 -3
- package/dist/component/FluxFilterBase.vue.d.ts +4 -4
- package/dist/component/FluxFilterWindow.vue.d.ts +13 -17
- package/dist/component/FluxFlyout.vue.d.ts +19 -21
- package/dist/component/FluxForm.vue.d.ts +3 -3
- package/dist/component/FluxFormColumn.vue.d.ts +3 -3
- package/dist/component/FluxFormDateInput.vue.d.ts +18 -24
- package/dist/component/FluxFormDateRangeInput.vue.d.ts +18 -21
- package/dist/component/FluxFormDateTimeInput.vue.d.ts +18 -24
- package/dist/component/FluxFormField.vue.d.ts +7 -7
- package/dist/component/FluxFormGrid.vue.d.ts +3 -3
- package/dist/component/FluxFormInput.vue.d.ts +2 -9
- package/dist/component/FluxFormInputAddition.vue.d.ts +3 -3
- package/dist/component/FluxFormInputGroup.vue.d.ts +3 -3
- package/dist/component/FluxFormPinInput.vue.d.ts +2 -4
- package/dist/component/FluxFormRangeSlider.vue.d.ts +18 -2
- package/dist/component/FluxFormRow.vue.d.ts +3 -3
- package/dist/component/FluxFormSection.vue.d.ts +3 -3
- package/dist/component/FluxFormSelect.vue.d.ts +2 -4
- package/dist/component/FluxFormSelectAsync.vue.d.ts +2 -4
- package/dist/component/FluxFormSlider.vue.d.ts +11 -2
- package/dist/component/FluxFormTextArea.vue.d.ts +2 -6
- package/dist/component/FluxFormTimeZonePicker.vue.d.ts +2 -4
- package/dist/component/FluxFormTreeViewSelect.vue.d.ts +15 -37
- package/dist/component/FluxGallery.vue.d.ts +3 -3
- package/dist/component/FluxGrid.vue.d.ts +3 -3
- package/dist/component/FluxGridColumn.vue.d.ts +3 -3
- package/dist/component/FluxIcon.vue.d.ts +1 -0
- package/dist/component/FluxInfo.vue.d.ts +3 -3
- package/dist/component/FluxInfoStack.vue.d.ts +3 -3
- package/dist/component/FluxLayerPane.vue.d.ts +20 -0
- package/dist/component/FluxLayerPaneSecondary.vue.d.ts +20 -0
- package/dist/component/FluxMenu.vue.d.ts +3 -3
- package/dist/component/FluxMenuCollapsible.vue.d.ts +47 -0
- package/dist/component/FluxMenuGroup.vue.d.ts +3 -3
- package/dist/component/FluxMenuItem.vue.d.ts +5 -3
- package/dist/component/FluxMenuOptions.vue.d.ts +3 -3
- package/dist/component/FluxNotice.vue.d.ts +5 -5
- package/dist/component/FluxNoticeStack.vue.d.ts +3 -3
- package/dist/component/FluxOverflowBar.vue.d.ts +4 -4
- package/dist/component/FluxPane.vue.d.ts +5 -5
- package/dist/component/FluxPaneBody.vue.d.ts +3 -3
- package/dist/component/FluxPaneFooter.vue.d.ts +3 -3
- package/dist/component/FluxPaneGroup.vue.d.ts +3 -3
- package/dist/component/FluxPaneHeader.vue.d.ts +6 -6
- package/dist/component/FluxPaneIllustration.vue.d.ts +5 -5
- package/dist/component/FluxPressable.vue.d.ts +3 -3
- package/dist/component/FluxPrompt.vue.d.ts +3 -17
- package/dist/component/FluxRoot.vue.d.ts +3 -3
- package/dist/component/FluxRow.vue.d.ts +23 -0
- package/dist/component/FluxSegmentedControl.vue.d.ts +3 -2
- package/dist/component/FluxSplitButton.vue.d.ts +5 -5
- package/dist/component/FluxStack.vue.d.ts +3 -3
- package/dist/component/FluxStepper.vue.d.ts +6 -6
- package/dist/component/FluxStepperStep.vue.d.ts +3 -3
- package/dist/component/FluxTab.vue.d.ts +3 -3
- package/dist/component/FluxTabBar.vue.d.ts +3 -3
- package/dist/component/FluxTabBarItem.vue.d.ts +5 -7
- package/dist/component/FluxTableActions.vue.d.ts +3 -3
- package/dist/component/FluxTableBar.vue.d.ts +3 -3
- package/dist/component/FluxTableCell.vue.d.ts +5 -5
- package/dist/component/FluxTableHeader.vue.d.ts +3 -3
- package/dist/component/FluxTableRow.vue.d.ts +3 -3
- package/dist/component/FluxTabs.vue.d.ts +6 -6
- package/dist/component/FluxTag.vue.d.ts +1 -0
- package/dist/component/FluxTagStack.vue.d.ts +3 -3
- package/dist/component/FluxTimeline.vue.d.ts +3 -3
- package/dist/component/FluxTimelineItem.vue.d.ts +3 -3
- package/dist/component/FluxToggle.vue.d.ts +2 -3
- package/dist/component/FluxToolbar.vue.d.ts +3 -3
- package/dist/component/FluxToolbarGroup.vue.d.ts +3 -3
- package/dist/component/FluxWindow.vue.d.ts +3 -3
- package/dist/component/index.d.ts +11 -3
- package/dist/component/primitive/Anchor.vue.d.ts +3 -3
- package/dist/component/primitive/AnchorPopup.vue.d.ts +3 -3
- package/dist/component/primitive/CoordinatePicker.vue.d.ts +1 -0
- package/dist/component/primitive/DialogLayout.vue.d.ts +28 -0
- package/dist/component/primitive/FilterOptionBase.vue.d.ts +2 -2
- package/dist/component/primitive/SelectBase.vue.d.ts +19 -37
- package/dist/component/primitive/SliderThumb.vue.d.ts +4 -0
- package/dist/component/primitive/TreeNodeRenderer.vue.d.ts +30 -0
- package/dist/component/primitive/index.d.ts +2 -0
- package/dist/composable/index.d.ts +1 -0
- package/dist/composable/private/index.d.ts +8 -0
- package/dist/composable/private/useAsyncFilterOptions.d.ts +14 -0
- package/dist/composable/private/useCommandPalette.d.ts +38 -0
- package/dist/composable/private/useDateFlyout.d.ts +10 -0
- package/dist/composable/private/useDropdownPopup.d.ts +27 -0
- package/dist/composable/private/useFilterOption.d.ts +12 -0
- package/dist/composable/useAdaptiveGroupInjection.d.ts +2 -0
- package/dist/data/di.d.ts +11 -0
- package/dist/data/filter.d.ts +4 -17
- package/dist/data/i18n.d.ts +17 -0
- package/dist/data/timeZones.d.ts +3 -0
- package/dist/index.css +710 -349
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6936 -5537
- package/dist/index.js.map +1 -1
- package/dist/transition/FluxAutoHeightTransition.vue.d.ts +5 -3
- package/dist/transition/FluxAutoWidthTransition.vue.d.ts +5 -3
- package/dist/transition/FluxBreakthroughTransition.vue.d.ts +5 -3
- package/dist/transition/FluxFadeTransition.vue.d.ts +5 -3
- package/dist/transition/FluxOverlayTransition.vue.d.ts +5 -3
- package/dist/transition/FluxRouteTransition.vue.d.ts +5 -3
- package/dist/transition/FluxSlideOverTransition.vue.d.ts +5 -3
- package/dist/transition/FluxTooltipTransition.vue.d.ts +5 -3
- package/dist/transition/FluxVerticalWindowTransition.vue.d.ts +5 -3
- package/dist/transition/FluxWindowTransition.vue.d.ts +5 -3
- package/package.json +19 -23
- package/src/component/FluxActionBar.vue +9 -8
- package/src/component/FluxActionPane.vue +4 -3
- package/src/component/{FluxActions.vue → FluxActionStack.vue} +2 -2
- package/src/component/FluxAdaptiveGroup.vue +112 -0
- package/src/component/FluxAdaptiveSlot.vue +159 -0
- package/src/component/FluxAlert.vue +8 -17
- package/src/component/FluxAnimatedColors.vue +1 -1
- package/src/component/FluxAspectRatio.vue +2 -1
- package/src/component/FluxBadge.vue +5 -1
- package/src/component/FluxBadgeStack.vue +2 -1
- package/src/component/FluxButtonGroup.vue +2 -1
- package/src/component/FluxButtonStack.vue +2 -1
- package/src/component/FluxCalendar.vue +8 -1
- package/src/component/FluxCalendarEvent.vue +2 -1
- package/src/component/FluxCheckbox.vue +33 -6
- package/src/component/FluxChip.vue +1 -0
- package/src/component/FluxClickablePane.vue +3 -2
- package/src/component/FluxColorPicker.vue +8 -1
- package/src/component/FluxColorSelect.vue +25 -4
- package/src/component/{FluxAutoGrid.vue → FluxColumn.vue} +5 -8
- package/src/component/FluxCommandPalette.vue +290 -0
- package/src/component/FluxCommandPaletteGroup.vue +23 -0
- package/src/component/FluxCommandPaletteItem.vue +60 -0
- package/src/component/FluxComment.vue +2 -2
- package/src/component/FluxConfirm.vue +8 -17
- package/src/component/FluxContainer.vue +3 -2
- package/src/component/FluxDataTable.vue +3 -1
- package/src/component/FluxDivider.vue +7 -3
- package/src/component/FluxDropZone.vue +22 -8
- package/src/component/FluxExpandable.vue +3 -2
- package/src/component/FluxExpandableGroup.vue +2 -2
- package/src/component/FluxFader.vue +2 -2
- package/src/component/FluxFaderItem.vue +2 -1
- package/src/component/FluxFilter.vue +2 -1
- package/src/component/FluxFilterBar.vue +3 -2
- package/src/component/FluxFilterBase.vue +17 -9
- package/src/component/FluxFilterOption.vue +3 -14
- package/src/component/FluxFilterOptionAsync.vue +17 -60
- package/src/component/FluxFilterOptions.vue +3 -25
- package/src/component/FluxFilterOptionsAsync.vue +9 -73
- package/src/component/FluxFilterWindow.vue +1 -1
- package/src/component/FluxFlyout.vue +13 -11
- package/src/component/FluxForm.vue +2 -1
- package/src/component/FluxFormColumn.vue +2 -1
- package/src/component/FluxFormDateInput.vue +9 -22
- package/src/component/FluxFormDateRangeInput.vue +20 -15
- package/src/component/FluxFormDateTimeInput.vue +17 -20
- package/src/component/FluxFormField.vue +4 -4
- package/src/component/FluxFormGrid.vue +2 -1
- package/src/component/FluxFormInput.vue +11 -10
- package/src/component/FluxFormInputAddition.vue +2 -1
- package/src/component/FluxFormInputGroup.vue +3 -2
- package/src/component/FluxFormPinInput.vue +14 -6
- package/src/component/FluxFormRangeSlider.vue +12 -2
- package/src/component/FluxFormRow.vue +2 -1
- package/src/component/FluxFormSection.vue +4 -3
- package/src/component/FluxFormSelect.vue +11 -4
- package/src/component/FluxFormSelectAsync.vue +14 -8
- package/src/component/FluxFormSlider.vue +8 -2
- package/src/component/FluxFormTextArea.vue +12 -7
- package/src/component/FluxFormTimeZonePicker.vue +13 -626
- package/src/component/FluxFormTreeViewSelect.vue +51 -79
- package/src/component/FluxGallery.vue +2 -1
- package/src/component/FluxGrid.vue +3 -2
- package/src/component/FluxGridColumn.vue +2 -1
- package/src/component/FluxIcon.vue +4 -2
- package/src/component/FluxInfo.vue +2 -1
- package/src/component/FluxInfoStack.vue +3 -2
- package/src/component/FluxLayerPane.vue +16 -0
- package/src/component/FluxLayerPaneSecondary.vue +16 -0
- package/src/component/FluxLegend.vue +9 -9
- package/src/component/FluxMenu.vue +2 -2
- package/src/component/FluxMenuCollapsible.vue +187 -0
- package/src/component/FluxMenuGroup.vue +2 -1
- package/src/component/FluxMenuItem.vue +9 -1
- package/src/component/FluxMenuOptions.vue +1 -1
- package/src/component/FluxNotice.vue +7 -2
- package/src/component/FluxNoticeStack.vue +2 -1
- package/src/component/FluxOverflowBar.vue +3 -3
- package/src/component/FluxPagination.vue +1 -0
- package/src/component/FluxPane.vue +3 -2
- package/src/component/FluxPaneBody.vue +2 -1
- package/src/component/FluxPaneFooter.vue +2 -1
- package/src/component/FluxPaneGroup.vue +2 -1
- package/src/component/FluxPaneHeader.vue +7 -6
- package/src/component/FluxPaneIllustration.vue +3 -3
- package/src/component/FluxPaneMedia.vue +1 -1
- package/src/component/FluxPercentageBar.vue +3 -1
- package/src/component/FluxPressable.vue +2 -1
- package/src/component/FluxProgressBar.vue +2 -1
- package/src/component/FluxPrompt.vue +16 -27
- package/src/component/FluxRemove.vue +4 -0
- package/src/component/FluxRoot.vue +2 -2
- package/src/component/FluxRow.vue +24 -0
- package/src/component/FluxSegmentedControl.vue +51 -4
- package/src/component/FluxSnackbar.vue +36 -12
- package/src/component/FluxSplitButton.vue +3 -2
- package/src/component/FluxStack.vue +4 -3
- package/src/component/FluxStepper.vue +3 -3
- package/src/component/FluxStepperStep.vue +2 -1
- package/src/component/FluxTab.vue +2 -1
- package/src/component/FluxTabBar.vue +3 -3
- package/src/component/FluxTableActions.vue +5 -4
- package/src/component/FluxTableBar.vue +2 -1
- package/src/component/FluxTableCell.vue +4 -3
- package/src/component/FluxTableHeader.vue +4 -2
- package/src/component/FluxTableRow.vue +2 -1
- package/src/component/FluxTabs.vue +15 -6
- package/src/component/FluxTag.vue +8 -2
- package/src/component/FluxTagStack.vue +2 -1
- package/src/component/FluxTimeline.vue +2 -1
- package/src/component/FluxTimelineItem.vue +2 -1
- package/src/component/FluxToggle.vue +20 -5
- package/src/component/FluxToolbar.vue +2 -1
- package/src/component/FluxToolbarGroup.vue +2 -1
- package/src/component/FluxTooltip.vue +1 -1
- package/src/component/FluxTreeView.vue +9 -35
- package/src/component/FluxWindow.vue +2 -2
- package/src/component/index.ts +11 -3
- package/src/component/primitive/Anchor.vue +3 -1
- package/src/component/primitive/AnchorPopup.vue +3 -3
- package/src/component/primitive/CoordinatePicker.vue +2 -1
- package/src/component/primitive/CoordinatePickerThumb.vue +2 -0
- package/src/component/primitive/DialogLayout.vue +44 -0
- package/src/component/primitive/SelectBase.vue +22 -28
- package/src/component/primitive/SliderBase.vue +0 -1
- package/src/component/primitive/SliderThumb.vue +9 -0
- package/src/component/primitive/TreeNodeRenderer.vue +77 -0
- package/src/component/primitive/index.ts +2 -0
- package/src/composable/index.ts +1 -0
- package/src/composable/private/index.ts +8 -0
- package/src/composable/private/useAsyncFilterOptions.ts +70 -0
- package/src/composable/private/useCommandPalette.ts +405 -0
- package/src/composable/private/useDateFlyout.ts +34 -0
- package/src/composable/private/useDropdownPopup.ts +99 -0
- package/src/composable/private/useFilterOption.ts +59 -0
- package/src/composable/useAdaptiveGroupInjection.ts +6 -0
- package/src/css/component/Action.module.scss +2 -2
- package/src/css/component/AdaptiveSlot.module.scss +25 -0
- package/src/css/component/Avatar.module.scss +10 -11
- package/src/css/component/Badge.module.scss +11 -4
- package/src/css/component/Button.module.scss +4 -16
- package/src/css/component/Calendar.module.scss +4 -4
- package/src/css/component/Chip.module.scss +6 -10
- package/src/css/component/Color.module.scss +1 -1
- package/src/css/component/CommandPalette.module.scss +332 -0
- package/src/css/component/DatePicker.module.scss +1 -1
- package/src/css/component/Expandable.module.scss +5 -5
- package/src/css/component/Fader.module.scss +2 -1
- package/src/css/component/Flyout.module.scss +1 -1
- package/src/css/component/FocalPoint.module.scss +1 -1
- package/src/css/component/Form.module.scss +56 -10
- package/src/css/component/Item.module.scss +4 -4
- package/src/css/component/LayerPane.module.scss +40 -0
- package/src/css/component/Layout.module.scss +11 -4
- package/src/css/component/Legend.module.scss +2 -2
- package/src/css/component/Menu.module.scss +59 -11
- package/src/css/component/Notice.module.scss +7 -7
- package/src/css/component/Overlay.module.scss +2 -2
- package/src/css/component/Pane.module.scss +10 -23
- package/src/css/component/PercentageBar.module.scss +1 -1
- package/src/css/component/Remove.module.scss +1 -1
- package/src/css/component/SegmentedControl.module.scss +1 -0
- package/src/css/component/Snackbar.module.scss +1 -1
- package/src/css/component/Statistic.module.scss +2 -2
- package/src/css/component/Stepper.module.scss +1 -1
- package/src/css/component/Tab.module.scss +11 -15
- package/src/css/component/Table.module.scss +13 -13
- package/src/css/component/Timeline.module.scss +2 -2
- package/src/css/component/Toolbar.module.scss +3 -3
- package/src/css/component/Tooltip.module.scss +3 -4
- package/src/css/component/Transition.module.scss +1 -1
- package/src/css/component/TreeView.module.scss +2 -15
- package/src/css/component/TreeViewSelect.module.scss +1 -15
- package/src/css/component/base/Button.module.scss +6 -7
- package/src/css/component/base/Effect.module.scss +2 -1
- package/src/css/component/primitive/Slider.module.scss +6 -7
- package/src/css/component/primitive/TreeNode.module.scss +19 -0
- package/src/css/mixin/button-active.scss +6 -0
- package/src/css/mixin/focus-ring.scss +1 -1
- package/src/css/mixin/index.scss +1 -0
- package/src/css/typography.scss +3 -2
- package/src/css/variables.scss +7 -2
- package/src/data/di.ts +13 -0
- package/src/data/filter.ts +24 -28
- package/src/data/i18n.ts +17 -0
- package/src/data/store.ts +46 -11
- package/src/data/timeZones.ts +619 -0
- package/src/index.ts +2 -0
- package/src/transition/FluxAutoHeightTransition.vue +5 -0
- package/src/transition/FluxAutoWidthTransition.vue +5 -0
- package/src/transition/FluxBreakthroughTransition.vue +5 -0
- package/src/transition/FluxFadeTransition.vue +5 -0
- package/src/transition/FluxOverlayTransition.vue +5 -0
- package/src/transition/FluxRouteTransition.vue +5 -0
- package/src/transition/FluxSlideOverTransition.vue +5 -0
- package/src/transition/FluxTooltipTransition.vue +5 -0
- package/src/transition/FluxVerticalWindowTransition.vue +5 -0
- package/src/transition/FluxWindowTransition.vue +5 -0
- package/dist/0db98648.svg +0 -3
- package/src/component/FluxPaneDeck.vue +0 -24
- package/src/css/component/base/Grid.module.scss +0 -8
- package/src/image/avatar-mask.svg +0 -3
- package/tsconfig.json +0 -7
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: Readonly<{
|
|
5
|
-
default():
|
|
5
|
+
default(): VNode[];
|
|
6
6
|
}> & {
|
|
7
|
-
default():
|
|
7
|
+
default(): VNode[];
|
|
8
8
|
};
|
|
9
9
|
refs: {};
|
|
10
10
|
rootEl: any;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: Readonly<{
|
|
5
|
-
default():
|
|
5
|
+
default(): VNode[];
|
|
6
6
|
}> & {
|
|
7
|
-
default():
|
|
7
|
+
default(): VNode[];
|
|
8
8
|
};
|
|
9
9
|
refs: {};
|
|
10
10
|
rootEl: HTMLDivElement;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
2
|
import { FluxColor, FluxIconName } from '@flux-ui/types';
|
|
2
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
readonly color?: FluxColor;
|
|
5
5
|
readonly icon?: FluxIconName;
|
|
@@ -10,9 +10,9 @@ type __VLS_Props = {
|
|
|
10
10
|
declare function __VLS_template(): {
|
|
11
11
|
attrs: Partial<{}>;
|
|
12
12
|
slots: Readonly<{
|
|
13
|
-
default():
|
|
13
|
+
default(): VNode[];
|
|
14
14
|
}> & {
|
|
15
|
-
default():
|
|
15
|
+
default(): VNode[];
|
|
16
16
|
};
|
|
17
17
|
refs: {};
|
|
18
18
|
rootEl: HTMLDivElement;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { FluxIconName } from '@flux-ui/types';
|
|
1
|
+
import { FluxFormInputBaseProps, FluxIconName } from '@flux-ui/types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
type __VLS_Props = {
|
|
3
|
+
type __VLS_Props = Pick<FluxFormInputBaseProps, 'disabled' | 'error' | 'isReadonly'> & {
|
|
4
4
|
readonly iconOff?: FluxIconName;
|
|
5
5
|
readonly iconOn?: FluxIconName;
|
|
6
|
-
readonly disabled?: boolean;
|
|
7
6
|
readonly isSwitch?: boolean;
|
|
8
7
|
};
|
|
9
8
|
type __VLS_PublicProps = {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
readonly floatingMode?: 'free' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
|
|
4
4
|
};
|
|
5
5
|
declare function __VLS_template(): {
|
|
6
6
|
attrs: Partial<{}>;
|
|
7
7
|
slots: Readonly<{
|
|
8
|
-
default():
|
|
8
|
+
default(): VNode[];
|
|
9
9
|
}> & {
|
|
10
|
-
default():
|
|
10
|
+
default(): VNode[];
|
|
11
11
|
};
|
|
12
12
|
refs: {};
|
|
13
13
|
rootEl: any;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: Readonly<{
|
|
5
|
-
default():
|
|
5
|
+
default(): VNode[];
|
|
6
6
|
}> & {
|
|
7
|
-
default():
|
|
7
|
+
default(): VNode[];
|
|
8
8
|
};
|
|
9
9
|
refs: {};
|
|
10
10
|
rootEl: any;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
declare function back(to?: string): void;
|
|
3
3
|
declare function navigate(to: string): void;
|
|
4
4
|
declare function __VLS_template(): {
|
|
@@ -11,7 +11,7 @@ declare function __VLS_template(): {
|
|
|
11
11
|
default(props: {
|
|
12
12
|
back(to?: string): void;
|
|
13
13
|
navigate(to: string): void;
|
|
14
|
-
}):
|
|
14
|
+
}): VNode[];
|
|
15
15
|
}> & {
|
|
16
16
|
[key: string]: (props: {
|
|
17
17
|
back(to?: string): void;
|
|
@@ -20,7 +20,7 @@ declare function __VLS_template(): {
|
|
|
20
20
|
default(props: {
|
|
21
21
|
back(to?: string): void;
|
|
22
22
|
navigate(to: string): void;
|
|
23
|
-
}):
|
|
23
|
+
}): VNode[];
|
|
24
24
|
};
|
|
25
25
|
refs: {};
|
|
26
26
|
rootEl: any;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
export { default as FluxAction } from './FluxAction.vue';
|
|
2
2
|
export { default as FluxActionBar } from './FluxActionBar.vue';
|
|
3
3
|
export { default as FluxActionPane } from './FluxActionPane.vue';
|
|
4
|
-
export { default as
|
|
4
|
+
export { default as FluxActionStack } from './FluxActionStack.vue';
|
|
5
|
+
export { default as FluxAdaptiveGroup } from './FluxAdaptiveGroup.vue';
|
|
6
|
+
export { default as FluxAdaptiveSlot } from './FluxAdaptiveSlot.vue';
|
|
5
7
|
export { default as FluxAnimatedColors } from './FluxAnimatedColors.vue';
|
|
6
8
|
export { default as FluxAspectRatio } from './FluxAspectRatio.vue';
|
|
7
|
-
export { default as FluxAutoGrid } from './FluxAutoGrid.vue';
|
|
8
9
|
export { default as FluxAvatar } from './FluxAvatar.vue';
|
|
9
10
|
export { default as FluxBadge } from './FluxBadge.vue';
|
|
10
11
|
export { default as FluxBadgeStack } from './FluxBadgeStack.vue';
|
|
@@ -18,9 +19,13 @@ export { default as FluxCalendarEvent } from './FluxCalendarEvent.vue';
|
|
|
18
19
|
export { default as FluxCheckbox } from './FluxCheckbox.vue';
|
|
19
20
|
export { default as FluxChip } from './FluxChip.vue';
|
|
20
21
|
export { default as FluxClickablePane } from './FluxClickablePane.vue';
|
|
22
|
+
export { default as FluxCommandPalette } from './FluxCommandPalette.vue';
|
|
23
|
+
export { default as FluxCommandPaletteGroup } from './FluxCommandPaletteGroup.vue';
|
|
24
|
+
export { default as FluxCommandPaletteItem } from './FluxCommandPaletteItem.vue';
|
|
21
25
|
export { default as FluxComment } from './FluxComment.vue';
|
|
22
26
|
export { default as FluxColorPicker } from './FluxColorPicker.vue';
|
|
23
27
|
export { default as FluxColorSelect } from './FluxColorSelect.vue';
|
|
28
|
+
export { default as FluxColumn } from './FluxColumn.vue';
|
|
24
29
|
export { default as FluxContainer } from './FluxContainer.vue';
|
|
25
30
|
export { default as FluxDataTable } from './FluxDataTable.vue';
|
|
26
31
|
export { default as FluxDatePicker } from './FluxDatePicker.vue';
|
|
@@ -81,9 +86,12 @@ export { default as FluxItemActions } from './FluxItemActions.vue';
|
|
|
81
86
|
export { default as FluxItemContent } from './FluxItemContent.vue';
|
|
82
87
|
export { default as FluxItemMedia } from './FluxItemMedia.vue';
|
|
83
88
|
export { default as FluxItemStack } from './FluxItemStack.vue';
|
|
89
|
+
export { default as FluxLayerPane } from './FluxLayerPane.vue';
|
|
90
|
+
export { default as FluxLayerPaneSecondary } from './FluxLayerPaneSecondary.vue';
|
|
84
91
|
export { default as FluxLegend } from './FluxLegend.vue';
|
|
85
92
|
export { default as FluxLink } from './FluxLink.vue';
|
|
86
93
|
export { default as FluxMenu } from './FluxMenu.vue';
|
|
94
|
+
export { default as FluxMenuCollapsible } from './FluxMenuCollapsible.vue';
|
|
87
95
|
export { default as FluxMenuGroup } from './FluxMenuGroup.vue';
|
|
88
96
|
export { default as FluxMenuItem } from './FluxMenuItem.vue';
|
|
89
97
|
export { default as FluxMenuOptions } from './FluxMenuOptions.vue';
|
|
@@ -98,7 +106,6 @@ export { default as FluxPagination } from './FluxPagination.vue';
|
|
|
98
106
|
export { default as FluxPaginationBar } from './FluxPaginationBar.vue';
|
|
99
107
|
export { default as FluxPane } from './FluxPane.vue';
|
|
100
108
|
export { default as FluxPaneBody } from './FluxPaneBody.vue';
|
|
101
|
-
export { default as FluxPaneDeck } from './FluxPaneDeck.vue';
|
|
102
109
|
export { default as FluxPaneFooter } from './FluxPaneFooter.vue';
|
|
103
110
|
export { default as FluxPaneGroup } from './FluxPaneGroup.vue';
|
|
104
111
|
export { default as FluxPaneHeader } from './FluxPaneHeader.vue';
|
|
@@ -115,6 +122,7 @@ export { default as FluxPublishButton } from './FluxPublishButton.vue';
|
|
|
115
122
|
export { default as FluxQuantitySelector } from './FluxQuantitySelector.vue';
|
|
116
123
|
export { default as FluxRemove } from './FluxRemove.vue';
|
|
117
124
|
export { default as FluxRoot } from './FluxRoot.vue';
|
|
125
|
+
export { default as FluxRow } from './FluxRow.vue';
|
|
118
126
|
export { default as FluxSecondaryButton } from './FluxSecondaryButton.vue';
|
|
119
127
|
export { default as FluxSecondaryLinkButton } from './FluxSecondaryLinkButton.vue';
|
|
120
128
|
export { default as FluxSegmentedControl } from './FluxSegmentedControl.vue';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
readonly tagName: keyof HTMLElementTagNameMap;
|
|
4
4
|
};
|
|
5
5
|
declare function __VLS_template(): {
|
|
6
6
|
attrs: Partial<{}>;
|
|
7
7
|
slots: Readonly<{
|
|
8
|
-
default():
|
|
8
|
+
default(): VNode[];
|
|
9
9
|
}> & {
|
|
10
|
-
default():
|
|
10
|
+
default(): VNode[];
|
|
11
11
|
};
|
|
12
12
|
refs: {};
|
|
13
13
|
rootEl: any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FluxDirection } from '@flux-ui/types';
|
|
2
|
-
import { ComponentPublicInstance, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { ComponentPublicInstance, VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
readonly anchor?: ComponentPublicInstance | HTMLElement | null;
|
|
5
5
|
readonly direction?: FluxDirection;
|
|
@@ -10,9 +10,9 @@ type __VLS_Props = {
|
|
|
10
10
|
declare function __VLS_template(): {
|
|
11
11
|
attrs: Partial<{}>;
|
|
12
12
|
slots: Readonly<{
|
|
13
|
-
default():
|
|
13
|
+
default(): VNode[];
|
|
14
14
|
}> & {
|
|
15
|
-
default():
|
|
15
|
+
default(): VNode[];
|
|
16
16
|
};
|
|
17
17
|
refs: {
|
|
18
18
|
popup: HTMLDivElement;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
+
readonly ariaLabel?: string;
|
|
3
4
|
readonly disabled?: boolean;
|
|
4
5
|
readonly max?: number | [number, number];
|
|
5
6
|
readonly min?: number | [number, number];
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { FluxIconName } from '@flux-ui/types';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
readonly icon?: FluxIconName;
|
|
5
|
+
readonly message?: string;
|
|
6
|
+
readonly title: string;
|
|
7
|
+
};
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: Readonly<{
|
|
11
|
+
default?(): VNode[];
|
|
12
|
+
footer(): VNode[];
|
|
13
|
+
}> & {
|
|
14
|
+
default?(): VNode[];
|
|
15
|
+
footer(): VNode[];
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: HTMLDivElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -11,10 +11,10 @@ type __VLS_PublicProps = {
|
|
|
11
11
|
'searchQuery'?: string;
|
|
12
12
|
} & __VLS_Props;
|
|
13
13
|
declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
14
|
-
select: (args_0:
|
|
14
|
+
select: (args_0: any) => any;
|
|
15
15
|
"update:searchQuery": (value: string) => any;
|
|
16
16
|
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
17
|
-
onSelect?: (args_0:
|
|
17
|
+
onSelect?: (args_0: any) => any;
|
|
18
18
|
"onUpdate:searchQuery"?: (value: string) => any;
|
|
19
19
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
20
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FluxFormSelectOption, FluxFormSelectOptions, FluxDirection, FluxAutoCompleteType, FluxIconName, FluxInputMask, FluxInputType, FluxTo, FluxPressableType, FluxButtonProps } from '@flux-ui/types';
|
|
2
|
-
import { ComponentPublicInstance, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle,
|
|
1
|
+
import { FluxFormSelectOption, FluxFormSelectOptions, FluxDirection, FluxFormInputBaseProps, FluxAutoCompleteType, FluxIconName, FluxInputMask, FluxInputType, FluxTo, FluxPressableType, FluxButtonProps } from '@flux-ui/types';
|
|
2
|
+
import { ComponentPublicInstance, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle, ComponentCustomProperties, VNode, CreateComponentPublicInstanceWithMixins } from 'vue';
|
|
3
3
|
import { OnCleanup } from '@vue/reactivity';
|
|
4
4
|
type __VLS_Props = {
|
|
5
5
|
readonly disabled?: boolean;
|
|
@@ -36,9 +36,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
36
36
|
$props: {
|
|
37
37
|
readonly tagName: keyof HTMLElementTagNameMap;
|
|
38
38
|
} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
|
|
39
|
-
$attrs:
|
|
40
|
-
[x: string]: unknown;
|
|
41
|
-
};
|
|
39
|
+
$attrs: Attrs;
|
|
42
40
|
$refs: {
|
|
43
41
|
[x: string]: unknown;
|
|
44
42
|
};
|
|
@@ -74,11 +72,11 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
74
72
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
75
73
|
} & Readonly<{}> & Omit<Readonly<{
|
|
76
74
|
readonly tagName: keyof HTMLElementTagNameMap;
|
|
77
|
-
}> & Readonly<{}>, never> &
|
|
75
|
+
}> & Readonly<{}>, never> & {} & ComponentCustomProperties & {} & {
|
|
78
76
|
$slots: Readonly<{
|
|
79
|
-
default():
|
|
77
|
+
default(): VNode[];
|
|
80
78
|
}> & {
|
|
81
|
-
default():
|
|
79
|
+
default(): VNode[];
|
|
82
80
|
};
|
|
83
81
|
};
|
|
84
82
|
anchorPopup: {
|
|
@@ -91,9 +89,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
91
89
|
readonly position?: "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
|
|
92
90
|
readonly useAnchorWidth?: boolean;
|
|
93
91
|
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
|
|
94
|
-
$attrs:
|
|
95
|
-
[x: string]: unknown;
|
|
96
|
-
};
|
|
92
|
+
$attrs: Attrs;
|
|
97
93
|
$refs: {
|
|
98
94
|
[x: string]: unknown;
|
|
99
95
|
} & {
|
|
@@ -139,30 +135,23 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
139
135
|
readonly margin?: number;
|
|
140
136
|
readonly position?: "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
|
|
141
137
|
readonly useAnchorWidth?: boolean;
|
|
142
|
-
}> & Readonly<{}>, never> &
|
|
138
|
+
}> & Readonly<{}>, never> & {} & ComponentCustomProperties & {} & {
|
|
143
139
|
$slots: Readonly<{
|
|
144
|
-
default():
|
|
140
|
+
default(): VNode[];
|
|
145
141
|
}> & {
|
|
146
|
-
default():
|
|
142
|
+
default(): VNode[];
|
|
147
143
|
};
|
|
148
144
|
};
|
|
149
145
|
searchInputElement: CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
150
146
|
modelValue?: object | string | number | null;
|
|
151
|
-
} & {
|
|
147
|
+
} & FluxFormInputBaseProps & {
|
|
152
148
|
readonly autoComplete?: FluxAutoCompleteType;
|
|
153
|
-
readonly autoFocus?: boolean;
|
|
154
149
|
readonly iconLeading?: FluxIconName;
|
|
155
150
|
readonly iconTrailing?: FluxIconName;
|
|
156
|
-
readonly disabled?: boolean;
|
|
157
|
-
readonly isCondensed?: boolean;
|
|
158
|
-
readonly isLoading?: boolean;
|
|
159
|
-
readonly isReadonly?: boolean;
|
|
160
|
-
readonly isSecondary?: boolean;
|
|
161
151
|
readonly max?: string | number;
|
|
162
152
|
readonly maxLength?: number;
|
|
163
153
|
readonly min?: string | number;
|
|
164
154
|
readonly pattern?: FluxInputMask;
|
|
165
|
-
readonly placeholder?: string;
|
|
166
155
|
readonly step?: number;
|
|
167
156
|
readonly type?: FluxInputType;
|
|
168
157
|
}> & Readonly<{
|
|
@@ -189,21 +178,14 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
189
178
|
Defaults: {};
|
|
190
179
|
}, Readonly<{
|
|
191
180
|
modelValue?: object | string | number | null;
|
|
192
|
-
} & {
|
|
181
|
+
} & FluxFormInputBaseProps & {
|
|
193
182
|
readonly autoComplete?: FluxAutoCompleteType;
|
|
194
|
-
readonly autoFocus?: boolean;
|
|
195
183
|
readonly iconLeading?: FluxIconName;
|
|
196
184
|
readonly iconTrailing?: FluxIconName;
|
|
197
|
-
readonly disabled?: boolean;
|
|
198
|
-
readonly isCondensed?: boolean;
|
|
199
|
-
readonly isLoading?: boolean;
|
|
200
|
-
readonly isReadonly?: boolean;
|
|
201
|
-
readonly isSecondary?: boolean;
|
|
202
185
|
readonly max?: string | number;
|
|
203
186
|
readonly maxLength?: number;
|
|
204
187
|
readonly min?: string | number;
|
|
205
188
|
readonly pattern?: FluxInputMask;
|
|
206
|
-
readonly placeholder?: string;
|
|
207
189
|
readonly step?: number;
|
|
208
190
|
readonly type?: FluxInputType;
|
|
209
191
|
}> & Readonly<{
|
|
@@ -220,11 +202,11 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
220
202
|
$data: {};
|
|
221
203
|
$props: Partial<{}> & Omit<{
|
|
222
204
|
readonly label?: string;
|
|
205
|
+
readonly isLoading?: boolean;
|
|
223
206
|
readonly disabled?: boolean;
|
|
224
207
|
readonly to?: FluxTo;
|
|
225
208
|
readonly tabindex?: string | number;
|
|
226
209
|
readonly type?: FluxPressableType;
|
|
227
|
-
readonly isLoading?: boolean;
|
|
228
210
|
readonly href?: string;
|
|
229
211
|
readonly rel?: string;
|
|
230
212
|
readonly target?: string;
|
|
@@ -245,9 +227,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
245
227
|
readonly onMouseenter?: (args_0: MouseEvent) => any;
|
|
246
228
|
readonly onMouseleave?: (args_0: MouseEvent) => any;
|
|
247
229
|
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
|
|
248
|
-
$attrs:
|
|
249
|
-
[x: string]: unknown;
|
|
250
|
-
};
|
|
230
|
+
$attrs: Attrs;
|
|
251
231
|
$refs: {
|
|
252
232
|
[x: string]: unknown;
|
|
253
233
|
};
|
|
@@ -315,11 +295,13 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
315
295
|
onClick?: (args_0: MouseEvent) => any;
|
|
316
296
|
onMouseenter?: (args_0: MouseEvent) => any;
|
|
317
297
|
onMouseleave?: (args_0: MouseEvent) => any;
|
|
318
|
-
}>, never> &
|
|
298
|
+
}>, never> & {} & ComponentCustomProperties & {} & {
|
|
319
299
|
$slots: Readonly<{
|
|
320
|
-
after():
|
|
300
|
+
after(): VNode[];
|
|
301
|
+
before(): VNode[];
|
|
321
302
|
}> & {
|
|
322
|
-
after():
|
|
303
|
+
after(): VNode[];
|
|
304
|
+
before(): VNode[];
|
|
323
305
|
};
|
|
324
306
|
})[];
|
|
325
307
|
}, any>;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
+
readonly ariaLabel?: string;
|
|
4
|
+
readonly ariaValuemax?: number;
|
|
5
|
+
readonly ariaValuemin?: number;
|
|
6
|
+
readonly ariaValuenow?: number;
|
|
3
7
|
readonly disabled?: boolean;
|
|
4
8
|
readonly isDragging?: boolean;
|
|
5
9
|
readonly position: number;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { FluxColor } from '@flux-ui/types';
|
|
2
|
+
import { TreeBaseOption, TreeFlatNode } from '../../composable/private';
|
|
3
|
+
import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
|
|
4
|
+
declare const _default: <TOption extends TreeBaseOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
5
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
6
|
+
readonly onExpandClick?: (args_0: MouseEvent) => any;
|
|
7
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onExpandClick"> & {
|
|
8
|
+
readonly node: TreeFlatNode<TOption>;
|
|
9
|
+
readonly expanded: boolean;
|
|
10
|
+
readonly levelColors?: (FluxColor | string)[];
|
|
11
|
+
} & Partial<{}>> & PublicProps;
|
|
12
|
+
expose(exposed: ShallowUnwrapRef<{}>): void;
|
|
13
|
+
attrs: any;
|
|
14
|
+
slots: Readonly<{
|
|
15
|
+
trailing?(props: {
|
|
16
|
+
node: TreeFlatNode<TOption>;
|
|
17
|
+
}): any;
|
|
18
|
+
}> & {
|
|
19
|
+
trailing?(props: {
|
|
20
|
+
node: TreeFlatNode<TOption>;
|
|
21
|
+
}): any;
|
|
22
|
+
};
|
|
23
|
+
emit: (evt: "expandClick", args_0: MouseEvent) => void;
|
|
24
|
+
}>) => VNode & {
|
|
25
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
26
|
+
};
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_PrettifyLocal<T> = {
|
|
29
|
+
[K in keyof T]: T[K];
|
|
30
|
+
} & {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Anchor } from './Anchor.vue';
|
|
2
2
|
export { default as AnchorPopup } from './AnchorPopup.vue';
|
|
3
|
+
export { default as DialogLayout } from './DialogLayout.vue';
|
|
3
4
|
export { default as FilterBadge } from './FilterBadge.vue';
|
|
4
5
|
export { default as FilterItem } from './FilterItem.vue';
|
|
5
6
|
export { default as FilterOptionBase } from './FilterOptionBase.vue';
|
|
@@ -7,5 +8,6 @@ export { default as SelectBase } from './SelectBase.vue';
|
|
|
7
8
|
export { default as SliderBase } from './SliderBase.vue';
|
|
8
9
|
export { default as SliderThumb } from './SliderThumb.vue';
|
|
9
10
|
export { default as SliderTrack } from './SliderTrack.vue';
|
|
11
|
+
export { default as TreeNodeRenderer } from './TreeNodeRenderer.vue';
|
|
10
12
|
export { FilterMenuRenderer } from './FilterMenuRenderer';
|
|
11
13
|
export { VNodeRenderer } from './VNodeRenderer';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as useBreakpoints } from './useBreakpoints';
|
|
2
2
|
export { default as useDisabled } from './useDisabled';
|
|
3
|
+
export { default as useAdaptiveGroupInjection } from './useAdaptiveGroupInjection';
|
|
3
4
|
export { default as useDisabledInjection } from './useDisabledInjection';
|
|
4
5
|
export { default as useExpandableGroupInjection } from './useExpandableGroupInjection';
|
|
5
6
|
export { default as useFilterInjection } from './useFilterInjection';
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
export { default as useAsyncFilterOptions } from './useAsyncFilterOptions';
|
|
2
|
+
export { default as useDateFlyout } from './useDateFlyout';
|
|
3
|
+
export { default as useDropdownPopup } from './useDropdownPopup';
|
|
4
|
+
export type { UseDropdownPopupOptions, UseDropdownPopupReturn } from './useDropdownPopup';
|
|
1
5
|
export { default as useFormSelect } from './useFormSelect';
|
|
2
6
|
export { default as useTranslate } from './useTranslate';
|
|
7
|
+
export { useCommandPalette } from './useCommandPalette';
|
|
8
|
+
export type { CommandPaletteGroup, CommandPaletteResultItem } from './useCommandPalette';
|
|
9
|
+
export { useFilterOptionMulti, useFilterOptionSingle } from './useFilterOption';
|
|
10
|
+
export type { FilterOptionMulti, FilterOptionSingle } from './useFilterOption';
|
|
3
11
|
export { flattenAll, flattenVisible, getLevelColor, INITIAL_HIGHLIGHTED_INDEX, useTreeView } from './useTreeView';
|
|
4
12
|
export type { TreeBaseOption, TreeFlatNode } from './useTreeView';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluxFilterOptionRow, FluxFilterValue } from '@flux-ui/types';
|
|
2
|
+
import { ComputedRef, ModelRef } from 'vue';
|
|
3
|
+
type UseAsyncFilterOptionsParams = {
|
|
4
|
+
readonly currentValueIds: ComputedRef<FluxFilterValue[]>;
|
|
5
|
+
readonly modelSearch: ModelRef<string, string, string, string>;
|
|
6
|
+
fetchOptions(ids: FluxFilterValue[]): Promise<FluxFilterOptionRow[]>;
|
|
7
|
+
fetchRelevant(): Promise<FluxFilterOptionRow[]>;
|
|
8
|
+
fetchSearch(searchQuery: string): Promise<FluxFilterOptionRow[]>;
|
|
9
|
+
};
|
|
10
|
+
export default function ({ currentValueIds, modelSearch, fetchOptions: fetchOptionsProp, fetchRelevant: fetchRelevantProp, fetchSearch: fetchSearchProp }: UseAsyncFilterOptionsParams): {
|
|
11
|
+
isLoading: ComputedRef<boolean>;
|
|
12
|
+
options: ComputedRef<FluxFilterOptionRow[]>;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { FluxCommandSource, FluxCommandSourceItem, FluxCommandSubAction } from '@flux-ui/types';
|
|
2
|
+
import { Ref } from 'vue';
|
|
3
|
+
export type CommandPaletteResultItem = {
|
|
4
|
+
readonly globalIndex: number;
|
|
5
|
+
readonly sourceKey: string;
|
|
6
|
+
readonly sourceLabel: string;
|
|
7
|
+
readonly item: FluxCommandSourceItem;
|
|
8
|
+
};
|
|
9
|
+
export type CommandPaletteGroup = {
|
|
10
|
+
readonly sourceKey: string;
|
|
11
|
+
readonly sourceLabel: string;
|
|
12
|
+
readonly startIndex: number;
|
|
13
|
+
readonly items: CommandPaletteResultItem[];
|
|
14
|
+
};
|
|
15
|
+
export declare function useCommandPalette(params: {
|
|
16
|
+
readonly sources: Ref<FluxCommandSource[]>;
|
|
17
|
+
readonly itemRefs: Readonly<Ref<Array<{
|
|
18
|
+
readonly $el: HTMLElement;
|
|
19
|
+
}> | null | undefined>>;
|
|
20
|
+
}): {
|
|
21
|
+
readonly search: Ref<string>;
|
|
22
|
+
readonly activeTab: Ref<string | null>;
|
|
23
|
+
readonly highlightedIndex: Ref<number>;
|
|
24
|
+
readonly isLoading: Ref<boolean>;
|
|
25
|
+
readonly isTransitioningBack: Ref<boolean>;
|
|
26
|
+
readonly subActionTarget: Ref<FluxCommandSourceItem | null>;
|
|
27
|
+
readonly filteredItems: Ref<CommandPaletteResultItem[]>;
|
|
28
|
+
readonly groupedItems: Ref<CommandPaletteGroup[]>;
|
|
29
|
+
readonly subActions: Ref<FluxCommandSubAction[]>;
|
|
30
|
+
readonly activeTabSource: Ref<FluxCommandSource | null>;
|
|
31
|
+
readonly tabs: Ref<FluxCommandSource[]>;
|
|
32
|
+
readonly totalItems: Ref<number>;
|
|
33
|
+
setSearch: (value: string) => void;
|
|
34
|
+
setActiveTab: (key: string | null) => void;
|
|
35
|
+
enterSubActions: (item: FluxCommandSourceItem) => void;
|
|
36
|
+
onKeyNavigate: (evt: KeyboardEvent, onClose: () => void, onActivate: (item: FluxCommandSourceItem) => void) => void;
|
|
37
|
+
reset: () => void;
|
|
38
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ModelRef, Ref } from 'vue';
|
|
2
|
+
type FlyoutLike = {
|
|
3
|
+
close(): void;
|
|
4
|
+
};
|
|
5
|
+
type UseDateFlyoutOptions<T> = {
|
|
6
|
+
compareKey?(value: T | null): string | number | null | undefined;
|
|
7
|
+
transformIn?(value: T | null): T | null;
|
|
8
|
+
};
|
|
9
|
+
export default function <T>(modelValue: ModelRef<T | null>, flyoutRef: Readonly<Ref<FlyoutLike | null>>, options?: UseDateFlyoutOptions<T>): Ref<T | null>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ComponentPublicInstance, Ref } from 'vue';
|
|
2
|
+
export type UseDropdownPopupOptions = {
|
|
3
|
+
readonly anchorRef: Readonly<Ref<ComponentPublicInstance | null | undefined>>;
|
|
4
|
+
readonly popupRef: Readonly<Ref<ComponentPublicInstance | null | undefined>>;
|
|
5
|
+
readonly focusElement: Readonly<Ref<HTMLElement | null | undefined>>;
|
|
6
|
+
readonly disabled?: Readonly<Ref<boolean>>;
|
|
7
|
+
readonly readonly?: Readonly<Ref<boolean>>;
|
|
8
|
+
readonly onOpen?: () => void;
|
|
9
|
+
readonly onClose?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export type UseDropdownPopupReturn = {
|
|
12
|
+
readonly isOpen: Ref<boolean>;
|
|
13
|
+
readonly open: () => void;
|
|
14
|
+
readonly close: () => void;
|
|
15
|
+
readonly toggle: () => void;
|
|
16
|
+
readonly focusAnchor: () => void;
|
|
17
|
+
readonly onKeyDownBase: (evt: KeyboardEvent) => boolean;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Shared dropdown-popup infrastructure for select-like components. Manages:
|
|
21
|
+
* - open/close state
|
|
22
|
+
* - click-outside (close when clicking outside popup + anchor)
|
|
23
|
+
* - focus-back-to-anchor on close
|
|
24
|
+
* - focus-the-inner-focus-element on open
|
|
25
|
+
* - Escape/Tab keyboard handling
|
|
26
|
+
*/
|
|
27
|
+
export default function useDropdownPopup(options: UseDropdownPopupOptions): UseDropdownPopupReturn;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FluxFilterValue, FluxFilterValueSingle } from '@flux-ui/types';
|
|
2
|
+
import { ComputedRef } from 'vue';
|
|
3
|
+
export type FilterOptionSingle = {
|
|
4
|
+
readonly currentValue: ComputedRef<FluxFilterValueSingle>;
|
|
5
|
+
onSelect(value: FluxFilterValue): void;
|
|
6
|
+
};
|
|
7
|
+
export type FilterOptionMulti = {
|
|
8
|
+
readonly currentValue: ComputedRef<FluxFilterValueSingle[]>;
|
|
9
|
+
onSelect(value: FluxFilterValueSingle): void;
|
|
10
|
+
};
|
|
11
|
+
export declare function useFilterOptionSingle(name: string): FilterOptionSingle;
|
|
12
|
+
export declare function useFilterOptionMulti(name: string): FilterOptionMulti;
|
package/dist/data/di.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FluxFilterState, FluxFilterValue } from '@flux-ui/types';
|
|
2
2
|
import { ComponentInternalInstance, InjectionKey, Ref } from 'vue';
|
|
3
|
+
export declare const FluxAdaptiveGroupInjectionKey: InjectionKey<FluxAdaptiveGroupInjection>;
|
|
3
4
|
export declare const FluxDisabledInjectionKey: InjectionKey<Ref<boolean>>;
|
|
4
5
|
export declare const FluxExpandableGroupInjectionKey: InjectionKey<FluxExpandableGroupInjection>;
|
|
5
6
|
export declare const FluxFlyoutInjectionKey: InjectionKey<FluxFlyoutInjection>;
|
|
@@ -7,6 +8,16 @@ export declare const FluxFilterInjectionKey: InjectionKey<FluxFilterInjection>;
|
|
|
7
8
|
export declare const FluxFormFieldInjectionKey: InjectionKey<FluxFormFieldInjection>;
|
|
8
9
|
export declare const FluxTableInjectionKey: InjectionKey<FluxTableInjection>;
|
|
9
10
|
export declare const FluxTooltipInjectionKey: InjectionKey<FluxTooltipInjection>;
|
|
11
|
+
export type FluxAdaptiveGroupChild = {
|
|
12
|
+
readonly priority: Ref<number>;
|
|
13
|
+
readonly desiredDefaultWidth: Ref<number>;
|
|
14
|
+
readonly desiredFallbackWidth: Ref<number>;
|
|
15
|
+
readonly isDefaultVisible: Ref<boolean>;
|
|
16
|
+
};
|
|
17
|
+
export type FluxAdaptiveGroupInjection = {
|
|
18
|
+
register(uid: number, child: FluxAdaptiveGroupChild): void;
|
|
19
|
+
unregister(uid: number): void;
|
|
20
|
+
};
|
|
10
21
|
export type FluxExpandableGroupInjection = {
|
|
11
22
|
closeAll(): void;
|
|
12
23
|
register(uid: number, expandable: ComponentInternalInstance): void;
|