@dimailn/vuetify 2.7.2-alpha22 → 2.7.2-alpha23

package/dist/vuetify.js

@@ -16141,6 +16141,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
+ // Helpers
 
 
 /* @vue/component */
@@ -16173,39 +16174,50 @@ var __assign = undefined && undefined.__assign || function () {
       handler: function handler(val) {
         var errors = Object.values(val).includes(true);
         this.$emit('input', !errors);
+        this.$emit('update:modelValue', !errors);
       },
       deep: true,
       immediate: true
     }
   },
   methods: {
+    getInputUid: function getInputUid(input) {
+      return input.$.uid;
+    },
     watchInput: function watchInput(input) {
       var _this = this;
 
-      var watcher = function watcher(input) {
-        return input.$watch('hasError', function (val) {
-          _this.errorBag[input.$.uid] = val;
-        }, {
-          immediate: true
-        });
+      var inputId = this.getInputUid(input);
+
+      var createErrorWatcher = function createErrorWatcher(inputComponent) {
+        if (typeof inputComponent.$watch === 'function') {
+          return inputComponent.$watch('hasError', function (hasError) {
+            _this.errorBag[inputId] = hasError;
+          }, {
+            immediate: true
+          });
+        } else {
+          // Fallback для Vue 3
+          return function () {};
+        }
       };
 
       var watchers = {
-        _uid: input.$.uid,
+        _uid: inputId,
         valid: function valid() {},
         shouldValidate: function shouldValidate() {}
       };
 
       if (this.lazyValidation) {
-        // Only start watching inputs if we need to
-        watchers.shouldValidate = input.$watch('shouldValidate', function (val) {
-          if (!val) return; // Only watch if we're not already doing it
-
-          if (_this.errorBag.hasOwnProperty(input.$.uid)) return;
-          watchers.valid = watcher(input);
-        });
+        if (typeof input.$watch === 'function') {
+          watchers.shouldValidate = input.$watch('shouldValidate', function (shouldValidate) {
+            if (!shouldValidate) return;
+            if (_this.errorBag.hasOwnProperty(inputId)) return;
+            watchers.valid = createErrorWatcher(input);
+          });
+        }
       } else {
-        watchers.valid = watcher(input);
+        watchers.valid = createErrorWatcher(input);
       }
 
       return watchers;
@@ -16248,26 +16260,29 @@ var __assign = undefined && undefined.__assign || function () {
       this.watchers.push(this.watchInput(input));
     },
     unregister: function unregister(input) {
-      var found = this.inputs.find(function (i) {
-        return i.$.uid === input.$.uid;
+      var _this = this;
+
+      var inputId = this.getInputUid(input);
+      var foundInput = this.inputs.find(function (inputComponent) {
+        return _this.getInputUid(inputComponent) === inputId;
       });
-      if (!found) return;
-      var unwatch = this.watchers.find(function (i) {
-        return i._uid === found.$.uid;
+      if (!foundInput) return;
+      var inputWatcher = this.watchers.find(function (watcher) {
+        return watcher._uid === inputId;
       });
 
-      if (unwatch) {
-        unwatch.valid();
-        unwatch.shouldValidate();
+      if (inputWatcher) {
+        inputWatcher.valid();
+        inputWatcher.shouldValidate();
       }
 
-      this.watchers = this.watchers.filter(function (i) {
-        return i._uid !== found.$.uid;
+      this.watchers = this.watchers.filter(function (watcher) {
+        return watcher._uid !== inputId;
       });
-      this.inputs = this.inputs.filter(function (i) {
-        return i.$.uid !== found.$.uid;
+      this.inputs = this.inputs.filter(function (inputComponent) {
+        return _this.getInputUid(inputComponent) !== inputId;
       });
-      delete this.errorBag[found.$.uid];
+      delete this.errorBag[inputId];
     }
   },
   render: function render() {
@@ -35224,7 +35239,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha21";
+  Vuetify.version = "2.7.2-alpha22";
   Vuetify.config = {
     silent: false
   };
@@ -42928,7 +42943,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../registrable */ "./src/mixins/registrable/index.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 /* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue */ "vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_5__);
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 // Mixins
@@ -42939,11 +42955,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
 
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_colorable__WEBPACK_IMPORTED_MODULE_0__["default"], Object(_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('form'), _themeable__WEBPACK_IMPORTED_MODULE_1__["default"]);
 /* @vue/component */
 
-/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_5__["defineComponent"])({
   name: 'validatable',
+  extends: Object(_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('form'),
+  mixins: [_colorable__WEBPACK_IMPORTED_MODULE_0__["default"], _themeable__WEBPACK_IMPORTED_MODULE_1__["default"]],
   props: {
     disabled: {
       type: Boolean,
@@ -42989,6 +43006,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
     }
   },
   data: function data() {
+    var _a;
+
     return {
       errorBucket: [],
       hasColor: false,
@@ -42996,7 +43015,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
       hasInput: false,
       isFocused: false,
       isResetting: false,
-      lazyValue: this.value,
+      lazyValue: (_a = this.modelValue) !== null && _a !== void 0 ? _a : null,
       valid: false
     };
   },
@@ -43045,6 +43064,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
       set: function set(val) {
         this.lazyValue = val;
         this.$emit('input', val);
+        this.$emit('update:modelValue', val);
       }
     },
     isDisabled: function isDisabled() {