revert: Support with field variants (#1662)

This reverts commit fbf6d2a.
vuematerial · May 13, 2018 · e1bfad0 · e1bfad0
1 parent 4a8e40b
commit e1bfad0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 31 deletions.
diff --git a/docs/app/pages/Components/File/examples/FileField.vue b/docs/app/pages/Components/File/examples/FileField.vue
@@ -1,37 +1,31 @@
 <template>
   <div>
     <md-field>
-      <md-icon md-file-trigger>attach_file</md-icon>
       <label>Single</label>
       <md-file v-model="single" />
     </md-field>
 
     <md-field>
-      <md-icon md-file-trigger>attach_file</md-icon>
       <label>Upload files</label>
       <md-file v-model="placeholder" placeholder="A nice input placeholder" />
     </md-field>
 
     <md-field>
-      <md-icon md-file-trigger>attach_file</md-icon>
       <label>Disabled</label>
       <md-file v-model="disabled" disabled/>
     </md-field>
 
     <md-field>
-      <md-icon md-file-trigger>attach_file</md-icon>
       <label>Initial value</label>
       <md-file v-model="initial" />
     </md-field>
 
     <md-field>
-      <md-icon md-file-trigger>attach_file</md-icon>
       <label>Multiple</label>
       <md-file v-model="multiple" multiple />
     </md-field>
 
     <md-field>
-      <md-icon md-file-trigger>attach_file</md-icon>
       <label>Only images</label>
       <md-file v-model="single" accept="image/*" />
     </md-field>

diff --git a/src/components/MdField/MdFile/MdFile.vue b/src/components/MdField/MdFile/MdFile.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="md-file">
+    <md-file-icon @click.native="openPicker" />
+
     <input
       class="md-input"
       readonly
@@ -29,11 +31,6 @@
       },
       name: String
     },
-    data () {
-      return {
-        triggerEl: null
-      }
-    },
     mixins: [MdFieldMixin],
     inject: ['MdField'],
     methods: {
@@ -76,20 +73,8 @@
     created () {
       this.MdField.file = true
     },
-    mounted () {
-      this.$nextTick().then(() => {
-        this.triggerEl = this.MdField.$el.querySelector('[md-file-trigger]')
-        if (this.triggerEl) {
-          this.triggerEl.addEventListener('click', this.openPicker)
-        }
-      })
-    },
     beforeDestroy () {
       this.MdField.file = false
-
-      if (this.triggerEl) {
-        this.triggerEl.removeEventListener('click', this.openPicker)
-      }
     }
   }
 </script>
@@ -114,12 +99,4 @@
       cursor: pointer;
     }
   }
-
-  .md-field {
-    &.md-has-file {
-      [md-file-trigger] {
-        cursor: pointer;
-      }
-    }
-  }
 </style>