@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

package/lib/components/VResponsive/index.d.ts

@@ -0,0 +1,23 @@
+import * as vue from 'vue';
+
+declare const VResponsive: vue.DefineComponent<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+}>>, {}>;
+
+export { VResponsive };

package/lib/components/VResponsive/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VResponsive/index.ts"],"names":["VResponsive"],"mappings":"SAASA,W","sourcesContent":["export { VResponsive } from './VResponsive'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VResponsive"],"sources":["../../../src/components/VResponsive/index.ts"],"sourcesContent":["export { VResponsive } from './VResponsive'\n"],"mappings":"SAASA,W"}

package/lib/components/VSelect/VSelect.css

@@ -5,8 +5,12 @@
 }
 .v-select .v-field .v-field__input > input {
   align-self: flex-start;
-  opacity: 0;
+  opacity: 1;
   flex: 0 0;
+  position: absolute;
+  width: 100%;
+  transition: none;
+  pointer-events: none;
 }
 .v-select .v-field .v-field__append-inner > .v-icon {
   margin-inline-start: 4px;
@@ -15,20 +19,32 @@
 .v-select .v-field--dirty .v-select__selection {
   margin-inline-end: 2px;
 }
+.v-select .v-field--single-line .v-select__selection-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .v-select__content {
   overflow: hidden;
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 4px;
 }
 .v-select__selection {
   display: inline-flex;
   letter-spacing: inherit;
   line-height: inherit;
+  max-width: 100%;
 }
 .v-select--active-menu .v-field__append-inner > .v-icon {
   opacity: var(--v-high-emphasis-opacity);
   transform: rotate(180deg);
 }
+.v-select--chips .v-select__selection {
+  margin-top: 2px;
+}
 .v-select--chips .v-select__selection:first-child {
   margin-inline-start: 0;
+}
+.v-select--selected .v-field .v-field__input > input {
+  opacity: 0;
 }

package/lib/components/VSelect/VSelect.mjs

@@ -1,45 +1,41 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
 import "./VSelect.css"; // Components
 
+import { VDialogTransition } from "../transitions/index.mjs";
+import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
 import { VMenu } from "../VMenu/index.mjs";
 import { VTextField } from "../VTextField/index.mjs"; // Composables
 
+import { makeItemsProps, useItems } from "../../composables/items.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
-import { useForwardRef } from "../../composables/forwardRef.mjs";
+import { forwardRefs } from "../../composables/forwardRefs.mjs";
 import { useLocale } from "../../composables/locale.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utility
 
-import { computed, ref, watch } from 'vue';
+import { computed, mergeProps, ref } from 'vue';
 import { genericComponent, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
 
-export function genItem(item) {
-  var _ref;
-
-  return {
-    title: String((_ref = typeof item === 'object' ? item.title : item) != null ? _ref : ''),
-    value: typeof item === 'object' ? item.value : item
-  };
-}
 export const makeSelectProps = propsFactory({
   chips: Boolean,
   closableChips: Boolean,
   eager: Boolean,
   hideNoData: Boolean,
   hideSelected: Boolean,
-  items: {
-    type: Array,
-    default: () => []
-  },
+  menu: Boolean,
   menuIcon: {
-    type: String,
+    type: IconValue,
     default: '$dropdown'
   },
+  menuProps: {
+    type: Object
+  },
   modelValue: {
-    type: [Number, String, Array],
+    type: null,
     default: () => []
   },
   multiple: Boolean,
@@ -47,50 +43,50 @@ export const makeSelectProps = propsFactory({
     type: String,
     default: '$vuetify.noDataText'
   },
-  openOnClear: Boolean
+  openOnClear: Boolean,
+  readonly: Boolean,
+  ...makeItemsProps({
+    itemChildren: false
+  })
 }, 'select');
 export const VSelect = genericComponent()({
   name: 'VSelect',
   props: { ...makeSelectProps(),
     ...makeTransitionProps({
-      transition: 'scale-transition'
+      transition: {
+        component: VDialogTransition
+      }
     })
   },
   emits: {
-    'update:modelValue': val => true
+    'update:modelValue': val => true,
+    'update:menu': val => true
   },
 
-  setup(props, _ref2) {
+  setup(props, _ref) {
     let {
       slots
-    } = _ref2;
+    } = _ref;
     const {
       t
     } = useLocale();
     const vTextFieldRef = ref();
-    const activator = ref();
-    const menu = ref(false);
-    const items = computed(() => props.items.map(genItem));
-    const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v), v => props.multiple ? v : v[0]);
+    const menu = useProxiedModel(props, 'menu');
+    const {
+      items,
+      transformIn,
+      transformOut
+    } = useItems(props);
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      const transformed = transformOut(v);
+      return props.multiple ? transformed : transformed[0] ?? null;
+    });
     const selections = computed(() => {
-      const array = [];
-      let index = 0;
-
-      for (const unwrapped of model.value) {
-        const item = genItem(unwrapped);
-        const found = array.find(selection => selection.value === item.value);
-
-        if (found == null) {
-          array.push({ ...item,
-            index
-          });
-          index++;
-        }
-      }
-
-      return array;
+      return model.value.map(v => {
+        return items.value.find(item => item.value === v.value) || v;
+      });
     });
-    const selected = computed(() => selections.value.map(selection => selection.value));
+    const selected = computed(() => selections.value.map(selection => selection.props.value));
 
     function onClear(e) {
       model.value = [];
@@ -101,11 +97,13 @@ export const VSelect = genericComponent()({
     }
 
     function onClickControl() {
-      if (props.hideNoData && !items.value.length) return;
-      menu.value = true;
+      if (props.hideNoData && !items.value.length || props.readonly) return;
+      menu.value = !menu.value;
     }
 
     function onKeydown(e) {
+      if (props.readonly) return;
+
       if (['Enter', 'ArrowDown', ' '].includes(e.key)) {
         menu.value = true;
       }
@@ -117,99 +115,134 @@ export const VSelect = genericComponent()({
 
     function select(item) {
       if (props.multiple) {
-        const index = selections.value.findIndex(selection => selection.value === item.value);
+        const index = selected.value.findIndex(selection => selection === item.value);
 
         if (index === -1) {
-          model.value.push(item.value);
+          model.value = [...model.value, item];
         } else {
-          model.value = selected.value.filter(selection => selection !== item.value);
+          const value = [...model.value];
+          value.splice(index, 1);
+          model.value = value;
         }
       } else {
-        model.value = [item.value];
+        model.value = [item];
         menu.value = false;
       }
     }
 
-    watch(() => vTextFieldRef.value, val => {
-      activator.value = val.$el.querySelector('.v-input__control');
-    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       return _createVNode(VTextField, {
         "ref": vTextFieldRef,
+        "modelValue": model.value.map(v => v.props.value).join(', '),
+        "onUpdate:modelValue": v => {
+          if (v == null) model.value = [];
+        },
+        "validationValue": model.externalValue,
+        "dirty": model.value.length > 0,
         "class": ['v-select', {
           'v-select--active-menu': menu.value,
           'v-select--chips': !!props.chips,
-          [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true
+          [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,
+          'v-select--selected': model.value.length
         }],
         "appendInnerIcon": props.menuIcon,
         "readonly": true,
         "onClick:clear": onClear,
-        "onClick:input": onClickControl,
         "onClick:control": onClickControl,
         "onBlur": () => menu.value = false,
-        "modelValue": model.value.join(', '),
         "onKeydown": onKeydown
       }, { ...slots,
-        default: () => _createVNode(_Fragment, null, [activator.value && _createVNode(VMenu, {
-          "modelValue": menu.value,
-          "onUpdate:modelValue": $event => menu.value = $event,
-          "activator": activator.value,
-          "contentClass": "v-select__content",
-          "eager": props.eager,
-          "openOnClick": false,
-          "transition": props.transition
-        }, {
-          default: () => [_createVNode(VList, {
-            "selected": selected.value,
-            "selectStrategy": props.multiple ? 'independent' : 'single-independent'
-          }, {
-            default: () => [!items.value.length && !props.hideNoData && _createVNode(VListItem, {
-              "title": t(props.noDataText)
-            }, null), items.value.map(item => _createVNode(VListItem, {
-              "title": item.title,
-              "value": item.value,
-              "onMousedown": e => e.preventDefault(),
-              "onClick": () => select(item)
-            }, null))]
-          })]
-        }), selections.value.map((selection, index) => {
-          function onChipClose(e) {
-            e.stopPropagation();
-            e.preventDefault();
-            select(selection);
-          }
-
-          const slotProps = {
-            'onClick:close': onChipClose,
-            modelValue: true
-          };
-          return _createVNode("div", {
-            "class": "v-select__selection"
-          }, [hasChips && _createVNode(VDefaultsProvider, {
-            "defaults": {
-              VChip: {
-                closable: props.closableChips,
-                size: 'small',
-                text: selection.title
-              }
+        default: () => {
+          var _slots$noData, _slots$prependItem, _slots$appendItem;
+
+          return _createVNode(_Fragment, null, [_createVNode(VMenu, _mergeProps({
+            "modelValue": menu.value,
+            "onUpdate:modelValue": $event => menu.value = $event,
+            "activator": "parent",
+            "contentClass": "v-select__content",
+            "eager": props.eager,
+            "openOnClick": false,
+            "closeOnContentClick": false,
+            "transition": props.transition
+          }, props.menuProps), {
+            default: () => [_createVNode(VList, {
+              "selected": selected.value,
+              "selectStrategy": props.multiple ? 'independent' : 'single-independent',
+              "onMousedown": e => e.preventDefault()
+            }, {
+              default: () => [!items.value.length && !props.hideNoData && (((_slots$noData = slots['no-data']) == null ? void 0 : _slots$noData.call(slots)) ?? _createVNode(VListItem, {
+                "title": t(props.noDataText)
+              }, null)), (_slots$prependItem = slots['prepend-item']) == null ? void 0 : _slots$prependItem.call(slots), items.value.map((item, index) => {
+                var _slots$item;
+
+                return ((_slots$item = slots.item) == null ? void 0 : _slots$item.call(slots, {
+                  item,
+                  index,
+                  props: mergeProps(item.props, {
+                    onClick: () => select(item)
+                  })
+                })) ?? _createVNode(VListItem, _mergeProps({
+                  "key": index
+                }, item.props, {
+                  "onClick": () => select(item)
+                }), {
+                  prepend: _ref2 => {
+                    let {
+                      isSelected
+                    } = _ref2;
+                    return props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
+                      "modelValue": isSelected,
+                      "ripple": false
+                    }, null) : undefined;
+                  }
+                });
+              }), (_slots$appendItem = slots['append-item']) == null ? void 0 : _slots$appendItem.call(slots)]
+            })]
+          }), selections.value.map((item, index) => {
+            function onChipClose(e) {
+              e.stopPropagation();
+              e.preventDefault();
+              select(item);
             }
-          }, {
-            default: () => [slots.chip ? slots.chip({
-              props: slotProps,
-              selection
-            }) : _createVNode(VChip, slotProps, null)]
-          }), !hasChips && (slots.selection ? slots.selection({
-            selection
-          }) : _createVNode("span", {
-            "class": "v-select__selection-text"
-          }, [selection.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
-            "class": "v-select__selection-comma"
-          }, [_createTextVNode(",")])]))]);
-        })])
+
+            const slotProps = {
+              'onClick:close': onChipClose,
+              modelValue: true
+            };
+            return _createVNode("div", {
+              "key": index,
+              "class": "v-select__selection"
+            }, [hasChips ? _createVNode(VDefaultsProvider, {
+              "defaults": {
+                VChip: {
+                  closable: props.closableChips,
+                  size: 'small',
+                  text: item.title
+                }
+              }
+            }, {
+              default: () => [slots.chip ? slots.chip({
+                item,
+                index,
+                props: slotProps
+              }) : _createVNode(VChip, slotProps, null)]
+            }) : slots.selection ? slots.selection({
+              item,
+              index
+            }) : _createVNode("span", {
+              "class": "v-select__selection-text"
+            }, [item.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
+              "class": "v-select__selection-comma"
+            }, [_createTextVNode(",")])])]);
+          })]);
+        }
       });
     });
-    return useForwardRef({}, vTextFieldRef);
+    return forwardRefs({
+      menu,
+      select
+    }, vTextFieldRef);
   }
 
 });

package/lib/components/VSelect/VSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VSelect/VSelect.tsx"],"names":["VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeTransitionProps","useForwardRef","useLocale","useProxiedModel","computed","ref","watch","genericComponent","propsFactory","useRender","wrapInArray","genItem","item","title","String","value","makeSelectProps","chips","Boolean","closableChips","eager","hideNoData","hideSelected","items","type","Array","default","menuIcon","modelValue","Number","multiple","noDataText","openOnClear","VSelect","name","props","transition","emits","val","setup","slots","t","vTextFieldRef","activator","menu","map","model","v","selections","array","index","unwrapped","found","find","selection","push","selected","onClear","e","onClickControl","length","onKeydown","includes","key","select","findIndex","filter","$el","querySelector","hasChips","chip","join","preventDefault","onChipClose","stopPropagation","slotProps","closable","size","text"],"mappings":"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","sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useForwardRef } from '@/composables/forwardRef'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, ref, watch } from 'vue'\nimport { genericComponent, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { LinkProps } from '@/composables/router'\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport interface InternalSelectItem {\n  title: string\n  value: any\n  index: number\n}\n\nexport interface DefaultSelectionSlot {\n  selection: InternalSelectItem\n}\n\nexport interface DefaultChipSlot extends DefaultSelectionSlot {\n  props: {\n    'onClick:close': (e: Event) => void\n    modelValue: any\n  }\n}\n\nexport type SelectItem = string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | (LinkProps & {\n  text: string\n})\n\nexport function genItem (item: any) {\n  return {\n    title: String((typeof item === 'object' ? item.title : item) ?? ''),\n    value: (typeof item === 'object' ? item.value : item),\n  }\n}\n\nexport const makeSelectProps = propsFactory({\n  chips: Boolean,\n  closableChips: Boolean,\n  eager: Boolean,\n  hideNoData: Boolean,\n  hideSelected: Boolean,\n  items: {\n    type: Array as PropType<SelectItem[]>,\n    default: () => ([]),\n  },\n  menuIcon: {\n    type: String,\n    default: '$dropdown',\n  },\n  modelValue: {\n    type: [Number, String, Array],\n    default: () => ([]),\n  },\n  multiple: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  openOnClear: Boolean,\n}, 'select')\n\nexport const VSelect = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    chip: [DefaultChipSlot]\n    default: []\n    selection: [DefaultSelectionSlot]\n  }>\n}>()({\n  name: 'VSelect',\n\n  props: {\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: 'scale-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const activator = ref()\n    const menu = ref(false)\n    const items = computed(() => props.items.map(genItem))\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => wrapInArray(v),\n      (v: any) => props.multiple ? v : v[0]\n    )\n    const selections = computed(() => {\n      const array: InternalSelectItem[] = []\n      let index = 0\n      for (const unwrapped of model.value) {\n        const item = genItem(unwrapped)\n\n        const found = array.find(selection => selection.value === item.value)\n\n        if (found == null) {\n          array.push({\n            ...item,\n            index,\n          })\n\n          index++\n        }\n      }\n\n      return array\n    })\n    const selected = computed(() => selections.value.map(selection => selection.value))\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 (props.hideNoData && !items.value.length) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape', 'Tab'].includes(e.key)) {\n        menu.value = false\n      }\n    }\n    function select (item: any) {\n      if (props.multiple) {\n        const index = selections.value.findIndex(selection => selection.value === item.value)\n\n        if (index === -1) {\n          model.value.push(item.value)\n        } else {\n          model.value = selected.value.filter(selection => selection !== item.value)\n        }\n      } else {\n        model.value = [item.value]\n        menu.value = false\n      }\n    }\n\n    watch(() => vTextFieldRef.value, val => {\n      activator.value = val.$el.querySelector('.v-input__control')\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\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            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          readonly\n          onClick:clear={ onClear }\n          onClick:input={ onClickControl }\n          onClick:control={ onClickControl }\n          onBlur={ () => menu.value = false }\n          modelValue={ model.value.join(', ') }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                { activator.value && (\n                  <VMenu\n                    v-model={ menu.value }\n                    activator={ activator.value }\n                    contentClass=\"v-select__content\"\n                    eager={ props.eager }\n                    openOnClick={ false }\n                    transition={ props.transition }\n                  >\n                    <VList\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                    >\n                      { !items.value.length && !props.hideNoData && (\n                        <VListItem title={ t(props.noDataText) } />\n                      ) }\n\n                      { items.value.map(item => (\n                        <VListItem\n                          title={ item.title }\n                          value={ item.value }\n                          onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                          onClick={ () => select(item) }\n                        />\n                      )) }\n                    </VList>\n                  </VMenu>\n                ) }\n\n                { selections.value.map((selection, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(selection)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                  }\n\n                  return (\n                    <div class=\"v-select__selection\">\n                      { hasChips && (\n                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: selection.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ props: slotProps, selection })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) }\n\n                      { !hasChips && (\n                        slots.selection\n                          ? slots.selection({ selection })\n                          : (\n                            <span class=\"v-select__selection-text\">\n                              { selection.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 useForwardRef({}, vTextFieldRef)\n  },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"file":"VSelect.mjs"}
+{"version":3,"file":"VSelect.mjs","names":["VDialogTransition","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeItemsProps","useItems","makeTransitionProps","forwardRefs","useLocale","useProxiedModel","IconValue","computed","mergeProps","ref","genericComponent","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","eager","hideNoData","hideSelected","menu","menuIcon","type","default","menuProps","Object","modelValue","multiple","noDataText","String","openOnClear","readonly","itemChildren","VSelect","name","props","transition","component","emits","val","setup","slots","t","vTextFieldRef","items","transformIn","transformOut","model","v","transformed","selections","value","map","find","item","selected","selection","onClear","e","onClickControl","length","onKeydown","includes","key","select","index","findIndex","splice","hasChips","chip","join","externalValue","preventDefault","onClick","prepend","isSelected","undefined","onChipClose","stopPropagation","slotProps","closable","size","text","title"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeItemsProps, useItems } from '@/composables/items'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Utility\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, 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 } 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  modelValue: {\n    type: null,\n    default: () => ([]),\n  },\n  multiple: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  openOnClear: Boolean,\n  readonly: Boolean,\n\n  ...makeItemsProps({ itemChildren: false }),\n}, '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    ? 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?: Readonly<V>\n    'onUpdate:modelValue'?: (val: V) => void\n  } & Omit<VTextField['$props'], 'modelValue' | 'onUpdate:modelValue'>\n  $slots: 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    'no-data': []\n  }>\n}>()({\n  name: 'VSelect',\n\n  props: {\n    ...makeSelectProps(),\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<VTextField>()\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 selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => item.value === v.value) || v\n      })\n    })\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\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\n      ) return\n\n      menu.value = !menu.value\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly) return\n\n      if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape', 'Tab'].includes(e.key)) {\n        menu.value = false\n      }\n    }\n    function select (item: InternalItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => 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\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\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={ () => menu.value = false }\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                  <VList\n                    selected={ selected.value }\n                    selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                    onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                  >\n                    { !items.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { slots['prepend-item']?.() }\n\n                    { items.value.map((item, index) => slots.item?.({\n                      item,\n                      index,\n                      props: mergeProps(item.props, { onClick: () => select(item) }),\n                    }) ?? (\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                    { slots['append-item']?.() }\n                  </VList>\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                  }\n\n                  return (\n                    <div key={ index } 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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"}

package/lib/components/VSelect/VSelect.sass

@@ -1,10 +1,8 @@
-@forward './variables'
 @use 'sass:selector'
 @use 'sass:math'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *
-@use '../VInput/variables' as *
 
 .v-select
   .v-field
@@ -18,8 +16,12 @@
     .v-field__input
       > input
         align-self: flex-start
-        opacity: 0
+        opacity: 1
         flex: 0 0
+        position: absolute
+        width: 100%
+        transition: none
+        pointer-events: none
 
     .v-field__append-inner
       > .v-icon
@@ -30,6 +32,12 @@
     .v-select__selection
       margin-inline-end: 2px
 
+  .v-field--single-line
+    .v-select__selection-text
+      overflow: hidden
+      text-overflow: ellipsis
+      white-space: nowrap
+
   &__content
     overflow: hidden
 
@@ -40,6 +48,7 @@
     display: inline-flex
     letter-spacing: inherit
     line-height: inherit
+    max-width: 100%
 
   &--active-menu
     .v-field__append-inner
@@ -49,5 +58,13 @@
 
   &--chips
     .v-select__selection
+      margin-top: $select-chips-margin-top
+
       &:first-child
         margin-inline-start: 0
+
+  &--selected
+    .v-field
+      .v-field__input
+        > input
+          opacity: 0

package/lib/components/VSelect/_variables.scss

@@ -6,3 +6,4 @@ $select-content-elevation: 4 !default;
 $select-line-height: 1.75 !default;
 $select-transition: .2s settings.$standard-easing !default;
 $select-chips-control-min-height: 64px !default;
+$select-chips-margin-top: 2px !default;