@vuetify/nightly 3.1.2-next-20230113.0 → 3.1.2
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 +15 -2
- package/dist/json/importMap.json +56 -56
- package/dist/vuetify-labs.css +178 -177
- package/dist/vuetify-labs.d.ts +40 -3
- package/dist/vuetify-labs.esm.js +158 -90
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +158 -90
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +203 -202
- package/dist/vuetify.d.ts +56 -19
- package/dist/vuetify.esm.js +105 -74
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +105 -74
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +52 -52
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.mjs +1 -0
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VBtn/VBtn.mjs +9 -3
- package/lib/components/VBtn/VBtn.mjs.map +1 -1
- package/lib/components/VCard/VCard.mjs +5 -2
- package/lib/components/VCard/VCard.mjs.map +1 -1
- package/lib/components/VCard/index.d.ts +8 -2
- package/lib/components/VCombobox/VCombobox.mjs +2 -1
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VFileInput/VFileInput.css +1 -0
- package/lib/components/VFileInput/VFileInput.sass +1 -0
- package/lib/components/VList/VListItem.css +1 -1
- package/lib/components/VList/VListItem.mjs +5 -1
- package/lib/components/VList/VListItem.mjs.map +1 -1
- package/lib/components/VList/VListItem.sass +1 -1
- package/lib/components/VList/index.d.ts +20 -1
- package/lib/components/VProgressLinear/VProgressLinear.mjs +13 -1
- package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
- package/lib/components/VProgressLinear/index.d.ts +18 -0
- package/lib/components/VSelect/VSelect.mjs +1 -0
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSlider/VSliderThumb.mjs +5 -1
- package/lib/components/VSlider/VSliderThumb.mjs.map +1 -1
- package/lib/components/index.d.ts +40 -3
- package/lib/composables/filter.mjs +3 -3
- package/lib/composables/filter.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/entry-bundler.mjs.map +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/framework.mjs.map +1 -1
- package/lib/index.d.ts +16 -16
- package/lib/labs/VDataTable/VDataTable.mjs +4 -1
- package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableGroupHeaderRow.mjs +3 -3
- package/lib/labs/VDataTable/VDataTableGroupHeaderRow.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableRows.mjs +36 -8
- package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableVirtual.mjs +4 -1
- package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
- package/lib/labs/VDataTable/composables/group.mjs +9 -4
- package/lib/labs/VDataTable/composables/group.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VListItem.mjs","names":["VAvatar","VDefaultsProvider","VIcon","VListItemSubtitle","VListItemTitle","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","useNestedItem","computed","watch","EventProp","genericComponent","useRender","VListItem","name","directives","props","active","type","Boolean","default","undefined","activeClass","String","activeColor","appendAvatar","appendIcon","disabled","lines","link","nav","prependAvatar","prependIcon","subtitle","Number","title","value","onClick","onClickOnce","variant","emits","click","e","setup","attrs","slots","emit","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","list","isActive","isLink","isClickable","roundedProps","rounded","variantProps","color","val","open","immediate","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","slotProps","navigate","onKeyDown","key","preventDefault","Tag","tag","hasColor","hasTitle","hasSubtitle","hasAppend","append","hasPrepend","prepend","updateHasPrepend","density","image","icon","VListItemAction","start","end"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { EventProp, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n isActive: boolean\n activate: (value: boolean) => void\n isSelected: boolean\n select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n $props: SlotsToProps<{\n prepend: [ListItemSlot]\n append: [ListItemSlot]\n default: [ListItemSlot]\n title: [ListItemTitleSlot]\n subtitle: [ListItemSubtitleSlot]\n }>\n}>()({\n name: 'VListItem',\n\n directives: { Ripple },\n\n props: {\n active: {\n type: Boolean,\n default: undefined,\n },\n activeClass: String,\n activeColor: String,\n appendAvatar: String,\n appendIcon: IconValue,\n disabled: Boolean,\n lines: String as PropType<'one' | 'two' | 'three'>,\n link: {\n type: Boolean,\n default: undefined,\n },\n nav: Boolean,\n prependAvatar: String,\n prependIcon: IconValue,\n subtitle: [String, Number, Boolean],\n title: [String, Number, Boolean],\n value: null,\n\n onClick: EventProp,\n onClickOnce: EventProp,\n\n ...makeBorderProps(),\n ...makeDensityProps(),\n ...makeDimensionProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeRouterProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n ...makeVariantProps({ variant: 'text' } as const),\n },\n\n emits: {\n click: (e: MouseEvent | KeyboardEvent) => true,\n },\n\n setup (props, { attrs, slots, emit }) {\n const link = useLink(props, attrs)\n const id = computed(() => props.value ?? link.href.value)\n const { select, isSelected, isIndeterminate, isGroupActivator, root, parent, openOnSelect } = useNestedItem(id, false)\n const list = useList()\n const isActive = computed(() =>\n props.active !== false &&\n (props.active || link.isActive?.value || isSelected.value)\n )\n const isLink = computed(() => props.link !== false && link.isLink.value)\n const isClickable = computed(() =>\n !props.disabled &&\n props.link !== false &&\n (props.link || link.isClickable.value || (props.value != null && !!list))\n )\n\n const roundedProps = computed(() => props.rounded || props.nav)\n const variantProps = computed(() => ({\n color: isActive.value ? props.activeColor ?? props.color : props.color,\n variant: props.variant,\n }))\n\n watch(() => link.isActive?.value, val => {\n if (val && parent.value != null) {\n root.open(parent.value, true)\n }\n\n if (val) {\n openOnSelect(val)\n }\n }, { immediate: true })\n\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n const { densityClasses } = useDensity(props)\n const { dimensionStyles } = useDimension(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(roundedProps)\n const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n const slotProps = computed(() => ({\n isActive: isActive.value,\n select,\n isSelected: isSelected.value,\n isIndeterminate: isIndeterminate.value,\n }))\n\n function onClick (e: MouseEvent) {\n emit('click', e)\n\n if (isGroupActivator || !isClickable.value) return\n\n link.navigate?.(e)\n props.value != null && select(!isSelected.value, e)\n }\n\n function onKeyDown (e: KeyboardEvent) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n onClick(e as any as MouseEvent)\n }\n }\n\n useRender(() => {\n const Tag = isLink.value ? 'a' : props.tag\n const hasColor = !list || isSelected.value || isActive.value\n const hasTitle = (slots.title || props.title)\n const hasSubtitle = (slots.subtitle || props.subtitle)\n const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n\n list?.updateHasPrepend(hasPrepend)\n\n return (\n <Tag\n class={[\n 'v-list-item',\n {\n 'v-list-item--active': isActive.value,\n 'v-list-item--disabled': props.disabled,\n 'v-list-item--link': isClickable.value,\n 'v-list-item--nav': props.nav,\n 'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n [`${props.activeClass}`]: props.activeClass && isActive.value,\n },\n themeClasses.value,\n borderClasses.value,\n hasColor ? colorClasses.value : undefined,\n densityClasses.value,\n elevationClasses.value,\n lineClasses.value,\n roundedClasses.value,\n variantClasses.value,\n ]}\n style={[\n hasColor ? colorStyles.value : undefined,\n dimensionStyles.value,\n ]}\n href={ link.href.value }\n tabindex={ isClickable.value ? 0 : undefined }\n onClick={ onClick }\n onKeydown={ isClickable.value && !isLink.value && onKeyDown }\n v-ripple={ isClickable.value }\n >\n { genOverlays(isClickable.value || isActive.value, 'v-list-item') }\n\n { hasPrepend && (\n <VDefaultsProvider\n key=\"prepend\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.prependAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.prependIcon,\n },\n VListItemAction: {\n start: true,\n },\n }}\n >\n <div class=\"v-list-item__prepend\">\n { props.prependAvatar && (\n <VAvatar key=\"prepend-avatar\" />\n ) }\n\n { props.prependIcon && (\n <VIcon key=\"prepend-icon\" />\n ) }\n\n { slots.prepend?.(slotProps.value) }\n </div>\n </VDefaultsProvider>\n ) }\n\n <div class=\"v-list-item__content\" data-no-activator=\"\">\n { hasTitle && (\n <VListItemTitle key=\"title\">\n { slots.title?.({ title: props.title }) ?? props.title}\n </VListItemTitle>\n ) }\n\n { hasSubtitle && (\n <VListItemSubtitle key=\"subtitle\">\n { slots.subtitle?.({ subtitle: props.subtitle }) ?? props.subtitle }\n </VListItemSubtitle>\n ) }\n\n { slots.default?.(slotProps.value) }\n </div>\n\n { hasAppend && (\n <VDefaultsProvider\n key=\"append\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.appendAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.appendIcon,\n },\n VListItemAction: {\n end: true,\n },\n }}\n >\n <div class=\"v-list-item__append\">\n { slots.append?.(slotProps.value) }\n\n { props.appendIcon && (\n <VIcon key=\"append-icon\" />\n ) }\n\n { props.appendAvatar && (\n <VAvatar key=\"append-avatar\" />\n ) }\n </div>\n </VDefaultsProvider>\n ) }\n </Tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VListItem.mjs","names":["VAvatar","VDefaultsProvider","VIcon","VListItemSubtitle","VListItemTitle","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","useNestedItem","computed","watch","EventProp","genericComponent","useRender","VListItem","name","directives","props","active","type","Boolean","default","undefined","activeClass","String","activeColor","appendAvatar","appendIcon","disabled","lines","link","nav","prependAvatar","prependIcon","ripple","subtitle","Number","title","value","onClick","onClickOnce","variant","emits","click","e","setup","attrs","slots","emit","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","list","isActive","isLink","isClickable","roundedProps","rounded","variantProps","color","val","open","immediate","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","slotProps","navigate","onKeyDown","key","preventDefault","Tag","tag","hasColor","hasTitle","hasSubtitle","hasAppend","append","hasPrepend","prepend","updateHasPrepend","density","image","icon","VListItemAction","start","end"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { EventProp, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n isActive: boolean\n activate: (value: boolean) => void\n isSelected: boolean\n select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n $props: SlotsToProps<{\n prepend: [ListItemSlot]\n append: [ListItemSlot]\n default: [ListItemSlot]\n title: [ListItemTitleSlot]\n subtitle: [ListItemSubtitleSlot]\n }>\n}>()({\n name: 'VListItem',\n\n directives: { Ripple },\n\n props: {\n active: {\n type: Boolean,\n default: undefined,\n },\n activeClass: String,\n activeColor: String,\n appendAvatar: String,\n appendIcon: IconValue,\n disabled: Boolean,\n lines: String as PropType<'one' | 'two' | 'three'>,\n link: {\n type: Boolean,\n default: undefined,\n },\n nav: Boolean,\n prependAvatar: String,\n prependIcon: IconValue,\n ripple: {\n type: Boolean,\n default: true,\n },\n subtitle: [String, Number, Boolean],\n title: [String, Number, Boolean],\n value: null,\n\n onClick: EventProp,\n onClickOnce: EventProp,\n\n ...makeBorderProps(),\n ...makeDensityProps(),\n ...makeDimensionProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeRouterProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n ...makeVariantProps({ variant: 'text' } as const),\n },\n\n emits: {\n click: (e: MouseEvent | KeyboardEvent) => true,\n },\n\n setup (props, { attrs, slots, emit }) {\n const link = useLink(props, attrs)\n const id = computed(() => props.value ?? link.href.value)\n const { select, isSelected, isIndeterminate, isGroupActivator, root, parent, openOnSelect } = useNestedItem(id, false)\n const list = useList()\n const isActive = computed(() =>\n props.active !== false &&\n (props.active || link.isActive?.value || isSelected.value)\n )\n const isLink = computed(() => props.link !== false && link.isLink.value)\n const isClickable = computed(() =>\n !props.disabled &&\n props.link !== false &&\n (props.link || link.isClickable.value || (props.value != null && !!list))\n )\n\n const roundedProps = computed(() => props.rounded || props.nav)\n const variantProps = computed(() => ({\n color: isActive.value ? props.activeColor ?? props.color : props.color,\n variant: props.variant,\n }))\n\n watch(() => link.isActive?.value, val => {\n if (val && parent.value != null) {\n root.open(parent.value, true)\n }\n\n if (val) {\n openOnSelect(val)\n }\n }, { immediate: true })\n\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n const { densityClasses } = useDensity(props)\n const { dimensionStyles } = useDimension(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(roundedProps)\n const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n const slotProps = computed(() => ({\n isActive: isActive.value,\n select,\n isSelected: isSelected.value,\n isIndeterminate: isIndeterminate.value,\n }))\n\n function onClick (e: MouseEvent) {\n emit('click', e)\n\n if (isGroupActivator || !isClickable.value) return\n\n link.navigate?.(e)\n props.value != null && select(!isSelected.value, e)\n }\n\n function onKeyDown (e: KeyboardEvent) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n onClick(e as any as MouseEvent)\n }\n }\n\n useRender(() => {\n const Tag = isLink.value ? 'a' : props.tag\n const hasColor = !list || isSelected.value || isActive.value\n const hasTitle = (slots.title || props.title)\n const hasSubtitle = (slots.subtitle || props.subtitle)\n const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n\n list?.updateHasPrepend(hasPrepend)\n\n return (\n <Tag\n class={[\n 'v-list-item',\n {\n 'v-list-item--active': isActive.value,\n 'v-list-item--disabled': props.disabled,\n 'v-list-item--link': isClickable.value,\n 'v-list-item--nav': props.nav,\n 'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n [`${props.activeClass}`]: props.activeClass && isActive.value,\n },\n themeClasses.value,\n borderClasses.value,\n hasColor ? colorClasses.value : undefined,\n densityClasses.value,\n elevationClasses.value,\n lineClasses.value,\n roundedClasses.value,\n variantClasses.value,\n ]}\n style={[\n hasColor ? colorStyles.value : undefined,\n dimensionStyles.value,\n ]}\n href={ link.href.value }\n tabindex={ isClickable.value ? 0 : undefined }\n onClick={ onClick }\n onKeydown={ isClickable.value && !isLink.value && onKeyDown }\n v-ripple={ isClickable.value && props.ripple }\n >\n { genOverlays(isClickable.value || isActive.value, 'v-list-item') }\n\n { hasPrepend && (\n <VDefaultsProvider\n key=\"prepend\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.prependAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.prependIcon,\n },\n VListItemAction: {\n start: true,\n },\n }}\n >\n <div class=\"v-list-item__prepend\">\n { props.prependAvatar && (\n <VAvatar key=\"prepend-avatar\" />\n ) }\n\n { props.prependIcon && (\n <VIcon key=\"prepend-icon\" />\n ) }\n\n { slots.prepend?.(slotProps.value) }\n </div>\n </VDefaultsProvider>\n ) }\n\n <div class=\"v-list-item__content\" data-no-activator=\"\">\n { hasTitle && (\n <VListItemTitle key=\"title\">\n { slots.title?.({ title: props.title }) ?? props.title}\n </VListItemTitle>\n ) }\n\n { hasSubtitle && (\n <VListItemSubtitle key=\"subtitle\">\n { slots.subtitle?.({ subtitle: props.subtitle }) ?? props.subtitle }\n </VListItemSubtitle>\n ) }\n\n { slots.default?.(slotProps.value) }\n </div>\n\n { hasAppend && (\n <VDefaultsProvider\n key=\"append\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.appendAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.appendIcon,\n },\n VListItemAction: {\n end: true,\n },\n }}\n >\n <div class=\"v-list-item__append\">\n { slots.append?.(slotProps.value) }\n\n { props.appendIcon && (\n <VIcon key=\"append-icon\" />\n ) }\n\n { props.appendAvatar && (\n <VAvatar key=\"append-avatar\" />\n ) }\n </div>\n </VDefaultsProvider>\n ) }\n </Tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":"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"}
|
|
@@ -822,6 +822,7 @@ declare const VListItem: {
|
|
|
822
822
|
rounded: string | number | boolean;
|
|
823
823
|
density: Density;
|
|
824
824
|
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
|
825
|
+
ripple: boolean;
|
|
825
826
|
}> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
|
|
826
827
|
color: StringConstructor;
|
|
827
828
|
variant: Omit<{
|
|
@@ -878,6 +879,10 @@ declare const VListItem: {
|
|
|
878
879
|
nav: BooleanConstructor;
|
|
879
880
|
prependAvatar: StringConstructor;
|
|
880
881
|
prependIcon: PropType<IconValue>;
|
|
882
|
+
ripple: {
|
|
883
|
+
type: BooleanConstructor;
|
|
884
|
+
default: boolean;
|
|
885
|
+
};
|
|
881
886
|
subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
882
887
|
title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
883
888
|
value: null;
|
|
@@ -885,7 +890,7 @@ declare const VListItem: {
|
|
|
885
890
|
onClickOnce: PropType<EventProp<(...args: any[]) => any>>;
|
|
886
891
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">>> & {
|
|
887
892
|
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
|
|
888
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "disabled" | "tag" | "rounded" | "density" | "variant">;
|
|
893
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "disabled" | "tag" | "rounded" | "density" | "variant" | "ripple">;
|
|
889
894
|
$attrs: {
|
|
890
895
|
[x: string]: unknown;
|
|
891
896
|
};
|
|
@@ -955,6 +960,10 @@ declare const VListItem: {
|
|
|
955
960
|
nav: BooleanConstructor;
|
|
956
961
|
prependAvatar: StringConstructor;
|
|
957
962
|
prependIcon: PropType<IconValue>;
|
|
963
|
+
ripple: {
|
|
964
|
+
type: BooleanConstructor;
|
|
965
|
+
default: boolean;
|
|
966
|
+
};
|
|
958
967
|
subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
959
968
|
title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
960
969
|
value: null;
|
|
@@ -975,6 +984,7 @@ declare const VListItem: {
|
|
|
975
984
|
rounded: string | number | boolean;
|
|
976
985
|
density: Density;
|
|
977
986
|
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
|
987
|
+
ripple: boolean;
|
|
978
988
|
}> & {
|
|
979
989
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
980
990
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -1051,6 +1061,10 @@ declare const VListItem: {
|
|
|
1051
1061
|
nav: BooleanConstructor;
|
|
1052
1062
|
prependAvatar: StringConstructor;
|
|
1053
1063
|
prependIcon: PropType<IconValue>;
|
|
1064
|
+
ripple: {
|
|
1065
|
+
type: BooleanConstructor;
|
|
1066
|
+
default: boolean;
|
|
1067
|
+
};
|
|
1054
1068
|
subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
1055
1069
|
title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
1056
1070
|
value: null;
|
|
@@ -1118,6 +1132,10 @@ declare const VListItem: {
|
|
|
1118
1132
|
nav: BooleanConstructor;
|
|
1119
1133
|
prependAvatar: StringConstructor;
|
|
1120
1134
|
prependIcon: PropType<IconValue>;
|
|
1135
|
+
ripple: {
|
|
1136
|
+
type: BooleanConstructor;
|
|
1137
|
+
default: boolean;
|
|
1138
|
+
};
|
|
1121
1139
|
subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
1122
1140
|
title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
1123
1141
|
value: null;
|
|
@@ -1138,6 +1156,7 @@ declare const VListItem: {
|
|
|
1138
1156
|
rounded: string | number | boolean;
|
|
1139
1157
|
density: Density;
|
|
1140
1158
|
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
|
1159
|
+
ripple: boolean;
|
|
1141
1160
|
}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
1142
1161
|
$props: SlotsToProps<{
|
|
1143
1162
|
prepend: [ListItemSlot];
|
|
@@ -5,6 +5,7 @@ import "./VProgressLinear.css";
|
|
|
5
5
|
// Composables
|
|
6
6
|
import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
|
|
7
7
|
import { makeTagProps } from "../../composables/tag.mjs";
|
|
8
|
+
import { makeLocationProps, useLocation } from "../../composables/location.mjs";
|
|
8
9
|
import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
|
|
9
10
|
import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
|
|
10
11
|
import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
|
|
@@ -15,6 +16,7 @@ import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs"
|
|
|
15
16
|
export const VProgressLinear = defineComponent({
|
|
16
17
|
name: 'VProgressLinear',
|
|
17
18
|
props: {
|
|
19
|
+
absolute: Boolean,
|
|
18
20
|
active: {
|
|
19
21
|
type: Boolean,
|
|
20
22
|
default: true
|
|
@@ -44,6 +46,9 @@ export const VProgressLinear = defineComponent({
|
|
|
44
46
|
stream: Boolean,
|
|
45
47
|
striped: Boolean,
|
|
46
48
|
roundedBar: Boolean,
|
|
49
|
+
...makeLocationProps({
|
|
50
|
+
location: 'top'
|
|
51
|
+
}),
|
|
47
52
|
...makeRoundedProps(),
|
|
48
53
|
...makeTagProps(),
|
|
49
54
|
...makeThemeProps()
|
|
@@ -62,6 +67,9 @@ export const VProgressLinear = defineComponent({
|
|
|
62
67
|
const {
|
|
63
68
|
themeClasses
|
|
64
69
|
} = provideTheme(props);
|
|
70
|
+
const {
|
|
71
|
+
locationStyles
|
|
72
|
+
} = useLocation(props);
|
|
65
73
|
const {
|
|
66
74
|
textColorClasses,
|
|
67
75
|
textColorStyles
|
|
@@ -103,6 +111,7 @@ export const VProgressLinear = defineComponent({
|
|
|
103
111
|
useRender(() => _createVNode(props.tag, {
|
|
104
112
|
"ref": intersectionRef,
|
|
105
113
|
"class": ['v-progress-linear', {
|
|
114
|
+
'v-progress-linear--absolute': props.absolute,
|
|
106
115
|
'v-progress-linear--active': props.active && isIntersecting.value,
|
|
107
116
|
'v-progress-linear--reverse': isReversed.value,
|
|
108
117
|
'v-progress-linear--rounded': props.rounded,
|
|
@@ -110,8 +119,11 @@ export const VProgressLinear = defineComponent({
|
|
|
110
119
|
'v-progress-linear--striped': props.striped
|
|
111
120
|
}, roundedClasses.value, themeClasses.value],
|
|
112
121
|
"style": {
|
|
122
|
+
bottom: props.location === 'bottom' ? 0 : undefined,
|
|
123
|
+
top: props.location === 'top' ? 0 : undefined,
|
|
113
124
|
height: props.active ? convertToUnit(height.value) : 0,
|
|
114
|
-
'--v-progress-linear-height': convertToUnit(height.value)
|
|
125
|
+
'--v-progress-linear-height': convertToUnit(height.value),
|
|
126
|
+
...locationStyles.value
|
|
115
127
|
},
|
|
116
128
|
"role": "progressbar",
|
|
117
129
|
"aria-hidden": props.active ? 'false' : 'true',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","defineComponent","useRender","VProgressLinear","name","props","active","type","Boolean","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","emits","value","setup","slots","progress","isRtl","themeClasses","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","undefined","borderTop","top","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\nexport const VProgressLinear = defineComponent({\n name: 'VProgressLinear',\n\n props: {\n active: {\n type: Boolean,\n default: true,\n },\n bgColor: String,\n bgOpacity: [Number, String],\n bufferValue: {\n type: [Number, String],\n default: 0,\n },\n clickable: Boolean,\n color: String,\n height: {\n type: [Number, String],\n default: 4,\n },\n indeterminate: Boolean,\n max: {\n type: [Number, String],\n default: 100,\n },\n modelValue: {\n type: [Number, String],\n default: 0,\n },\n reverse: Boolean,\n stream: Boolean,\n striped: Boolean,\n roundedBar: Boolean,\n\n ...makeRoundedProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n },\n\n emits: {\n 'update:modelValue': (value: number) => true,\n },\n\n setup (props, { slots }) {\n const progress = useProxiedModel(props, 'modelValue')\n const { isRtl } = useRtl()\n const { themeClasses } = provideTheme(props)\n const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n const { roundedClasses } = useRounded(props)\n const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n const max = computed(() => parseInt(props.max, 10))\n const height = computed(() => parseInt(props.height, 10))\n const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n const isReversed = computed(() => isRtl.value !== props.reverse)\n const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n const opacity = computed(() => {\n return props.bgOpacity == null\n ? props.bgOpacity\n : parseFloat(props.bgOpacity)\n })\n\n function handleClick (e: MouseEvent) {\n if (!intersectionRef.value) return\n\n const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n progress.value = Math.round(value / width * max.value)\n }\n\n useRender(() => (\n <props.tag\n ref={ intersectionRef }\n class={[\n 'v-progress-linear',\n {\n 'v-progress-linear--active': props.active && isIntersecting.value,\n 'v-progress-linear--reverse': isReversed.value,\n 'v-progress-linear--rounded': props.rounded,\n 'v-progress-linear--rounded-bar': props.roundedBar,\n 'v-progress-linear--striped': props.striped,\n },\n roundedClasses.value,\n themeClasses.value,\n ]}\n style={{\n height: props.active ? convertToUnit(height.value) : 0,\n '--v-progress-linear-height': convertToUnit(height.value),\n }}\n role=\"progressbar\"\n aria-hidden={ props.active ? 'false' : 'true' }\n aria-valuemin=\"0\"\n aria-valuemax={ props.max }\n aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n onClick={ props.clickable && handleClick }\n >\n { props.stream && (\n <div\n key=\"stream\"\n class={[\n 'v-progress-linear__stream',\n textColorClasses.value,\n ]}\n style={{\n ...textColorStyles.value,\n [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n borderTop: `${convertToUnit(height.value / 2)} dotted`,\n opacity: opacity.value,\n top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n width: convertToUnit(100 - normalizedBuffer.value, '%'),\n '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n }}\n />\n ) }\n\n <div\n class={[\n 'v-progress-linear__background',\n backgroundColorClasses.value,\n ]}\n style={[\n backgroundColorStyles.value,\n {\n opacity: opacity.value,\n width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n },\n ]}\n />\n\n <Transition name={ transition.value }>\n { !props.indeterminate ? (\n <div\n class={[\n 'v-progress-linear__determinate',\n barColorClasses.value,\n ]}\n style={[\n barColorStyles.value,\n { width: convertToUnit(normalizedValue.value, '%') },\n ]}\n />\n ) : (\n <div class=\"v-progress-linear__indeterminate\">\n { ['long', 'short'].map(bar => (\n <div\n key={ bar }\n class={[\n 'v-progress-linear__indeterminate',\n bar,\n barColorClasses.value,\n ]}\n style={ barColorStyles.value }\n />\n )) }\n </div>\n ) }\n </Transition>\n\n { slots.default && (\n <div class=\"v-progress-linear__content\">\n { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n </div>\n ) }\n </props.tag>\n ))\n\n return {}\n },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeLocationProps","useLocation","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","defineComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","slots","progress","isRtl","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","bottom","undefined","top","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\nexport const VProgressLinear = defineComponent({\n name: 'VProgressLinear',\n\n props: {\n absolute: Boolean,\n active: {\n type: Boolean,\n default: true,\n },\n bgColor: String,\n bgOpacity: [Number, String],\n bufferValue: {\n type: [Number, String],\n default: 0,\n },\n clickable: Boolean,\n color: String,\n height: {\n type: [Number, String],\n default: 4,\n },\n indeterminate: Boolean,\n max: {\n type: [Number, String],\n default: 100,\n },\n modelValue: {\n type: [Number, String],\n default: 0,\n },\n reverse: Boolean,\n stream: Boolean,\n striped: Boolean,\n roundedBar: Boolean,\n\n ...makeLocationProps({ location: 'top' } as const),\n ...makeRoundedProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n },\n\n emits: {\n 'update:modelValue': (value: number) => true,\n },\n\n setup (props, { slots }) {\n const progress = useProxiedModel(props, 'modelValue')\n const { isRtl } = useRtl()\n const { themeClasses } = provideTheme(props)\n const { locationStyles } = useLocation(props)\n const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n const { roundedClasses } = useRounded(props)\n const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n const max = computed(() => parseInt(props.max, 10))\n const height = computed(() => parseInt(props.height, 10))\n const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n const isReversed = computed(() => isRtl.value !== props.reverse)\n const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n const opacity = computed(() => {\n return props.bgOpacity == null\n ? props.bgOpacity\n : parseFloat(props.bgOpacity)\n })\n\n function handleClick (e: MouseEvent) {\n if (!intersectionRef.value) return\n\n const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n progress.value = Math.round(value / width * max.value)\n }\n\n useRender(() => (\n <props.tag\n ref={ intersectionRef }\n class={[\n 'v-progress-linear',\n {\n 'v-progress-linear--absolute': props.absolute,\n 'v-progress-linear--active': props.active && isIntersecting.value,\n 'v-progress-linear--reverse': isReversed.value,\n 'v-progress-linear--rounded': props.rounded,\n 'v-progress-linear--rounded-bar': props.roundedBar,\n 'v-progress-linear--striped': props.striped,\n },\n roundedClasses.value,\n themeClasses.value,\n ]}\n style={{\n bottom: props.location === 'bottom' ? 0 : undefined,\n top: props.location === 'top' ? 0 : undefined,\n height: props.active ? convertToUnit(height.value) : 0,\n '--v-progress-linear-height': convertToUnit(height.value),\n ...locationStyles.value,\n }}\n role=\"progressbar\"\n aria-hidden={ props.active ? 'false' : 'true' }\n aria-valuemin=\"0\"\n aria-valuemax={ props.max }\n aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n onClick={ props.clickable && handleClick }\n >\n { props.stream && (\n <div\n key=\"stream\"\n class={[\n 'v-progress-linear__stream',\n textColorClasses.value,\n ]}\n style={{\n ...textColorStyles.value,\n [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n borderTop: `${convertToUnit(height.value / 2)} dotted`,\n opacity: opacity.value,\n top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n width: convertToUnit(100 - normalizedBuffer.value, '%'),\n '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n }}\n />\n ) }\n\n <div\n class={[\n 'v-progress-linear__background',\n backgroundColorClasses.value,\n ]}\n style={[\n backgroundColorStyles.value,\n {\n opacity: opacity.value,\n width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n },\n ]}\n />\n\n <Transition name={ transition.value }>\n { !props.indeterminate ? (\n <div\n class={[\n 'v-progress-linear__determinate',\n barColorClasses.value,\n ]}\n style={[\n barColorStyles.value,\n { width: convertToUnit(normalizedValue.value, '%') },\n ]}\n />\n ) : (\n <div class=\"v-progress-linear__indeterminate\">\n { ['long', 'short'].map(bar => (\n <div\n key={ bar }\n class={[\n 'v-progress-linear__indeterminate',\n bar,\n barColorClasses.value,\n ]}\n style={ barColorStyles.value }\n />\n )) }\n </div>\n ) }\n </Transition>\n\n { slots.default && (\n <div class=\"v-progress-linear__content\">\n { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n </div>\n ) }\n </props.tag>\n ))\n\n return {}\n },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
|
|
3
|
+
declare const block: readonly ["top", "bottom"];
|
|
4
|
+
declare const inline: readonly ["start", "end", "left", "right"];
|
|
5
|
+
declare type Tblock = typeof block[number];
|
|
6
|
+
declare type Tinline = typeof inline[number];
|
|
7
|
+
declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
|
|
8
|
+
|
|
3
9
|
declare const VProgressLinear: vue.DefineComponent<{
|
|
4
10
|
theme: StringConstructor;
|
|
5
11
|
tag: {
|
|
@@ -10,6 +16,11 @@ declare const VProgressLinear: vue.DefineComponent<{
|
|
|
10
16
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
11
17
|
default: undefined;
|
|
12
18
|
};
|
|
19
|
+
location: {
|
|
20
|
+
type: vue.PropType<Anchor | (Anchor & {})>;
|
|
21
|
+
default: Anchor | (Anchor & {});
|
|
22
|
+
};
|
|
23
|
+
absolute: BooleanConstructor;
|
|
13
24
|
active: {
|
|
14
25
|
type: BooleanConstructor;
|
|
15
26
|
default: boolean;
|
|
@@ -51,6 +62,11 @@ declare const VProgressLinear: vue.DefineComponent<{
|
|
|
51
62
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
52
63
|
default: undefined;
|
|
53
64
|
};
|
|
65
|
+
location: {
|
|
66
|
+
type: vue.PropType<Anchor | (Anchor & {})>;
|
|
67
|
+
default: Anchor | (Anchor & {});
|
|
68
|
+
};
|
|
69
|
+
absolute: BooleanConstructor;
|
|
54
70
|
active: {
|
|
55
71
|
type: BooleanConstructor;
|
|
56
72
|
default: boolean;
|
|
@@ -85,6 +101,8 @@ declare const VProgressLinear: vue.DefineComponent<{
|
|
|
85
101
|
}, {
|
|
86
102
|
reverse: boolean;
|
|
87
103
|
max: string | number;
|
|
104
|
+
absolute: boolean;
|
|
105
|
+
location: Anchor | (Anchor & {});
|
|
88
106
|
height: string | number;
|
|
89
107
|
active: boolean;
|
|
90
108
|
tag: string;
|
|
@@ -195,6 +195,7 @@ export const VSelect = genericComponent()({
|
|
|
195
195
|
"activator": "parent",
|
|
196
196
|
"contentClass": "v-select__content",
|
|
197
197
|
"eager": props.eager,
|
|
198
|
+
"maxHeight": 310,
|
|
198
199
|
"openOnClick": false,
|
|
199
200
|
"closeOnContentClick": false,
|
|
200
201
|
"transition": props.transition
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VSelect.mjs","names":["filterVTextFieldProps","makeVTextFieldProps","VCheckboxBtn","VChip","VDefaultsProvider","VDialogTransition","VList","VListItem","VMenu","VTextField","forwardRefs","IconValue","makeItemsProps","useItems","makeTransitionProps","useForm","useLocale","useProxiedModel","computed","mergeProps","ref","deepEqual","genericComponent","omit","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","eager","hideNoData","hideSelected","menu","menuIcon","type","default","menuProps","Object","multiple","noDataText","String","openOnClear","valueComparator","Function","itemChildren","VSelect","name","props","modelValue","transition","component","emits","val","setup","slots","t","vTextFieldRef","items","transformIn","transformOut","model","v","transformed","form","selections","value","map","find","item","selected","selection","displayItems","filter","some","s","listRef","onClear","e","onClickControl","length","readonly","isReadonly","onKeydown","includes","key","preventDefault","focus","select","index","findIndex","splice","onBlur","$el","contains","relatedTarget","onFocusout","hasChips","chip","hasList","prepend","append","textFieldProps","join","externalValue","onClick","isSelected","undefined","onChipClose","stopPropagation","slotProps","closable","size","text","title"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { filterVTextFieldProps, makeVTextFieldProps } from '@/components/VTextField/VTextField'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VDialogTransition } from '@/components/transitions'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { IconValue } from '@/composables/icons'\nimport { makeItemsProps, useItems } from '@/composables/items'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useForm } from '@/composables/form'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, mergeProps, ref } from 'vue'\nimport { deepEqual, genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { InternalItem } from '@/composables/items'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\n\nexport const makeSelectProps = propsFactory({\n chips: Boolean,\n closableChips: Boolean,\n eager: Boolean,\n hideNoData: Boolean,\n hideSelected: Boolean,\n menu: Boolean,\n menuIcon: {\n type: IconValue,\n default: '$dropdown',\n },\n menuProps: {\n type: Object as PropType<VMenu['$props']>,\n },\n multiple: Boolean,\n noDataText: {\n type: String,\n default: '$vuetify.noDataText',\n },\n openOnClear: Boolean,\n valueComparator: {\n type: Function as PropType<typeof deepEqual>,\n default: deepEqual,\n },\n\n ...makeItemsProps({ itemChildren: false }),\n}, 'v-select')\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n ? T\n : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n Multiple extends true\n ? readonly Val<T, ReturnObject>[]\n : Val<T, ReturnObject>\n\nexport const VSelect = genericComponent<new <\n T,\n ReturnObject extends boolean = false,\n Multiple extends boolean = false,\n V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n $props: {\n items?: readonly T[]\n returnObject?: ReturnObject\n multiple?: Multiple\n modelValue?: V\n 'onUpdate:modelValue'?: (val: V) => void\n } & SlotsToProps<\n Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n selection: [{ item: InternalItem<T>, index: number }]\n 'prepend-item': []\n 'append-item': []\n 'no-data': []\n }>\n >\n}>()({\n name: 'VSelect',\n\n props: {\n ...makeSelectProps(),\n ...omit(makeVTextFieldProps({\n modelValue: null,\n }), ['validationValue', 'dirty', 'appendInnerIcon']),\n ...makeTransitionProps({ transition: { component: VDialogTransition } }),\n },\n\n emits: {\n 'update:modelValue': (val: any) => true,\n 'update:menu': (val: boolean) => true,\n },\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const vTextFieldRef = ref()\n const menu = useProxiedModel(props, 'menu')\n const { items, transformIn, transformOut } = useItems(props)\n const model = useProxiedModel(\n props,\n 'modelValue',\n [],\n v => transformIn(wrapInArray(v)),\n v => {\n const transformed = transformOut(v)\n return props.multiple ? transformed : (transformed[0] ?? null)\n }\n )\n const form = useForm()\n const selections = computed(() => {\n return model.value.map(v => {\n return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n })\n })\n const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n const displayItems = computed(() => {\n if (props.hideSelected) {\n return items.value.filter(item => !selections.value.some(s => s === item))\n }\n return items.value\n })\n\n const listRef = ref<VList>()\n\n function onClear (e: MouseEvent) {\n model.value = []\n\n if (props.openOnClear) {\n menu.value = true\n }\n }\n function onClickControl () {\n if (\n (props.hideNoData && !items.value.length) ||\n props.readonly || form?.isReadonly.value\n ) return\n\n menu.value = !menu.value\n }\n function onKeydown (e: KeyboardEvent) {\n if (props.readonly || form?.isReadonly.value) return\n\n if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n e.preventDefault()\n menu.value = true\n }\n\n if (['Escape', 'Tab'].includes(e.key)) {\n menu.value = false\n }\n\n if (e.key === 'ArrowDown') {\n listRef.value?.focus('next')\n } else if (e.key === 'ArrowUp') {\n e.preventDefault()\n listRef.value?.focus('prev')\n } else if (e.key === 'Home') {\n e.preventDefault()\n listRef.value?.focus('first')\n } else if (e.key === 'End') {\n e.preventDefault()\n listRef.value?.focus('last')\n }\n }\n function select (item: InternalItem) {\n if (props.multiple) {\n const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n if (index === -1) {\n model.value = [...model.value, item]\n } else {\n const value = [...model.value]\n value.splice(index, 1)\n model.value = value\n }\n } else {\n model.value = [item]\n menu.value = false\n }\n }\n function onBlur (e: FocusEvent) {\n if (!listRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n menu.value = false\n }\n }\n function onFocusout (e: FocusEvent) {\n if (e.relatedTarget == null) {\n vTextFieldRef.value?.focus()\n }\n }\n\n useRender(() => {\n const hasChips = !!(props.chips || slots.chip)\n const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\n const [textFieldProps] = filterVTextFieldProps(props)\n\n return (\n <VTextField\n ref={ vTextFieldRef }\n { ...textFieldProps }\n modelValue={ model.value.map(v => v.props.value).join(', ') }\n onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n validationValue={ model.externalValue }\n dirty={ model.value.length > 0 }\n class={[\n 'v-select',\n {\n 'v-select--active-menu': menu.value,\n 'v-select--chips': !!props.chips,\n [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,\n 'v-select--selected': model.value.length,\n },\n ]}\n appendInnerIcon={ props.menuIcon }\n readonly\n onClick:clear={ onClear }\n onClick:control={ onClickControl }\n onBlur={ onBlur }\n onKeydown={ onKeydown }\n >\n {{\n ...slots,\n default: () => (\n <>\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n contentClass=\"v-select__content\"\n eager={ props.eager }\n openOnClick={ false }\n closeOnContentClick={ false }\n transition={ props.transition }\n { ...props.menuProps }\n >\n { hasList && (\n <VList\n ref={ listRef }\n selected={ selected.value }\n selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n onFocusout={ onFocusout }\n >\n { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n <VListItem title={ t(props.noDataText) } />\n )) }\n\n { slots['prepend-item']?.() }\n\n { displayItems.value.map((item, index) => {\n if (slots.item) {\n return slots.item?.({\n item,\n index,\n props: mergeProps(item.props, { onClick: () => select(item) }),\n })\n }\n\n return (\n <VListItem\n key={ index }\n { ...item.props }\n onClick={ () => select(item) }\n >\n {{\n prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n ) : undefined,\n }}\n </VListItem>\n )\n })}\n\n { slots['append-item']?.() }\n </VList>\n ) }\n </VMenu>\n\n { selections.value.map((item, index) => {\n function onChipClose (e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n select(item)\n }\n\n const slotProps = {\n 'onClick:close': onChipClose,\n modelValue: true,\n 'onUpdate:modelValue': undefined,\n }\n\n return (\n <div key={ item.value } class=\"v-select__selection\">\n { hasChips ? (\n <VDefaultsProvider\n defaults={{\n VChip: {\n closable: props.closableChips,\n size: 'small',\n text: item.title,\n },\n }}\n >\n { slots.chip\n ? slots.chip({ item, index, props: slotProps })\n : (<VChip { ...slotProps } />)\n }\n </VDefaultsProvider>\n ) : (\n slots.selection\n ? slots.selection({ item, index })\n : (\n <span class=\"v-select__selection-text\">\n { item.title }\n { props.multiple && (index < selections.value.length - 1) && (\n <span class=\"v-select__selection-comma\">,</span>\n ) }\n </span>\n )\n )}\n </div>\n )\n }) }\n </>\n ),\n }}\n </VTextField>\n )\n })\n\n return forwardRefs({\n menu,\n select,\n }, vTextFieldRef)\n },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VSelect.mjs","names":["filterVTextFieldProps","makeVTextFieldProps","VCheckboxBtn","VChip","VDefaultsProvider","VDialogTransition","VList","VListItem","VMenu","VTextField","forwardRefs","IconValue","makeItemsProps","useItems","makeTransitionProps","useForm","useLocale","useProxiedModel","computed","mergeProps","ref","deepEqual","genericComponent","omit","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","eager","hideNoData","hideSelected","menu","menuIcon","type","default","menuProps","Object","multiple","noDataText","String","openOnClear","valueComparator","Function","itemChildren","VSelect","name","props","modelValue","transition","component","emits","val","setup","slots","t","vTextFieldRef","items","transformIn","transformOut","model","v","transformed","form","selections","value","map","find","item","selected","selection","displayItems","filter","some","s","listRef","onClear","e","onClickControl","length","readonly","isReadonly","onKeydown","includes","key","preventDefault","focus","select","index","findIndex","splice","onBlur","$el","contains","relatedTarget","onFocusout","hasChips","chip","hasList","prepend","append","textFieldProps","join","externalValue","onClick","isSelected","undefined","onChipClose","stopPropagation","slotProps","closable","size","text","title"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { filterVTextFieldProps, makeVTextFieldProps } from '@/components/VTextField/VTextField'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VDialogTransition } from '@/components/transitions'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { IconValue } from '@/composables/icons'\nimport { makeItemsProps, useItems } from '@/composables/items'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useForm } from '@/composables/form'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, mergeProps, ref } from 'vue'\nimport { deepEqual, genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { InternalItem } from '@/composables/items'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\n\nexport const makeSelectProps = propsFactory({\n chips: Boolean,\n closableChips: Boolean,\n eager: Boolean,\n hideNoData: Boolean,\n hideSelected: Boolean,\n menu: Boolean,\n menuIcon: {\n type: IconValue,\n default: '$dropdown',\n },\n menuProps: {\n type: Object as PropType<VMenu['$props']>,\n },\n multiple: Boolean,\n noDataText: {\n type: String,\n default: '$vuetify.noDataText',\n },\n openOnClear: Boolean,\n valueComparator: {\n type: Function as PropType<typeof deepEqual>,\n default: deepEqual,\n },\n\n ...makeItemsProps({ itemChildren: false }),\n}, 'v-select')\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n ? T\n : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n Multiple extends true\n ? readonly Val<T, ReturnObject>[]\n : Val<T, ReturnObject>\n\nexport const VSelect = genericComponent<new <\n T,\n ReturnObject extends boolean = false,\n Multiple extends boolean = false,\n V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n $props: {\n items?: readonly T[]\n returnObject?: ReturnObject\n multiple?: Multiple\n modelValue?: V\n 'onUpdate:modelValue'?: (val: V) => void\n } & SlotsToProps<\n Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n selection: [{ item: InternalItem<T>, index: number }]\n 'prepend-item': []\n 'append-item': []\n 'no-data': []\n }>\n >\n}>()({\n name: 'VSelect',\n\n props: {\n ...makeSelectProps(),\n ...omit(makeVTextFieldProps({\n modelValue: null,\n }), ['validationValue', 'dirty', 'appendInnerIcon']),\n ...makeTransitionProps({ transition: { component: VDialogTransition } }),\n },\n\n emits: {\n 'update:modelValue': (val: any) => true,\n 'update:menu': (val: boolean) => true,\n },\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const vTextFieldRef = ref()\n const menu = useProxiedModel(props, 'menu')\n const { items, transformIn, transformOut } = useItems(props)\n const model = useProxiedModel(\n props,\n 'modelValue',\n [],\n v => transformIn(wrapInArray(v)),\n v => {\n const transformed = transformOut(v)\n return props.multiple ? transformed : (transformed[0] ?? null)\n }\n )\n const form = useForm()\n const selections = computed(() => {\n return model.value.map(v => {\n return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n })\n })\n const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n const displayItems = computed(() => {\n if (props.hideSelected) {\n return items.value.filter(item => !selections.value.some(s => s === item))\n }\n return items.value\n })\n\n const listRef = ref<VList>()\n\n function onClear (e: MouseEvent) {\n model.value = []\n\n if (props.openOnClear) {\n menu.value = true\n }\n }\n function onClickControl () {\n if (\n (props.hideNoData && !items.value.length) ||\n props.readonly || form?.isReadonly.value\n ) return\n\n menu.value = !menu.value\n }\n function onKeydown (e: KeyboardEvent) {\n if (props.readonly || form?.isReadonly.value) return\n\n if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n e.preventDefault()\n menu.value = true\n }\n\n if (['Escape', 'Tab'].includes(e.key)) {\n menu.value = false\n }\n\n if (e.key === 'ArrowDown') {\n listRef.value?.focus('next')\n } else if (e.key === 'ArrowUp') {\n e.preventDefault()\n listRef.value?.focus('prev')\n } else if (e.key === 'Home') {\n e.preventDefault()\n listRef.value?.focus('first')\n } else if (e.key === 'End') {\n e.preventDefault()\n listRef.value?.focus('last')\n }\n }\n function select (item: InternalItem) {\n if (props.multiple) {\n const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n if (index === -1) {\n model.value = [...model.value, item]\n } else {\n const value = [...model.value]\n value.splice(index, 1)\n model.value = value\n }\n } else {\n model.value = [item]\n menu.value = false\n }\n }\n function onBlur (e: FocusEvent) {\n if (!listRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n menu.value = false\n }\n }\n function onFocusout (e: FocusEvent) {\n if (e.relatedTarget == null) {\n vTextFieldRef.value?.focus()\n }\n }\n\n useRender(() => {\n const hasChips = !!(props.chips || slots.chip)\n const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\n const [textFieldProps] = filterVTextFieldProps(props)\n\n return (\n <VTextField\n ref={ vTextFieldRef }\n { ...textFieldProps }\n modelValue={ model.value.map(v => v.props.value).join(', ') }\n onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n validationValue={ model.externalValue }\n dirty={ model.value.length > 0 }\n class={[\n 'v-select',\n {\n 'v-select--active-menu': menu.value,\n 'v-select--chips': !!props.chips,\n [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,\n 'v-select--selected': model.value.length,\n },\n ]}\n appendInnerIcon={ props.menuIcon }\n readonly\n onClick:clear={ onClear }\n onClick:control={ onClickControl }\n onBlur={ onBlur }\n onKeydown={ onKeydown }\n >\n {{\n ...slots,\n default: () => (\n <>\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n contentClass=\"v-select__content\"\n eager={ props.eager }\n maxHeight={ 310 }\n openOnClick={ false }\n closeOnContentClick={ false }\n transition={ props.transition }\n { ...props.menuProps }\n >\n { hasList && (\n <VList\n ref={ listRef }\n selected={ selected.value }\n selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n onFocusout={ onFocusout }\n >\n { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n <VListItem title={ t(props.noDataText) } />\n )) }\n\n { slots['prepend-item']?.() }\n\n { displayItems.value.map((item, index) => {\n if (slots.item) {\n return slots.item?.({\n item,\n index,\n props: mergeProps(item.props, { onClick: () => select(item) }),\n })\n }\n\n return (\n <VListItem\n key={ index }\n { ...item.props }\n onClick={ () => select(item) }\n >\n {{\n prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n ) : undefined,\n }}\n </VListItem>\n )\n })}\n\n { slots['append-item']?.() }\n </VList>\n ) }\n </VMenu>\n\n { selections.value.map((item, index) => {\n function onChipClose (e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n select(item)\n }\n\n const slotProps = {\n 'onClick:close': onChipClose,\n modelValue: true,\n 'onUpdate:modelValue': undefined,\n }\n\n return (\n <div key={ item.value } class=\"v-select__selection\">\n { hasChips ? (\n <VDefaultsProvider\n defaults={{\n VChip: {\n closable: props.closableChips,\n size: 'small',\n text: item.title,\n },\n }}\n >\n { slots.chip\n ? slots.chip({ item, index, props: slotProps })\n : (<VChip { ...slotProps } />)\n }\n </VDefaultsProvider>\n ) : (\n slots.selection\n ? slots.selection({ item, index })\n : (\n <span class=\"v-select__selection-text\">\n { item.title }\n { props.multiple && (index < selections.value.length - 1) && (\n <span class=\"v-select__selection-comma\">,</span>\n ) }\n </span>\n )\n )}\n </div>\n )\n }) }\n </>\n ),\n }}\n </VTextField>\n )\n })\n\n return forwardRefs({\n menu,\n select,\n }, vTextFieldRef)\n },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"mappings":"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"}
|
|
@@ -32,6 +32,10 @@ export const VSliderThumb = defineComponent({
|
|
|
32
32
|
position: {
|
|
33
33
|
type: Number,
|
|
34
34
|
required: true
|
|
35
|
+
},
|
|
36
|
+
ripple: {
|
|
37
|
+
type: Boolean,
|
|
38
|
+
default: true
|
|
35
39
|
}
|
|
36
40
|
},
|
|
37
41
|
emits: {
|
|
@@ -132,7 +136,7 @@ export const VSliderThumb = defineComponent({
|
|
|
132
136
|
}, null), _withDirectives(_createVNode("div", {
|
|
133
137
|
"class": ['v-slider-thumb__ripple', textColorClasses.value],
|
|
134
138
|
"style": textColorStyles.value
|
|
135
|
-
}, null), [[_resolveDirective("ripple"),
|
|
139
|
+
}, null), [[_resolveDirective("ripple"), props.ripple, null, {
|
|
136
140
|
circle: true,
|
|
137
141
|
center: true
|
|
138
142
|
}]]), _createVNode(VScaleTransition, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VSliderThumb.mjs","names":["VScaleTransition","VSliderSymbol","Ripple","useElevation","useTextColor","computed","inject","convertToUnit","defineComponent","keyValues","useRender","VSliderThumb","name","directives","props","focused","Boolean","max","type","Number","required","min","modelValue","position","emits","v","setup","slots","emit","slider","Error","thumbColor","step","vertical","disabled","thumbSize","thumbLabel","direction","readonly","elevation","isReversed","horizontalDirection","mousePressed","decimals","textColorClasses","textColorStyles","pageup","pagedown","end","home","left","right","down","up","relevantKeys","multipliers","value","parseKeydown","e","includes","key","preventDefault","_step","steps","increase","multiplier","shiftKey","ctrlKey","Math","onKeydown","newValue","positionPercentage","elevationClasses","undefined","toFixed"],"sources":["../../../src/components/VSlider/VSliderThumb.tsx"],"sourcesContent":["// Styles\nimport './VSliderThumb.sass'\n\n// Components\nimport { VScaleTransition } from '../transitions'\nimport { VSliderSymbol } from './slider'\n\n// Directives\nimport Ripple from '@/directives/ripple'\n\n// Composables\nimport { useElevation } from '@/composables/elevation'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { convertToUnit, defineComponent, keyValues, useRender } from '@/util'\n\nexport const VSliderThumb = defineComponent({\n name: 'VSliderThumb',\n\n directives: { Ripple },\n\n props: {\n focused: Boolean,\n max: {\n type: Number,\n required: true,\n },\n min: {\n type: Number,\n required: true,\n },\n modelValue: {\n type: Number,\n required: true,\n },\n position: {\n type: Number,\n required: true,\n },\n },\n\n emits: {\n 'update:modelValue': (v: number) => true,\n },\n\n setup (props, { slots, emit }) {\n const slider = inject(VSliderSymbol)\n\n if (!slider) throw new Error('[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider')\n\n const {\n thumbColor,\n step,\n vertical,\n disabled,\n thumbSize,\n thumbLabel,\n direction,\n readonly,\n elevation,\n isReversed,\n horizontalDirection,\n mousePressed,\n decimals,\n } = slider\n\n const { textColorClasses, textColorStyles } = useTextColor(thumbColor)\n\n const { pageup, pagedown, end, home, left, right, down, up } = keyValues\n const relevantKeys = [pageup, pagedown, end, home, left, right, down, up]\n\n const multipliers = computed(() => {\n if (step.value) return [1, 2, 3]\n else return [1, 5, 10]\n })\n\n function parseKeydown (e: KeyboardEvent, value: number) {\n if (!relevantKeys.includes(e.key)) return\n\n e.preventDefault()\n\n const _step = step.value || 0.1\n const steps = (props.max - props.min) / _step\n if ([left, right, down, up].includes(e.key)) {\n const increase = horizontalDirection.value === 'rtl' ? [left, up] : [right, up]\n const direction = increase.includes(e.key) ? 1 : -1\n const multiplier = e.shiftKey ? 2 : (e.ctrlKey ? 1 : 0)\n\n value = value + (direction * _step * multipliers.value[multiplier])\n } else if (e.key === home) {\n value = props.min\n } else if (e.key === end) {\n value = props.max\n } else {\n const direction = e.key === pagedown ? 1 : -1\n value = value - (direction * _step * (steps > 100 ? steps / 10 : 10))\n }\n\n return Math.max(props.min, Math.min(props.max, value))\n }\n\n function onKeydown (e: KeyboardEvent) {\n const newValue = parseKeydown(e, props.modelValue)\n\n newValue != null && emit('update:modelValue', newValue)\n }\n\n useRender(() => {\n const positionPercentage = convertToUnit((vertical.value || isReversed.value) ? 100 - props.position : props.position, '%')\n const { elevationClasses } = useElevation(computed(() => !disabled.value ? elevation.value : undefined))\n\n return (\n <div\n class={[\n 'v-slider-thumb',\n {\n 'v-slider-thumb--focused': props.focused,\n 'v-slider-thumb--pressed': props.focused && mousePressed.value,\n },\n ]}\n style={{\n '--v-slider-thumb-position': positionPercentage,\n '--v-slider-thumb-size': convertToUnit(thumbSize.value),\n }}\n role=\"slider\"\n tabindex={ disabled.value ? -1 : 0 }\n aria-valuemin={ props.min }\n aria-valuemax={ props.max }\n aria-valuenow={ props.modelValue }\n aria-readonly={ readonly.value }\n aria-orientation={ direction.value }\n onKeydown={ !readonly.value ? onKeydown : undefined }\n >\n <div\n class={[\n 'v-slider-thumb__surface',\n textColorClasses.value,\n elevationClasses.value,\n ]}\n style={{\n ...textColorStyles.value,\n }}\n />\n <div\n class={[\n 'v-slider-thumb__ripple',\n textColorClasses.value,\n ]}\n style={ textColorStyles.value }\n v-ripple={[true, null, ['circle', 'center']]}\n />\n <VScaleTransition origin=\"bottom center\">\n <div\n class=\"v-slider-thumb__label-container\"\n v-show={ (thumbLabel.value && props.focused) || thumbLabel.value === 'always' }\n >\n <div\n class={[\n 'v-slider-thumb__label',\n ]}\n >\n <div>\n { slots['thumb-label']?.({ modelValue: props.modelValue }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1) }\n </div>\n </div>\n </div>\n </VScaleTransition>\n </div>\n )\n })\n\n return {}\n },\n})\n\nexport type VSliderThumb = InstanceType<typeof VSliderThumb>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VSliderThumb.mjs","names":["VScaleTransition","VSliderSymbol","Ripple","useElevation","useTextColor","computed","inject","convertToUnit","defineComponent","keyValues","useRender","VSliderThumb","name","directives","props","focused","Boolean","max","type","Number","required","min","modelValue","position","ripple","default","emits","v","setup","slots","emit","slider","Error","thumbColor","step","vertical","disabled","thumbSize","thumbLabel","direction","readonly","elevation","isReversed","horizontalDirection","mousePressed","decimals","textColorClasses","textColorStyles","pageup","pagedown","end","home","left","right","down","up","relevantKeys","multipliers","value","parseKeydown","e","includes","key","preventDefault","_step","steps","increase","multiplier","shiftKey","ctrlKey","Math","onKeydown","newValue","positionPercentage","elevationClasses","undefined","toFixed"],"sources":["../../../src/components/VSlider/VSliderThumb.tsx"],"sourcesContent":["// Styles\nimport './VSliderThumb.sass'\n\n// Components\nimport { VScaleTransition } from '../transitions'\nimport { VSliderSymbol } from './slider'\n\n// Directives\nimport Ripple from '@/directives/ripple'\n\n// Composables\nimport { useElevation } from '@/composables/elevation'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { convertToUnit, defineComponent, keyValues, useRender } from '@/util'\n\nexport const VSliderThumb = defineComponent({\n name: 'VSliderThumb',\n\n directives: { Ripple },\n\n props: {\n focused: Boolean,\n max: {\n type: Number,\n required: true,\n },\n min: {\n type: Number,\n required: true,\n },\n modelValue: {\n type: Number,\n required: true,\n },\n position: {\n type: Number,\n required: true,\n },\n ripple: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: {\n 'update:modelValue': (v: number) => true,\n },\n\n setup (props, { slots, emit }) {\n const slider = inject(VSliderSymbol)\n\n if (!slider) throw new Error('[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider')\n\n const {\n thumbColor,\n step,\n vertical,\n disabled,\n thumbSize,\n thumbLabel,\n direction,\n readonly,\n elevation,\n isReversed,\n horizontalDirection,\n mousePressed,\n decimals,\n } = slider\n\n const { textColorClasses, textColorStyles } = useTextColor(thumbColor)\n\n const { pageup, pagedown, end, home, left, right, down, up } = keyValues\n const relevantKeys = [pageup, pagedown, end, home, left, right, down, up]\n\n const multipliers = computed(() => {\n if (step.value) return [1, 2, 3]\n else return [1, 5, 10]\n })\n\n function parseKeydown (e: KeyboardEvent, value: number) {\n if (!relevantKeys.includes(e.key)) return\n\n e.preventDefault()\n\n const _step = step.value || 0.1\n const steps = (props.max - props.min) / _step\n if ([left, right, down, up].includes(e.key)) {\n const increase = horizontalDirection.value === 'rtl' ? [left, up] : [right, up]\n const direction = increase.includes(e.key) ? 1 : -1\n const multiplier = e.shiftKey ? 2 : (e.ctrlKey ? 1 : 0)\n\n value = value + (direction * _step * multipliers.value[multiplier])\n } else if (e.key === home) {\n value = props.min\n } else if (e.key === end) {\n value = props.max\n } else {\n const direction = e.key === pagedown ? 1 : -1\n value = value - (direction * _step * (steps > 100 ? steps / 10 : 10))\n }\n\n return Math.max(props.min, Math.min(props.max, value))\n }\n\n function onKeydown (e: KeyboardEvent) {\n const newValue = parseKeydown(e, props.modelValue)\n\n newValue != null && emit('update:modelValue', newValue)\n }\n\n useRender(() => {\n const positionPercentage = convertToUnit((vertical.value || isReversed.value) ? 100 - props.position : props.position, '%')\n const { elevationClasses } = useElevation(computed(() => !disabled.value ? elevation.value : undefined))\n\n return (\n <div\n class={[\n 'v-slider-thumb',\n {\n 'v-slider-thumb--focused': props.focused,\n 'v-slider-thumb--pressed': props.focused && mousePressed.value,\n },\n ]}\n style={{\n '--v-slider-thumb-position': positionPercentage,\n '--v-slider-thumb-size': convertToUnit(thumbSize.value),\n }}\n role=\"slider\"\n tabindex={ disabled.value ? -1 : 0 }\n aria-valuemin={ props.min }\n aria-valuemax={ props.max }\n aria-valuenow={ props.modelValue }\n aria-readonly={ readonly.value }\n aria-orientation={ direction.value }\n onKeydown={ !readonly.value ? onKeydown : undefined }\n >\n <div\n class={[\n 'v-slider-thumb__surface',\n textColorClasses.value,\n elevationClasses.value,\n ]}\n style={{\n ...textColorStyles.value,\n }}\n />\n <div\n class={[\n 'v-slider-thumb__ripple',\n textColorClasses.value,\n ]}\n style={ textColorStyles.value }\n v-ripple={[props.ripple, null, ['circle', 'center']]}\n />\n <VScaleTransition origin=\"bottom center\">\n <div\n class=\"v-slider-thumb__label-container\"\n v-show={ (thumbLabel.value && props.focused) || thumbLabel.value === 'always' }\n >\n <div\n class={[\n 'v-slider-thumb__label',\n ]}\n >\n <div>\n { slots['thumb-label']?.({ modelValue: props.modelValue }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1) }\n </div>\n </div>\n </div>\n </VScaleTransition>\n </div>\n )\n })\n\n return {}\n },\n})\n\nexport type VSliderThumb = InstanceType<typeof VSliderThumb>\n"],"mappings":"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"}
|