@dimailn/vuetify 2.7.2-alpha15 → 2.7.2-alpha16

package/dist/vuetify.js

@@ -7445,7 +7445,6 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
-
  // Mixins
 
 
@@ -7454,7 +7453,6 @@ var __assign = undefined && undefined.__assign || function () {
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_2__["defineComponent"])({
   name: 'v-simple-checkbox',
-  functional: true,
   directives: {
     Ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
@@ -7464,7 +7462,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: Boolean,
       default: true
     },
-    value: Boolean,
+    modelValue: Boolean,
     indeterminate: Boolean,
     indeterminateIcon: {
       type: String,
@@ -7479,47 +7477,79 @@ var __assign = undefined && undefined.__assign || function () {
       default: '$checkboxOff'
     }
   }),
+  emits: ['input', 'update:modelValue'],
+  methods: {
+    getIcon: function getIcon() {
+      var _a = this.$props,
+          indeterminate = _a.indeterminate,
+          modelValue = _a.modelValue,
+          indeterminateIcon = _a.indeterminateIcon,
+          onIcon = _a.onIcon,
+          offIcon = _a.offIcon;
+      if (indeterminate) return indeterminateIcon;
+      if (modelValue) return onIcon;
+      return offIcon;
+    },
+    createIcon: function createIcon() {
+      var _this = this;
+
+      var _a = this.$props,
+          modelValue = _a.modelValue,
+          disabled = _a.disabled,
+          dark = _a.dark,
+          light = _a.light,
+          color = _a.color;
+      return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["VIcon"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(modelValue && color, {
+        disabled: disabled,
+        dark: dark,
+        light: light
+      }), function () {
+        return _this.getIcon();
+      });
+    },
+    createRipple: function createRipple() {
+      var _a = this.$props,
+          ripple = _a.ripple,
+          disabled = _a.disabled,
+          color = _a.color;
+      if (!ripple || disabled) return null;
+      return Object(vue__WEBPACK_IMPORTED_MODULE_2__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(color, {
+        class: 'v-input--selection-controls__ripple'
+      })), [[_directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"], {
+        center: true
+      }]]);
+    },
+    handleClick: function handleClick(e) {
+      e.stopPropagation();
+      if (this.$props.disabled) return;
+      var newValue = !this.modelValue;
+      var attrs = this.$attrs;
+      this.$emit("input", newValue);
+      this.$emit('update:modelValue', newValue);
+    },
+    createChildren: function createChildren() {
+      var children = [this.createIcon()];
+      var ripple = this.createRipple();
+
+      if (ripple) {
+        children.push(ripple);
+      }
+
+      return children;
+    }
+  },
   render: function render() {
-    var props = this.$props;
+    var disabled = this.$props.disabled;
     var data = this.$attrs;
-    var children = [];
-    var icon = props.offIcon;
-    if (props.indeterminate) icon = props.indeterminateIcon;else if (props.value) icon = props.onIcon;
-    children.push(Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["VIcon"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(props.value && props.color, {
-      disabled: props.disabled,
-      dark: props.dark,
-      light: props.light
-    }), icon));
-
-    if (props.ripple && !props.disabled) {
-      var ripple = Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(props.color, {
-        class: 'v-input--selection-controls__ripple',
-        directives: [{
-          def: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"],
-          name: 'ripple',
-          value: {
-            center: true
-          }
-        }]
-      }));
-      children.push(ripple);
-    }
-
     return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_6__["default"])(data, {
       class: {
         'v-simple-checkbox': true,
-        'v-simple-checkbox--disabled': props.disabled
+        'v-simple-checkbox--disabled': disabled
       },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-
-        if (data.on && data.on.input && !props.disabled) {
-          data.onInput && data.onInput(!props.value);
-        }
-      }
+      onClick: this.handleClick
     }), [Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', {
       class: 'v-input--selection-controls__input'
-    }, children)]);
+    }, this.createChildren())]);
   }
 }));
 
@@ -11531,7 +11561,7 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
 
           return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_9__["default"], {
             class: 'v-data-table__checkbox',
-            value: data.isSelected,
+            modelValue: data.isSelected,
             disabled: !_this.isSelectable(item),
             color: (_a = _this.checkboxColor) !== null && _a !== void 0 ? _a : '',
             onInput: function onInput(val) {
@@ -11760,17 +11790,18 @@ var __assign = undefined && undefined.__assign || function () {
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_5__["defineComponent"])({
   name: 'v-data-table-header',
-  functional: true,
   props: __assign(__assign({}, _mixins_header__WEBPACK_IMPORTED_MODULE_3__["default"].props), {
     mobile: Boolean
   }),
   render: function render() {
     var props = this.$props;
-    var data = this.$attrs; // dedupeModelListeners(data)
+
+    var data = __assign(__assign({}, this.$attrs), props); // dedupeModelListeners(data)
+
 
     var children = Object(_util_rebuildFunctionalSlots__WEBPACK_IMPORTED_MODULE_4__["default"])(this.$slots, vue__WEBPACK_IMPORTED_MODULE_5__["h"]);
 
-    if (this.mobile) {
+    if (props.mobile) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_1__["default"], data, children);
     } else {
       return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_2__["default"], data, children);
@@ -11943,11 +11974,13 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   render: function render() {
     var _this = this;
 
+    var _a;
+
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('thead', {
       class: 'v-data-table-header'
-    }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('tr', this.headers.map(function (header) {
+    }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('tr', ((_a = this.headers) === null || _a === void 0 ? void 0 : _a.map(function (header) {
       return _this.genHeader(header);
-    }))]);
+    })) || [])]);
   }
 }));
 
@@ -12654,7 +12687,7 @@ var __assign = undefined && undefined.__assign || function () {
       var _a;
 
       var data = {
-        value: this.everyItem,
+        modelValue: this.everyItem,
         indeterminate: !this.everyItem && this.someItems,
         color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : '',
         onInput: function onInput(v) {
@@ -24693,7 +24726,7 @@ var __assign = undefined && undefined.__assign || function () {
 
       return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemAction"], [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_0__["default"], {
         color: this.color,
-        value: inputValue,
+        modelValue: inputValue,
         ripple: false,
         onInput: function onInput() {
           return _this.$emit('select', item);
@@ -35146,7 +35179,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha15";
+  Vuetify.version = "2.7.2-alpha16";
   Vuetify.config = {
     silent: false
   };
@@ -42275,7 +42308,9 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 function prevent(e) {
-  e.preventDefault();
+  e.preventDefault(); // всплытие провоцирует двойной onChange
+
+  e.stopPropagation();
 }
 /* @vue/component */