giime 0.7.11 → 0.7.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 (66) hide show
  1. package/dist/index.css +20 -23
  2. package/es/components/src/base/carousel/Carousel.vue.d.ts +1 -0
  3. package/es/components/src/base/carousel/Carousel.vue2.mjs +1 -1
  4. package/es/components/src/base/carousel/Carousel.vue2.mjs.map +1 -1
  5. package/es/components/src/base/carousel/index.d.ts +3 -0
  6. package/es/components/src/composite/fileComponent/FileComponent.vue.d.ts +44 -2
  7. package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs +53 -28
  8. package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs.map +1 -1
  9. package/es/components/src/composite/fileComponent/fileComponent.d.ts +18 -0
  10. package/es/components/src/composite/fileComponent/fileComponent.mjs +15 -0
  11. package/es/components/src/composite/fileComponent/fileComponent.mjs.map +1 -1
  12. package/es/components/src/composite/fileComponent/index.d.ts +199 -28
  13. package/es/components/src/composite/fileList2/FileList.vue.d.ts +81 -11
  14. package/es/components/src/composite/fileList2/FileList.vue2.mjs +54 -24
  15. package/es/components/src/composite/fileList2/FileList.vue2.mjs.map +1 -1
  16. package/es/components/src/composite/fileList2/fileList.d.ts +28 -1
  17. package/es/components/src/composite/fileList2/fileList.mjs +16 -0
  18. package/es/components/src/composite/fileList2/fileList.mjs.map +1 -1
  19. package/es/components/src/composite/fileList2/index.d.ts +281 -33
  20. package/es/components/src/composite/previewFile/PreviewFile.vue.d.ts +45 -3
  21. package/es/components/src/composite/previewFile/PreviewFile.vue2.mjs +5 -4
  22. package/es/components/src/composite/previewFile/PreviewFile.vue2.mjs.map +1 -1
  23. package/es/components/src/composite/previewFile/index.d.ts +45 -3
  24. package/es/components/src/composite/previewFile/previewFile.d.ts +21 -1
  25. package/es/components/src/composite/previewFile/previewFile.mjs +6 -1
  26. package/es/components/src/composite/previewFile/previewFile.mjs.map +1 -1
  27. package/es/components/src/composite/uploadFile/UploadFile.vue.d.ts +51 -0
  28. package/es/components/src/composite/uploadFile/index.d.ts +107 -0
  29. package/es/components/src/composite/uploadFile/uploadFile.d.ts +23 -0
  30. package/es/giime/version.d.ts +1 -1
  31. package/es/giime/version.mjs +1 -1
  32. package/es/giime/version.mjs.map +1 -1
  33. package/es/index.css +20 -23
  34. package/lib/components/src/base/carousel/Carousel.vue.d.ts +1 -0
  35. package/lib/components/src/base/carousel/Carousel.vue2.js +1 -1
  36. package/lib/components/src/base/carousel/Carousel.vue2.js.map +1 -1
  37. package/lib/components/src/base/carousel/index.d.ts +3 -0
  38. package/lib/components/src/composite/fileComponent/FileComponent.vue.d.ts +44 -2
  39. package/lib/components/src/composite/fileComponent/FileComponent.vue2.js +52 -27
  40. package/lib/components/src/composite/fileComponent/FileComponent.vue2.js.map +1 -1
  41. package/lib/components/src/composite/fileComponent/fileComponent.d.ts +18 -0
  42. package/lib/components/src/composite/fileComponent/fileComponent.js +15 -0
  43. package/lib/components/src/composite/fileComponent/fileComponent.js.map +1 -1
  44. package/lib/components/src/composite/fileComponent/index.d.ts +199 -28
  45. package/lib/components/src/composite/fileList2/FileList.vue.d.ts +81 -11
  46. package/lib/components/src/composite/fileList2/FileList.vue2.js +53 -23
  47. package/lib/components/src/composite/fileList2/FileList.vue2.js.map +1 -1
  48. package/lib/components/src/composite/fileList2/fileList.d.ts +28 -1
  49. package/lib/components/src/composite/fileList2/fileList.js +16 -0
  50. package/lib/components/src/composite/fileList2/fileList.js.map +1 -1
  51. package/lib/components/src/composite/fileList2/index.d.ts +281 -33
  52. package/lib/components/src/composite/previewFile/PreviewFile.vue.d.ts +45 -3
  53. package/lib/components/src/composite/previewFile/PreviewFile.vue2.js +4 -3
  54. package/lib/components/src/composite/previewFile/PreviewFile.vue2.js.map +1 -1
  55. package/lib/components/src/composite/previewFile/index.d.ts +45 -3
  56. package/lib/components/src/composite/previewFile/previewFile.d.ts +21 -1
  57. package/lib/components/src/composite/previewFile/previewFile.js +6 -1
  58. package/lib/components/src/composite/previewFile/previewFile.js.map +1 -1
  59. package/lib/components/src/composite/uploadFile/UploadFile.vue.d.ts +51 -0
  60. package/lib/components/src/composite/uploadFile/index.d.ts +107 -0
  61. package/lib/components/src/composite/uploadFile/uploadFile.d.ts +23 -0
  62. package/lib/giime/version.d.ts +1 -1
  63. package/lib/giime/version.js +1 -1
  64. package/lib/giime/version.js.map +1 -1
  65. package/lib/index.css +20 -23
  66. package/package.json +1 -1
