giime 0.7.11 → 0.7.12

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 +63 -66
  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 +38 -2
  7. package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs +47 -28
  8. package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs.map +1 -1
  9. package/es/components/src/composite/fileComponent/fileComponent.d.ts +12 -0
  10. package/es/components/src/composite/fileComponent/fileComponent.mjs +12 -0
  11. package/es/components/src/composite/fileComponent/fileComponent.mjs.map +1 -1
  12. package/es/components/src/composite/fileComponent/index.d.ts +187 -28
  13. package/es/components/src/composite/fileList2/FileList.vue.d.ts +68 -5
  14. package/es/components/src/composite/fileList2/FileList.vue2.mjs +54 -23
  15. package/es/components/src/composite/fileList2/FileList.vue2.mjs.map +1 -1
  16. package/es/components/src/composite/fileList2/fileList.d.ts +25 -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 +269 -33
  20. package/es/components/src/composite/previewFile/PreviewFile.vue.d.ts +39 -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 +39 -3
  24. package/es/components/src/composite/previewFile/previewFile.d.ts +18 -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 +45 -0
  28. package/es/components/src/composite/uploadFile/index.d.ts +95 -0
  29. package/es/components/src/composite/uploadFile/uploadFile.d.ts +21 -1
  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 +63 -66
  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 +38 -2
  39. package/lib/components/src/composite/fileComponent/FileComponent.vue2.js +46 -27
  40. package/lib/components/src/composite/fileComponent/FileComponent.vue2.js.map +1 -1
  41. package/lib/components/src/composite/fileComponent/fileComponent.d.ts +12 -0
  42. package/lib/components/src/composite/fileComponent/fileComponent.js +12 -0
  43. package/lib/components/src/composite/fileComponent/fileComponent.js.map +1 -1
  44. package/lib/components/src/composite/fileComponent/index.d.ts +187 -28
  45. package/lib/components/src/composite/fileList2/FileList.vue.d.ts +68 -5
  46. package/lib/components/src/composite/fileList2/FileList.vue2.js +53 -22
  47. package/lib/components/src/composite/fileList2/FileList.vue2.js.map +1 -1
  48. package/lib/components/src/composite/fileList2/fileList.d.ts +25 -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 +269 -33
  52. package/lib/components/src/composite/previewFile/PreviewFile.vue.d.ts +39 -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 +39 -3
  56. package/lib/components/src/composite/previewFile/previewFile.d.ts +18 -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 +45 -0
  60. package/lib/components/src/composite/uploadFile/index.d.ts +95 -0
  61. package/lib/components/src/composite/uploadFile/uploadFile.d.ts +21 -1
  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 +63 -66
  66. package/package.json +1 -1
@@ -1,5 +1,176 @@
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
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
49
+ file: {
50
+ type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
51
+ default: () => {};
52
+ };
53
+ url: {
54
+ type: StringConstructor;
55
+ default: string;
56
+ };
57
+ fileWidth: {
58
+ type: StringConstructor;
59
+ default: string;
60
+ };
61
+ fileHeight: {
62
+ type: StringConstructor;
63
+ default: string;
64
+ };
65
+ fileStyle: {
66
+ type: ObjectConstructor;
67
+ default: () => {};
68
+ };
69
+ size: {
70
+ type: NumberConstructor;
71
+ default: number;
72
+ };
73
+ field: {
74
+ type: StringConstructor;
75
+ default: string;
76
+ };
77
+ controls: {
78
+ type: BooleanConstructor;
79
+ default: boolean;
80
+ };
81
+ controlslist: {
82
+ type: StringConstructor;
83
+ default: string;
84
+ };
85
+ oncontextmenu: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
89
+ showIcon: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ }>>, {
94
+ size: number;
95
+ url: string;
96
+ file: Partial<import("element-plus").UploadFile>;
97
+ showIcon: boolean;
98
+ controls: boolean;
99
+ field: string;
100
+ fileWidth: string;
101
+ fileHeight: string;
102
+ fileStyle: Record<string, any>;
103
+ controlslist: string;
104
+ oncontextmenu: boolean;
105
+ }, true, {}, {}, {
106
+ P: {};
107
+ B: {};
108
+ D: {};
109
+ C: {};
110
+ M: {};
111
+ Defaults: {};
112
+ }, Readonly<import("vue").ExtractPropTypes<{
113
+ file: {
114
+ type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
115
+ default: () => {};
116
+ };
117
+ url: {
118
+ type: StringConstructor;
119
+ default: string;
120
+ };
121
+ fileWidth: {
122
+ type: StringConstructor;
123
+ default: string;
124
+ };
125
+ fileHeight: {
126
+ type: StringConstructor;
127
+ default: string;
128
+ };
129
+ fileStyle: {
130
+ type: ObjectConstructor;
131
+ default: () => {};
132
+ };
133
+ size: {
134
+ type: NumberConstructor;
135
+ default: number;
136
+ };
137
+ field: {
138
+ type: StringConstructor;
139
+ default: string;
140
+ };
141
+ controls: {
142
+ type: BooleanConstructor;
143
+ default: boolean;
144
+ };
145
+ controlslist: {
146
+ type: StringConstructor;
147
+ default: string;
148
+ };
149
+ oncontextmenu: {
150
+ type: BooleanConstructor;
151
+ default: boolean;
152
+ };
153
+ showIcon: {
154
+ type: BooleanConstructor;
155
+ default: boolean;
156
+ };
157
+ }>>, {}, {}, {}, {}, {
158
+ size: number;
159
+ url: string;
160
+ file: Partial<import("element-plus").UploadFile>;
161
+ showIcon: boolean;
162
+ controls: boolean;
163
+ field: string;
164
+ fileWidth: string;
165
+ fileHeight: string;
166
+ fileStyle: Record<string, any>;
167
+ controlslist: string;
168
+ oncontextmenu: boolean;
169
+ }>;
170
+ __isFragment?: undefined;
171
+ __isTeleport?: undefined;
172
+ __isSuspense?: undefined;
173
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
3
174
  file: {
4
175
  type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
5
176
  default: () => {};
@@ -8,39 +179,18 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
8
179
  type: StringConstructor;
9
180
  default: string;
10
181
  };
