feat(file-uploader): expose file items manipulation methods

Expose setState, clear and setInvalidMessage to parent components
carbon-design-system · Aug 15, 2023 · e59e499 · e59e499
1 parent 6a69c6f
commit e59e499
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/CvFileUploader/CvFileUploader.vue b/src/components/CvFileUploader/CvFileUploader.vue
@@ -253,6 +253,23 @@ function onKeyHit() {
 onMounted(() => {
   internalFiles.value = props.modelValue || [];
 });
+
+// exposed methods
+defineExpose({
+  setState(index, state) {
+    if ([STATES.COMPLETE, STATES.UPLOADING, STATES.NONE].includes(state)) {
+      internalFiles.value[index].state = state;
+    }
+  },
+  clear() {
+    internalFiles.value = [];
+    emit('update:modelValue', internalFiles);
+  },
+  setInvalidMessage(index, message) {
+    internalFiles.value[index].invalidMessage = message;
+  },
+  remove: onItemRemove,
+});
 </script>
 
 <script>