@@ -1,5 +1,185 @@
1
1
  import FileComponent from './FileComponent.vue';
2
- export declare const GmFileComponent: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
2
+ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall<{
3
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
4
+ file: {
5
+ type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
6
+ default: () => {};
7
+ };
8
+ url: {
9
+ type: StringConstructor;
10
+ default: string;
11
+ };
12
+ fileWidth: {
13
+ type: StringConstructor;
14
+ default: string;
15
+ };
16
+ fileHeight: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ fileStyle: {
21
+ type: ObjectConstructor;
22
+ default: () => {};
23
+ };
24
+ size: {
25
+ type: NumberConstructor;
26
+ default: number;
27
+ };
28
+ field: {
29
+ type: StringConstructor;
30
+ default: string;
31
+ };
32
+ controls: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
36
+ controlslist: {
37
+ type: StringConstructor;
38
+ default: string;
39
+ };
40
+ oncontextmenu: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ showIcon: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ onClick: {
49
+ type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
50
+ };
51
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
52
+ file: {
53
+ type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
54
+ default: () => {};
55
+ };
56
+ url: {
57
+ type: StringConstructor;
58
+ default: string;
59
+ };
60
+ fileWidth: {
61
+ type: StringConstructor;
62
+ default: string;
63
+ };
64
+ fileHeight: {
65
+ type: StringConstructor;
66
+ default: string;
67
+ };
68
+ fileStyle: {
69
+ type: ObjectConstructor;
70
+ default: () => {};
71
+ };
72
+ size: {
73
+ type: NumberConstructor;
74
+ default: number;
75
+ };
76
+ field: {
77
+ type: StringConstructor;
78
+ default: string;
79
+ };
80
+ controls: {
81
+ type: BooleanConstructor;
82
+ default: boolean;
83
+ };
84
+ controlslist: {
85
+ type: StringConstructor;
86
+ default: string;
87
+ };
88
+ oncontextmenu: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ showIcon: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
96
+ onClick: {
97
+ type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
98
+ };
99
+ }>>, {
100
+ size: number;
101
+ url: string;
102
+ file: Partial<import("element-plus").UploadFile>;
103
+ showIcon: boolean;
104
+ controls: boolean;
105
+ field: string;
106
+ fileWidth: string;
107
+ fileHeight: string;
108
+ fileStyle: Record<string, any>;
109
+ controlslist: string;
110
+ oncontextmenu: boolean;
111
+ }, true, {}, {}, {
112
+ P: {};
113
+ B: {};
114
+ D: {};
115
+ C: {};
116
+ M: {};
117
+ Defaults: {};
118
+ }, Readonly<import("vue").ExtractPropTypes<{
119
+ file: {
120
+ type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
121
+ default: () => {};
122
+ };
123
+ url: {
124
+ type: StringConstructor;
125
+ default: string;
126
+ };
127
+ fileWidth: {
128
+ type: StringConstructor;
129
+ default: string;
130
+ };
131
+ fileHeight: {
132
+ type: StringConstructor;
133
+ default: string;
134
+ };
135
+ fileStyle: {
136
+ type: ObjectConstructor;
137
+ default: () => {};
138
+ };
139
+ size: {
140
+ type: NumberConstructor;
141
+ default: number;
142
+ };
143
+ field: {
144
+ type: StringConstructor;
145
+ default: string;
146
+ };
147
+ controls: {
148
+ type: BooleanConstructor;
149
+ default: boolean;
150
+ };
151
+ controlslist: {
152
+ type: StringConstructor;
153
+ default: string;
154
+ };
155
+ oncontextmenu: {
156
+ type: BooleanConstructor;
157
+ default: boolean;
158
+ };
159
+ showIcon: {
160
+ type: BooleanConstructor;
161
+ default: boolean;
162
+ };
163
+ onClick: {
164
+ type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
165
+ };
166
+ }>>, {}, {}, {}, {}, {
167
+ size: number;
168
+ url: string;
169
+ file: Partial<import("element-plus").UploadFile>;
170
+ showIcon: boolean;
171
+ controls: boolean;
172
+ field: string;
173
+ fileWidth: string;
174
+ fileHeight: string;
175
+ fileStyle: Record<string, any>;
176
+ controlslist: string;
177
+ oncontextmenu: boolean;
178
+ }>;
179
+ __isFragment?: undefined;
180
+ __isTeleport?: undefined;
181
+ __isSuspense?: undefined;
182
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
3
183
  file: {
4
184
  type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
5
185
  default: () => {};
@@ -8,39 +188,18 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
8
188
  type: StringConstructor;
9
189
  default: string;
10
190
  };
