@vuetify/nightly 3.9.0-master.2025-07-12 → 3.9.0-master.2025-07-14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -3
- package/dist/json/attributes.json +3415 -3415
- package/dist/json/importMap-labs.json +18 -18
- package/dist/json/importMap.json +166 -166
- package/dist/json/web-types.json +6054 -6054
- package/dist/vuetify-labs.cjs +19 -10
- package/dist/vuetify-labs.css +4169 -4169
- package/dist/vuetify-labs.d.ts +59 -59
- package/dist/vuetify-labs.esm.js +19 -10
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +19 -10
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +3 -3
- package/dist/vuetify.css +3707 -3707
- package/dist/vuetify.d.ts +59 -59
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +59 -59
- package/lib/framework.js +1 -1
- package/lib/labs/VColorInput/VColorInput.js +14 -6
- package/lib/labs/VColorInput/VColorInput.js.map +1 -1
- package/lib/labs/VFileUpload/VFileUploadItem.js +2 -1
- package/lib/labs/VFileUpload/VFileUploadItem.js.map +1 -1
- package/package.json +1 -1
package/dist/vuetify.min.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Vuetify v3.9.0-master.2025-07-
|
2
|
+
* Vuetify v3.9.0-master.2025-07-14
|
3
3
|
* Forged by John Leider
|
4
4
|
* Released under the MIT License.
|
5
5
|
*/
|
@@ -2380,8 +2380,8 @@ if(m.run((()=>{o.install(u)})),u.onUnmount((()=>m.stop())),u.provide(Nt,e),u.pro
|
|
2380
2380
|
else{const{mount:e}=u
|
2381
2381
|
u.mount=function(){const a=e(...arguments)
|
2382
2382
|
return t.nextTick((()=>l.update())),u.mount=e,a}}("boolean"!=typeof __VUE_OPTIONS_API__||__VUE_OPTIONS_API__)&&u.mixin({computed:{$vuetify(){return t.reactive({defaults:of.call(this,Nt),display:of.call(this,Bn),theme:of.call(this,xa),icons:of.call(this,jt),locale:of.call(this,ba),date:of.call(this,Fu)})}}})},unmount:function(){u.stop()},defaults:e,display:l,theme:o,icons:c,locale:d,date:v,goTo:p}}))}function of(e){const t=this.$,a=t.parent?.provides??t.vnode.appContext?.provides
|
2383
|
-
if(a&&e in a)return a[e]}lf.version="3.9.0-master.2025-07-
|
2384
|
-
const nf=function(){return lf({components:qm,directives:af,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},rf="3.9.0-master.2025-07-
|
2383
|
+
if(a&&e in a)return a[e]}lf.version="3.9.0-master.2025-07-14"
|
2384
|
+
const nf=function(){return lf({components:qm,directives:af,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},rf="3.9.0-master.2025-07-14"
|
2385
2385
|
nf.version=rf,e.blueprints=ea,e.components=qm,e.createVuetify=nf,e.directives=af,e.useDate=Mu,e.useDefaults=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0
|
2386
2386
|
const{props:a,provideSubDefaults:l}=It(e,t)
|
2387
2387
|
return l(),a},e.useDisplay=zn,e.useGoTo=Hn,e.useHotkey=function(e,l){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}
|
package/lib/entry-bundler.js
CHANGED
@@ -16,7 +16,7 @@ export const createVuetify = function () {
|
|
16
16
|
...options
|
17
17
|
});
|
18
18
|
};
|
19
|
-
export const version = "3.9.0-master.2025-07-
|
19
|
+
export const version = "3.9.0-master.2025-07-14";
|
20
20
|
createVuetify.version = version;
|
21
21
|
export { blueprints, components, directives };
|
22
22
|
export * from "./composables/index.js";
|
package/lib/framework.d.ts
CHANGED
@@ -2577,40 +2577,41 @@ declare module 'vue' {
|
|
2577
2577
|
$children?: VNodeChild
|
2578
2578
|
}
|
2579
2579
|
export interface GlobalComponents {
|
2580
|
-
VApp: typeof import('vuetify/components')['VApp']
|
2581
2580
|
VAppBar: typeof import('vuetify/components')['VAppBar']
|
2582
2581
|
VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
|
2583
2582
|
VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
|
2583
|
+
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
|
2584
2584
|
VAlert: typeof import('vuetify/components')['VAlert']
|
2585
2585
|
VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
|
2586
|
-
VAvatar: typeof import('vuetify/components')['VAvatar']
|
2587
|
-
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
|
2588
|
-
VBadge: typeof import('vuetify/components')['VBadge']
|
2589
2586
|
VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
|
2590
|
-
|
2587
|
+
VAvatar: typeof import('vuetify/components')['VAvatar']
|
2588
|
+
VBanner: typeof import('vuetify/components')['VBanner']
|
2589
|
+
VBannerActions: typeof import('vuetify/components')['VBannerActions']
|
2590
|
+
VBannerText: typeof import('vuetify/components')['VBannerText']
|
2591
2591
|
VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
|
2592
2592
|
VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
|
2593
2593
|
VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
|
2594
2594
|
VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
|
2595
|
-
|
2596
|
-
|
2597
|
-
VBannerText: typeof import('vuetify/components')['VBannerText']
|
2598
|
-
VCard: typeof import('vuetify/components')['VCard']
|
2599
|
-
VCardActions: typeof import('vuetify/components')['VCardActions']
|
2600
|
-
VCardItem: typeof import('vuetify/components')['VCardItem']
|
2601
|
-
VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
|
2602
|
-
VCardText: typeof import('vuetify/components')['VCardText']
|
2603
|
-
VCardTitle: typeof import('vuetify/components')['VCardTitle']
|
2604
|
-
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
2595
|
+
VBadge: typeof import('vuetify/components')['VBadge']
|
2596
|
+
VBtn: typeof import('vuetify/components')['VBtn']
|
2605
2597
|
VCarousel: typeof import('vuetify/components')['VCarousel']
|
2606
2598
|
VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
|
2599
|
+
VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
|
2607
2600
|
VCheckbox: typeof import('vuetify/components')['VCheckbox']
|
2608
2601
|
VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
|
2602
|
+
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
2603
|
+
VCode: typeof import('vuetify/components')['VCode']
|
2609
2604
|
VChip: typeof import('vuetify/components')['VChip']
|
2610
2605
|
VChipGroup: typeof import('vuetify/components')['VChipGroup']
|
2611
2606
|
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
2607
|
+
VCard: typeof import('vuetify/components')['VCard']
|
2608
|
+
VCardActions: typeof import('vuetify/components')['VCardActions']
|
2609
|
+
VCardItem: typeof import('vuetify/components')['VCardItem']
|
2610
|
+
VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
|
2611
|
+
VCardText: typeof import('vuetify/components')['VCardText']
|
2612
|
+
VCardTitle: typeof import('vuetify/components')['VCardTitle']
|
2612
2613
|
VCombobox: typeof import('vuetify/components')['VCombobox']
|
2613
|
-
|
2614
|
+
VCounter: typeof import('vuetify/components')['VCounter']
|
2614
2615
|
VDataTable: typeof import('vuetify/components')['VDataTable']
|
2615
2616
|
VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
|
2616
2617
|
VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
|
@@ -2618,37 +2619,36 @@ declare module 'vue' {
|
|
2618
2619
|
VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
|
2619
2620
|
VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
|
2620
2621
|
VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
|
2621
|
-
VCounter: typeof import('vuetify/components')['VCounter']
|
2622
|
-
VDialog: typeof import('vuetify/components')['VDialog']
|
2623
2622
|
VDatePicker: typeof import('vuetify/components')['VDatePicker']
|
2624
2623
|
VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
|
2625
2624
|
VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
|
2626
2625
|
VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
|
2627
2626
|
VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
|
2628
2627
|
VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
|
2628
|
+
VDialog: typeof import('vuetify/components')['VDialog']
|
2629
2629
|
VEmptyState: typeof import('vuetify/components')['VEmptyState']
|
2630
2630
|
VDivider: typeof import('vuetify/components')['VDivider']
|
2631
|
-
VField: typeof import('vuetify/components')['VField']
|
2632
|
-
VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
|
2633
2631
|
VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
|
2634
2632
|
VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
|
2635
2633
|
VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
|
2636
2634
|
VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
|
2637
|
-
|
2638
|
-
|
2635
|
+
VField: typeof import('vuetify/components')['VField']
|
2636
|
+
VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
|
2639
2637
|
VFooter: typeof import('vuetify/components')['VFooter']
|
2638
|
+
VFab: typeof import('vuetify/components')['VFab']
|
2640
2639
|
VIcon: typeof import('vuetify/components')['VIcon']
|
2641
2640
|
VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
|
2642
2641
|
VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
|
2643
2642
|
VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
|
2644
2643
|
VClassIcon: typeof import('vuetify/components')['VClassIcon']
|
2645
|
-
|
2644
|
+
VFileInput: typeof import('vuetify/components')['VFileInput']
|
2646
2645
|
VImg: typeof import('vuetify/components')['VImg']
|
2647
|
-
VInput: typeof import('vuetify/components')['VInput']
|
2648
2646
|
VItemGroup: typeof import('vuetify/components')['VItemGroup']
|
2649
2647
|
VItem: typeof import('vuetify/components')['VItem']
|
2650
|
-
|
2648
|
+
VInput: typeof import('vuetify/components')['VInput']
|
2651
2649
|
VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
|
2650
|
+
VLabel: typeof import('vuetify/components')['VLabel']
|
2651
|
+
VKbd: typeof import('vuetify/components')['VKbd']
|
2652
2652
|
VList: typeof import('vuetify/components')['VList']
|
2653
2653
|
VListGroup: typeof import('vuetify/components')['VListGroup']
|
2654
2654
|
VListImg: typeof import('vuetify/components')['VListImg']
|
@@ -2659,38 +2659,41 @@ declare module 'vue' {
|
|
2659
2659
|
VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
|
2660
2660
|
VListSubheader: typeof import('vuetify/components')['VListSubheader']
|
2661
2661
|
VMenu: typeof import('vuetify/components')['VMenu']
|
2662
|
-
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
2663
2662
|
VMessages: typeof import('vuetify/components')['VMessages']
|
2664
|
-
|
2665
|
-
|
2663
|
+
VMain: typeof import('vuetify/components')['VMain']
|
2664
|
+
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
2666
2665
|
VNumberInput: typeof import('vuetify/components')['VNumberInput']
|
2667
|
-
|
2666
|
+
VPagination: typeof import('vuetify/components')['VPagination']
|
2668
2667
|
VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
|
2669
|
-
|
2670
|
-
|
2668
|
+
VOverlay: typeof import('vuetify/components')['VOverlay']
|
2669
|
+
VOtpInput: typeof import('vuetify/components')['VOtpInput']
|
2671
2670
|
VRating: typeof import('vuetify/components')['VRating']
|
2672
|
-
|
2671
|
+
VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
|
2673
2672
|
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
|
2674
2673
|
VSelect: typeof import('vuetify/components')['VSelect']
|
2674
|
+
VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
|
2675
|
+
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
|
2676
|
+
VSheet: typeof import('vuetify/components')['VSheet']
|
2675
2677
|
VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
|
2676
2678
|
VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
|
2677
|
-
VSheet: typeof import('vuetify/components')['VSheet']
|
2678
|
-
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
|
2679
2679
|
VSlider: typeof import('vuetify/components')['VSlider']
|
2680
2680
|
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
2681
2681
|
VSwitch: typeof import('vuetify/components')['VSwitch']
|
2682
|
-
VSystemBar: typeof import('vuetify/components')['VSystemBar']
|
2683
|
-
VTab: typeof import('vuetify/components')['VTab']
|
2684
|
-
VTabs: typeof import('vuetify/components')['VTabs']
|
2685
|
-
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
|
2686
|
-
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
|
2687
2682
|
VStepper: typeof import('vuetify/components')['VStepper']
|
2688
2683
|
VStepperActions: typeof import('vuetify/components')['VStepperActions']
|
2689
2684
|
VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
|
2690
2685
|
VStepperItem: typeof import('vuetify/components')['VStepperItem']
|
2691
2686
|
VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
|
2692
2687
|
VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
|
2688
|
+
VTab: typeof import('vuetify/components')['VTab']
|
2689
|
+
VTabs: typeof import('vuetify/components')['VTabs']
|
2690
|
+
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
|
2691
|
+
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
|
2692
|
+
VSystemBar: typeof import('vuetify/components')['VSystemBar']
|
2693
2693
|
VTable: typeof import('vuetify/components')['VTable']
|
2694
|
+
VTimePicker: typeof import('vuetify/components')['VTimePicker']
|
2695
|
+
VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
|
2696
|
+
VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
|
2694
2697
|
VTextField: typeof import('vuetify/components')['VTextField']
|
2695
2698
|
VTimeline: typeof import('vuetify/components')['VTimeline']
|
2696
2699
|
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
|
@@ -2698,38 +2701,37 @@ declare module 'vue' {
|
|
2698
2701
|
VToolbar: typeof import('vuetify/components')['VToolbar']
|
2699
2702
|
VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
|
2700
2703
|
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
|
2701
|
-
VTimePicker: typeof import('vuetify/components')['VTimePicker']
|
2702
|
-
VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
|
2703
|
-
VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
|
2704
2704
|
VTooltip: typeof import('vuetify/components')['VTooltip']
|
2705
|
-
VWindow: typeof import('vuetify/components')['VWindow']
|
2706
|
-
VWindowItem: typeof import('vuetify/components')['VWindowItem']
|
2707
2705
|
VTreeview: typeof import('vuetify/components')['VTreeview']
|
2708
2706
|
VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
|
2709
2707
|
VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
|
2710
|
-
|
2711
|
-
|
2712
|
-
|
2708
|
+
VWindow: typeof import('vuetify/components')['VWindow']
|
2709
|
+
VWindowItem: typeof import('vuetify/components')['VWindowItem']
|
2710
|
+
VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
|
2713
2711
|
VDataIterator: typeof import('vuetify/components')['VDataIterator']
|
2712
|
+
VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
|
2714
2713
|
VForm: typeof import('vuetify/components')['VForm']
|
2715
2714
|
VContainer: typeof import('vuetify/components')['VContainer']
|
2716
2715
|
VCol: typeof import('vuetify/components')['VCol']
|
2717
2716
|
VRow: typeof import('vuetify/components')['VRow']
|
2718
2717
|
VSpacer: typeof import('vuetify/components')['VSpacer']
|
2719
2718
|
VHover: typeof import('vuetify/components')['VHover']
|
2719
|
+
VLazy: typeof import('vuetify/components')['VLazy']
|
2720
2720
|
VLayout: typeof import('vuetify/components')['VLayout']
|
2721
2721
|
VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
|
2722
|
+
VApp: typeof import('vuetify/components')['VApp']
|
2722
2723
|
VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
|
2723
|
-
|
2724
|
-
VParallax: typeof import('vuetify/components')['VParallax']
|
2724
|
+
VNoSsr: typeof import('vuetify/components')['VNoSsr']
|
2725
2725
|
VRadio: typeof import('vuetify/components')['VRadio']
|
2726
|
-
VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
|
2727
2726
|
VResponsive: typeof import('vuetify/components')['VResponsive']
|
2727
|
+
VParallax: typeof import('vuetify/components')['VParallax']
|
2728
2728
|
VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
|
2729
2729
|
VSparkline: typeof import('vuetify/components')['VSparkline']
|
2730
|
-
|
2730
|
+
VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
|
2731
2731
|
VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
|
2732
|
+
VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
|
2732
2733
|
VValidation: typeof import('vuetify/components')['VValidation']
|
2734
|
+
VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
|
2733
2735
|
VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
|
2734
2736
|
VFabTransition: typeof import('vuetify/components')['VFabTransition']
|
2735
2737
|
VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
|
@@ -2747,8 +2749,6 @@ declare module 'vue' {
|
|
2747
2749
|
VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
|
2748
2750
|
VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
|
2749
2751
|
VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
|
2750
|
-
VKbd: typeof import('vuetify/components')['VKbd']
|
2751
|
-
VNoSsr: typeof import('vuetify/components')['VNoSsr']
|
2752
2752
|
VCalendar: typeof import('vuetify/labs/components')['VCalendar']
|
2753
2753
|
VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
|
2754
2754
|
VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
|
@@ -2756,17 +2756,17 @@ declare module 'vue' {
|
|
2756
2756
|
VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
|
2757
2757
|
VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
|
2758
2758
|
VColorInput: typeof import('vuetify/labs/components')['VColorInput']
|
2759
|
-
VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
|
2760
|
-
VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
|
2761
|
-
VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
|
2762
|
-
VPicker: typeof import('vuetify/labs/components')['VPicker']
|
2763
|
-
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
|
2764
2759
|
VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
|
2765
2760
|
VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
|
2761
|
+
VPicker: typeof import('vuetify/labs/components')['VPicker']
|
2762
|
+
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
|
2766
2763
|
VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
|
2767
2764
|
VHotkey: typeof import('vuetify/labs/components')['VHotkey']
|
2768
|
-
|
2765
|
+
VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
|
2766
|
+
VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
|
2767
|
+
VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
|
2769
2768
|
VDateInput: typeof import('vuetify/labs/components')['VDateInput']
|
2769
|
+
VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
|
2770
2770
|
VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
|
2771
2771
|
}
|
2772
2772
|
export interface GlobalDirectives {
|
package/lib/framework.js
CHANGED
@@ -55,6 +55,9 @@ export const VColorInput = genericComponent()({
|
|
55
55
|
function onSave() {
|
56
56
|
menu.value = false;
|
57
57
|
}
|
58
|
+
function onCancel() {
|
59
|
+
menu.value = false;
|
60
|
+
}
|
58
61
|
useRender(() => {
|
59
62
|
const confirmEditProps = VConfirmEdit.filterProps(props);
|
60
63
|
const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']));
|
@@ -90,7 +93,8 @@ export const VColorInput = genericComponent()({
|
|
90
93
|
default: () => [_createVNode(VConfirmEdit, _mergeProps(confirmEditProps, {
|
91
94
|
"modelValue": model.value,
|
92
95
|
"onUpdate:modelValue": $event => model.value = $event,
|
93
|
-
"onSave": onSave
|
96
|
+
"onSave": onSave,
|
97
|
+
"onCancel": onCancel
|
94
98
|
}), {
|
95
99
|
default: _ref2 => {
|
96
100
|
let {
|
@@ -100,12 +104,16 @@ export const VColorInput = genericComponent()({
|
|
100
104
|
cancel,
|
101
105
|
isPristine
|
102
106
|
} = _ref2;
|
107
|
+
function onUpdateModel(value) {
|
108
|
+
if (!props.hideActions) {
|
109
|
+
proxyModel.value = value;
|
110
|
+
} else {
|
111
|
+
model.value = value;
|
112
|
+
}
|
113
|
+
}
|
103
114
|
return _createVNode(VColorPicker, _mergeProps(colorPickerProps, {
|
104
|
-
"modelValue": proxyModel.value,
|
105
|
-
"onUpdate:modelValue":
|
106
|
-
proxyModel.value = val;
|
107
|
-
model.value = val;
|
108
|
-
},
|
115
|
+
"modelValue": props.hideActions ? model.value : proxyModel.value,
|
116
|
+
"onUpdate:modelValue": value => onUpdateModel(value),
|
109
117
|
"onMousedown": e => e.preventDefault()
|
110
118
|
}), {
|
111
119
|
actions: !props.hideActions ? () => slots.actions?.({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VColorInput.js","names":["makeVColorPickerProps","VColorPicker","makeVConfirmEditProps","VConfirmEdit","VIcon","VMenu","makeVTextFieldProps","VTextField","makeFocusProps","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","makeVColorInputProps","pip","Boolean","pipIcon","type","String","default","VColorInput","name","props","emits","val","setup","_ref","slots","model","menu","isFocused","focused","isInteractive","disabled","readonly","display","value","onKeydown","e","key","target","onClick","preventDefault","stopPropagation","onSave","confirmEditProps","filterProps","colorPickerProps","textFieldProps","hasPrepend","prepend","_createVNode","_mergeProps","class","style","undefined","event","arg","_createElementVNode","_Fragment","$event","_ref2","actions","proxyModel","save","cancel","isPristine","hideActions"],"sources":["../../../src/labs/VColorInput/VColorInput.tsx"],"sourcesContent":["// Styles\nimport './VColorInput.sass'\n\n// Components\nimport { makeVColorPickerProps, VColorPicker } from '@/components/VColorPicker/VColorPicker'\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { VIcon } from '@/components/VIcon/VIcon'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { makeFocusProps } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VColorInputActionsSlot = {\n save: () => void\n cancel: () => void\n isPristine: boolean\n}\n\nexport type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {\n actions: VColorInputActionsSlot\n default: never\n}\n\nexport const makeVColorInputProps = propsFactory({\n pip: Boolean,\n pipIcon: {\n type: String,\n default: '$color',\n },\n\n ...makeFocusProps(),\n ...makeVConfirmEditProps(),\n ...makeVTextFieldProps(),\n ...omit(makeVColorPickerProps(), ['width']),\n}, 'VColorInput')\n\nexport const VColorInput = genericComponent<VColorInputSlots>()({\n name: 'VColorInput',\n\n props: makeVColorInputProps(),\n\n emits: {\n 'update:modelValue': (val: string) => true,\n },\n\n setup (props, { slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const menu = shallowRef(false)\n const isFocused = shallowRef(props.focused)\n\n const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n const display = computed(() => model.value || null)\n\n function onKeydown (e: KeyboardEvent) {\n if (e.key !== 'Enter') return\n\n if (!menu.value || !isFocused.value) {\n menu.value = true\n\n return\n }\n\n const target = e.target as HTMLInputElement\n\n model.value = target.value\n }\n\n function onClick (e: MouseEvent) {\n e.preventDefault()\n e.stopPropagation()\n\n menu.value = true\n }\n\n function onSave () {\n menu.value = false\n }\n\n useRender(() => {\n const confirmEditProps = VConfirmEdit.filterProps(props)\n const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']))\n const textFieldProps = VTextField.filterProps(omit(props, ['prependInnerIcon']))\n\n const hasPrepend = !!(slots.prepend || props.pipIcon)\n\n return (\n <VTextField\n { ...textFieldProps }\n class={[\n 'v-color-input',\n props.class,\n ]}\n style={ props.style }\n modelValue={ display.value }\n onKeydown={ isInteractive.value ? onKeydown : undefined }\n focused={ menu.value || isFocused.value }\n onClick:control={ isInteractive.value ? onClick : undefined }\n onClick:prependInner={ isInteractive.value ? onClick : undefined }\n onUpdate:focused={ event => isFocused.value = event }\n onClick:appendInner={ isInteractive.value ? onClick : undefined }\n onUpdate:modelValue={ val => {\n model.value = val\n }}\n >\n {{\n ...slots,\n prepend: props.pipIcon ? arg => (\n <>\n { hasPrepend && (\n <VIcon\n color={ props.pip ? model.value as string : undefined }\n icon={ props.pipIcon }\n />\n )}\n\n { slots.prepend?.(arg) }\n </>\n ) : undefined,\n default: () => (\n <>\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n minWidth=\"0\"\n closeOnContentClick={ false }\n openOnClick={ false }\n >\n <VConfirmEdit\n { ...confirmEditProps }\n v-model={ model.value }\n onSave={ onSave }\n >\n {{\n default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {\n return (\n <VColorPicker\n { ...colorPickerProps }\n modelValue={ proxyModel.value }\n onUpdate:modelValue={ val => {\n proxyModel.value = val\n model.value = val\n }}\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n >\n {{\n actions: !props.hideActions ? () => slots.actions?.({ save, cancel, isPristine }) ?? actions() : undefined,\n }}\n </VColorPicker>\n )\n },\n }}\n </VConfirmEdit>\n </VMenu>\n\n { slots.default?.() }\n </>\n ),\n }}\n </VTextField>\n )\n })\n },\n})\n\nexport type VColorInput = InstanceType<typeof VColorInput>\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"file":"VColorInput.js","names":["makeVColorPickerProps","VColorPicker","makeVConfirmEditProps","VConfirmEdit","VIcon","VMenu","makeVTextFieldProps","VTextField","makeFocusProps","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","makeVColorInputProps","pip","Boolean","pipIcon","type","String","default","VColorInput","name","props","emits","val","setup","_ref","slots","model","menu","isFocused","focused","isInteractive","disabled","readonly","display","value","onKeydown","e","key","target","onClick","preventDefault","stopPropagation","onSave","onCancel","confirmEditProps","filterProps","colorPickerProps","textFieldProps","hasPrepend","prepend","_createVNode","_mergeProps","class","style","undefined","event","arg","_createElementVNode","_Fragment","$event","_ref2","actions","proxyModel","save","cancel","isPristine","onUpdateModel","hideActions"],"sources":["../../../src/labs/VColorInput/VColorInput.tsx"],"sourcesContent":["// Styles\nimport './VColorInput.sass'\n\n// Components\nimport { makeVColorPickerProps, VColorPicker } from '@/components/VColorPicker/VColorPicker'\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { VIcon } from '@/components/VIcon/VIcon'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { makeFocusProps } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VColorInputActionsSlot = {\n save: () => void\n cancel: () => void\n isPristine: boolean\n}\n\nexport type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {\n actions: VColorInputActionsSlot\n default: never\n}\n\nexport const makeVColorInputProps = propsFactory({\n pip: Boolean,\n pipIcon: {\n type: String,\n default: '$color',\n },\n\n ...makeFocusProps(),\n ...makeVConfirmEditProps(),\n ...makeVTextFieldProps(),\n ...omit(makeVColorPickerProps(), ['width']),\n}, 'VColorInput')\n\nexport const VColorInput = genericComponent<VColorInputSlots>()({\n name: 'VColorInput',\n\n props: makeVColorInputProps(),\n\n emits: {\n 'update:modelValue': (val: string) => true,\n },\n\n setup (props, { slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const menu = shallowRef(false)\n const isFocused = shallowRef(props.focused)\n\n const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n const display = computed(() => model.value || null)\n\n function onKeydown (e: KeyboardEvent) {\n if (e.key !== 'Enter') return\n\n if (!menu.value || !isFocused.value) {\n menu.value = true\n\n return\n }\n\n const target = e.target as HTMLInputElement\n\n model.value = target.value\n }\n\n function onClick (e: MouseEvent) {\n e.preventDefault()\n e.stopPropagation()\n\n menu.value = true\n }\n\n function onSave () {\n menu.value = false\n }\n\n function onCancel () {\n menu.value = false\n }\n\n useRender(() => {\n const confirmEditProps = VConfirmEdit.filterProps(props)\n const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']))\n const textFieldProps = VTextField.filterProps(omit(props, ['prependInnerIcon']))\n\n const hasPrepend = !!(slots.prepend || props.pipIcon)\n\n return (\n <VTextField\n { ...textFieldProps }\n class={[\n 'v-color-input',\n props.class,\n ]}\n style={ props.style }\n modelValue={ display.value }\n onKeydown={ isInteractive.value ? onKeydown : undefined }\n focused={ menu.value || isFocused.value }\n onClick:control={ isInteractive.value ? onClick : undefined }\n onClick:prependInner={ isInteractive.value ? onClick : undefined }\n onUpdate:focused={ event => isFocused.value = event }\n onClick:appendInner={ isInteractive.value ? onClick : undefined }\n onUpdate:modelValue={ val => {\n model.value = val\n }}\n >\n {{\n ...slots,\n prepend: props.pipIcon ? arg => (\n <>\n { hasPrepend && (\n <VIcon\n color={ props.pip ? model.value as string : undefined }\n icon={ props.pipIcon }\n />\n )}\n\n { slots.prepend?.(arg) }\n </>\n ) : undefined,\n default: () => (\n <>\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n minWidth=\"0\"\n closeOnContentClick={ false }\n openOnClick={ false }\n >\n <VConfirmEdit\n { ...confirmEditProps }\n v-model={ model.value }\n onSave={ onSave }\n onCancel={ onCancel }\n >\n {{\n default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {\n function onUpdateModel (value: string) {\n if (!props.hideActions) {\n proxyModel.value = value\n } else {\n model.value = value\n }\n }\n\n return (\n <VColorPicker\n { ...colorPickerProps }\n modelValue={ props.hideActions ? model.value : proxyModel.value }\n onUpdate:modelValue={ value => onUpdateModel(value) }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n >\n {{\n actions: !props.hideActions ? () => slots.actions?.({ save, cancel, isPristine }) ?? actions() : undefined,\n }}\n </VColorPicker>\n )\n },\n }}\n </VConfirmEdit>\n </VMenu>\n\n { slots.default?.() }\n </>\n ),\n }}\n </VTextField>\n )\n })\n },\n})\n\nexport type VColorInput = InstanceType<typeof VColorInput>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,KAAK;AAAA,SACLC,KAAK;AAAA,SACLC,mBAAmB,EAAEC,UAAU,qDAExC;AAAA,SACSC,cAAc;AAAA,SACdC,eAAe,6CAExB;AACA,SAASC,QAAQ,EAAEC,UAAU,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAExD;AAcA,OAAO,MAAMC,oBAAoB,GAAGF,YAAY,CAAC;EAC/CG,GAAG,EAAEC,OAAO;EACZC,OAAO,EAAE;IACPC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,cAAc,CAAC,CAAC;EACnB,GAAGN,qBAAqB,CAAC,CAAC;EAC1B,GAAGI,mBAAmB,CAAC,CAAC;EACxB,GAAGO,IAAI,CAACb,qBAAqB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC;AAC5C,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMuB,WAAW,GAAGX,gBAAgB,CAAmB,CAAC,CAAC;EAC9DY,IAAI,EAAE,aAAa;EAEnBC,KAAK,EAAET,oBAAoB,CAAC,CAAC;EAE7BU,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,KAAK,GAAGtB,eAAe,CAACgB,KAAK,EAAE,YAAY,CAAC;IAClD,MAAMO,IAAI,GAAGrB,UAAU,CAAC,KAAK,CAAC;IAC9B,MAAMsB,SAAS,GAAGtB,UAAU,CAACc,KAAK,CAACS,OAAO,CAAC;IAE3C,MAAMC,aAAa,GAAGzB,QAAQ,CAAC,MAAM,CAACe,KAAK,CAACW,QAAQ,IAAI,CAACX,KAAK,CAACY,QAAQ,CAAC;IAExE,MAAMC,OAAO,GAAG5B,QAAQ,CAAC,MAAMqB,KAAK,CAACQ,KAAK,IAAI,IAAI,CAAC;IAEnD,SAASC,SAASA,CAAEC,CAAgB,EAAE;MACpC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MAEvB,IAAI,CAACV,IAAI,CAACO,KAAK,IAAI,CAACN,SAAS,CAACM,KAAK,EAAE;QACnCP,IAAI,CAACO,KAAK,GAAG,IAAI;QAEjB;MACF;MAEA,MAAMI,MAAM,GAAGF,CAAC,CAACE,MAA0B;MAE3CZ,KAAK,CAACQ,KAAK,GAAGI,MAAM,CAACJ,KAAK;IAC5B;IAEA,SAASK,OAAOA,CAAEH,CAAa,EAAE;MAC/BA,CAAC,CAACI,cAAc,CAAC,CAAC;MAClBJ,CAAC,CAACK,eAAe,CAAC,CAAC;MAEnBd,IAAI,CAACO,KAAK,GAAG,IAAI;IACnB;IAEA,SAASQ,MAAMA,CAAA,EAAI;MACjBf,IAAI,CAACO,KAAK,GAAG,KAAK;IACpB;IAEA,SAASS,QAAQA,CAAA,EAAI;MACnBhB,IAAI,CAACO,KAAK,GAAG,KAAK;IACpB;IAEAxB,SAAS,CAAC,MAAM;MACd,MAAMkC,gBAAgB,GAAG9C,YAAY,CAAC+C,WAAW,CAACzB,KAAK,CAAC;MACxD,MAAM0B,gBAAgB,GAAGlD,YAAY,CAACiD,WAAW,CAACrC,IAAI,CAACY,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;MACnF,MAAM2B,cAAc,GAAG7C,UAAU,CAAC2C,WAAW,CAACrC,IAAI,CAACY,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;MAEhF,MAAM4B,UAAU,GAAG,CAAC,EAAEvB,KAAK,CAACwB,OAAO,IAAI7B,KAAK,CAACN,OAAO,CAAC;MAErD,OAAAoC,YAAA,CAAAhD,UAAA,EAAAiD,WAAA,CAESJ,cAAc;QAAA,SACZ,CACL,eAAe,EACf3B,KAAK,CAACgC,KAAK,CACZ;QAAA,SACOhC,KAAK,CAACiC,KAAK;QAAA,cACNpB,OAAO,CAACC,KAAK;QAAA,aACdJ,aAAa,CAACI,KAAK,GAAGC,SAAS,GAAGmB,SAAS;QAAA,WAC7C3B,IAAI,CAACO,KAAK,IAAIN,SAAS,CAACM,KAAK;QAAA,mBACrBJ,aAAa,CAACI,KAAK,GAAGK,OAAO,GAAGe,SAAS;QAAA,wBACpCxB,aAAa,CAACI,KAAK,GAAGK,OAAO,GAAGe,SAAS;QAAA,oBAC7CC,KAAK,IAAI3B,SAAS,CAACM,KAAK,GAAGqB,KAAK;QAAA,uBAC7BzB,aAAa,CAACI,KAAK,GAAGK,OAAO,GAAGe,SAAS;QAAA,uBACzChC,GAAG,IAAI;UAC3BI,KAAK,CAACQ,KAAK,GAAGZ,GAAG;QACnB;MAAC;QAGC,GAAGG,KAAK;QACRwB,OAAO,EAAE7B,KAAK,CAACN,OAAO,GAAG0C,GAAG,IAAAC,mBAAA,CAAAC,SAAA,SAEvBV,UAAU,IAAAE,YAAA,CAAAnD,KAAA;UAAA,SAECqB,KAAK,CAACR,GAAG,GAAGc,KAAK,CAACQ,KAAK,GAAaoB,SAAS;UAAA,QAC9ClC,KAAK,CAACN;QAAO,QAExB,EAEEW,KAAK,CAACwB,OAAO,GAAGO,GAAG,CAAC,EAEzB,GAAGF,SAAS;QACbrC,OAAO,EAAEA,CAAA,KAAAwC,mBAAA,CAAAC,SAAA,SAAAR,YAAA,CAAAlD,KAAA;UAAA,cAGO2B,IAAI,CAACO,KAAK;UAAA,uBAAAyB,MAAA,IAAVhC,IAAI,CAACO,KAAK,GAAAyB,MAAA;UAAA;UAAA;UAAA,uBAGE,KAAK;UAAA,eACb;QAAK;UAAA1C,OAAA,EAAAA,CAAA,MAAAiC,YAAA,CAAApD,YAAA,EAAAqD,WAAA,CAGZP,gBAAgB;YAAA,cACXlB,KAAK,CAACQ,KAAK;YAAA,uBAAAyB,MAAA,IAAXjC,KAAK,CAACQ,KAAK,GAAAyB,MAAA;YAAA,UACZjB,MAAM;YAAA,YACJC;UAAQ;YAGjB1B,OAAO,EAAE2C,KAAA,IAA8D;cAAA,IAA7D;gBAAEC,OAAO;gBAAEnC,KAAK,EAAEoC,UAAU;gBAAEC,IAAI;gBAAEC,MAAM;gBAAEC;cAAW,CAAC,GAAAL,KAAA;cAChE,SAASM,aAAaA,CAAEhC,KAAa,EAAE;gBACrC,IAAI,CAACd,KAAK,CAAC+C,WAAW,EAAE;kBACtBL,UAAU,CAAC5B,KAAK,GAAGA,KAAK;gBAC1B,CAAC,MAAM;kBACLR,KAAK,CAACQ,KAAK,GAAGA,KAAK;gBACrB;cACF;cAEA,OAAAgB,YAAA,CAAAtD,YAAA,EAAAuD,WAAA,CAESL,gBAAgB;gBAAA,cACR1B,KAAK,CAAC+C,WAAW,GAAGzC,KAAK,CAACQ,KAAK,GAAG4B,UAAU,CAAC5B,KAAK;gBAAA,uBACzCA,KAAK,IAAIgC,aAAa,CAAChC,KAAK,CAAC;gBAAA,eACpCE,CAAa,IAAKA,CAAC,CAACI,cAAc,CAAC;cAAC;gBAGjDqB,OAAO,EAAE,CAACzC,KAAK,CAAC+C,WAAW,GAAG,MAAM1C,KAAK,CAACoC,OAAO,GAAG;kBAAEE,IAAI;kBAAEC,MAAM;kBAAEC;gBAAW,CAAC,CAAC,IAAIJ,OAAO,CAAC,CAAC,GAAGP;cAAS;YAIlH;UAAC;QAAA,IAKL7B,KAAK,CAACR,OAAO,GAAG,CAAC;MAEtB;IAIT,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}
|
@@ -47,9 +47,10 @@ export const VFileUploadItem = genericComponent()({
|
|
47
47
|
useRender(() => {
|
48
48
|
const listItemProps = VListItem.filterProps(props);
|
49
49
|
return _createVNode(VListItem, _mergeProps(listItemProps, {
|
50
|
+
"class": ['v-file-upload-item', props.class],
|
50
51
|
"title": props.title ?? props.file?.name,
|
51
52
|
"subtitle": props.showSize ? humanReadableFileSize(props.file?.size, base.value) : props.file?.type,
|
52
|
-
"
|
53
|
+
"style": props.style
|
53
54
|
}), {
|
54
55
|
...slots,
|
55
56
|
title: () => props?.title ?? props.file?.name,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VFileUploadItem.js","names":["VAvatar","VBtn","VDefaultsProvider","makeVListItemProps","VListItem","computed","ref","watchEffect","genericComponent","humanReadableFileSize","propsFactory","useRender","makeVFileUploadItemProps","clearable","Boolean","file","type","Object","default","fileIcon","String","showSize","border","rounded","lines","VFileUploadItem","name","props","emits","click:remove","click","e","setup","_ref","emit","slots","preview","base","undefined","onClickRemove","value","startsWith","URL","createObjectURL","listItemProps","filterProps","_createVNode","_mergeProps","title","size","prepend","slotProps","_createElementVNode","_Fragment","image","icon","append","clear","density","variant","onClick"],"sources":["../../../src/labs/VFileUpload/VFileUploadItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '@/components/VAvatar/VAvatar'\nimport { VBtn } from '@/components/VBtn/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\n\n// Utilities\nimport { computed, ref, watchEffect } from 'vue'\nimport { genericComponent, humanReadableFileSize, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport type VFileUploadItemSlots = {\n clear: {\n props: { onClick: () => void }\n }\n} & VListItemSlots\n\nexport const makeVFileUploadItemProps = propsFactory({\n clearable: Boolean,\n file: {\n type: Object as PropType<File>,\n default: null,\n },\n fileIcon: {\n type: String,\n // TODO: setup up a proper aliased icon\n default: 'mdi-file-document',\n },\n showSize: Boolean,\n\n ...makeVListItemProps({\n border: true,\n rounded: true,\n lines: 'two' as const,\n }),\n}, 'VFileUploadItem')\n\nexport const VFileUploadItem = genericComponent<VFileUploadItemSlots>()({\n name: 'VFileUploadItem',\n\n props: makeVFileUploadItemProps(),\n\n emits: {\n 'click:remove': () => true,\n click: (e: MouseEvent | KeyboardEvent) => true,\n },\n\n setup (props, { emit, slots }) {\n const preview = ref()\n const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n\n function onClickRemove () {\n emit('click:remove')\n }\n\n watchEffect(() => {\n preview.value = props.file?.type.startsWith('image') ? URL.createObjectURL(props.file) : undefined\n })\n\n useRender(() => {\n const listItemProps = VListItem.filterProps(props)\n\n return (\n <VListItem\n { ...listItemProps }\n title={ props.title ?? props.file?.name }\n subtitle={ props.showSize ? humanReadableFileSize(props.file?.size, base.value) : props.file?.type }\n
|
1
|
+
{"version":3,"file":"VFileUploadItem.js","names":["VAvatar","VBtn","VDefaultsProvider","makeVListItemProps","VListItem","computed","ref","watchEffect","genericComponent","humanReadableFileSize","propsFactory","useRender","makeVFileUploadItemProps","clearable","Boolean","file","type","Object","default","fileIcon","String","showSize","border","rounded","lines","VFileUploadItem","name","props","emits","click:remove","click","e","setup","_ref","emit","slots","preview","base","undefined","onClickRemove","value","startsWith","URL","createObjectURL","listItemProps","filterProps","_createVNode","_mergeProps","class","title","size","style","prepend","slotProps","_createElementVNode","_Fragment","image","icon","append","clear","density","variant","onClick"],"sources":["../../../src/labs/VFileUpload/VFileUploadItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '@/components/VAvatar/VAvatar'\nimport { VBtn } from '@/components/VBtn/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\n\n// Utilities\nimport { computed, ref, watchEffect } from 'vue'\nimport { genericComponent, humanReadableFileSize, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport type VFileUploadItemSlots = {\n clear: {\n props: { onClick: () => void }\n }\n} & VListItemSlots\n\nexport const makeVFileUploadItemProps = propsFactory({\n clearable: Boolean,\n file: {\n type: Object as PropType<File>,\n default: null,\n },\n fileIcon: {\n type: String,\n // TODO: setup up a proper aliased icon\n default: 'mdi-file-document',\n },\n showSize: Boolean,\n\n ...makeVListItemProps({\n border: true,\n rounded: true,\n lines: 'two' as const,\n }),\n}, 'VFileUploadItem')\n\nexport const VFileUploadItem = genericComponent<VFileUploadItemSlots>()({\n name: 'VFileUploadItem',\n\n props: makeVFileUploadItemProps(),\n\n emits: {\n 'click:remove': () => true,\n click: (e: MouseEvent | KeyboardEvent) => true,\n },\n\n setup (props, { emit, slots }) {\n const preview = ref()\n const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n\n function onClickRemove () {\n emit('click:remove')\n }\n\n watchEffect(() => {\n preview.value = props.file?.type.startsWith('image') ? URL.createObjectURL(props.file) : undefined\n })\n\n useRender(() => {\n const listItemProps = VListItem.filterProps(props)\n\n return (\n <VListItem\n { ...listItemProps }\n class={[\n 'v-file-upload-item',\n props.class,\n ]}\n title={ props.title ?? props.file?.name }\n subtitle={ props.showSize ? humanReadableFileSize(props.file?.size, base.value) : props.file?.type }\n style={ props.style }\n >\n {{\n ...slots,\n title: () => props?.title ?? props.file?.name,\n prepend: slotProps => (\n <>\n { !slots.prepend ? (\n <VAvatar\n icon={ props.fileIcon }\n image={ preview.value }\n rounded\n />\n ) : (\n <VDefaultsProvider\n defaults={{\n VAvatar: {\n image: preview.value,\n icon: !preview.value ? props.fileIcon : undefined,\n rounded: true,\n },\n }}\n >\n { slots.prepend?.(slotProps) ?? (\n <VAvatar />\n )}\n </VDefaultsProvider>\n )}\n </>\n ),\n append: slotProps => (\n <>\n { props.clearable && (\n <>\n { !slots.clear ? (\n <VBtn\n icon=\"$clear\"\n density=\"comfortable\"\n variant=\"text\"\n onClick={ onClickRemove }\n />\n ) : (\n <VDefaultsProvider\n defaults={{\n VBtn: {\n icon: '$clear',\n density: 'comfortable',\n variant: 'text',\n },\n }}\n >\n { slots.clear?.({\n ...slotProps,\n props: { onClick: onClickRemove },\n }) ?? (<VBtn />)}\n </VDefaultsProvider>\n )}\n </>\n )}\n\n { slots.append?.(slotProps) }\n </>\n ),\n }}\n </VListItem>\n )\n })\n },\n})\n\nexport type VFileUploadItem = InstanceType<typeof VFileUploadItem>\n"],"mappings":"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","ignoreList":[]}
|