goodteditor-ui 1.0.64 → 1.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "goodteditor-ui",
-    "version": "1.0.64",
+    "version": "1.0.66",
     "main": "index.js",
     "homepage": "https://goodt-ui.netlify.app/",
     "scripts": {

package/src/components/ui/Select.vue

@@ -346,19 +346,23 @@ export default {
             }
             return model && model.length ? model[0] : null;
         },
-        triggerModelChange() {
+        /**
+         *
+         * @param {function(): void} rollback
+         */
+        triggerModelChange(rollback) {
             let value = this.exportModel();
             /**
              * Input event
              * @property {any} value
              */
-            this.$emit('input', value);
+            this.$emit('input', value, { cancel: rollback });
             /**
              * Change event
              * @property {any} model
              * @property {Array} meta
              */
-            this.$emit('change', value);
+            this.$emit('change', value, { cancel: rollback });
         },
         getOptionLabel(option) {
             let label = option ? option[this.labelField] : null;
@@ -375,27 +379,37 @@ export default {
         isOptionSelected(option) {
             return !!this.optionsSelected.find((o) => this.getOptionValue(o) === this.getOptionValue(option));
         },
+        /**
+         * @return {function(): void} rollback
+         */
+        createOptionRollback() {
+            const optionsSelected = [...this.optionsSelected];
+            return () => this.optionsSelected = optionsSelected;
+        },
         selectOption(option) {
             if (this.isOptionSelected(option)) {
                 return;
             }
+            const rollback = this.createOptionRollback();
             if (this.multiple) {
                 this.optionsSelected.push(option);
             } else {
                 this.optionsSelected = [option];
                 this.popoverShow = false;
             }
-            this.triggerModelChange();
+
+            this.triggerModelChange(rollback);
         },
         deselectOption(option) {
             if (!this.multiple) {
                 this.popoverShow = false;
                 return;
             }
+            const rollback = this.createOptionRollback();
             this.optionsSelected = this.optionsSelected.filter(
                 (o) => this.getOptionValue(o) !== this.getOptionValue(option)
             );
-            this.triggerModelChange();
+            this.triggerModelChange(rollback);
         },
         toggleOption(option) {
             if (!this.isOptionSelected(option)) {

package/src/components/ui/WysiwygEditor/WysiwygEditor.vue

@@ -292,10 +292,6 @@ export default {
             box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.25);
         }
     }
-
-    &-content {
-        min-height: 7.5rem;
-    }
 }
 
 .group-header {