11
- size: {
12
- type: NumberConstructor;
13
- default: number;
14
- };
15
- field: {
182
+ fileWidth: {
16
183
  type: StringConstructor;
17
184
  default: string;
18
185
  };
19
- controls: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- controlslist: {
186
+ fileHeight: {
24
187
  type: StringConstructor;
25
188
  default: string;
26
189
  };
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>>;
190
+ fileStyle: {
191
+ type: ObjectConstructor;
38
192
  default: () => {};
39
193
  };
40
- url: {
41
- type: StringConstructor;
42
- default: string;
43
- };
44
194
  size: {
45
195
  type: NumberConstructor;
46
196
  default: number;
@@ -65,16 +215,25 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
65
215
  type: BooleanConstructor;
66
216
  default: boolean;
67
217
  };
68
- }>>, {
218
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
69
219
  size: number;
70
220
  url: string;
71
221
  file: Partial<import("element-plus").UploadFile>;
72
222
  showIcon: boolean;
73
223
  controls: boolean;
74
224
  field: string;
225
+ fileWidth: string;
226
+ fileHeight: string;
227
+ fileStyle: Record<string, any>;
75
228
  controlslist: string;
76
229
  oncontextmenu: boolean;
77
- }, {}>> & Record<string, any>;
230
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
231
+ $slots: {
232
+ default?(_: {
233
+ file: Partial<import("element-plus").UploadFile>;
234
+ }): any;
235
+ };
236
+ })> & Record<string, any>;
78
237
  export type FileComponentInstance = InstanceType<typeof FileComponent>;
79
238
  export * from './fileComponent';
80
239
  export default GmFileComponent;
