fix: pr now works with kind button

carbon-design-system · Nov 30, 2022 · c581c94 · c581c94
1 parent 89778df
commit c581c94
Showing 1 changed file with 33 additions and 3 deletions.
diff --git a/packages/core/src/components/cv-file-uploader/cv-file-uploader.vue b/packages/core/src/components/cv-file-uploader/cv-file-uploader.vue
@@ -3,8 +3,38 @@
     <p :class="`${carbonPrefix}--file--label`">{{ label }}</p>
     <p :class="`${carbonPrefix}--label-description`">{{ helperText }}</p>
     <div :class="`${carbonPrefix}--file`" data-file>
-      <label :for="uid">
-        <cv-wrapper
+      <label
+        v-if="kind === 'button'"
+        :for="uid"
+        :class="[
+          {
+            [`${carbonPrefix}--file-browse-btn`]: kind !== 'button',
+            [`${carbonPrefix}--btn`]: kind === 'button',
+            [`${carbonPrefix}--btn--primary`]: kind === 'button',
+          },
+        ]"
+        tabindex="0"
+        ref="focusTarget"
+        @keydown.enter.prevent="onShow()"
+        @keydown.space.prevent
+        @keyup.space.prevent="onShow()"
+      >
+        <slot name="drop-target">{{ internalDropTargetLabel }}</slot>
+        <input
+          v-if="kind !== 'button'"
+          v-bind="$attrs"
+          type="file"
+          :accept="accept"
+          :class="`${carbonPrefix}--file-input`"
+          :id="uid"
+          data-file-uploader
+          data-target="[data-file-container]"
+          v-on="inputListeners"
+          ref="file-input"
+        />
+      </label>
+      <label v-else :for="uid">
+        <div
           tabindex="0"
           ref="focusTarget"
           :tag-type="kind !== 'button' ? 'div' : ''"
@@ -31,7 +61,7 @@
             v-on="inputListeners"
             ref="file-input"
           />
-        </cv-wrapper>
+        </div>
       </label>
       <input
         v-if="kind === 'button'"