@volverjs/ui-vue 0.0.10-beta.11 → 0.0.10-beta.13

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.
Files changed (47) hide show
  1. package/auto-imports.d.ts +1 -0
  2. package/dist/components/VvInputFile/VvInputFile.es.js +1529 -0
  3. package/dist/components/VvInputFile/VvInputFile.umd.js +1 -0
  4. package/dist/components/VvInputFile/VvInputFile.vue.d.ts +141 -0
  5. package/dist/components/VvInputFile/index.d.ts +52 -0
  6. package/dist/components/VvTab/VvTab.es.js +2 -2
  7. package/dist/components/VvTab/VvTab.umd.js +1 -1
  8. package/dist/components/VvTab/VvTab.vue.d.ts +1 -0
  9. package/dist/components/index.d.ts +1 -0
  10. package/dist/components/index.es.js +635 -312
  11. package/dist/components/index.umd.js +1 -1
  12. package/dist/composables/index.d.ts +1 -0
  13. package/dist/composables/index.es.js +77 -1
  14. package/dist/composables/index.umd.js +1 -1
  15. package/dist/composables/useBlurhash.d.ts +7 -0
  16. package/dist/icons.es.js +3 -3
  17. package/dist/icons.umd.js +1 -1
  18. package/dist/stories/AlertGroup/AlertGroupWithComposable.stories.d.ts +1 -1
  19. package/dist/stories/Blurhash/BlurhashComposable.stories.d.ts +4 -0
  20. package/dist/stories/InputFile/InputFile.settings.d.ts +56 -0
  21. package/dist/stories/InputFile/InputFile.stories.d.ts +12 -0
  22. package/dist/stories/InputFile/InputFileModifiers.stories.d.ts +9 -0
  23. package/dist/stories/InputFile/InputFileSlots.stories.d.ts +6 -0
  24. package/dist/types/blurhash.d.ts +12 -0
  25. package/dist/types/index.d.ts +2 -0
  26. package/dist/types/input-file.d.ts +14 -0
  27. package/dist/workers/blurhash.d.ts +1 -0
  28. package/package.json +13 -1
  29. package/src/assets/icons/detailed.json +1 -1
  30. package/src/assets/icons/normal.json +1 -1
  31. package/src/assets/icons/simple.json +1 -1
  32. package/src/components/VvInputFile/VvInputFile.vue +274 -0
  33. package/src/components/VvInputFile/index.ts +36 -0
  34. package/src/components/VvTab/VvTab.vue +2 -2
  35. package/src/components/index.ts +1 -0
  36. package/src/composables/index.ts +1 -0
  37. package/src/composables/useBlurhash.ts +76 -0
  38. package/src/stories/AlertGroup/AlertGroupWithComposable.stories.ts +2 -2
  39. package/src/stories/Blurhash/BlurhashComposable.stories.ts +195 -0
  40. package/src/stories/InputFile/InputFile.settings.ts +36 -0
  41. package/src/stories/InputFile/InputFile.stories.ts +90 -0
  42. package/src/stories/InputFile/InputFileModifiers.stories.ts +51 -0
  43. package/src/stories/InputFile/InputFileSlots.stories.ts +25 -0
  44. package/src/types/blurhash.ts +21 -0
  45. package/src/types/index.ts +2 -0
  46. package/src/types/input-file.ts +16 -0
  47. package/src/workers/blurhash.ts +9 -0
@@ -3,4 +3,4 @@ import VvAlertGroup from '@/components/VvAlertGroup/VvAlertGroup.vue';
3
3
  import { type Story } from './AlertGroup.stories';
4
4
  declare const meta: Meta<typeof VvAlertGroup>;
5
5
  export default meta;
