@everchron/ec-shards 2.0.5 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ec-shards.common.js +61 -55
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +61 -55
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +2 -2
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/dropzone/dropzone.vue +7 -1
- package/src/components/popover-list-item/popover-list-item.vue +1 -1
- package/src/stories/Changelog.stories.mdx +12 -0
- package/src/stories/dropzone/dropzone.stories.js +12 -1
package/package.json
CHANGED
|
@@ -15,7 +15,13 @@
|
|
|
15
15
|
<ecs-empty-state :type="iconType" :iconColor="iconColor">
|
|
16
16
|
<ecs-skeleton-loader v-if="initializing" type="single" :width="100" class="ecs-dropzone-skeleton" />
|
|
17
17
|
<div v-else>
|
|
18
|
-
|
|
18
|
+
<template v-if="!$slots.customlabel">
|
|
19
|
+
Drag and drop your {{ fileTypeLabel }} or <i @click="() => this.$refs.file.click()">browse</i> to upload.
|
|
20
|
+
</template>
|
|
21
|
+
<div v-if="$slots.customlabel">
|
|
22
|
+
<!-- @slot Slot for a custom main label. Note: this will replace the file selector button as well as drag & drop label. Should only be used for states that do not require a drop action, such as active virus scanning. -->
|
|
23
|
+
<slot name="customlabel"></slot>
|
|
24
|
+
</div>
|
|
19
25
|
<div v-if="$slots.hint" class="ecs-dropzone-hint">
|
|
20
26
|
<!-- @slot Slot for an additional informational label underneath the dropzone text. Can contain basic HTML tags: `a`, `b`, `strong`. -->
|
|
21
27
|
<slot name="hint"></slot>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
</div>
|
|
14
14
|
|
|
15
15
|
<div v-else-if="type === 'switch'" class="ecs-popover-list-item control no-hover">
|
|
16
|
-
<ecs-switch @input="$emit('input', $event)" :value="value" :value-false="valueFalse" :value-true="valueTrue" size="sml" :disabled="disabled">
|
|
16
|
+
<ecs-switch @input="$emit('input', $event)" :value="value" :value-false="valueFalse" :value-true="valueTrue" size="sml-toggle" :disabled="disabled">
|
|
17
17
|
<slot></slot>
|
|
18
18
|
</ecs-switch>
|
|
19
19
|
</div>
|
|
@@ -6,6 +6,18 @@ import { Meta } from '@storybook/addon-docs/blocks';
|
|
|
6
6
|
Changelog
|
|
7
7
|
</h1>
|
|
8
8
|
|
|
9
|
+
## Version 2.0.7 (10 October 2022)
|
|
10
|
+
|
|
11
|
+
### Fixes
|
|
12
|
+
|
|
13
|
+
- Popover list item of type switch now uses the `sml-toggle` size variant to make it consistent with other popover list items.
|
|
14
|
+
|
|
15
|
+
## Version 2.0.6 (6 October 2022)
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
- Added custom label slot to EcsDropzone
|
|
20
|
+
|
|
9
21
|
## Version 2.0.5 (5 October 2022)
|
|
10
22
|
|
|
11
23
|
### Features
|
|
@@ -56,7 +56,7 @@ export const dropzoneProcessing = () => ({
|
|
|
56
56
|
components: { EcsDropzone },
|
|
57
57
|
template: `
|
|
58
58
|
<div style="width:100%; height: 600px">
|
|
59
|
-
<ecs-dropzone
|
|
59
|
+
<ecs-dropzone loading />
|
|
60
60
|
</div>
|
|
61
61
|
`,
|
|
62
62
|
});
|
|
@@ -69,3 +69,14 @@ export const dropzoneUploading = () => ({
|
|
|
69
69
|
</div>
|
|
70
70
|
`,
|
|
71
71
|
});
|
|
72
|
+
|
|
73
|
+
export const dropzoneCustomLabel = () => ({
|
|
74
|
+
components: { EcsDropzone },
|
|
75
|
+
template: `
|
|
76
|
+
<div style="width:100%; height: 600px">
|
|
77
|
+
<ecs-dropzone state="viruscheck">
|
|
78
|
+
<template slot="customlabel">Checking for viruses...</template>
|
|
79
|
+
</ecs-dropzone>
|
|
80
|
+
</div>
|
|
81
|
+
`,
|
|
82
|
+
});
|