@@ -1,4 +1,4 @@
1
- declare const _default: import("vue").DefineComponent<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
2
  fileList: {
3
3
  type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
4
4
  default: () => never[];
@@ -11,10 +11,30 @@ declare const _default: import("vue").DefineComponent<{
11
11
  type: BooleanConstructor;
12
12
  default: boolean;
13
13
  };
14
- width: {
14
+ fileWidth: {
15
15
  type: StringConstructor;
16
16
  default: string;
17
17
  };
18
+ fileHeight: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ fileListGap: {
23
+ type: StringConstructor;
24
+ default: string;
25
+ };
26
+ fileListStyle: {
27
+ type: ObjectConstructor;
28
+ default: () => {};
29
+ };
30
+ previewWidth: {
31
+ type: StringConstructor;
32
+ default: string;
33
+ };
34
+ openPreviewDownload: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
18
38
  file: {
19
39
  type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
20
40
  default: () => {};
@@ -23,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
23
43
  type: StringConstructor;
24
44
  default: string;
25
45
  };
46
+ fileStyle: {
47
+ type: ObjectConstructor;
48
+ default: () => {};
49
+ };
26
50
  size: {
27
51
  type: NumberConstructor;
28
52
  default: number;
@@ -52,10 +76,30 @@ declare const _default: import("vue").DefineComponent<{
52
76
  type: BooleanConstructor;
53
77
  default: boolean;
54
78
  };
55
- width: {
79
+ fileWidth: {
56
80
  type: StringConstructor;
57
81
  default: string;
58
82
  };
83
+ fileHeight: {
84
+ type: StringConstructor;
85
+ default: string;
86
+ };
87
+ fileListGap: {
88
+ type: StringConstructor;
89
+ default: string;
90
+ };
91
+ fileListStyle: {
92
+ type: ObjectConstructor;
93
+ default: () => {};
94
+ };
95
+ previewWidth: {
96
+ type: StringConstructor;
97
+ default: string;
98
+ };
99
+ openPreviewDownload: {
100
+ type: BooleanConstructor;
101
+ default: boolean;
102
+ };
59
103
  file: {
60
104
  type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
61
105
  default: () => {};
@@ -64,6 +108,10 @@ declare const _default: import("vue").DefineComponent<{
64
108
  type: StringConstructor;
65
109
  default: string;
66
110
  };
111
+ fileStyle: {
112
+ type: ObjectConstructor;
113
+ default: () => {};
114
+ };
67
115
  size: {
68
116
  type: NumberConstructor;
69
117
  default: number;
@@ -83,13 +131,28 @@ declare const _default: import("vue").DefineComponent<{
83
131
  }>>, {
84
132
  size: number;
85
133
  url: string;
86
- width: string;
87
134
  file: Partial<import("element-plus").UploadFile>;
88
135
  showIcon: boolean;
89
136
  controls: boolean;
90
137
  fileList: Partial<import("element-plus").UploadFile>[];
91
138
  field: string;
139
+ fileWidth: string;
140
+ fileHeight: string;
141
+ fileStyle: Record<string, any>;
92
142
  controlslist: string;
93
143
  oncontextmenu: boolean;
94
- }, {}>;
144
+ previewWidth: string;
145
+ openPreviewDownload: boolean;
146
+ fileListGap: string;
147
+ fileListStyle: Record<string, any>;
148
+ }, {}>, {
149
+ default?(_: {
150
+ file: Partial<import("element-plus").UploadFile>;
151
+ }): any;
152
+ }>;
95
153
  export default _default;
154
+ type __VLS_WithTemplateSlots<T, S> = T & {
155
+ new (): {
156
+ $slots: S;
157
+ };
158
+ };
@@ -1,10 +1,9 @@
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"];
6
+ const _hoisted_1 = ["onClick"];
8
7
  var _sfc_main = /* @__PURE__ */ defineComponent({
9
8
  ...{
10
9
  name: "GmFileList"
@@ -13,6 +12,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
13
12
  props: fileProProps,
14
13
  setup(__props) {
15
14
  const props = __props;
15
+ const fileListStyle = computed(() => {
16
+ return {
17
+ gap: props.fileListGap,
18
+ ...props.fileListStyle
19
+ };
20
+ });
21
+ const fileStyle = computed(() => {
22
+ return {
23
+ width: props.fileWidth,
24
+ height: props.fileHeight,
25
+ border: "1px solid #ccc",
26
+ overflow: "hidden",
27
+ borderRadius: "5px",
28
+ ...props.fileStyle
29
+ };
30
+ });
16
31
  const dialog = ref(false);
17
32
  const fileIndex = ref(0);
18
33
  const handlePreview = (index) => {
@@ -24,26 +39,42 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
24
39
  Fragment,
25
40
  null,
26
41
  [
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
- ]),
42
+ createElementVNode(
43
+ "div",
44
+ {
45
+ class: "gm-flex--wrap gm-flex gm-items-center",
46
+ style: normalizeStyle(fileListStyle.value)
47
+ },
48
+ [
49
+ (openBlock(true), createElementBlock(
50
+ Fragment,
51
+ null,
52
+ renderList(_ctx.fileList, (file, index) => {
53
+ return openBlock(), createElementBlock("div", {
54
+ key: index,
55
+ class: "gm-cursor-pointer",
56
+ onClick: ($event) => handlePreview(index)
57
+ }, [
58
+ createVNode(unref(GmFileComponent), mergeProps(props, {
59
+ fileStyle: fileStyle.value,
60
+ file,
61
+ controls: false
62
+ }), {
63
+ default: withCtx(() => [
64
+ renderSlot(_ctx.$slots, "default", { file })
65
+ ]),
66
+ _: 2
67
+ /* DYNAMIC */
68
+ }, 1040, ["fileStyle", "file"])
69
+ ], 8, _hoisted_1);
70
+ }),
71
+ 128
72
+ /* KEYED_FRAGMENT */
73
+ ))
74
+ ],
75
+ 4
76
+ /* STYLE */
77
+ ),
47
78
  createVNode(unref(GmPreviewFile), mergeProps(props, {
48
79
  dialogVisible: dialog.value,
49
80
  "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\" @click=\"handlePreview(index)\">\n <GmFileComponent v-bind=\"props\" :fileStyle :file :controls=\"false\"> <slot :file=\"file\" /> </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';\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 handlePreview = (index: number) => {\n fileIndex.value = index;\n dialog.value = true;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoBA,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,aAAA,GAAgB,CAAC,KAAkB,KAAA;AACvC,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;
@@ -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;;;;"}