giime 0.6.45 → 0.7.0

package/es/components/src/business/uploadPro/UploadPro.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadPro.vue2.mjs","sources":["../../../../../../../packages/components/src/business/uploadPro/UploadPro.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      v-loading=\"uploadLoading\"\n      ref=\"pasteFileRef\"\n      :class=\"{ 'gm-upload-pro-file-picture-card': listType === 'picture-card', 'gm-upload-pro-file-disabled': disabled }\"\n      class=\"gm-upload-pro-file\"\n    >\n      <el-checkbox-group v-model=\"checkoutFiles\">\n        <el-upload\n          ref=\"uploadFileRef\"\n          v-bind=\"props\"\n          v-model:file-list=\"fileList\"\n          :before-remove=\"beforeRemove\"\n          action=\"\"\n          :http-request=\"httpRequest\"\n          :on-success=\"coverFileSuccess\"\n          :on-error=\"coverFileError\"\n        >\n          <slot v-if=\"!disabled\">\n            <template v-if=\"listType === 'picture-card'\">\n              <div\n                class=\"gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-border gm-border-dashed gm-p-1\"\n                style=\"flex-direction: column\"\n                :style=\"{ width: width + 'px', height: height + 'px' }\"\n              >\n                <el-icon :size=\"30\" color=\"#999\">\n                  <UploadFilled />\n                </el-icon>\n                <div class=\"el-upload__text gm-text-center !gm-text-xs gm-text-gray-500\">\n                  将文件拖到此处，复制粘贴，或 <em class=\"gm-text-blue-700\">点击上传</em>\n                </div>\n              </div>\n            </template>\n            <template v-else>\n              <el-button type=\"primary\" size=\"default\">点击上传</el-button>\n            </template>\n          </slot>\n          <template v-if=\"showFileList && listType === 'picture-card'\" #file=\"{ file }\">\n            <el-checkbox v-if=\"checkbox && !disabledCheckboxUids.includes(file.uid)\" :value=\"file\" />\n\n            <slot name=\"file\" :file=\"file\">\n              <div class=\"gm-flex gm-items-center gm-justify-center gm-rounded-md\" :style=\"{ width: width + 'px', height: height + 'px' }\">\n                <el-progress\n                  v-if=\"file.status === 'uploading' || loadingUids.has(file.uid)\"\n                  :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n                  :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n                  :percentage=\"Number(file.percentage)\"\n                  :style=\"\n                    listType === 'picture-card'\n                      ? {\n                          width: width - 20 + 'px',\n                          height: width - 20 + 'px',\n                        }\n                      : 'margin-top: 0.5rem'\n                  \"\n                  :width=\"width - 20\"\n                />\n\n                <GmFileComponent v-else :file=\"file\" :size=\"width - 40\" :controls=\"false\" :show-icon=\"true\" />\n              </div>\n              <div class=\"el-upload-list__item-actions\">\n                <span class=\"el-upload-list__item-preview\" @click=\"handlePreview(file)\">\n                  <el-icon><View /></el-icon>\n                </span>\n                <span\n                  v-if=\"showDelete && !disabledDeleteUids.includes(file.uid)\"\n                  class=\"el-upload-list__item-delete\"\n                  @click=\"handleRemove(file, fileList)\"\n                >\n                  <el-icon><Delete /></el-icon>\n                </span>\n              </div>\n            </slot>\n          </template>\n          <template v-else #file=\"slotValue\">\n            <slot name=\"file\" v-bind=\"slotValue\" />\n          </template>\n          <template v-if=\"slots.trigger\" #trigger>\n            <slot name=\"trigger\" />\n          </template>\n          <template v-if=\"slots.tip\" #tip>\n            <div class=\"gm-text-sm\">\n              <slot name=\"tip\" />\n            </div>\n          </template>\n        </el-upload>\n      </el-checkbox-group>\n\n      <GmPreviewFile v-model:dialogVisible=\"dialogVisible\" v-model:file-index=\"fileIndex\" :file-list=\"fileList\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessageBox } from 'element-plus';\nimport { computed, ref, useSlots } from 'vue';\n// import { fileValidType } from '@giime/utils/src/file';\n// import { pasteFile } from '@giime/utils/src/pasteFile';\nimport { usePasteFile } from '@giime/hooks/base/usePasteFile';\nimport { GmConfirmBox } from '@giime/components/src/plugins/confirmBox';\nimport { Delete, UploadFilled, View } from '@element-plus/icons-vue';\nimport GmFileComponent from '../../composite/fileComponent';\nimport GmPreviewFile from '../../composite/previewFile';\nimport { GmUploadProUserFile, GmUploadProUserFileResponse, uploadFileProps } from './uploadPro';\nimport type { UploadFile, UploadFiles, UploadInstance, UploadProps, UploadRawFile } from 'element-plus';\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\nimport { useUploadFile } from '@giime/hooks/base/useUploadFile';\n\ndefineOptions({\n  name: 'GmUploadPro',\n});\nconst slots = useSlots();\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\"]);\n\n/** 上传文件 */\nconst fileList = defineModel<UploadFile[]>('fileList', { required: true });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: () => [] });\n/**上传功能 */\nconst { uploadFile, cancelUpload } = useUploadFile();\n\nconst loadingUids = ref<Set<number>>(new Set());\nconst uploadLoading = computed(() => props.showLoading && loadingUids.value.size > 0);\n\n/* 上传 */\nconst httpRequest: UploadProps['httpRequest'] = async options => {\n  loadingUids.value.add(options.file.uid);\n  return uploadFile(options.file, {\n    domainCode: props.domainCode,\n    sceneCode: props.sceneCode,\n    accept: props.accept,\n    acl: props.acl,\n    elOptions: options,\n  });\n};\n\n/**判断是否全部上传完成 并触发事件 */\nconst checkAllUploadComplete = () => {\n  if (loadingUids.value.size === 0) {\n    // 全部文件上传完成\n    props.onAllComplete?.();\n  }\n};\n// 上传成功\nconst coverFileSuccess: UploadProps['onSuccess'] = (response: GmUploadProUserFileResponse, uploadFile, uploadFiles) => {\n  loadingUids.value.delete(uploadFile.uid);\n  uploadFile.url = response.url;\n  props.onSuccess?.(response, uploadFile, uploadFiles);\n  // 判断是否全部上传完成\n  checkAllUploadComplete();\n};\n// 上传失败\nconst coverFileError: UploadProps['onError'] = (error, uploadFile, uploadFiles) => {\n  loadingUids.value.delete(uploadFile.uid);\n  props.onError?.(error, uploadFile, uploadFiles);\n  // 判断是否全部上传完成\n  checkAllUploadComplete();\n};\n\n/* 删除文件前 */\nconst beforeRemove: UploadProps['beforeRemove'] = async (file, files) => {\n  if (props.disabled) {\n    return false;\n  }\n  if (props.deleteTip) {\n    await GmConfirmBox({ message: '确定删除该文件吗？' }, async () => {});\n  }\n  // 如果文件正在上传，取消上传请求\n  if (file.status === 'uploading' || loadingUids.value.has(file.uid)) {\n    cancelUpload(file.uid);\n    loadingUids.value.delete(file.uid);\n    // 判断是否全部上传完成\n    checkAllUploadComplete();\n  }\n  return props.beforeRemove?.(file, files) ?? true;\n};\n\n/* 删除文件 */\nconst removeFile = (file: UploadFile, uploadFiles: UploadFiles) => {\n  // 如果文件正在上传，取消上传请求\n  if (file.status === 'uploading' || loadingUids.value.has(file.uid)) {\n    cancelUpload(file.uid);\n    loadingUids.value.delete(file.uid);\n    // 判断是否全部上传完成\n    checkAllUploadComplete();\n  }\n\n  const index = fileList.value.indexOf(file);\n  if (index > -1) {\n    fileList.value.splice(index, 1);\n    emit('handleRemove', { file, index });\n    return props.onRemove?.(file, uploadFiles);\n  }\n};\n/**点击删除图标 */\nconst handleRemove = async (file: UploadFile, uploadFiles: UploadFiles) => {\n  if (props.deleteTip) {\n    await GmConfirmBox({ message: '确定删除该文件吗？' }, async () => {});\n  }\n\n  removeFile(file, uploadFiles);\n};\n\nconst uploadFileRef = ref<UploadInstance>();\nconst exposeEvents = ['abort', 'submit', 'clearFiles', 'handleStart', 'handleRemove'] as const;\nconst { exposeFns } = getGmExports(uploadFileRef, exposeEvents);\n\nconst pasteFileRef = ref<HTMLElement>();\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\n/**点击预览 */\nconst handlePreview = (file: UploadFile) => {\n  fileIndex.value = fileList.value.indexOf(file);\n  dialogVisible.value = true;\n};\n\n//** 复制粘贴 */\nconst { onSuccess, onError } = usePasteFile(pasteFileRef, { accept: props.accept, disabled: props.disabled });\nonSuccess((files: File[]) => {\n  if (props.disabled) {\n    return;\n  }\n  if (Array.isArray(files) && files.length > 0) {\n    files.forEach(file => {\n      if (file instanceof File) {\n        const rawFile = file as UploadRawFile;\n        uploadFileRef.value?.handleStart(rawFile);\n\n        // 粘贴成功自动上传\n        if (props.autoUpload) {\n          uploadFileRef.value?.submit();\n        }\n      }\n    });\n  }\n});\n/**粘贴失败 */\nonError((error: Error) => {\n  console.error('粘贴错误:', error);\n  ElMessageBox.alert(error.message, '提示', {\n    type: 'error',\n  });\n});\ndefineExpose({\n  ...exposeFns,\n  uploadFileRef,\n  loadingUids,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-pro-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-pro-file-picture-card {\n  :deep(.el-upload-list__item),\n  :deep(.el-upload--picture-card) {\n    width: auto;\n    height: auto;\n  }\n}\n</style>\n<style lang=\"scss\">\n.gm-upload-pro-file {\n  line-height: normal;\n  .el-checkbox-group {\n    font-size: unset;\n  }\n  .el-checkbox {\n    position: absolute;\n    left: 10px;\n    top: 0;\n    z-index: 9;\n  }\n  .el-upload-list--picture-card {\n    gap: 10px;\n  }\n  .el-upload-list__item {\n    margin: 0;\n  }\n  .el-upload-list__item-file-name {\n    line-height: 1.7;\n  }\n  .el-upload-dragger {\n    padding: 0;\n    border: none;\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n  .el-upload--picture-card {\n    border: none;\n  }\n}\n.gm-upload-pro-file-disabled {\n  .el-upload--picture-card {\n    display: none;\n  }\n  .el-upload-list__item-status-label {\n    display: none;\n  }\n}\n</style>\n"],"names":["_useModel","uploadFile"],"mappings":"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"}
+{"version":3,"file":"UploadPro.vue2.mjs","sources":["../../../../../../../packages/components/src/business/uploadPro/UploadPro.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      v-loading=\"uploadLoading\"\n      ref=\"pasteFileRef\"\n      :class=\"{ 'gm-upload-pro-file-picture-card': listType === 'picture-card', 'gm-upload-pro-file-disabled': disabled }\"\n      class=\"gm-upload-pro-file\"\n    >\n      <el-checkbox-group v-model=\"checkoutFiles\">\n        <el-upload\n          ref=\"uploadFileRef\"\n          v-bind=\"props\"\n          v-model:file-list=\"fileList\"\n          :before-remove=\"beforeRemove\"\n          action=\"\"\n          :http-request=\"httpRequest\"\n          :on-success=\"coverFileSuccess\"\n          :on-error=\"coverFileError\"\n        >\n          <slot v-if=\"!disabled\">\n            <template v-if=\"listType === 'picture-card'\">\n              <div\n                class=\"gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-border gm-border-dashed gm-p-1\"\n                style=\"flex-direction: column\"\n                :style=\"{ width: width + 'px', height: height + 'px' }\"\n              >\n                <el-icon :size=\"30\" color=\"#999\">\n                  <UploadFilled />\n                </el-icon>\n                <div class=\"el-upload__text gm-text-center !gm-text-xs gm-text-gray-500\">\n                  将文件拖到此处，复制粘贴，或 <em class=\"gm-text-blue-700\">点击上传</em>\n                </div>\n              </div>\n            </template>\n            <template v-else>\n              <el-button type=\"primary\" size=\"default\">点击上传</el-button>\n            </template>\n          </slot>\n          <template v-if=\"showFileList && listType === 'picture-card'\" #file=\"{ file }\">\n            <el-checkbox v-if=\"checkbox && !disabledCheckboxUids.includes(file.uid)\" :value=\"file\" />\n\n            <slot name=\"file\" :file=\"file\">\n              <div class=\"gm-flex gm-items-center gm-justify-center gm-rounded-md\" :style=\"{ width: width + 'px', height: height + 'px' }\">\n                <el-progress\n                  v-if=\"file.status === 'uploading' || loadingUids.has(file.uid)\"\n                  :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n                  :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n                  :percentage=\"Number(file.percentage)\"\n                  :style=\"\n                    listType === 'picture-card'\n                      ? {\n                          width: width - 20 + 'px',\n                          height: width - 20 + 'px',\n                        }\n                      : 'margin-top: 0.5rem'\n                  \"\n                  :width=\"width - 20\"\n                />\n\n                <GmFileComponent v-else :file=\"file\" :size=\"width - 40\" :controls=\"false\" :show-icon=\"true\" />\n              </div>\n              <div class=\"el-upload-list__item-actions\">\n                <span class=\"el-upload-list__item-preview\" @click=\"handlePreview(file)\">\n                  <el-icon><View /></el-icon>\n                </span>\n                <span\n                  v-if=\"showDelete && !disabledDeleteUids.includes(file.uid)\"\n                  class=\"el-upload-list__item-delete\"\n                  @click=\"handleRemove(file, fileList)\"\n                >\n                  <el-icon><Delete /></el-icon>\n                </span>\n              </div>\n            </slot>\n          </template>\n          <template v-else #file=\"slotValue\">\n            <slot name=\"file\" v-bind=\"slotValue\" />\n          </template>\n          <template v-if=\"slots.trigger\" #trigger>\n            <slot name=\"trigger\" />\n          </template>\n          <template v-if=\"slots.tip\" #tip>\n            <div class=\"gm-text-sm\">\n              <slot name=\"tip\" />\n            </div>\n          </template>\n        </el-upload>\n      </el-checkbox-group>\n\n      <GmPreviewFile v-model:dialogVisible=\"dialogVisible\" v-model:file-index=\"fileIndex\" :file-list=\"fileList\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessageBox } from 'element-plus';\nimport { computed, ref, useSlots } from 'vue';\n// import { fileValidType } from '@giime/utils/src/file';\n// import { pasteFile } from '@giime/utils/src/pasteFile';\nimport { usePasteFile } from '@giime/hooks/base/usePasteFile';\nimport { GmConfirmBox } from '@giime/components/src/plugins/confirmBox';\nimport { Delete, UploadFilled, View } from '@element-plus/icons-vue';\nimport GmFileComponent from '../../composite/fileComponent';\nimport GmPreviewFile from '../../composite/previewFile';\nimport { GmUploadProUserFile, GmUploadProUserFileResponse, uploadFileProps } from './uploadPro';\nimport type { UploadFile, UploadFiles, UploadInstance, UploadProps, UploadRawFile, UploadUserFile } from 'element-plus';\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\nimport { useUploadFile } from '@giime/hooks/base/useUploadFile';\n\ndefineOptions({\n  name: 'GmUploadPro',\n});\nconst slots = useSlots();\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\"]);\n\n/** 上传文件 */\nconst fileList = defineModel<UploadUserFile[]>('fileList', { required: true });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: () => [] });\n/**上传功能 */\nconst { uploadFile, cancelUpload } = useUploadFile();\n\nconst loadingUids = ref<Set<number>>(new Set());\nconst uploadLoading = computed(() => props.showLoading && loadingUids.value.size > 0);\n\n/* 上传 */\nconst httpRequest: UploadProps['httpRequest'] = async options => {\n  loadingUids.value.add(options.file.uid);\n  return uploadFile(options.file, {\n    domainCode: props.domainCode,\n    sceneCode: props.sceneCode,\n    accept: props.accept,\n    acl: props.acl,\n    elOptions: options,\n  });\n};\n\n/**判断是否全部上传完成 并触发事件 */\nconst checkAllUploadComplete = () => {\n  if (loadingUids.value.size === 0) {\n    // 全部文件上传完成\n    props.onAllComplete?.();\n  }\n};\n// 上传成功\nconst coverFileSuccess: UploadProps['onSuccess'] = (response: GmUploadProUserFileResponse, uploadFile, uploadFiles) => {\n  loadingUids.value.delete(uploadFile.uid);\n  uploadFile.url = response.url;\n  props.onSuccess?.(response, uploadFile, uploadFiles);\n  // 判断是否全部上传完成\n  checkAllUploadComplete();\n};\n// 上传失败\nconst coverFileError: UploadProps['onError'] = (error, uploadFile, uploadFiles) => {\n  loadingUids.value.delete(uploadFile.uid);\n  props.onError?.(error, uploadFile, uploadFiles);\n  // 判断是否全部上传完成\n  checkAllUploadComplete();\n};\n\n/* 删除文件前 */\nconst beforeRemove: UploadProps['beforeRemove'] = async (file, files) => {\n  if (props.disabled) {\n    return false;\n  }\n  if (props.deleteTip) {\n    await GmConfirmBox({ message: '确定删除该文件吗？' }, async () => {});\n  }\n  // 如果文件正在上传，取消上传请求\n  if (file.status === 'uploading' || loadingUids.value.has(file.uid)) {\n    cancelUpload(file.uid);\n    loadingUids.value.delete(file.uid);\n    // 判断是否全部上传完成\n    checkAllUploadComplete();\n  }\n  return props.beforeRemove?.(file, files) ?? true;\n};\n\n/* 删除文件 */\nconst removeFile = (file: UploadFile, uploadFiles: UploadFiles) => {\n  // 如果文件正在上传，取消上传请求\n  if (file.status === 'uploading' || loadingUids.value.has(file.uid)) {\n    cancelUpload(file.uid);\n    loadingUids.value.delete(file.uid);\n    // 判断是否全部上传完成\n    checkAllUploadComplete();\n  }\n\n  const index = fileList.value.indexOf(file);\n  if (index > -1) {\n    fileList.value.splice(index, 1);\n    emit('handleRemove', { file, index });\n    return props.onRemove?.(file, uploadFiles);\n  }\n};\n/**点击删除图标 */\nconst handleRemove = async (file: UploadFile, uploadFiles: UploadUserFile[]) => {\n  if (props.deleteTip) {\n    await GmConfirmBox({ message: '确定删除该文件吗？' }, async () => {});\n  }\n\n  removeFile(file, uploadFiles as UploadFiles);\n};\n\nconst uploadFileRef = ref<UploadInstance>();\nconst exposeEvents = ['abort', 'submit', 'clearFiles', 'handleStart', 'handleRemove'] as const;\nconst { exposeFns } = getGmExports(uploadFileRef, exposeEvents);\n\nconst pasteFileRef = ref<HTMLElement>();\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\n/**点击预览 */\nconst handlePreview = (file: UploadFile) => {\n  fileIndex.value = fileList.value.indexOf(file);\n  dialogVisible.value = true;\n};\n\n//** 复制粘贴 */\nconst { onSuccess, onError } = usePasteFile(pasteFileRef, { accept: props.accept, disabled: props.disabled });\nonSuccess((files: File[]) => {\n  if (props.disabled) {\n    return;\n  }\n  if (Array.isArray(files) && files.length > 0) {\n    files.forEach(file => {\n      if (file instanceof File) {\n        const rawFile = file as UploadRawFile;\n        uploadFileRef.value?.handleStart(rawFile);\n\n        // 粘贴成功自动上传\n        if (props.autoUpload) {\n          uploadFileRef.value?.submit();\n        }\n      }\n    });\n  }\n});\n/**粘贴失败 */\nonError((error: Error) => {\n  console.error('粘贴错误:', error);\n  ElMessageBox.alert(error.message, '提示', {\n    type: 'error',\n  });\n});\ndefineExpose({\n  ...exposeFns,\n  uploadFileRef,\n  loadingUids,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-pro-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-pro-file-picture-card {\n  :deep(.el-upload-list__item),\n  :deep(.el-upload--picture-card) {\n    width: auto;\n    height: auto;\n  }\n}\n</style>\n<style lang=\"scss\">\n.gm-upload-pro-file {\n  line-height: normal;\n  .el-checkbox-group {\n    font-size: unset;\n  }\n  .el-checkbox {\n    position: absolute;\n    left: 10px;\n    top: 0;\n    z-index: 9;\n  }\n  .el-upload-list--picture-card {\n    gap: 10px;\n  }\n  .el-upload-list__item {\n    margin: 0;\n  }\n  .el-upload-list__item-file-name {\n    line-height: 1.7;\n  }\n  .el-upload-dragger {\n    padding: 0;\n    border: none;\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n  .el-upload--picture-card {\n    border: none;\n  }\n}\n.gm-upload-pro-file-disabled {\n  .el-upload--picture-card {\n    display: none;\n  }\n  .el-upload-list__item-status-label {\n    display: none;\n  }\n}\n</style>\n"],"names":["_useModel","uploadFile"],"mappings":"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"}