11
- size: {
12
- type: NumberConstructor;
13
- default: number;
14
- };
15
- field: {
191
+ fileWidth: {
16
192
  type: StringConstructor;
17
193
  default: string;
18
194
  };
19
- controls: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- controlslist: {
195
+ fileHeight: {
24
196
  type: StringConstructor;
25
197
  default: string;
26
198
  };
27
- oncontextmenu: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- showIcon: {
32
- type: BooleanConstructor;
33
- default: boolean;
34
- };
35
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
- file: {
37
- type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
199
+ fileStyle: {
200
+ type: ObjectConstructor;
38
201
  default: () => {};
39
202
  };
40
- url: {
41
- type: StringConstructor;
42
- default: string;
43
- };
44
203
  size: {
45
204
  type: NumberConstructor;
46
205
  default: number;
@@ -65,16 +224,28 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
65
224
  type: BooleanConstructor;
66
225
  default: boolean;
67
226
  };
68
- }>>, {
227
+ onClick: {
228
+ type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
229
+ };
230
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
69
231
  size: number;
70
232
  url: string;
71
233
  file: Partial<import("element-plus").UploadFile>;
72
234
  showIcon: boolean;
73
235
  controls: boolean;
74
236
  field: string;
237
+ fileWidth: string;
238
+ fileHeight: string;
239
+ fileStyle: Record<string, any>;
75
240
  controlslist: string;
76
241
  oncontextmenu: boolean;
77
- }, {}>> & Record<string, any>;
242
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
243
+ $slots: {
244
+ default?(_: {
245
+ file: Partial<import("element-plus").UploadFile>;
246
+ }): any;
247
+ };
248
+ })> & Record<string, any>;
78
249
  export type FileComponentInstance = InstanceType<typeof FileComponent>;
79
250
  export * from './fileComponent';
80
251
  export default GmFileComponent;
