giime 0.7.20 → 0.7.21

package/README.md

@@ -24,7 +24,7 @@ pnpm add giime
 - [x] 接入tailwind
 - [x] 接入pinia
 - [x] 实现playground（测试操场）
-- [] vitepress组件文档
+- [x] vitepress组件文档
 
 ## 文档构建
 
@@ -48,9 +48,10 @@ Giime遵循MIT许可证发布，请查阅LICENSE文件以获取更多信息。
 感谢所有贡献者的辛勤工作，以及`ement-Plus`团队提供的灵感和指导。
 
 ## 版本发布
+
 ```bash
 git tag v0.1.1
 git push origin --tags
 git tag --sort=-creatordate
 git log tag1..tag2
-```
+```

package/dist/index.css

@@ -873,41 +873,56 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
-}
-
-.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
-  padding: 0;
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
 }
 
-.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
-  width: auto;
-  height: auto;
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
 }
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
+.path[data-v-d7b04fae] {
+  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-d7b04fae {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
-  height: 0;
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
-  height: 0;
+.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
+  padding: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
+.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
+  width: auto;
+  height: auto;
 }
 .gm-upload-pro-file {
   line-height: normal;
@@ -951,29 +966,38 @@ video {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+[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;
@@ -992,96 +1016,6 @@ video {
 .gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
   display: flex;
 }
-.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;
-}
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
-}
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
-}
-
-.path[data-v-d7b04fae] {
-  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-d7b04fae {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
-}
-
 @charset "UTF-8";
 .custom-operate-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1138,6 +1072,29 @@ video {
   border-radius: 10px;
   background: #eee;
 }
+[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 @charset "UTF-8";
 .table-custom-header-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1193,4 +1150,47 @@ video {
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #eee;
+}
+.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;
 }

package/es/components/src/base/button/Button.vue2.mjs

@@ -1,5 +1,4 @@
-import { defineComponent, useSlots, useAttrs, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
-import { omit } from 'lodash-es';
+import { defineComponent, useSlots, useAttrs, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, unref, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { buttonProps } from './button.mjs';
 import { isBoolean } from '../../../../utils/src/is.mjs';
 
@@ -38,7 +37,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_el_button, mergeProps({
         ref_key: "elRef",
         ref: elRef
-      }, unref(omit)(unref(attrs), "onClick"), {
+      }, props, {
         type: _ctx.disabled ? "info" : _ctx.type,
         loading: realLoading.value,
         onClick: handleClick

package/es/components/src/base/button/Button.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\n  <el-button ref=\"elRef\" v-bind=\"omit(attrs, 'onClick')\" :type=\"disabled ? 'info' : type\" :loading=\"realLoading\" @click=\"handleClick\">\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\n      <slot name=\"loading\" v-bind=\"slotValue\" />\n    </template>\n    <template v-if=\"slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\n      <slot name=\"icon\" v-bind=\"slotValue\" />\n    </template>\n  </el-button>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useAttrs, useSlots } from 'vue';\nimport { omit } from 'lodash-es';\nimport { buttonProps } from './button';\nimport type { ButtonInstance } from 'element-plus';\nimport { isBoolean } from '@giime/utils/src/is';\n\ndefineOptions({\n  name: 'GmButton',\n  inheritAttrs: false,\n});\nconst slots = useSlots();\nconst attrs = useAttrs() as {\n  onClick: (evt: MouseEvent) => Promise<any> | any;\n};\nconst props = defineProps(buttonProps);\n// const emit = defineEmits(buttonEmits);\n// 重发el的事件\n// const elEvents = getGmEvent(elButtonEmits, emit);\n\nconst elRef = ref<ButtonInstance>();\nconst isLoading = ref(false);\nconst realLoading = computed(() => {\n  // 优先使用用户传进来的loading\n  if (isBoolean(props.loading)) {\n    return props.loading;\n  }\n  return isLoading.value;\n});\nconst handleClick = async (evt: MouseEvent) => {\n  try {\n    isLoading.value = true;\n    return await attrs.onClick?.(evt);\n  } finally {\n    isLoading.value = false;\n  }\n};\ndefineExpose({\n  elRef,\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AAEjC,MAAI,IAAA,SAAA,CAAU,KAAM,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACf;AACA,MAAA,OAAO,SAAU,CAAA,KAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,OAAO,GAAoB,KAAA;AAC7C,MAAI,IAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,QAAO,OAAA,MAAM,KAAM,CAAA,OAAA,GAAU,GAAG,CAAA,CAAA;AAAA,OAChC,SAAA;AACA,QAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\n  <el-button ref=\"elRef\" v-bind=\"props\" :type=\"disabled ? 'info' : type\" :loading=\"realLoading\" @click=\"handleClick\">\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\n      <slot name=\"loading\" v-bind=\"slotValue\" />\n    </template>\n    <template v-if=\"slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\n      <slot name=\"icon\" v-bind=\"slotValue\" />\n    </template>\n  </el-button>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useAttrs, useSlots } from 'vue';\n// import { omit } from 'lodash-es';\nimport { buttonProps } from './button';\nimport type { ButtonInstance } from 'element-plus';\nimport { isBoolean } from '@giime/utils/src/is';\n\ndefineOptions({\n  name: 'GmButton',\n  inheritAttrs: false,\n});\nconst slots = useSlots();\nconst attrs = useAttrs() as {\n  onClick: (evt: MouseEvent) => Promise<any> | any;\n};\nconst props = defineProps(buttonProps);\n// const emit = defineEmits(buttonEmits);\n// 重发el的事件\n// const elEvents = getGmEvent(elButtonEmits, emit);\n\nconst elRef = ref<ButtonInstance>();\nconst isLoading = ref(false);\nconst realLoading = computed(() => {\n  // 优先使用用户传进来的loading\n  if (isBoolean(props.loading)) {\n    return props.loading;\n  }\n  return isLoading.value;\n});\nconst handleClick = async (evt: MouseEvent) => {\n  try {\n    isLoading.value = true;\n    return await attrs.onClick?.(evt);\n  } finally {\n    isLoading.value = false;\n  }\n};\ndefineExpose({\n  elRef,\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AAEjC,MAAI,IAAA,SAAA,CAAU,KAAM,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACf;AACA,MAAA,OAAO,SAAU,CAAA,KAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,OAAO,GAAoB,KAAA;AAC7C,MAAI,IAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,QAAO,OAAA,MAAM,KAAM,CAAA,OAAA,GAAU,GAAG,CAAA,CAAA;AAAA,OAChC,SAAA;AACA,QAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/fileList2/FileList.vue2.mjs

@@ -41,7 +41,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             {
-              class: "gm-flex--wrap gm-flex gm-items-center",
+              class: "gm-flex gm-flex-wrap gm-items-center",
               style: normalizeStyle(fileListStyle.value)
             },
             [

package/es/components/src/composite/fileList2/FileList.vue2.mjs.map

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileList.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/fileList2/FileList.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-flex-wrap 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.7.20";
+export declare const version = "0.7.21";

package/es/giime/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.7.19";
+const version = "0.7.20";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/giime/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.7.19';\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.7.20';\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}

package/es/index.css

@@ -873,41 +873,56 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
-}
-
-.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
-  padding: 0;
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
 }
 
-.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
-  width: auto;
-  height: auto;
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
 }
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
+.path[data-v-d7b04fae] {
+  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-d7b04fae {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
-  height: 0;
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
-  height: 0;
+.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
+  padding: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
+.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
+  width: auto;
+  height: auto;
 }
 .gm-upload-pro-file {
   line-height: normal;
@@ -951,29 +966,38 @@ video {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+[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;
@@ -992,96 +1016,6 @@ video {
 .gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
   display: flex;
 }
-.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;
-}
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
-}
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
-}
-
-.path[data-v-d7b04fae] {
-  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-d7b04fae {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
-}
-
 @charset "UTF-8";
 .custom-operate-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1138,6 +1072,29 @@ video {
   border-radius: 10px;
   background: #eee;
 }
+[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 @charset "UTF-8";
 .table-custom-header-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1193,4 +1150,47 @@ video {
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #eee;
+}
+.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;
 }

package/lib/components/src/base/button/Button.vue2.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var lodashEs = require('lodash-es');
 var button = require('./button.js');
 var is = require('../../../../utils/src/is.js');
 
@@ -42,7 +41,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({
         ref_key: "elRef",
         ref: elRef
-      }, vue.unref(lodashEs.omit)(vue.unref(attrs), "onClick"), {
+      }, props, {
         type: _ctx.disabled ? "info" : _ctx.type,
         loading: realLoading.value,
         onClick: handleClick

package/lib/components/src/base/button/Button.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.js","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\n  <el-button ref=\"elRef\" v-bind=\"omit(attrs, 'onClick')\" :type=\"disabled ? 'info' : type\" :loading=\"realLoading\" @click=\"handleClick\">\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\n      <slot name=\"loading\" v-bind=\"slotValue\" />\n    </template>\n    <template v-if=\"slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\n      <slot name=\"icon\" v-bind=\"slotValue\" />\n    </template>\n  </el-button>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useAttrs, useSlots } from 'vue';\nimport { omit } from 'lodash-es';\nimport { buttonProps } from './button';\nimport type { ButtonInstance } from 'element-plus';\nimport { isBoolean } from '@giime/utils/src/is';\n\ndefineOptions({\n  name: 'GmButton',\n  inheritAttrs: false,\n});\nconst slots = useSlots();\nconst attrs = useAttrs() as {\n  onClick: (evt: MouseEvent) => Promise<any> | any;\n};\nconst props = defineProps(buttonProps);\n// const emit = defineEmits(buttonEmits);\n// 重发el的事件\n// const elEvents = getGmEvent(elButtonEmits, emit);\n\nconst elRef = ref<ButtonInstance>();\nconst isLoading = ref(false);\nconst realLoading = computed(() => {\n  // 优先使用用户传进来的loading\n  if (isBoolean(props.loading)) {\n    return props.loading;\n  }\n  return isLoading.value;\n});\nconst handleClick = async (evt: MouseEvent) => {\n  try {\n    isLoading.value = true;\n    return await attrs.onClick?.(evt);\n  } finally {\n    isLoading.value = false;\n  }\n};\ndefineExpose({\n  elRef,\n});\n</script>\n"],"names":["useSlots","useAttrs","ref","computed","isBoolean"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,QAAQC,OAAoB,EAAA,CAAA;AAClC,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AAEjC,MAAI,IAAAC,YAAA,CAAU,KAAM,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACf;AACA,MAAA,OAAO,SAAU,CAAA,KAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,OAAO,GAAoB,KAAA;AAC7C,MAAI,IAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,QAAO,OAAA,MAAM,KAAM,CAAA,OAAA,GAAU,GAAG,CAAA,CAAA;AAAA,OAChC,SAAA;AACA,QAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue2.js","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\n  <el-button ref=\"elRef\" v-bind=\"props\" :type=\"disabled ? 'info' : type\" :loading=\"realLoading\" @click=\"handleClick\">\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\n      <slot name=\"loading\" v-bind=\"slotValue\" />\n    </template>\n    <template v-if=\"slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\n      <slot name=\"icon\" v-bind=\"slotValue\" />\n    </template>\n  </el-button>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useAttrs, useSlots } from 'vue';\n// import { omit } from 'lodash-es';\nimport { buttonProps } from './button';\nimport type { ButtonInstance } from 'element-plus';\nimport { isBoolean } from '@giime/utils/src/is';\n\ndefineOptions({\n  name: 'GmButton',\n  inheritAttrs: false,\n});\nconst slots = useSlots();\nconst attrs = useAttrs() as {\n  onClick: (evt: MouseEvent) => Promise<any> | any;\n};\nconst props = defineProps(buttonProps);\n// const emit = defineEmits(buttonEmits);\n// 重发el的事件\n// const elEvents = getGmEvent(elButtonEmits, emit);\n\nconst elRef = ref<ButtonInstance>();\nconst isLoading = ref(false);\nconst realLoading = computed(() => {\n  // 优先使用用户传进来的loading\n  if (isBoolean(props.loading)) {\n    return props.loading;\n  }\n  return isLoading.value;\n});\nconst handleClick = async (evt: MouseEvent) => {\n  try {\n    isLoading.value = true;\n    return await attrs.onClick?.(evt);\n  } finally {\n    isLoading.value = false;\n  }\n};\ndefineExpose({\n  elRef,\n});\n</script>\n"],"names":["useSlots","useAttrs","ref","computed","isBoolean"],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,QAAQC,OAAoB,EAAA,CAAA;AAClC,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AAEjC,MAAI,IAAAC,YAAA,CAAU,KAAM,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACf;AACA,MAAA,OAAO,SAAU,CAAA,KAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,OAAO,GAAoB,KAAA;AAC7C,MAAI,IAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,QAAO,OAAA,MAAM,KAAM,CAAA,OAAA,GAAU,GAAG,CAAA,CAAA;AAAA,OAChC,SAAA;AACA,QAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -45,7 +45,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode(
             "div",
             {
-              class: "gm-flex--wrap gm-flex gm-items-center",
+              class: "gm-flex gm-flex-wrap gm-items-center",
               style: vue.normalizeStyle(fileListStyle.value)
             },
             [

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.vue2.js","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":["computed","ref"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,aAAA,GAAgBA,aAAS,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,GAAYA,aAAS,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,GAASC,QAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAYA,QAAI,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileList.vue2.js","sources":["../../../../../../../packages/components/src/composite/fileList2/FileList.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-flex-wrap 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":["computed","ref"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,aAAA,GAAgBA,aAAS,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,GAAYA,aAAS,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,GAASC,QAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAYA,QAAI,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.7.20";
+export declare const version = "0.7.21";

package/lib/giime/version.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "0.7.19";
+const version = "0.7.20";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/giime/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.7.19';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.7.20';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}

package/lib/index.css

@@ -873,41 +873,56 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
-}
-
-.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
-  padding: 0;
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
 }
 
-.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
-  width: auto;
-  height: auto;
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
 }
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
+.path[data-v-d7b04fae] {
+  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-d7b04fae {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
-  height: 0;
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
-  height: 0;
+.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
+  padding: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
+.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
+  width: auto;
+  height: auto;
 }
 .gm-upload-pro-file {
   line-height: normal;
@@ -951,29 +966,38 @@ video {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+[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;
@@ -992,96 +1016,6 @@ video {
 .gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
   display: flex;
 }
-.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;
-}
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
-}
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
-}
-
-.path[data-v-d7b04fae] {
-  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-d7b04fae {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
-}
-
 @charset "UTF-8";
 .custom-operate-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1138,6 +1072,29 @@ video {
   border-radius: 10px;
   background: #eee;
 }
+[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 @charset "UTF-8";
 .table-custom-header-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1193,4 +1150,47 @@ video {
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #eee;
+}
+.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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giime",
-  "version": "0.7.20",
+  "version": "0.7.21",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "giime",