giime 0.7.10 → 0.7.11

package/es/index.css

@@ -590,6 +590,9 @@ video {
 .gm-h-1 {
   height: 0.25rem;
 }
+.gm-h-32 {
+  height: 8rem;
+}
 .gm-h-\[30px\] {
   height: 30px;
 }
@@ -873,13 +876,11 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
 
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
 }
+
 .circular[data-v-d7b04fae] {
   animation: loading-rotate-d7b04fae 2s linear infinite;
 }
@@ -911,19 +912,6 @@ video {
     stroke-dashoffset: -120px;
   }
 }
-
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
-}
-
-.gm-upload-pro-preview-dialog[data-v-9ac30390] [data-v-9ac30390] .el-dialog__body {
-  padding: 0;
-}
-
-.gm-upload-pro-file-picture-card[data-v-9ac30390] [data-v-9ac30390] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-9ac30390] [data-v-9ac30390] .el-upload--picture-card {
-  width: auto;
-  height: auto;
-}
 .gm-upload-pro-file {
   line-height: normal;
 }
@@ -962,9 +950,20 @@ video {
 .gm-upload-pro-file-disabled .el-upload-list__item-status-label {
   display: none;
 }
-[data-v-488ca110] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
+.gm-upload-pro-preview-dialog[data-v-9ac30390] [data-v-9ac30390] .el-dialog__body {
+  padding: 0;
+}
+
+.gm-upload-pro-file-picture-card[data-v-9ac30390] [data-v-9ac30390] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-9ac30390] [data-v-9ac30390] .el-upload--picture-card {
+  width: auto;
+  height: auto;
+}
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
 }
 [data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
@@ -989,15 +988,6 @@ video {
 [data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
-
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
-}
-
 .gm-number-interval-single[data-v-4e6f4d6f] {
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
@@ -1016,61 +1006,9 @@ video {
 .gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
   display: flex;
 }
-@charset "UTF-8";
-.custom-operate-drawer .el-drawer__header {
-  padding: 10px 15px;
-  margin: 0;
-  border-bottom: 1px solid #ebeef5;
-}
-.custom-operate-drawer .el-drawer__title {
-  font-size: 14px;
-  color: #333;
-}
-.custom-operate-drawer .el-drawer__body {
-  padding: 15px;
-}
-.custom-operate-drawer .el-drawer__footer {
-  padding: 10px 15px;
-  border-top: 1px solid #ebeef5;
-}
-.custom-operate-drawer .el-checkbox {
-  display: flex;
-  align-items: center;
-}
-.custom-operate-drawer .el-input__inner {
-  text-align: center;
-}
-.custom-operate-drawer .el-input__suffix {
-  position: absolute;
-  right: 10px;
-}
-.custom-operate-drawer .custom-content li {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 44px;
-}
-.custom-operate-drawer .custom-group {
-  max-height: calc(100vh - 226px);
-  overflow-y: auto;
-}
-.custom-operate-drawer .custom-group::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 4px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  height: 1px;
-}
-.custom-operate-drawer .custom-group::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  border-radius: 10px;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
-  background: #999;
-}
-.custom-operate-drawer .custom-group::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
-  border-radius: 10px;
-  background: #eee;
+[data-v-488ca110] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
 }
 [data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
@@ -1095,6 +1033,58 @@ video {
 [data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
+.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
+  padding: 0;
+}
+
+.gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload-list__item, .gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload--picture-card {
+  width: auto;
+  height: auto;
+}
+.gm-upload-file {
+  line-height: normal;
+}
+.gm-upload-file .el-checkbox {
+  position: absolute;
+  left: 10px;
+  top: 0;
+  z-index: 9;
+}
+.gm-upload-file .el-upload-list--picture-card {
+  gap: 10px;
+}
+.gm-upload-file .el-upload-list__item {
+  margin: 0;
+}
+.gm-upload-file .el-upload-list__item-file-name {
+  line-height: normal;
+}
+.gm-upload-file .el-upload-dragger {
+  padding: 0;
+  border: none;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+.gm-upload-file .el-upload--picture-card {
+  border: none;
+}
+
+.gm-upload-file-disabled .el-upload--picture-card {
+  display: none;
+}
+.gm-upload-file-disabled .el-upload-list__item-status-label {
+  display: none;
+}
+
+.pagination-container[data-v-47d35e7b] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-47d35e7b] {
+  display: none;
+}
+
 @charset "UTF-8";
 .table-custom-header-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1151,46 +1141,59 @@ video {
   border-radius: 10px;
   background: #eee;
 }
-.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
-  padding: 0;
+@charset "UTF-8";
+.custom-operate-drawer .el-drawer__header {
+  padding: 10px 15px;
+  margin: 0;
+  border-bottom: 1px solid #ebeef5;
 }
-
-.gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload-list__item, .gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload--picture-card {
-  width: auto;
-  height: auto;
+.custom-operate-drawer .el-drawer__title {
+  font-size: 14px;
+  color: #333;
 }
-.gm-upload-file {
-  line-height: normal;
+.custom-operate-drawer .el-drawer__body {
+  padding: 15px;
 }
-.gm-upload-file .el-checkbox {
-  position: absolute;
-  left: 10px;
-  top: 0;
-  z-index: 9;
+.custom-operate-drawer .el-drawer__footer {
+  padding: 10px 15px;
+  border-top: 1px solid #ebeef5;
 }
-.gm-upload-file .el-upload-list--picture-card {
-  gap: 10px;
+.custom-operate-drawer .el-checkbox {
+  display: flex;
+  align-items: center;
 }
-.gm-upload-file .el-upload-list__item {
-  margin: 0;
+.custom-operate-drawer .el-input__inner {
+  text-align: center;
 }
-.gm-upload-file .el-upload-list__item-file-name {
-  line-height: normal;
+.custom-operate-drawer .el-input__suffix {
+  position: absolute;
+  right: 10px;
 }
-.gm-upload-file .el-upload-dragger {
-  padding: 0;
-  border: none;
-  width: 100%;
-  height: 100%;
+.custom-operate-drawer .custom-content li {
   display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 44px;
 }
-.gm-upload-file .el-upload--picture-card {
-  border: none;
+.custom-operate-drawer .custom-group {
+  max-height: calc(100vh - 226px);
+  overflow-y: auto;
 }
-
-.gm-upload-file-disabled .el-upload--picture-card {
-  display: none;
+.custom-operate-drawer .custom-group::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 4px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 1px;
 }
-.gm-upload-file-disabled .el-upload-list__item-status-label {
-  display: none;
+.custom-operate-drawer .custom-group::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
+  background: #999;
+}
+.custom-operate-drawer .custom-group::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+  background: #eee;
 }

package/global.d.ts

@@ -125,6 +125,8 @@ declare module 'vue' {
     GmPreviewFile: typeof import('giime')['GmPreviewFile']
     GmFileComponent: typeof import('giime')['GmFileComponent']
     GmRuleEditor: typeof import('giime')['GmRuleEditor']
+    GmUploadFile: typeof import('giime')['GmUploadFile']
+    GmFileList: typeof import('giime')['GmFileList']
     GmTablePro: typeof import('giime')['GmTablePro']
     GmTableColumnPro: typeof import('giime')['GmTableColumnPro']
     GmTableHeaderForm: typeof import('giime')['GmTableHeaderForm']

package/lib/components/index.js

@@ -279,16 +279,18 @@ var ruleEditor = require('./src/composite/ruleEditor/ruleEditor.js');
 var index$29 = require('./src/composite/ruleEditor/index.js');
 var uploadFile = require('./src/composite/uploadFile/uploadFile.js');
 var index$2a = require('./src/composite/uploadFile/index.js');
+var fileList = require('./src/composite/fileList2/fileList.js');
+var index$2b = require('./src/composite/fileList2/index.js');
 var method = require('./src/plugins/message/method.js');
-var index$2b = require('./src/plugins/message/index.js');
-var index$2c = require('./src/plugins/loading/index.js');
-var index$2d = require('./src/plugins/messageBox/index.js');
-var index$2e = require('./src/plugins/notification/index.js');
-var index$2f = require('./src/plugins/copy/index.js');
+var index$2c = require('./src/plugins/message/index.js');
+var index$2d = require('./src/plugins/loading/index.js');
+var index$2e = require('./src/plugins/messageBox/index.js');
+var index$2f = require('./src/plugins/notification/index.js');
+var index$2g = require('./src/plugins/copy/index.js');
 var method$1 = require('./src/plugins/copy/method.js');
-var index$2g = require('./src/plugins/confirmBox/index.js');
+var index$2h = require('./src/plugins/confirmBox/index.js');
 var directive = require('./src/directives/see/directive.js');
-var index$2h = require('./src/directives/see/index.js');
+var index$2i = require('./src/directives/see/index.js');
 
 
 
@@ -671,15 +673,17 @@ exports.ruleEditorProps = ruleEditor.ruleEditorProps;
 exports.GmRuleEditor = index$29.GmRuleEditor;
 exports.uploadFileProps = uploadFile.uploadFileProps;
 exports.GmUploadFile = index$2a.GmUploadFile;
+exports.fileProProps = fileList.fileProProps;
+exports.GmFileList = index$2b.GmFileList;
 exports.messageTypes = method.messageTypes;
 exports.normalizeMessageOptions = method.normalizeMessageOptions;
-exports.GmMessage = index$2b.GmMessage;
-exports.GmLoading = index$2c.GmLoading;
-exports.GmMessageBox = index$2d.GmMessageBox;
-exports.GmNotification = index$2e.GmNotification;
-exports.GmCopy = index$2f.GmCopy;
+exports.GmMessage = index$2c.GmMessage;
+exports.GmLoading = index$2d.GmLoading;
+exports.GmMessageBox = index$2e.GmMessageBox;
+exports.GmNotification = index$2f.GmNotification;
+exports.GmCopy = index$2g.GmCopy;
 exports.useClipboard = method$1.useClipboard;
-exports.GmConfirmBox = index$2g.GmConfirmBox;
+exports.GmConfirmBox = index$2h.GmConfirmBox;
 exports.vSee = directive.vSee;
-exports.GmVSeeDirective = index$2h.GmVSeeDirective;
+exports.GmVSeeDirective = index$2i.GmVSeeDirective;
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/fileComponent/FileComponent.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     file: Partial<UploadFile>;
     showIcon: boolean;
     controls: boolean;
-    field: keyof UploadFile;
+    field: string;
     controlslist: string;
     oncontextmenu: boolean;
 }, {}>;

package/lib/components/src/composite/fileComponent/fileComponent.d.ts

@@ -20,7 +20,7 @@ export declare const fileComponentProps: {
     };
     /** 文件类型判断字段 */
     field: {
-        type: PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     /** 视频是否显示操作按钮 */

package/lib/components/src/composite/fileComponent/fileComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileComponent.js","sources":["../../../../../../../packages/components/src/composite/fileComponent/fileComponent.ts"],"sourcesContent":["import { type PropType } from 'vue';\nimport { type UploadFile } from 'element-plus';\n\n/** 视频控制器 */\nexport type Controls = 'nodownload' | 'nofullscreen' | 'noremoteplayback' | 'noplaybackrate';\n\nexport const fileComponentProps = {\n  /** 文件 */\n  file: {\n    type: Object as PropType<Partial<UploadFile>>,\n    default: () => ({}),\n  },\n  /** 文件链接字段 */\n  url: {\n    type: String,\n    default: 'url',\n  },\n  /** 图标大小 */\n  size: {\n    type: Number,\n    default: 80,\n  },\n  /** 文件类型判断字段 */\n  field: {\n    type: String as PropType<keyof UploadFile>,\n    default: 'name',\n  },\n  /** 视频是否显示操作按钮 */\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  /** 视频控制器选项 */\n  controlslist: {\n    type: String,\n    default: '',\n  },\n  /** 视频是否显示右键菜单 */\n  oncontextmenu: {\n    type: Boolean,\n    default: true,\n  },\n  /** 是否显示icon */\n  showIcon: {\n    type: Boolean,\n    default: false,\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,kBAAqB,GAAA;AAAA;AAAA,EAEhC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"fileComponent.js","sources":["../../../../../../../packages/components/src/composite/fileComponent/fileComponent.ts"],"sourcesContent":["import { type PropType } from 'vue';\nimport { type UploadFile } from 'element-plus';\n\n/** 视频控制器 */\nexport type Controls = 'nodownload' | 'nofullscreen' | 'noremoteplayback' | 'noplaybackrate';\n\nexport const fileComponentProps = {\n  /** 文件 */\n  file: {\n    type: Object as PropType<Partial<UploadFile>>,\n    default: () => ({}),\n  },\n  /** 文件链接字段 */\n  url: {\n    type: String,\n    default: 'url',\n  },\n  /** 图标大小 */\n  size: {\n    type: Number,\n    default: 80,\n  },\n  /** 文件类型判断字段 */\n  field: {\n    type: String,\n    default: 'name',\n  },\n  /** 视频是否显示操作按钮 */\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  /** 视频控制器选项 */\n  controlslist: {\n    type: String,\n    default: '',\n  },\n  /** 视频是否显示右键菜单 */\n  oncontextmenu: {\n    type: Boolean,\n    default: true,\n  },\n  /** 是否显示icon */\n  showIcon: {\n    type: Boolean,\n    default: false,\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,kBAAqB,GAAA;AAAA;AAAA,EAEhC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}

package/lib/components/src/composite/fileComponent/index.d.ts

@@ -13,7 +13,7 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof import("element-plus").UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -46,7 +46,7 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof import("element-plus").UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -71,7 +71,7 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
     file: Partial<import("element-plus").UploadFile>;
     showIcon: boolean;
     controls: boolean;
-    field: keyof import("element-plus").UploadFile;
+    field: string;
     controlslist: string;
     oncontextmenu: boolean;
 }, {}>> & Record<string, any>;

package/lib/components/src/composite/fileList2/FileList.vue.d.ts

@@ -0,0 +1,95 @@
+declare const _default: import("vue").DefineComponent<{
+    fileList: {
+        type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+        default: () => never[];
+    };
+    controlslist: {
+        type: StringConstructor;
+        default: string;
+    };
+    oncontextmenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    file: {
+        type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+        default: () => {};
+    };
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    field: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fileList: {
+        type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+        default: () => never[];
+    };
+    controlslist: {
+        type: StringConstructor;
+        default: string;
+    };
+    oncontextmenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    file: {
+        type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+        default: () => {};
+    };
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    field: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: number;
+    url: string;
+    width: string;
+    file: Partial<import("element-plus").UploadFile>;
+    showIcon: boolean;
+    controls: boolean;
+    fileList: Partial<import("element-plus").UploadFile>[];
+    field: string;
+    controlslist: string;
+    oncontextmenu: boolean;
+}, {}>;
+export default _default;

package/lib/components/src/composite/fileList2/FileList.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FileList_vue_vue_type_script_setup_true_lang = require('./FileList.vue2.js');
+
+
+
+exports.default = FileList_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=FileList.vue.js.map

package/lib/components/src/composite/fileList2/FileList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/src/composite/fileList2/FileList.vue2.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../fileComponent/index.js');
+var index$1 = require('../previewFile/index.js');
+var fileList = require('./fileList.js');
+
+const _hoisted_1 = { class: "gm-flex gm-items-center gm-gap-4" };
+const _hoisted_2 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "GmFileList"
+  },
+  __name: "FileList",
+  props: fileList.fileProProps,
+  setup(__props) {
+    const props = __props;
+    const dialog = vue.ref(false);
+    const fileIndex = vue.ref(0);
+    const handlePreview = (index) => {
+      fileIndex.value = index;
+      dialog.value = true;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createElementVNode("div", _hoisted_1, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.fileList, (file, index$1) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: index$1,
+                  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",
+                  onClick: ($event) => handlePreview(index$1)
+                }, [
+                  vue.createVNode(vue.unref(index.GmFileComponent), vue.mergeProps(props, {
+                    file,
+                    controls: false
+                  }), null, 16, ["file"])
+                ], 8, _hoisted_2);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          vue.createVNode(vue.unref(index$1.GmPreviewFile), vue.mergeProps(props, {
+            dialogVisible: dialog.value,
+            "onUpdate:dialogVisible": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),
+            "file-index": fileIndex.value,
+            "onUpdate:fileIndex": _cache[1] || (_cache[1] = ($event) => fileIndex.value = $event)
+          }), null, 16, ["dialogVisible", "file-index"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=FileList.vue2.js.map

package/lib/components/src/composite/fileList2/FileList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.vue2.js","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":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,MAAA,GAASA,QAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAYA,QAAI,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/fileList2/fileList.d.ts

@@ -0,0 +1,47 @@
+import type { PropType } from 'vue';
+import type { UploadFile } from 'element-plus';
+export declare const fileProProps: {
+    /** 文件列表 */
+    fileList: {
+        type: PropType<Partial<UploadFile>[]>;
+        default: () => never[];
+    };
+    /** 视频控制器选项 */
+    controlslist: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 视频是否显示右键菜单 */
+    oncontextmenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    file: {
+        type: PropType<Partial<UploadFile>>;
+        default: () => {};
+    };
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    field: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};