@@ -1,6 +1,7 @@
1
- declare const _default: import("vue").DefineComponent<{
1
+ import type { UploadFile } from 'element-plus';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
3
  fileList: {
3
- type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
4
+ type: import("vue").PropType<Partial<UploadFile>[]>;
4
5
  default: () => never[];
5
6
  };
6
7
  controlslist: {
@@ -11,18 +12,42 @@ declare const _default: import("vue").DefineComponent<{
11
12
  type: BooleanConstructor;
12
13
  default: boolean;
13
14
  };
14
- width: {
15
+ fileWidth: {
15
16
  type: StringConstructor;
16
17
  default: string;
17
18
  };
19
+ fileHeight: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ fileListGap: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ fileListStyle: {
28
+ type: ObjectConstructor;
29
+ default: () => {};
30
+ };
31
+ previewWidth: {
32
+ type: StringConstructor;
33
+ default: string;
34
+ };
35
+ openPreviewDownload: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
18
39
  file: {
19
- type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
40
+ type: import("vue").PropType<Partial<UploadFile>>;
20
41
  default: () => {};
21
42
  };
22
43
  url: {
23
44
  type: StringConstructor;
24
45
  default: string;
25
46
  };
47
+ fileStyle: {
48
+ type: ObjectConstructor;
49
+ default: () => {};
50
+ };
26
51
  size: {
27
52
  type: NumberConstructor;
28
53
  default: number;
@@ -39,9 +64,12 @@ declare const _default: import("vue").DefineComponent<{
39
64
  type: BooleanConstructor;
40
65
  default: boolean;
41
66
  };
67
+ onClick: {
68
+ type: import("vue").PropType<(file: Partial<UploadFile>) => void>;
69
+ };
42
70
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
43
71
  fileList: {
44
- type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
72
+ type: import("vue").PropType<Partial<UploadFile>[]>;
45
73
  default: () => never[];
46
74
  };
47
75
  controlslist: {
@@ -52,18 +80,42 @@ declare const _default: import("vue").DefineComponent<{
52
80
  type: BooleanConstructor;
53
81
  default: boolean;
54
82
  };
55
- width: {
83
+ fileWidth: {
56
84
  type: StringConstructor;
57
85
  default: string;
58
86
  };
87
+ fileHeight: {
88
+ type: StringConstructor;
89
+ default: string;
90
+ };
91
+ fileListGap: {
92
+ type: StringConstructor;
93
+ default: string;
94
+ };
95
+ fileListStyle: {
96
+ type: ObjectConstructor;
97
+ default: () => {};
98
+ };
99
+ previewWidth: {
100
+ type: StringConstructor;
101
+ default: string;
102
+ };
103
+ openPreviewDownload: {
104
+ type: BooleanConstructor;
105
+ default: boolean;
106
+ };
59
107
  file: {
60
- type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
108
+ type: import("vue").PropType<Partial<UploadFile>>;
61
109
  default: () => {};
62
110
  };
63
111
  url: {
64
112
  type: StringConstructor;
65
113
  default: string;
66
114
  };
115
+ fileStyle: {
116
+ type: ObjectConstructor;
117
+ default: () => {};
118
+ };
67
119
  size: {
68
120
  type: NumberConstructor;
69
121
  default: number;
@@ -80,16 +132,34 @@ declare const _default: import("vue").DefineComponent<{
80
132
  type: BooleanConstructor;
81
133
  default: boolean;
82
134
  };
135
+ onClick: {
136
+ type: import("vue").PropType<(file: Partial<UploadFile>) => void>;
137
+ };
83
138
  }>>, {
84
139
  size: number;
85
140
  url: string;
86
- width: string;
87
- file: Partial<import("element-plus").UploadFile>;
141
+ file: Partial<UploadFile>;
88
142
  showIcon: boolean;
89
143
  controls: boolean;
90
- fileList: Partial<import("element-plus").UploadFile>[];
144
+ fileList: Partial<UploadFile>[];
91
145
  field: string;
146
+ fileWidth: string;
147
+ fileHeight: string;
148
+ fileStyle: Record<string, any>;
92
149
  controlslist: string;
93
150
  oncontextmenu: boolean;
94
- }, {}>;
151
+ previewWidth: string;
152
+ openPreviewDownload: boolean;
153
+ fileListGap: string;
154
+ fileListStyle: Record<string, any>;
155
+ }, {}>, {
156
+ default?(_: {
157
+ file: Partial<UploadFile>;
158
+ }): any;
159
+ }>;
95
160
  export default _default;
161
+ type __VLS_WithTemplateSlots<T, S> = T & {
162
+ new (): {
163
+ $slots: S;
164
+ };
165
+ };
@@ -1,10 +1,8 @@
1
- import { defineComponent, ref, openBlock, createElementBlock, Fragment, createElementVNode, renderList, createVNode, unref, mergeProps } from 'vue';
1
+ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, createElementVNode, normalizeStyle, renderList, createVNode, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
2
  import { GmFileComponent } from '../fileComponent/index.mjs';
3
3
  import { GmPreviewFile } from '../previewFile/index.mjs';
4
4
  import { fileProProps } from './fileList.mjs';
5
5
 
6
- const _hoisted_1 = { class: "gm-flex gm-items-center gm-gap-4" };
7
- const _hoisted_2 = ["onClick"];
8
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
9
7
  ...{
10
8
  name: "GmFileList"
@@ -13,9 +11,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
13
11
  props: fileProProps,
14
12
  setup(__props) {
15
13
  const props = __props;
14
+ const fileListStyle = computed(() => {
15
+ return {
16
+ gap: props.fileListGap,
17
+ ...props.fileListStyle
18
+ };
19
+ });
20
+ const fileStyle = computed(() => {
21
+ return {
22
+ width: props.fileWidth,
23
+ height: props.fileHeight,
24
+ border: "1px solid #ccc",
25
+ overflow: "hidden",
26
+ borderRadius: "5px",
27
+ ...props.fileStyle
28
+ };
29
+ });
16
30
  const dialog = ref(false);
17
31
  const fileIndex = ref(0);
18
- const handlePreview = (index) => {
32
+ const handleClick = (file, index) => {
19
33
  fileIndex.value = index;
20
34
  dialog.value = true;
21
35
  };
@@ -24,26 +38,42 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
24
38
  Fragment,
25
39
  null,
26
40
  [
27
- createElementVNode("div", _hoisted_1, [
28
- (openBlock(true), createElementBlock(
29
- Fragment,
30
- null,
31
- renderList(_ctx.fileList, (file, index) => {
32
- return openBlock(), createElementBlock("div", {
33
- key: index,
34
- class: "gm-relative gm-flex gm-h-32 gm-w-32 gm-cursor-pointer gm-items-center gm-justify-center gm-overflow-hidden gm-rounded gm-border",
35
- onClick: ($event) => handlePreview(index)
36
- }, [
37
- createVNode(unref(GmFileComponent), mergeProps(props, {
38
- file,
39
- controls: false
40
- }), null, 16, ["file"])
41
- ], 8, _hoisted_2);
42
- }),
43
- 128
44
- /* KEYED_FRAGMENT */
45
- ))
46
- ]),
41
+ createElementVNode(
42
+ "div",
43
+ {
44
+ class: "gm-flex--wrap gm-flex gm-items-center",
45
+ style: normalizeStyle(fileListStyle.value)
46
+ },
47
+ [
48
+ (openBlock(true), createElementBlock(
49
+ Fragment,
50
+ null,
51
+ renderList(_ctx.fileList, (file, index) => {
52
+ return openBlock(), createElementBlock("div", {
53
+ key: index,
54
+ class: "gm-cursor-pointer"
55
+ }, [
56
+ createVNode(unref(GmFileComponent), mergeProps(props, {
57
+ fileStyle: fileStyle.value,
58
+ file,
59
+ controls: false,
60
+ "on-click": (value) => handleClick(value, index)
61
+ }), {
62
+ default: withCtx(() => [
63
+ renderSlot(_ctx.$slots, "default", { file })
64
+ ]),
65
+ _: 2
66
+ /* DYNAMIC */
67
+ }, 1040, ["fileStyle", "file", "on-click"])
68
+ ]);
69
+ }),
70
+ 128
71
+ /* KEYED_FRAGMENT */
72
+ ))
73
+ ],
74
+ 4
75
+ /* STYLE */
76
+ ),
47
77
  createVNode(unref(GmPreviewFile), mergeProps(props, {
48
78
  dialogVisible: dialog.value,
49
79
  "onUpdate:dialogVisible": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),
@@ -1 +1 @@
1
- {"version":3,"file":"FileList.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/fileList2/FileList.vue"],"sourcesContent":["<template>\n <div class=\"gm-flex gm-items-center gm-gap-4\">\n <div\n v-for=\"(file, index) in fileList\"\n :key=\"index\"\n class=\"gm-relative gm-flex gm-h-32 gm-w-32 gm-cursor-pointer gm-items-center gm-justify-center gm-overflow-hidden gm-rounded gm-border\"\n @click=\"handlePreview(index)\"\n >\n <GmFileComponent v-bind=\"props\" :file :controls=\"false\" />\n </div>\n </div>\n\n <GmPreviewFile v-bind=\"props\" v-model:dialogVisible=\"dialog\" v-model:file-index=\"fileIndex\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { fileProProps } from './fileList';\n\ndefineOptions({\n name: 'GmFileList',\n});\n\nconst props = defineProps(fileProProps);\n\nconst dialog = ref(false);\nconst fileIndex = ref(0);\nconst handlePreview = (index: number) => {\n fileIndex.value = index;\n dialog.value = true;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,MAAA,GAAS,IAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAY,IAAI,CAAC,CAAA,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgB,CAAC,KAAkB,KAAA;AACvC,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,MAAA,CAAO,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FileList.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/fileList2/FileList.vue"],"sourcesContent":["<template>\n <div class=\"gm-flex--wrap gm-flex gm-items-center\" :style=\"fileListStyle\">\n <div v-for=\"(file, index) in fileList\" :key=\"index\" class=\"gm-cursor-pointer\">\n <GmFileComponent v-bind=\"props\" :fileStyle :file :controls=\"false\" :on-click=\"value => handleClick(value, index)\">\n <slot :file=\"file\" />\n </GmFileComponent>\n </div>\n </div>\n\n <GmPreviewFile v-bind=\"props\" v-model:dialogVisible=\"dialog\" v-model:file-index=\"fileIndex\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { fileProProps } from './fileList';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n name: 'GmFileList',\n});\n\nconst props = defineProps(fileProProps);\n\nconst fileListStyle = computed(() => {\n return {\n gap: props.fileListGap,\n ...props.fileListStyle,\n };\n});\n\nconst fileStyle = computed(() => {\n return {\n width: props.fileWidth,\n height: props.fileHeight,\n border: '1px solid #ccc',\n overflow: 'hidden',\n borderRadius: '5px',\n ...props.fileStyle,\n };\n});\n\nconst dialog = ref(false);\nconst fileIndex = ref(0);\nconst handleClick = (file: Partial<UploadFile>, index: number) => {\n fileIndex.value = index;\n dialog.value = true;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAO,OAAA;AAAA,QACL,KAAK,KAAM,CAAA,WAAA;AAAA,QACX,GAAG,KAAM,CAAA,aAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,OAAO,KAAM,CAAA,SAAA;AAAA,QACb,QAAQ,KAAM,CAAA,UAAA;AAAA,QACd,MAAQ,EAAA,gBAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,YAAc,EAAA,KAAA;AAAA,QACd,GAAG,KAAM,CAAA,SAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,IAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAY,IAAI,CAAC,CAAA,CAAA;AACvB,IAAM,MAAA,WAAA,GAAc,CAAC,IAAA,EAA2B,KAAkB,KAAA;AAChE,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,MAAA,CAAO,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -16,10 +16,30 @@ export declare const fileProProps: {
16
16
  type: BooleanConstructor;
17
17
  default: boolean;
18
18
  };
19
- width: {
19
+ fileWidth: {
20
20
  type: StringConstructor;
21
21
  default: string;
22
22
  };
23
+ fileHeight: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ fileListGap: {
28
+ type: StringConstructor;
29
+ default: string;
30
+ };
31
+ fileListStyle: {
32
+ type: ObjectConstructor;
33
+ default: () => {};
34
+ };
35
+ previewWidth: {
36
+ type: StringConstructor;
37
+ default: string;
38
+ }; /** 视频是否显示右键菜单 */
39
+ openPreviewDownload: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
23
43
  file: {
24
44
  type: PropType<Partial<UploadFile>>;
25
45
  default: () => {};
@@ -28,6 +48,10 @@ export declare const fileProProps: {
28
48
  type: StringConstructor;
29
49
  default: string;
30
50
  };
51
+ fileStyle: {
52
+ type: ObjectConstructor;
53
+ default: () => {};
54
+ };
31
55
  size: {
32
56
  type: NumberConstructor;
33
57
  default: number;
@@ -44,4 +68,7 @@ export declare const fileProProps: {
44
68
  type: BooleanConstructor;
45
69
  default: boolean;
46
70
  };
71
+ onClick: {
72
+ type: PropType<(file: Partial<UploadFile>) => void>;
73
+ };
47
74
  };
@@ -17,6 +17,22 @@ const fileProProps = {
17
17
  oncontextmenu: {
18
18
  type: Boolean,
19
19
  default: false
20
+ },
21
+ fileWidth: {
22
+ type: String,
23
+ default: "120px"
24
+ },
25
+ fileHeight: {
26
+ type: String,
27
+ default: "120px"
28
+ },
29
+ fileListGap: {
30
+ type: String,
31
+ default: "10px"
32
+ },
33
+ fileListStyle: {
34
+ type: Object,
35
+ default: () => ({})
20
36
  }
21
37
  };
22
38
 
@@ -1 +1 @@
1
- {"version":3,"file":"fileList.mjs","sources":["../../../../../../../packages/components/src/composite/fileList2/fileList.ts"],"sourcesContent":["import { previewFileProps } from '../previewFile';\nimport type { PropType } from 'vue';\nimport type { UploadFile } from 'element-plus';\n\nexport const fileProProps = {\n ...previewFileProps,\n /** 文件列表 */\n fileList: {\n type: Array as PropType<Partial<UploadFile>[]>,\n default: () => [],\n },\n /** 视频控制器选项 */\n controlslist: {\n type: String,\n default: 'nodownload',\n },\n /** 视频是否显示右键菜单 */\n oncontextmenu: {\n type: Boolean,\n default: false,\n },\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAG,gBAAA;AAAA;AAAA,EAEH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}
1
+ {"version":3,"file":"fileList.mjs","sources":["../../../../../../../packages/components/src/composite/fileList2/fileList.ts"],"sourcesContent":["import { previewFileProps } from '../previewFile';\nimport type { PropType } from 'vue';\nimport type { UploadFile } from 'element-plus';\n\nexport const fileProProps = {\n ...previewFileProps,\n /** 文件列表 */\n fileList: {\n type: Array as PropType<Partial<UploadFile>[]>,\n default: () => [],\n },\n /** 视频控制器选项 */\n controlslist: {\n type: String,\n default: 'nodownload',\n },\n /** 视频是否显示右键菜单 */\n oncontextmenu: {\n type: Boolean,\n default: false,\n },\n fileWidth: {\n type: String,\n default: '120px',\n },\n fileHeight: {\n type: String,\n default: '120px',\n },\n fileListGap: {\n type: String,\n default: '10px',\n },\n fileListStyle: {\n type: Object,\n default: () => ({}),\n },\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAG,gBAAA;AAAA;AAAA,EAEH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF;;;;"}