import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks';
import { action } from '@storybook/addon-actions';
import { withKnobs, text, boolean } from '@storybook/addon-knobs';
import ChecFileUploader from '../../components/ChecFileUploader.vue';
import FileRow from '../../components/ChecFileUploader/FileRow.vue';
# File uploader
{{
components: {
ChecFileUploader,
},
data() {
return {
files: [],
};
},
props: {
endpoint: {
default: text('endpoint', 'https://httpbin.org/post'),
},
},
methods: {
change(files) {
action('change')(files);
},
dropzoneEvent(eventName, ...args) {
action('dropzone-event')(eventName, args);
},
},
template: `
`
}}
# File row
{{
components: {
FileRow,
},
props: {
error: {
default: boolean('error', false)
},
loading: {
default: boolean('loading', false)
},
},
methods: {
removeFileEvent: action('remove-file'),
},
template: `
`
}}
{{
components: {
ChecFileUploader,
},
data() {
return {
filesA: [],
filesB: [],
filesC: [],
filesD: [],
};
},
props: {
endpoint: {
default: text('endpoint', 'https://httpbin.org/post'),
},
},
methods: {
change(files) {
action('change')(files);
},
dropzoneEvent(eventName, ...args) {
action('dropzone-event')(eventName, args);
},
},
template: `
`
}}