6
- export declare const UseComposable: Story;
6
+ export declare const Default: Story;
@@ -0,0 +1,4 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ export declare const Default: StoryObj;
@@ -0,0 +1,56 @@
1
+ export declare const defaultArgs: {
2
+ name: string;
3
+ label: string;
4
+ };
5
+ export declare const argTypes: {
6
+ modifiers: {
7
+ options: string[];
8
+ description: string;
9
+ control: {
10
+ type: string;
11
+ };
12
+ };
13
+ 'drop-area': {
14
+ description: string;
15
+ control: {
16
+ type: string;
17
+ };
18
+ table: {
19
+ category: string;
20
+ type: {
21
+ summary: string;
22
+ };
23
+ };
24
+ };
25
+ 'update:model-value': {
26
+ table: {
27
+ category: string;
28
+ type: {
29
+ summary: string;
30
+ };
31
+ };
32
+ };
33
+ hintLabel: {
34
+ description: string;
35
+ control: {
36
+ type: string;
37
+ };
38
+ table: {
39
+ type: {
40
+ summary: string;
41
+ };
42
+ };
43
+ };
44
+ hint: {
45
+ description: string;
46
+ control: {
47
+ type: string;
48
+ };
49
+ table: {
50
+ category: string;
51
+ type: {
52
+ summary: string;
53
+ };
54
+ };
55
+ };
56
+ };
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ import VvInputFile from '@/components/VvInputFile/VvInputFile.vue';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof VvInputFile>;
6
+ export declare const Default: Story;
7
+ export declare const Valid: Story;
8
+ export declare const Invalid: Story;
9
+ export declare const Hint: Story;
10
+ export declare const Loading: Story;
11
+ export declare const IconLeft: Story;
12
+ export declare const IconRight: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ import VvInputFile from '@/components/VvInputFile/VvInputFile.vue';
3
+ declare const meta: Meta<typeof VvInputFile>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof VvInputFile>;
6
+ export declare const DropArea: Story;
7
+ export declare const DropAreaHidden: Story;
8
+ export declare const DropAreaSquare: Story;
9
+ export declare const DropAreaCircle: Story;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ import VvInputFile from '@/components/VvInputFile/VvInputFile.vue';
3
+ declare const meta: Meta<typeof VvInputFile>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof VvInputFile>;
6
+ export declare const DropArea: Story;
@@ -0,0 +1,12 @@
1
+ declare class ValidationError extends Error {
2
+ }
3
+ export type BlurhashWorkerType = {
4
+ encode: (pixels: Uint8ClampedArray, width: number, height: number, componentX: number, componentY: number) => string;
5
+ decode: (blurhash: string, width: number, height: number, punch?: number) => Uint8ClampedArray;
6
+ isBlurhashValid: (blurhash: string) => {
7
+ result: boolean;
8
+ errorReason?: string;
9
+ };
10
+ ValidationError: ValidationError;
11
+ };
12
+ export {};
@@ -3,3 +3,5 @@ export * from './floating-ui';
3
3
  export * from './generic';
4
4
  export * from './group';
5
5
  export * from './nav';
6
+ export * from './blurhash';
7
+ export * from './input-file';
@@ -0,0 +1,14 @@
1
+ export type UploadedFile<Source = undefined> = Source extends undefined ? {
2
+ name: string;
3
+ size: number;
4
+ type: string;
5
+ url: string;
6
+ lastModified?: number;
7
+ } : {
8
+ name: string;
9
+ size: number;
10
+ type: string;
11
+ url: string;
12
+ lastModified?: number;
13
+ source: Source;
14
+ };
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -19,7 +19,7 @@
19
19
  "bugs": {
20
20
  "url": "https://github.com/volverjs/ui-vue/issues"
21
21
  },
22
- "version": "0.0.10-beta.11",
22
+ "version": "0.0.10-beta.13",
23
23
  "engines": {
24
24
  "node": ">= 16.x"
25
25
  },
@@ -42,8 +42,11 @@
42
42
  "@iconify/tools": "^3.0.5",
43
43
  "@iconify/vue": "^4.1.1",
44
44
  "@vueuse/core": "^10.4.1",
45
+ "blurhash": "^2.0.5",
46
+ "comlink": "^4.4.1",
45
47
  "jsdom": "^22.1.0",
46
48
  "mitt": "^3.0.1",
49
+ "pica": "^9.0.1",
47
50
  "ts-dot-prop": "^2.1.3",
48
51
  "uid": "^2.0.2",
49
52
  "vue": "^3.3.4",
@@ -83,6 +86,7 @@
83
86
  "@types/jest-axe": "^3.5.6",
84
87
  "@types/jsdom": "^21.1.3",
85
88
  "@types/node": "^20.8.2",
89
+ "@types/pica": "^9.0.2",
86
90
  "@types/react": "^18.2.25",
87
91
  "@types/yargs": "^17.0.26",
88
92
  "@vitejs/plugin-vue": "^4.4.0",
@@ -220,6 +224,9 @@
220
224
  "vv-icon": [
221
225
  "dist/components/VvIcon/VvIcon.vue.d.ts"
222
226
  ],
227
+ "vv-input-file": [
228
+ "dist/components/VvInputFile/VvInputFile.vue.d.ts"
229
+ ],
223
230
  "vv-input-text": [
224
231
  "dist/components/VvInputText/VvInputText.vue.d.ts"
225
232
  ],
@@ -408,6 +415,11 @@
408
415
  "import": "./dist/components/VvIcon/VvIcon.es.js",
409
416
  "default": "./dist/components/VvIcon/VvIcon.umd.js"
410
417
  },
418
+ "./vv-input-file": {
419
+ "types": "./dist/components/VvInputFile/VvInputFile.vue.d.ts",
420
+ "import": "./dist/components/VvInputFile/VvInputFile.es.js",
421
+ "default": "./dist/components/VvInputFile/VvInputFile.umd.js"
422
+ },
411
423
  "./vv-input-text": {
412
424
  "types": "./dist/components/VvInputText/VvInputText.vue.d.ts",
413
425
  "import": "./dist/components/VvInputText/VvInputText.es.js",