package/es/components/src/business/uploadPro/index.d.ts

@@ -3,7 +3,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         fileList: {
             required: true;
-            type: import("vue").PropType<import("element-plus").UploadFile[]>;
+            type: import("vue").PropType<import("element-plus").UploadUserFile[]>;
         };
         checkoutFiles: import("vue").PropType<any[]>;
         listType: {
@@ -172,7 +172,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         disabled: BooleanConstructor;
         limit: NumberConstructor;
     }>> & {
-        "onUpdate:fileList"?: ((fileList: import("element-plus").UploadFile[]) => any) | undefined;
+        "onUpdate:fileList"?: ((fileList: import("element-plus").UploadUserFile[]) => any) | undefined;
         onHandleRemove?: ((file: {
             file: import("element-plus").UploadFile;
             index: number;
@@ -661,7 +661,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         handleStart: (rawFile: import("element-plus").UploadRawFile) => void;
         handleRemove: (file: import("element-plus").UploadRawFile | import("element-plus").UploadFile, rawFile?: import("element-plus").UploadRawFile | undefined) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:fileList": (fileList: import("element-plus").UploadFile[]) => void;
+        "update:fileList": (fileList: import("element-plus").UploadUserFile[]) => void;
         "update:checkoutFiles": (checkoutFiles: any[]) => void;
         handleRemove: (file: {
             file: import("element-plus").UploadFile;
@@ -670,7 +670,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         fileList: {
             required: true;
-            type: import("vue").PropType<import("element-plus").UploadFile[]>;
+            type: import("vue").PropType<import("element-plus").UploadUserFile[]>;
         };
         checkoutFiles: import("vue").PropType<any[]>;
         listType: {
@@ -839,7 +839,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         disabled: BooleanConstructor;
         limit: NumberConstructor;
     }>> & {
-        "onUpdate:fileList"?: ((fileList: import("element-plus").UploadFile[]) => any) | undefined;
+        "onUpdate:fileList"?: ((fileList: import("element-plus").UploadUserFile[]) => any) | undefined;
         onHandleRemove?: ((file: {
             file: import("element-plus").UploadFile;
             index: number;
@@ -888,7 +888,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     }, Readonly<import("vue").ExtractPropTypes<{
         fileList: {
             required: true;
-            type: import("vue").PropType<import("element-plus").UploadFile[]>;
+            type: import("vue").PropType<import("element-plus").UploadUserFile[]>;
         };
         checkoutFiles: import("vue").PropType<any[]>;
         listType: {
@@ -1057,7 +1057,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         disabled: BooleanConstructor;
         limit: NumberConstructor;
     }>> & {
-        "onUpdate:fileList"?: ((fileList: import("element-plus").UploadFile[]) => any) | undefined;
+        "onUpdate:fileList"?: ((fileList: import("element-plus").UploadUserFile[]) => any) | undefined;
         onHandleRemove?: ((file: {
             file: import("element-plus").UploadFile;
             index: number;
@@ -1585,7 +1585,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     fileList: {
         required: true;
-        type: import("vue").PropType<import("element-plus").UploadFile[]>;
+        type: import("vue").PropType<import("element-plus").UploadUserFile[]>;
     };
     checkoutFiles: import("vue").PropType<any[]>;
     listType: {
@@ -1754,7 +1754,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     disabled: BooleanConstructor;
     limit: NumberConstructor;
 }>> & {
-    "onUpdate:fileList"?: ((fileList: import("element-plus").UploadFile[]) => any) | undefined;
+    "onUpdate:fileList"?: ((fileList: import("element-plus").UploadUserFile[]) => any) | undefined;
     onHandleRemove?: ((file: {
         file: import("element-plus").UploadFile;
         index: number;
@@ -2243,7 +2243,7 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     handleStart: (rawFile: import("element-plus").UploadRawFile) => void;
     handleRemove: (file: import("element-plus").UploadRawFile | import("element-plus").UploadFile, rawFile?: import("element-plus").UploadRawFile | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:fileList": (fileList: import("element-plus").UploadFile[]) => void;
+    "update:fileList": (fileList: import("element-plus").UploadUserFile[]) => void;
     "update:checkoutFiles": (checkoutFiles: any[]) => void;
     handleRemove: (file: {
         file: import("element-plus").UploadFile;

package/es/giime/index.mjs

@@ -13,7 +13,7 @@ export { createAxios } from '../utils/src/http/createAxios.mjs';
 export { errorMessage, responseErrorMessage } from '../utils/src/http/errorMessage.mjs';
 export { req401Interceptors, res401Interceptors } from '../utils/src/http/interceptors.mjs';
 export { giimeDevProxy } from '../utils/src/http/devProxy.mjs';
-export { getDomain } from '../utils/src/http/url.mjs';
+export { getDomain, urlJoin } from '../utils/src/http/url.mjs';
 export { getModifiedData, hasOwn, keysOf, resetObject } from '../utils/src/objects.mjs';
 export { getDateShortcuts } from '../utils/src/date/dateShortcuts.mjs';
 export { genFileId } from 'element-plus';

package/es/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.6.45";
+export declare const version = "0.7.0";

package/es/index.css

@@ -873,6 +873,11 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
+
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
+}
+
 .gm-flex-center[data-v-c17deec9] {
   align-items: center;
 }
@@ -880,157 +885,193 @@ video {
 .gm-flex-justify-between[data-v-c17deec9] {
   justify-content: space-between;
 }
-.gm-upload-preview-dialog[data-v-62eb3199] [data-v-62eb3199] .el-dialog__body {
+.gm-upload-pro-preview-dialog[data-v-c2c42dbb] [data-v-c2c42dbb] .el-dialog__body {
   padding: 0;
 }
 
-.gm-upload-file-picture-card[data-v-62eb3199] [data-v-62eb3199] .el-upload-list__item, .gm-upload-file-picture-card[data-v-62eb3199] [data-v-62eb3199] .el-upload--picture-card {
+.gm-upload-pro-file-picture-card[data-v-c2c42dbb] [data-v-c2c42dbb] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-c2c42dbb] [data-v-c2c42dbb] .el-upload--picture-card {
   width: auto;
   height: auto;
 }
-.gm-upload-file {
+.gm-upload-pro-file {
   line-height: normal;
 }
-.gm-upload-file .el-checkbox {
+.gm-upload-pro-file .el-checkbox-group {
+  font-size: unset;
+}
+.gm-upload-pro-file .el-checkbox {
   position: absolute;
   left: 10px;
   top: 0;
   z-index: 9;
 }
-.gm-upload-file .el-upload-list--picture-card {
+.gm-upload-pro-file .el-upload-list--picture-card {
   gap: 10px;
 }
-.gm-upload-file .el-upload-list__item {
+.gm-upload-pro-file .el-upload-list__item {
   margin: 0;
 }
-.gm-upload-file .el-upload-list__item-file-name {
-  line-height: normal;
+.gm-upload-pro-file .el-upload-list__item-file-name {
+  line-height: 1.7;
 }
-.gm-upload-file .el-upload-dragger {
+.gm-upload-pro-file .el-upload-dragger {
   padding: 0;
   border: none;
   width: 100%;
   height: 100%;
   display: flex;
 }
-.gm-upload-file .el-upload--picture-card {
+.gm-upload-pro-file .el-upload--picture-card {
   border: none;
 }
 
-.gm-upload-file-disabled .el-upload--picture-card {
+.gm-upload-pro-file-disabled .el-upload--picture-card {
   display: none;
 }
-.gm-upload-file-disabled .el-upload-list__item-status-label {
+.gm-upload-pro-file-disabled .el-upload-list__item-status-label {
   display: none;
 }
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
+[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
 }
 
-.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-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
 }
 
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
+[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
 }
-@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-98c2e804] .gmTableNoBorder.el-table--border:after {
+  height: 0;
 }
 
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+  height: 0;
 }
 
-.gm-upload-pro-preview-dialog[data-v-ae0312c1] [data-v-ae0312c1] .el-dialog__body {
+[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+[data-v-488ca110] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
+.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;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-4e6f4d6f] [data-v-4e6f4d6f] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-4e6f4d6f] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
+  display: flex;
+}
+.gm-upload-preview-dialog[data-v-62eb3199] [data-v-62eb3199] .el-dialog__body {
   padding: 0;
 }
 
-.gm-upload-pro-file-picture-card[data-v-ae0312c1] [data-v-ae0312c1] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-ae0312c1] [data-v-ae0312c1] .el-upload--picture-card {
+.gm-upload-file-picture-card[data-v-62eb3199] [data-v-62eb3199] .el-upload-list__item, .gm-upload-file-picture-card[data-v-62eb3199] [data-v-62eb3199] .el-upload--picture-card {
   width: auto;
   height: auto;
 }
-.gm-upload-pro-file {
-  line-height: normal;
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
 }
-.gm-upload-pro-file .el-checkbox-group {
-  font-size: unset;
+
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
 }
-.gm-upload-pro-file .el-checkbox {
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+.gm-upload-file {
+  line-height: normal;
+}
+.gm-upload-file .el-checkbox {
   position: absolute;
   left: 10px;
   top: 0;
   z-index: 9;
 }
-.gm-upload-pro-file .el-upload-list--picture-card {
+.gm-upload-file .el-upload-list--picture-card {
   gap: 10px;
 }
-.gm-upload-pro-file .el-upload-list__item {
+.gm-upload-file .el-upload-list__item {
   margin: 0;
 }
-.gm-upload-pro-file .el-upload-list__item-file-name {
-  line-height: 1.7;
+.gm-upload-file .el-upload-list__item-file-name {
+  line-height: normal;
 }
-.gm-upload-pro-file .el-upload-dragger {
+.gm-upload-file .el-upload-dragger {
   padding: 0;
   border: none;
   width: 100%;
   height: 100%;
   display: flex;
 }
-.gm-upload-pro-file .el-upload--picture-card {
+.gm-upload-file .el-upload--picture-card {
   border: none;
 }
 
-.gm-upload-pro-file-disabled .el-upload--picture-card {
+.gm-upload-file-disabled .el-upload--picture-card {
   display: none;
 }
-.gm-upload-pro-file-disabled .el-upload-list__item-status-label {
+.gm-upload-file-disabled .el-upload-list__item-status-label {
   display: none;
 }
-[data-v-488ca110] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
-  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:before {
-  height: 0;
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
 }
-
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
+@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] {
@@ -1041,24 +1082,6 @@ video {
   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;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-4e6f4d6f] [data-v-4e6f4d6f] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-4e6f4d6f] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.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;
@@ -1115,29 +1138,6 @@ 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;

package/es/utils/index.mjs

@@ -23,7 +23,7 @@ export { createAxios } from './src/http/createAxios.mjs';
 export { errorMessage, responseErrorMessage } from './src/http/errorMessage.mjs';
 export { req401Interceptors, res401Interceptors } from './src/http/interceptors.mjs';
 export { giimeDevProxy } from './src/http/devProxy.mjs';
-export { getDomain } from './src/http/url.mjs';
+export { getDomain, urlJoin } from './src/http/url.mjs';
 export { getDateShortcuts } from './src/date/dateShortcuts.mjs';
 export { genFileId } from 'element-plus';
 export { b64_hmac_md5, b64_md5, hex_hmac_md5, hex_md5, str_hmac_md5, str_md5, ts_md5_file } from './src/crypto/md5.mjs';

package/es/utils/src/http/index.mjs

@@ -2,5 +2,5 @@ export { createAxios } from './createAxios.mjs';
 export { errorMessage, responseErrorMessage } from './errorMessage.mjs';
 export { req401Interceptors, res401Interceptors } from './interceptors.mjs';
 export { giimeDevProxy } from './devProxy.mjs';
-export { getDomain } from './url.mjs';
+export { getDomain, urlJoin } from './url.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/utils/src/http/url.d.ts

@@ -3,3 +3,10 @@
  * @example https://www.baidu.com/s?wd=hello&ie=utf-8 => .baidu.com
  */
 export declare function getDomain(): string | undefined;
+/**
+ * 拼接 url 路径，自动处理多余的 /
+ * @param {...string[]} parts 路径片段
+ * @returns {string}
+ * @example urlJoin('https://www.baidu.com', 's', 'wd=hello') => https://www.baidu.com/s/wd=hello
+ */
+export declare function urlJoin(...parts: string[]): string;

package/es/utils/src/http/url.mjs

@@ -16,6 +16,19 @@ function getDomain() {
   }
   return void 0;
 }
+function urlJoin(...parts) {
+  if (parts.length === 0)
+    return "";
+  if (parts.length === 1)
+    return parts[0];
+  return parts.map((part, i) => {
+    if (i === 0)
+      return part.replace(/\/+$/, "");
+    if (i === parts.length - 1)
+      return part.replace(/^\/+/, "");
+    return part.replace(/^\/+|\/+$/g, "");
+  }).filter(Boolean).join("/");
+}
 
-export { getDomain };
+export { getDomain, urlJoin };
 //# sourceMappingURL=url.mjs.map

package/es/utils/src/http/url.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"url.mjs","sources":["../../../../../../packages/utils/src/http/url.ts"],"sourcesContent":["/**\n * 获取当前页面的域\n * @example https://www.baidu.com/s?wd=hello&ie=utf-8 => .baidu.com\n */\nexport function getDomain() {\n  const url = window.location.href;\n  // eslint-disable-next-line no-useless-escape\n  const domainPattern = /https?:\\/\\/([^\\/]+)/;\n  const match = url.match(domainPattern);\n\n  if (match) {\n    const domain = match[1];\n    // 检查是否是IP地址或localhost\n    if (/^(localhost|(\\d{1,3}\\.){3}\\d{1,3})$/.test(domain)) {\n      return undefined;\n    }\n\n    // 提取主域名部分\n    const domainParts = domain.split('.');\n    if (domainParts.length > 2) {\n      return `.${domainParts.slice(-2).join('.')}`;\n    } else {\n      return `.${domain}`;\n    }\n  }\n\n  return undefined;\n}\n\n// // 使用示例\n// console.log(getDomain());\n"],"names":[],"mappings":"AAIO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,QAAS,CAAA,IAAA,CAAA;AAE5B,EAAA,MAAM,aAAgB,GAAA,qBAAA,CAAA;AACtB,EAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAErC,EAAA,IAAI,KAAO,EAAA;AACT,IAAM,MAAA,MAAA,GAAS,MAAM,CAAC,CAAA,CAAA;AAEtB,IAAI,IAAA,qCAAA,CAAsC,IAAK,CAAA,MAAM,CAAG,EAAA;AACtD,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAGA,IAAM,MAAA,WAAA,GAAc,MAAO,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AACpC,IAAI,IAAA,WAAA,CAAY,SAAS,CAAG,EAAA;AAC1B,MAAA,OAAO,IAAI,WAAY,CAAA,KAAA,CAAM,EAAE,CAAE,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,KACrC,MAAA;AACL,MAAA,OAAO,IAAI,MAAM,CAAA,CAAA,CAAA;AAAA,KACnB;AAAA,GACF;AAEA,EAAO,OAAA,KAAA,CAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"url.mjs","sources":["../../../../../../packages/utils/src/http/url.ts"],"sourcesContent":["/**\n * 获取当前页面的域\n * @example https://www.baidu.com/s?wd=hello&ie=utf-8 => .baidu.com\n */\nexport function getDomain() {\n  const url = window.location.href;\n  // eslint-disable-next-line no-useless-escape\n  const domainPattern = /https?:\\/\\/([^\\/]+)/;\n  const match = url.match(domainPattern);\n\n  if (match) {\n    const domain = match[1];\n    // 检查是否是IP地址或localhost\n    if (/^(localhost|(\\d{1,3}\\.){3}\\d{1,3})$/.test(domain)) {\n      return undefined;\n    }\n\n    // 提取主域名部分\n    const domainParts = domain.split('.');\n    if (domainParts.length > 2) {\n      return `.${domainParts.slice(-2).join('.')}`;\n    } else {\n      return `.${domain}`;\n    }\n  }\n\n  return undefined;\n}\n\n// // 使用示例\n// console.log(getDomain());\n/**\n * 拼接 url 路径，自动处理多余的 /\n * @param {...string[]} parts 路径片段\n * @returns {string}\n * @example urlJoin('https://www.baidu.com', 's', 'wd=hello') => https://www.baidu.com/s/wd=hello\n */\nexport function urlJoin(...parts: string[]): string {\n  if (parts.length === 0) return '';\n  if (parts.length === 1) return parts[0];\n\n  return parts\n    .map((part, i) => {\n      if (i === 0) return part.replace(/\\/+$/, ''); // 第一个去掉结尾/\n      if (i === parts.length - 1) return part.replace(/^\\/+/, ''); // 最后一个去掉开头/\n\n      return part.replace(/^\\/+|\\/+$/g, ''); // 中间的去掉头尾/\n    })\n    .filter(Boolean)\n    .join('/');\n}\n"],"names":[],"mappings":"AAIO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,QAAS,CAAA,IAAA,CAAA;AAE5B,EAAA,MAAM,aAAgB,GAAA,qBAAA,CAAA;AACtB,EAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAErC,EAAA,IAAI,KAAO,EAAA;AACT,IAAM,MAAA,MAAA,GAAS,MAAM,CAAC,CAAA,CAAA;AAEtB,IAAI,IAAA,qCAAA,CAAsC,IAAK,CAAA,MAAM,CAAG,EAAA;AACtD,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAGA,IAAM,MAAA,WAAA,GAAc,MAAO,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AACpC,IAAI,IAAA,WAAA,CAAY,SAAS,CAAG,EAAA;AAC1B,MAAA,OAAO,IAAI,WAAY,CAAA,KAAA,CAAM,EAAE,CAAE,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,KACrC,MAAA;AACL,MAAA,OAAO,IAAI,MAAM,CAAA,CAAA,CAAA;AAAA,KACnB;AAAA,GACF;AAEA,EAAO,OAAA,KAAA,CAAA,CAAA;AACT,CAAA;AAUO,SAAS,WAAW,KAAyB,EAAA;AAClD,EAAA,IAAI,MAAM,MAAW,KAAA,CAAA;AAAG,IAAO,OAAA,EAAA,CAAA;AAC/B,EAAA,IAAI,MAAM,MAAW,KAAA,CAAA;AAAG,IAAA,OAAO,MAAM,CAAC,CAAA,CAAA;AAEtC,EAAA,OAAO,KACJ,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,CAAM,KAAA;AAChB,IAAA,IAAI,CAAM,KAAA,CAAA;AAAG,MAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AAC3C,IAAI,IAAA,CAAA,KAAM,MAAM,MAAS,GAAA,CAAA;AAAG,MAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AAE1D,IAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,EAAc,EAAE,CAAA,CAAA;AAAA,GACrC,CACA,CAAA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA,CAAA;AACb;;;;"}

package/es/utils/src/vue/resolver.d.ts

@@ -4,7 +4,10 @@ import type { ProxyOptions } from 'vite';
 import * as http from 'node:http';
 export declare function kebabCase(key: string): string;
 export declare const GiimeResolver: () => ComponentResolver[];
+export interface GiimeBypassOptions {
+    showLog?: boolean;
+}
 /**
  * webpack-dev-server style bypass function
  */
-export declare const bypass: (req: http.IncomingMessage, res: http.ServerResponse | undefined, options: ProxyOptions) => void;
+export declare const bypass: (req: http.IncomingMessage, res: http.ServerResponse | undefined, options: ProxyOptions, giimeOptions?: GiimeBypassOptions) => void;

package/es/utils/src/vue/resolver.mjs

@@ -20,11 +20,14 @@ const GiimeResolver = () => {
     }
   ];
 };
-const bypass = (req, res, options) => {
+const bypass = (req, res, options, giimeOptions) => {
   const targetPath = new URL(options.target?.toString() ?? "").pathname.replace(/\/$/, "");
   const rewrittenPath = options.rewrite?.(req.url) ?? "";
   const fullPath = `${targetPath}${rewrittenPath}`;
   const proxyUrl = new URL(fullPath, options.target?.toString());
+  if (giimeOptions?.showLog) {
+    console.log("proxyUrl", proxyUrl.toString());
+  }
   res?.setHeader("x-giime-proxy-url", proxyUrl.toString());
 };
 

package/es/utils/src/vue/resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resolver.mjs","sources":["../../../../../../packages/utils/src/vue/resolver.ts"],"sourcesContent":["import type { ComponentResolver } from 'unplugin-vue-components';\nimport type { ProxyOptions } from 'vite';\nimport * as http from 'node:http';\n\nexport function kebabCase(key: string) {\n  const result = key.replace(/([A-Z])/g, ' $1').trim();\n  return result.split(' ').join('-').toLowerCase();\n}\nexport const GiimeResolver = (): ComponentResolver[] => {\n  return [\n    {\n      type: 'component',\n      resolve: async (name: string) => {\n        if (!name.match(/^Gm[A-Z]/)) return;\n        // const partialName = kebabCase(name.slice(2));\n        // where `componentName` is always CapitalCase\n        return { name, from: 'giime' };\n      },\n    },\n    {\n      type: 'directive',\n      resolve: async () => {\n        return;\n      },\n    },\n  ];\n};\n/**\n * webpack-dev-server style bypass function\n */\nexport const bypass = (\n  req: http.IncomingMessage,\n  /** undefined for WebSocket upgrade requests */\n  res: http.ServerResponse | undefined,\n  options: ProxyOptions,\n) => {\n  // 获取请求路径，处理后缀斜杠的问题\n  const targetPath = new URL(options.target?.toString() ?? '').pathname.replace(/\\/$/, '');\n  // 使用 rewrite 函数处理请求路径，并处理后缀斜杠的问题\n  const rewrittenPath = options.rewrite?.(req.url!) ?? '';\n  // 合并路径\n  const fullPath = `${targetPath}${rewrittenPath}`;\n\n  // 构造完整的代理 URL\n  const proxyUrl = new URL(fullPath, options.target?.toString());\n\n  // 设置响应头\n  res?.setHeader('x-giime-proxy-url', proxyUrl.toString());\n};\n"],"names":[],"mappings":"AAIO,SAAS,UAAU,GAAa,EAAA;AACrC,EAAA,MAAM,SAAS,GAAI,CAAA,OAAA,CAAQ,UAAY,EAAA,KAAK,EAAE,IAAK,EAAA,CAAA;AACnD,EAAA,OAAO,OAAO,KAAM,CAAA,GAAG,EAAE,IAAK,CAAA,GAAG,EAAE,WAAY,EAAA,CAAA;AACjD,CAAA;AACO,MAAM,gBAAgB,MAA2B;AACtD,EAAO,OAAA;AAAA,IACL;AAAA,MACE,IAAM,EAAA,WAAA;AAAA,MACN,OAAA,EAAS,OAAO,IAAiB,KAAA;AAC/B,QAAI,IAAA,CAAC,IAAK,CAAA,KAAA,CAAM,UAAU,CAAA;AAAG,UAAA,OAAA;AAG7B,QAAO,OAAA,EAAE,IAAM,EAAA,IAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,OAC/B;AAAA,KACF;AAAA,IACA;AAAA,MACE,IAAM,EAAA,WAAA;AAAA,MACN,SAAS,YAAY;AACnB,QAAA,OAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF,EAAA;AAIO,MAAM,MAAS,GAAA,CACpB,GAEA,EAAA,GAAA,EACA,OACG,KAAA;AAEH,EAAA,MAAM,UAAa,GAAA,IAAI,GAAI,CAAA,OAAA,CAAQ,MAAQ,EAAA,QAAA,EAAc,IAAA,EAAE,CAAE,CAAA,QAAA,CAAS,OAAQ,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAEvF,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,OAAU,GAAA,GAAA,CAAI,GAAI,CAAK,IAAA,EAAA,CAAA;AAErD,EAAA,MAAM,QAAW,GAAA,CAAA,EAAG,UAAU,CAAA,EAAG,aAAa,CAAA,CAAA,CAAA;AAG9C,EAAA,MAAM,WAAW,IAAI,GAAA,CAAI,UAAU,OAAQ,CAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AAG7D,EAAA,GAAA,EAAK,SAAU,CAAA,mBAAA,EAAqB,QAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AACzD;;;;"}
+{"version":3,"file":"resolver.mjs","sources":["../../../../../../packages/utils/src/vue/resolver.ts"],"sourcesContent":["import type { ComponentResolver } from 'unplugin-vue-components';\nimport type { ProxyOptions } from 'vite';\nimport * as http from 'node:http';\n\nexport function kebabCase(key: string) {\n  const result = key.replace(/([A-Z])/g, ' $1').trim();\n  return result.split(' ').join('-').toLowerCase();\n}\nexport const GiimeResolver = (): ComponentResolver[] => {\n  return [\n    {\n      type: 'component',\n      resolve: async (name: string) => {\n        if (!name.match(/^Gm[A-Z]/)) return;\n        // const partialName = kebabCase(name.slice(2));\n        // where `componentName` is always CapitalCase\n        return { name, from: 'giime' };\n      },\n    },\n    {\n      type: 'directive',\n      resolve: async () => {\n        return;\n      },\n    },\n  ];\n};\nexport interface GiimeBypassOptions {\n  showLog?: boolean;\n}\n\n/**\n * webpack-dev-server style bypass function\n */\nexport const bypass = (\n  req: http.IncomingMessage,\n  /** undefined for WebSocket upgrade requests */\n  res: http.ServerResponse | undefined,\n  options: ProxyOptions,\n  giimeOptions?: GiimeBypassOptions,\n) => {\n  // 获取请求路径，处理后缀斜杠的问题\n  const targetPath = new URL(options.target?.toString() ?? '').pathname.replace(/\\/$/, '');\n  // 使用 rewrite 函数处理请求路径，并处理后缀斜杠的问题\n  const rewrittenPath = options.rewrite?.(req.url!) ?? '';\n  // 合并路径\n  const fullPath = `${targetPath}${rewrittenPath}`;\n\n  // 构造完整的代理 URL\n  const proxyUrl = new URL(fullPath, options.target?.toString());\n\n  if (giimeOptions?.showLog) {\n    console.log('proxyUrl', proxyUrl.toString());\n  }\n  // 设置响应头\n  res?.setHeader('x-giime-proxy-url', proxyUrl.toString());\n};\n"],"names":[],"mappings":"AAIO,SAAS,UAAU,GAAa,EAAA;AACrC,EAAA,MAAM,SAAS,GAAI,CAAA,OAAA,CAAQ,UAAY,EAAA,KAAK,EAAE,IAAK,EAAA,CAAA;AACnD,EAAA,OAAO,OAAO,KAAM,CAAA,GAAG,EAAE,IAAK,CAAA,GAAG,EAAE,WAAY,EAAA,CAAA;AACjD,CAAA;AACO,MAAM,gBAAgB,MAA2B;AACtD,EAAO,OAAA;AAAA,IACL;AAAA,MACE,IAAM,EAAA,WAAA;AAAA,MACN,OAAA,EAAS,OAAO,IAAiB,KAAA;AAC/B,QAAI,IAAA,CAAC,IAAK,CAAA,KAAA,CAAM,UAAU,CAAA;AAAG,UAAA,OAAA;AAG7B,QAAO,OAAA,EAAE,IAAM,EAAA,IAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,OAC/B;AAAA,KACF;AAAA,IACA;AAAA,MACE,IAAM,EAAA,WAAA;AAAA,MACN,SAAS,YAAY;AACnB,QAAA,OAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF,EAAA;AAQO,MAAM,MAAS,GAAA,CACpB,GAEA,EAAA,GAAA,EACA,SACA,YACG,KAAA;AAEH,EAAA,MAAM,UAAa,GAAA,IAAI,GAAI,CAAA,OAAA,CAAQ,MAAQ,EAAA,QAAA,EAAc,IAAA,EAAE,CAAE,CAAA,QAAA,CAAS,OAAQ,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAEvF,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,OAAU,GAAA,GAAA,CAAI,GAAI,CAAK,IAAA,EAAA,CAAA;AAErD,EAAA,MAAM,QAAW,GAAA,CAAA,EAAG,UAAU,CAAA,EAAG,aAAa,CAAA,CAAA,CAAA;AAG9C,EAAA,MAAM,WAAW,IAAI,GAAA,CAAI,UAAU,OAAQ,CAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AAE7D,EAAA,IAAI,cAAc,OAAS,EAAA;AACzB,IAAA,OAAA,CAAQ,GAAI,CAAA,UAAA,EAAY,QAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,GAAA,EAAK,SAAU,CAAA,mBAAA,EAAqB,QAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AACzD;;;;"}

package/lib/api/gstore/request.js

@@ -8,8 +8,9 @@ var resetAxiosBaseUrl = require('../utils/resetAxiosBaseUrl.js');
 
 const viteModes = [
   { mode: "development", url: "/gstore-api" },
+  { mode: "test", url: "http://192.168.4.125:10086/gstore/" },
   { mode: "production", url: "https://thirdshop-gstore.giikin.com" },
-  { mode: "test", url: "http://192.168.4.125:10086/gstore/" }
+  { mode: "giiktok.production", url: "https://manage.kingkungmeta.com/third/gstore/" }
 ];
 const baseUrlEnvKey = "VITE_GIIME_GSTORE_API";
 const { service } = createAxios.createAxios({