implement blurring dimmer feature

comfuture · Jul 19, 2017 · 8f26803 · 8f26803
1 parent bd5b57e
commit 8f26803
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/modules/dimmer/Dimmer.vue b/src/components/modules/dimmer/Dimmer.vue
@@ -12,6 +12,7 @@
 </template>
 <script>
 import {PropClass} from 'semantic/mixins'
+import {addClass, removeClass} from 'semantic/helper'
 
 export default {
   name: 'ui-dimmer',
@@ -20,7 +21,15 @@ export default {
   ],
   props: {
     loading: [Boolean, String],
-    active: Boolean
+    active: Boolean,
+    blurring: Boolean
+  },
+  watch: {
+    active(value) {
+      if (this.blurring && !this.page) {
+        (value ? addClass : removeClass)(this.$el.parentNode, 'blurring dimmable dimmed')
+      }
+    }
   },
   computed: {
     loadingText() {