@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-12 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-12
+* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7050,7 +7050,10 @@ function useValidation(props) {
 const makeVInputProps = propsFactory({
   id: String,
   appendIcon: IconValue,
-  centerAffix: Boolean,
+  centerAffix: {
+    type: Boolean,
+    default: true
+  },
   prependIcon: IconValue,
   hideDetails: [Boolean, String],
   hideSpinButtons: Boolean,
@@ -8800,7 +8803,6 @@ const useNested = props => {
           children.value.set(parent, list.filter(child => child !== id));
         }
         parents.value.delete(id);
-        opened.value.delete(id);
       },
       open: (id, value, event) => {
         vm.emit('click:open', {
@@ -11570,7 +11572,10 @@ const makeVFieldProps = propsFactory({
     default: '$clear'
   },
   active: Boolean,
-  centerAffix: Boolean,
+  centerAffix: {
+    type: Boolean,
+    default: undefined
+  },
   color: String,
   baseColor: String,
   dirty: Boolean,
@@ -11637,9 +11642,8 @@ const VField = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
-    const isSingleLine = computed(() => props.singleLine || props.centerAffix);
     const isActive = computed(() => props.dirty || props.active);
-    const hasLabel = computed(() => !isSingleLine.value && !!(props.label || slots.label));
+    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label));
     const uid = getUid();
     const id = computed(() => props.id || `input-${uid}`);
     const messagesId = computed(() => `${id.value}-messages`);
@@ -11728,7 +11732,7 @@ const VField = genericComponent()({
         "class": ['v-field', {
           'v-field--active': isActive.value,
           'v-field--appended': hasAppend,
-          'v-field--center-affix': props.centerAffix,
+          'v-field--center-affix': props.centerAffix ?? !isPlainOrUnderlined.value,
           'v-field--disabled': props.disabled,
           'v-field--dirty': props.dirty,
           'v-field--error': props.error,
@@ -11737,7 +11741,7 @@ const VField = genericComponent()({
           'v-field--persistent-clear': props.persistentClear,
           'v-field--prepended': hasPrepend,
           'v-field--reverse': props.reverse,
-          'v-field--single-line': isSingleLine.value,
+          'v-field--single-line': props.singleLine,
           'v-field--no-label': !label(),
           [`v-field--variant-${props.variant}`]: true
         }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, rtlClasses.value, props.class],
@@ -11972,6 +11976,7 @@ const VTextField = genericComponent()({
         }, props.class],
         "style": props.style
       }, rootAttrs, inputProps, {
+        "centerAffix": !isPlainOrUnderlined.value,
         "focused": isFocused.value
       }), {
         ...slots,
@@ -11997,7 +12002,6 @@ const VTextField = genericComponent()({
             "dirty": isDirty.value || props.dirty,
             "disabled": isDisabled.value,
             "focused": isFocused.value,
-            "centerAffix": props.centerAffix,
             "error": isValid.value === false
           }), {
             ...slots,
@@ -18338,6 +18342,7 @@ function createGroupBy(props) {
 }
 function provideGroupBy(options) {
   const {
+    disableSort,
     groupBy,
     sortBy
   } = options;
@@ -18346,7 +18351,7 @@ function provideGroupBy(options) {
     return groupBy.value.map(val => ({
       ...val,
       order: val.order ?? false
-    })).concat(sortBy.value);
+    })).concat(disableSort?.value ? [] : sortBy.value);
   });
   function isGroupOpen(group) {
     return opened.value.has(group.id);
@@ -18855,7 +18860,7 @@ function useSort() {
 function useSortedItems(props, items, sortBy, options) {
   const locale = useLocale();
   const sortedItems = computed(() => {
-    if (!sortBy.value.length || props.disableSort) return items.value;
+    if (!sortBy.value.length) return items.value;
     return sortItems(items.value, sortBy.value, locale.current.value, {
       transform: options?.transform,
       sortFunctions: {
@@ -18881,8 +18886,8 @@ function sortItems(items, sortByItems, locale, options) {
       const sortKey = sortByItems[i].key;
       const sortOrder = sortByItems[i].order ?? 'asc';
       if (sortOrder === false) continue;
-      let sortA = a[1][sortKey];
-      let sortB = b[1][sortKey];
+      let sortA = getObjectValueByPath(a[1], sortKey);
+      let sortB = getObjectValueByPath(b[1], sortKey);
       let sortARaw = a[0].raw;
       let sortBRaw = b[0].raw;
       if (sortOrder === 'desc') {
@@ -20607,6 +20612,9 @@ const VDataTable = genericComponent()({
       page,
       itemsPerPage
     } = createPagination(props);
+    const {
+      disableSort
+    } = toRefs(props);
     const {
       columns,
       headers,
@@ -20644,12 +20652,16 @@ const VDataTable = genericComponent()({
       toggleGroup
     } = provideGroupBy({
       groupBy,
-      sortBy
+      sortBy,
+      disableSort
     });
     const {
       sortedItems
     } = useSortedItems(props, filteredItems, sortByWithGroups, {
-      transform: item => item.columns,
+      transform: item => ({
+        ...item.raw,
+        ...item.columns
+      }),
       sortFunctions,
       sortRawFunctions
     });
@@ -20787,6 +20799,9 @@ const VDataTableVirtual = genericComponent()({
       multiSort,
       mustSort
     } = createSort(props);
+    const {
+      disableSort
+    } = toRefs(props);
     const {
       columns,
       headers,
@@ -20823,12 +20838,16 @@ const VDataTableVirtual = genericComponent()({
       toggleGroup
     } = provideGroupBy({
       groupBy,
-      sortBy
+      sortBy,
+      disableSort
     });
     const {
       sortedItems
     } = useSortedItems(props, filteredItems, sortByWithGroups, {
-      transform: item => item.columns,
+      transform: item => ({
+        ...item.raw,
+        ...item.columns
+      }),
       sortFunctions,
       sortRawFunctions
     });
@@ -21012,6 +21031,9 @@ const VDataTableServer = genericComponent()({
       page,
       itemsPerPage
     } = createPagination(props);
+    const {
+      disableSort
+    } = toRefs(props);
     const itemsLength = computed(() => parseInt(props.itemsLength, 10));
     const {
       columns,
@@ -21039,7 +21061,8 @@ const VDataTableServer = genericComponent()({
       extractRows
     } = provideGroupBy({
       groupBy,
-      sortBy
+      sortBy,
+      disableSort
     });
     const {
       pageCount,
@@ -21803,6 +21826,9 @@ const VDatePickerMonth = genericComponent()({
       const _value = adapter.startOfDay(value);
       if (model.value.length === 0) {
         rangeStart.value = undefined;
+      } else if (model.value.length === 1) {
+        rangeStart.value = model.value[0];
+        rangeStop.value = undefined;
       }
       if (!rangeStart.value) {
         rangeStart.value = _value;
@@ -24487,7 +24513,7 @@ const VOtpInput = genericComponent()({
     function onPaste(index, e) {
       e.preventDefault();
       e.stopPropagation();
-      const clipboardText = e?.clipboardData?.getData('Text') ?? '';
+      const clipboardText = e?.clipboardData?.getData('Text').slice(0, length.value) ?? '';
       if (isValidNumber(clipboardText)) return;
       model.value = clipboardText.split('');
       inputRef.value?.[index].blur();
@@ -27032,8 +27058,8 @@ const makeVTextareaProps = propsFactory({
   },
   suffix: String,
   modelModifiers: Object,
-  ...omit(makeVInputProps(), ['centerAffix']),
-  ...omit(makeVFieldProps(), ['centerAffix'])
+  ...makeVInputProps(),
+  ...makeVFieldProps()
 }, 'VTextarea');
 const VTextarea = genericComponent()({
   name: 'VTextarea',
@@ -27172,7 +27198,7 @@ const VTextarea = genericComponent()({
         }, props.class],
         "style": props.style
       }, rootAttrs, inputProps, {
-        "centerAffix": false,
+        "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
         "focused": isFocused.value
       }), {
         ...slots,
@@ -27197,7 +27223,7 @@ const VTextarea = genericComponent()({
           }, fieldProps, {
             "id": id.value,
             "active": isActive.value || isDirty.value,
-            "centerAffix": false,
+            "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
             "dirty": isDirty.value || props.dirty,
             "disabled": isDisabled.value,
             "focused": isFocused.value,
@@ -28129,7 +28155,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.13-3.7.0-beta.0.0-dev.2024-07-12";
+const version$1 = "3.6.13-3.7.0-beta.0.0-dev.2024-07-24";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28154,7 +28180,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-12";
+const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-24";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };