giime 0.8.10 → 0.8.12

package/lib/components/src/composite/tablePro/TablePro.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePro.vue2.js","sources":["../../../../../../../packages/components/src/composite/tablePro/TablePro.vue"],"sourcesContent":["<template>\n  <div ref=\"gmTableDivRef\">\n    <gm-table\n      v-if=\"gmTableHeaderRef?.isInited\"\n      ref=\"GmTbaleRef\"\n      v-bind=\"props\"\n      :height=\"autoHeight ? tableMaxHeight : height\"\n      border\n      class=\"gmTablePro\"\n      :class=\"[props.border ? '' : 'gmTableNoBorder']\"\n      v-on=\"elEvents\"\n      @selection-change=\"(value: TableColumnProProps[]) => $emit('selection-change', value)\"\n      @sort-change=\"handleSortChange\"\n      @header-dragend=\"headerDragend\"\n    >\n      <!-- <template #empty>\n        <gm-empty image=\"https://thirdorder.giikin.com/third/20240601/3c5850781351121f81b9e21ec7e75a204898949.png\" />\n      </template> -->\n      <slot name=\"native\" />\n      <template v-if=\"slots.append\" #append>\n        <slot name=\"append\" />\n      </template>\n      <template v-if=\"slots.empty\" #empty>\n        <slot name=\"empty\" />\n      </template>\n      <template v-if=\"props.selection\">\n        <gm-table-column :key=\"999999\" type=\"selection\" width=\"55\" />\n      </template>\n      <TableColumnVNodeRenderer :vnode=\"tableColumnVnode\" :propsList=\"colPropsList\" :defaultPropsList=\"colDefaultPropsList\" />\n      <!-- 操作 -->\n      <gm-table-column\n        v-if=\"customHeader || customOperate\"\n        prop=\"gmEdit\"\n        min-width=\"100\"\n        :width=\"editProps?.width\"\n        :fixed=\"operateFixed ? 'right' : false\"\n      >\n        <template #header>\n          <div class=\"gm-text-center\">\n            <gm-button v-if=\"customHeader\" type=\"primary\" link size=\"small\" @click=\"setTable('header')\"> 表头 </gm-button>\n            <gm-button v-if=\"customOperate\" type=\"primary\" link size=\"small\" @click=\"setTable('operate')\"> 操作 </gm-button>\n          </div>\n        </template>\n        <template #default=\"slotValue\">\n          <!-- <div\n            v-if=\"\n              tableOperateVnode &&\n              tableOperateVnode.children &&\n              gmCustomOperationsRef &&\n              gmCustomOperationsRef.isInited &&\n              slotValue &&\n              slotValue.row &&\n              tableOperateVnode.children?.default(slotValue) &&\n              customBtnPropsList\n            \"\n          >\n            <TableProEditSlot\n              v-model:customBtnPropsList=\"customBtnPropsList\"\n              v-model:customDefaultPropsList=\"customDefaultPropsList\"\n              :tableOperateVnode=\"tableOperateVnode\"\n              :isInited=\"gmCustomOperationsRef?.isInited\"\n              :slotValue=\"slotValue\"\n            />\n          </div> -->\n          <div\n            v-if=\"\n              tableOperateVnode &&\n              tableOperateVnode.children &&\n              gmCustomOperationsRef &&\n              gmCustomOperationsRef.isInited &&\n              slotValue &&\n              slotValue.row &&\n              tableOperateVnode.children?.default(slotValue) &&\n              customBtnPropsList\n            \"\n            class=\"gm-flex gm-flex-wrap gm-justify-center\"\n          >\n            <TableOperateVNodeRenderer :vnode=\"tableOperateVnode.children?.default(slotValue)\" :customPropsList=\"customBtnPropsList\" />\n          </div>\n        </template>\n      </gm-table-column>\n    </gm-table>\n  </div>\n\n  <gm-table-header-form\n    ref=\"gmTableHeaderRef\"\n    v-model:isShowDrawer=\"drawerHeaderVisible\"\n    v-model:colPropsList=\"colPropsList\"\n    :colDefaultPropsList=\"colDefaultPropsList\"\n    :keyWord=\"props.page\"\n    :disabledRemoteCol=\"props.disabledRemoteCol\"\n    type=\"HeaderList\"\n    @updateColumns=\"resetWidthOnHeaderDrag()\"\n  />\n\n  <gm-operate-button-form\n    ref=\"gmCustomOperationsRef\"\n    v-model:isShowDrawer=\"drawerOperateVisible\"\n    v-model:customBtnPropsList=\"customBtnPropsList\"\n    :customDefaultPropsList=\"customDefaultPropsList\"\n    :keyWord=\"props.page\"\n    :disabledRemoteBtn=\"props.disabledRemoteBtn\"\n    type=\"OperateList\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref } from 'vue';\nimport { hasOwn } from '@giime/utils/src/objects';\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\nimport { getGmEvent } from '@giime/utils/src/elementPlus/event';\nimport { TableCtxKey } from '@giime/constants/table';\nimport { useElementBounding, useWindowSize } from '@vueuse/core';\nimport { operateButtonProps } from '../operateButton/operateButton';\n// import TableProEditSlot from './TableProEditSlot.vue';\n// import { cloneDeep } from 'lodash-es';\nimport TableOperateVNodeRenderer from './TableOperateVNodeRenderer';\nimport TableColumnVNodeRenderer from './TableColumnVNodeRenderer';\nimport { tableProEmits, tableProProps } from './tablePro';\nimport { getVnodesByGmName } from './tableHelper';\nimport { TableColumnProName, type TableColumnProProps, tableColumnProProps } from './tableColumnPro/tableColumnPro';\nimport type { TableProSortValue } from './tablePro';\nimport type { OperateButtonFormInstance } from '../operateButton/operateButtonForm';\nimport type { TableHeaderFormInstance } from './tableHeaderForm';\nimport type { OperateButtonProps } from '../operateButton/operateButton';\nimport type { Sort, TableInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmTablePro',\n});\nconst tableCtx = inject(TableCtxKey);\nconst props = defineProps(tableProProps);\n\nconst gmTableDivRef = ref<HTMLDivElement>();\n// 用于计算table高度\nconst { top: divTop } = useElementBounding(gmTableDivRef);\nconst { height: windowHeight } = useWindowSize();\nconst tableMaxHeight = computed(() => Math.floor(windowHeight.value - divTop.value - 60 - props.heightOffset)); // 高度 - 顶部距离 - 分页器116 - 用户自定义需要减去的高度\nconst GmTbaleRef = ref<TableInstance>();\nif (tableCtx && tableCtx.tableId === props.page) {\n  tableCtx.tableRef = GmTbaleRef;\n}\nconst gmCustomOperationsRef = ref<OperateButtonFormInstance>();\nconst gmTableHeaderRef = ref<TableHeaderFormInstance>();\n\nconst emit = defineEmits(tableProEmits);\n// 需要手动重新实现的事件\nconst notResendEvents = ['sort-change', 'header-dragend', 'selection-change'];\nconst resendEvent = { ...tableProEmits };\nnotResendEvents.forEach(it => Reflect.deleteProperty(resendEvent, it));\n// 重发el的事件\nconst elEvents = getGmEvent(resendEvent, emit);\nconst slots = defineSlots<{\n  default(data?: any): any[];\n  append?(data?: any): any[];\n  empty?(data?: any): any[];\n  native?(data?: any): any[];\n}>();\n// 列 当前原始vnode\nconst tableColumnVnode = computed(() => {\n  const vNodes = slots.default?.() || [];\n  // const nodes = vNodes.filter(vNode => vNode.props && vNode.props.type !== 'edit');\n  return vNodes;\n});\n// 默认表头Props列表\nconst colDefaultPropsList = computed(() => {\n  const vNodes = slots.default?.() || [];\n  const children = getVnodesByGmName(vNodes, TableColumnProName);\n  // const result = children.filter(vNode => vNode.props && vNode.props.type !== 'edit');\n\n  const colProps: TableColumnProProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\n  // 循环插入props所需的默认值\n  colProps.forEach(it => {\n    for (const key in tableColumnProProps) {\n      // 如果当前props含有默认值\n      if (hasOwn(it, key)) {\n        continue;\n      }\n      if (hasOwn(tableColumnProProps, key)) {\n        const element = tableColumnProProps[key as keyof TableColumnProProps];\n        // 如果btn 定义中含有默认值 则赋值给props\n        if (hasOwn(element, 'default')) {\n          Reflect.set(it, key, Reflect.get(element, 'default'));\n        }\n      }\n    }\n  });\n  return colProps;\n});\n// 已选中表头\nconst colPropsList = ref<TableColumnProProps[]>(colDefaultPropsList.value);\nconst editProps = computed(() => colPropsList.value.find(it => it.type === 'edit'));\n\n// 操作按钮组 当前原始vnode\nconst tableOperateVnode = computed(() => {\n  const vNodes = slots.default?.() || [];\n  const nodes = vNodes.find(vNode => vNode.props && vNode.props.type === 'edit');\n  return nodes;\n});\n\nconst customDefaultPropsList = computed(() => {\n  const defaultVnodes = tableOperateVnode.value?.children?.default?.({ row: {} });\n  if (Array.isArray(defaultVnodes) && defaultVnodes.some(it => it?.children === 'v-if')) {\n    console.error(`警告：为确保表格操作按钮能正常渲染，请把表格${props.page}操作按钮中使用的\"v-if\"替换为\"v-see\"`);\n  }\n  const children = getVnodesByGmName(defaultVnodes, 'GmOperateButton');\n  const btnProps: OperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\n  // console.log(btnProps);\n  // 循环插入props所需的默认值\n  btnProps.forEach(it => {\n    for (const key in operateButtonProps) {\n      // 如果当前props含有默认值\n      if (hasOwn(it, key)) {\n        continue;\n      }\n      if (hasOwn(operateButtonProps, key)) {\n        const element = operateButtonProps[key as keyof OperateButtonProps];\n        // 如果btn 定义中含有默认值 则赋值给props\n        if (hasOwn(element, 'default')) {\n          Reflect.set(it, key, Reflect.get(element, 'default'));\n        }\n      }\n    }\n  });\n  // console.log(btnProps)\n  return btnProps;\n});\n// customDefaultPropsList2();\n// const customDefaultPropsList = ref<OperateButtonProps[]>([]);\nconst customBtnPropsList = ref<OperateButtonProps[]>(customDefaultPropsList.value);\n\n// 表格头部弹层\nconst drawerHeaderVisible = ref(false); // 表头设置弹层\nconst drawerOperateVisible = ref(false); // 按钮设置弹层\nconst setTable = (event: string) => {\n  if (event === 'header') {\n    drawerHeaderVisible.value = true;\n  }\n  if (event === 'operate') {\n    drawerOperateVisible.value = true;\n  }\n};\n\n/**\n * 表头拖动，修改width\n */\nconst headerDragend = async (newWidth: number, oldWidth: number, column: any) => {\n  const findItem = colPropsList.value.find(it => it.prop === column.property);\n  const editItem = column.property === 'gmEdit' ? colPropsList.value.find(it => it.type === 'edit') : null;\n  if (!findItem && !editItem) {\n    return;\n  }\n  if (findItem) {\n    findItem.width = newWidth;\n  }\n  if (editItem) {\n    editItem.width = newWidth;\n  }\n  // 设置列宽\n  await nextTick();\n  resetWidthOnHeaderDrag(column);\n  gmTableHeaderRef.value?.syncPropsList();\n  gmTableHeaderRef.value?.submitSettings({ hiddenMessage: true });\n};\n/**\n * 当表头拖动后，重新计算补充列宽度\n * 当全部列都设置了宽度，把设置过minWidth的列设置为补充列，补充表格剩余宽度\n */\nconst resetWidthOnHeaderDrag = (column?: any) => {\n  if (props.disabledResetWidth) {\n    return;\n  }\n  // 当全部列都设置了宽度 才执行后续步骤\n  if (colPropsList.value.some(it => it.isShow && !it.width)) {\n    return;\n  }\n  const minWidthCols = colPropsList.value.filter(\n    // 是在展示中的列，并且不是操作列，并且设置了最小宽度\n    it => it.isShow === true && it.type !== 'edit' && it.prop !== 'edit' && ((it as any)['min-width'] || it.minWidth),\n  );\n  for (const item of minWidthCols) {\n    // 只有一个minWidth时，  也需要设置width = ''\n    if (column?.property === item.prop && minWidthCols.length !== 1) {\n      continue;\n    }\n    item.width = '';\n  }\n};\n/**\n * 搜索模块\n */\nconst sortValue = defineModel<TableProSortValue[]>('sortValue');\n\nconst handleSortChange = (sort: Sort) => {\n  if (sortValue.value) {\n    sortValue.value.length = 0;\n    switch (sort.order) {\n      case 'ascending':\n        sortValue.value.push({ field: sort.prop, order: 'asc' });\n        break;\n      case 'descending':\n        sortValue.value.push({ field: sort.prop, order: 'desc' });\n        break;\n    }\n  }\n\n  emit('sort-change', sort);\n};\nconst exposeEvents = [\n  'clearSelection',\n  'getSelectionRows',\n  'toggleRowSelection',\n  'toggleAllSelection',\n  'toggleRowExpansion',\n  'setCurrentRow',\n  'setChecked',\n  'clearSort',\n  'clearFilter',\n  'doLayout',\n  'sort',\n  'scrollTo',\n  'setScrollTop',\n  'setScrollLeft',\n] as const;\nconst { exposeFns } = getGmExports(GmTbaleRef, exposeEvents);\ndefineExpose({\n  colPropsList,\n  ...exposeFns,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.gmTableNoBorder .el-table__body .el-table__cell) {\n  border-right: none;\n}\n:deep(.gmTableNoBorder .el-table__inner-wrapper:before) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border .el-table__inner-wrapper:after) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border:after) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border:before) {\n  height: 0;\n}\n:deep(.gmTableNoBorder .el-table__border-left-patch) {\n  height: 0;\n}\n</style>\n"],"names":["inject","TableCtxKey","ref","useElementBounding","useWindowSize","computed","tableProEmits","getGmEvent","_useSlots","getVnodesByGmName","TableColumnProName","tableColumnProProps","hasOwn","operateButtonProps","nextTick","_useModel","getGmExports"],"mappings":"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"}
+{"version":3,"file":"TablePro.vue2.js","sources":["../../../../../../../packages/components/src/composite/tablePro/TablePro.vue"],"sourcesContent":["<template>\n  <div ref=\"gmTableDivRef\">\n    <gm-table\n      v-if=\"gmTableHeaderRef?.isInited\"\n      ref=\"GmTbaleRef\"\n      v-bind=\"props\"\n      :height=\"autoHeight ? tableMaxHeight : height\"\n      border\n      class=\"gmTablePro\"\n      :class=\"[props.border ? '' : 'gmTableNoBorder']\"\n      v-on=\"elEvents\"\n      @selection-change=\"(value: TableColumnProProps[]) => $emit('selection-change', value)\"\n      @sort-change=\"handleSortChange\"\n      @header-dragend=\"headerDragend\"\n    >\n      <!-- <template #empty>\n        <gm-empty image=\"https://thirdorder.giikin.com/third/20240601/3c5850781351121f81b9e21ec7e75a204898949.png\" />\n      </template> -->\n      <slot name=\"native\" />\n      <template v-if=\"slots.append\" #append>\n        <slot name=\"append\" />\n      </template>\n      <template v-if=\"slots.empty\" #empty>\n        <slot name=\"empty\" />\n      </template>\n      <template v-if=\"props.selection\">\n        <gm-table-column :key=\"999999\" type=\"selection\" width=\"55\" />\n      </template>\n      <TableColumnVNodeRenderer :vnode=\"tableColumnVnode\" :propsList=\"colPropsList\" :defaultPropsList=\"colDefaultPropsList\" />\n      <!-- 操作 -->\n      <gm-table-column\n        v-if=\"customHeader || customOperate\"\n        prop=\"gmEdit\"\n        min-width=\"100\"\n        :width=\"editProps?.width\"\n        :fixed=\"operateFixed ? 'right' : false\"\n      >\n        <template #header>\n          <div class=\"gm-text-center\">\n            <gm-button v-if=\"customHeader\" type=\"primary\" link size=\"small\" @click=\"setTable('header')\"> 表头 </gm-button>\n            <gm-button v-if=\"customOperate\" type=\"primary\" link size=\"small\" @click=\"setTable('operate')\"> 操作 </gm-button>\n          </div>\n        </template>\n        <template #default=\"slotValue\">\n          <!-- <div\n            v-if=\"\n              tableOperateVnode &&\n              tableOperateVnode.children &&\n              gmCustomOperationsRef &&\n              gmCustomOperationsRef.isInited &&\n              slotValue &&\n              slotValue.row &&\n              tableOperateVnode.children?.default(slotValue) &&\n              customBtnPropsList\n            \"\n          >\n            <TableProEditSlot\n              v-model:customBtnPropsList=\"customBtnPropsList\"\n              v-model:customDefaultPropsList=\"customDefaultPropsList\"\n              :tableOperateVnode=\"tableOperateVnode\"\n              :isInited=\"gmCustomOperationsRef?.isInited\"\n              :slotValue=\"slotValue\"\n            />\n          </div> -->\n          <div\n            v-if=\"\n              tableOperateVnode &&\n              tableOperateVnode.children &&\n              gmCustomOperationsRef &&\n              gmCustomOperationsRef.isInited &&\n              slotValue &&\n              slotValue.row &&\n              tableOperateVnode.children?.default(slotValue) &&\n              customBtnPropsList\n            \"\n            class=\"gm-flex gm-flex-wrap gm-justify-center\"\n          >\n            <TableOperateVNodeRenderer :vnode=\"tableOperateVnode.children?.default(slotValue)\" :customPropsList=\"customBtnPropsList\" />\n          </div>\n        </template>\n      </gm-table-column>\n    </gm-table>\n  </div>\n\n  <gm-table-header-form\n    ref=\"gmTableHeaderRef\"\n    v-model:isShowDrawer=\"drawerHeaderVisible\"\n    v-model:colPropsList=\"colPropsList\"\n    :colDefaultPropsList=\"colDefaultPropsList\"\n    :keyWord=\"props.page\"\n    :disabledRemoteCol=\"props.disabledRemoteCol\"\n    type=\"HeaderList\"\n    @updateColumns=\"resetWidthOnHeaderDrag()\"\n  />\n\n  <gm-operate-button-form\n    ref=\"gmCustomOperationsRef\"\n    v-model:isShowDrawer=\"drawerOperateVisible\"\n    v-model:customBtnPropsList=\"customBtnPropsList\"\n    :customDefaultPropsList=\"customDefaultPropsList\"\n    :keyWord=\"props.page\"\n    :disabledRemoteBtn=\"props.disabledRemoteBtn\"\n    type=\"OperateList\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref } from 'vue';\nimport { hasOwn } from '@giime/utils/src/objects';\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\nimport { getGmEvent } from '@giime/utils/src/elementPlus/event';\nimport { TableCtxKey } from '@giime/constants/table';\nimport { useElementBounding, useWindowSize } from '@vueuse/core';\nimport { operateButtonProps } from '../operateButton/operateButton';\n// import TableProEditSlot from './TableProEditSlot.vue';\n// import { cloneDeep } from 'lodash-es';\nimport TableOperateVNodeRenderer from './TableOperateVNodeRenderer';\nimport TableColumnVNodeRenderer from './TableColumnVNodeRenderer';\nimport { tableProEmits, tableProProps } from './tablePro';\nimport { getVnodesByGmName } from './tableHelper';\nimport { TableColumnProName, type TableColumnProProps, tableColumnProProps } from './tableColumnPro/tableColumnPro';\nimport type { TableProSortValue } from './tablePro';\nimport type { OperateButtonFormInstance } from '../operateButton/operateButtonForm';\nimport type { TableHeaderFormInstance } from './tableHeaderForm';\nimport type { OperateButtonProps } from '../operateButton/operateButton';\nimport type { Sort, TableInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmTablePro',\n});\nconst tableCtx = inject(TableCtxKey);\nconst props = defineProps(tableProProps);\n\nconst gmTableDivRef = ref<HTMLDivElement>();\n// 用于计算table高度\nconst { top: divTop } = useElementBounding(gmTableDivRef);\nconst { height: windowHeight } = useWindowSize();\nconst tableMaxHeight = computed(() => Math.floor(windowHeight.value - divTop.value - 60 - props.heightOffset)); // 高度 - 顶部距离 - 分页器116 - 用户自定义需要减去的高度\nconst GmTbaleRef = ref<TableInstance>();\nif (tableCtx && tableCtx.tableId === props.page) {\n  tableCtx.tableRef = GmTbaleRef;\n}\nconst gmCustomOperationsRef = ref<OperateButtonFormInstance>();\nconst gmTableHeaderRef = ref<TableHeaderFormInstance>();\n\nconst emit = defineEmits(tableProEmits);\n// 需要手动重新实现的事件\nconst notResendEvents = ['sort-change', 'header-dragend', 'selection-change'];\nconst resendEvent = { ...tableProEmits };\nnotResendEvents.forEach(it => Reflect.deleteProperty(resendEvent, it));\n// 重发el的事件\nconst elEvents = getGmEvent(resendEvent, emit);\nconst slots = defineSlots<{\n  default(data?: any): any[];\n  append?(data?: any): any[];\n  empty?(data?: any): any[];\n  native?(data?: any): any[];\n}>();\n// 列 当前原始vnode\nconst tableColumnVnode = computed(() => {\n  const vNodes = slots.default?.() || [];\n  // const nodes = vNodes.filter(vNode => vNode.props && vNode.props.type !== 'edit');\n  return vNodes;\n});\n// 默认表头Props列表（递归提取所有 GmTableColumnPro，包括嵌套的）\nconst colDefaultPropsList = computed(() => {\n  const vNodes = slots.default?.() || [];\n  const children = getVnodesByGmName(vNodes, TableColumnProName, true); // 启用递归提取\n  // const result = children.filter(vNode => vNode.props && vNode.props.type !== 'edit');\n\n  const colProps: TableColumnProProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\n  // 循环插入props所需的默认值\n  colProps.forEach(it => {\n    for (const key in tableColumnProProps) {\n      // 如果当前props含有默认值\n      if (hasOwn(it, key)) {\n        continue;\n      }\n      if (hasOwn(tableColumnProProps, key)) {\n        const element = tableColumnProProps[key as keyof TableColumnProProps];\n        // 如果btn 定义中含有默认值 则赋值给props\n        if (hasOwn(element, 'default')) {\n          Reflect.set(it, key, Reflect.get(element, 'default'));\n        }\n      }\n    }\n  });\n  return colProps;\n});\n// 已选中表头\nconst colPropsList = ref<TableColumnProProps[]>(colDefaultPropsList.value);\nconst editProps = computed(() => colPropsList.value.find(it => it.type === 'edit'));\n\n// 操作按钮组 当前原始vnode\nconst tableOperateVnode = computed(() => {\n  const vNodes = slots.default?.() || [];\n  const nodes = vNodes.find(vNode => vNode.props && vNode.props.type === 'edit');\n  return nodes;\n});\n\nconst customDefaultPropsList = computed(() => {\n  const defaultVnodes = tableOperateVnode.value?.children?.default?.({ row: {} });\n  if (Array.isArray(defaultVnodes) && defaultVnodes.some(it => it?.children === 'v-if')) {\n    console.error(`警告：为确保表格操作按钮能正常渲染，请把表格${props.page}操作按钮中使用的\"v-if\"替换为\"v-see\"`);\n  }\n  const children = getVnodesByGmName(defaultVnodes, 'GmOperateButton');\n  const btnProps: OperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\n  // console.log(btnProps);\n  // 循环插入props所需的默认值\n  btnProps.forEach(it => {\n    for (const key in operateButtonProps) {\n      // 如果当前props含有默认值\n      if (hasOwn(it, key)) {\n        continue;\n      }\n      if (hasOwn(operateButtonProps, key)) {\n        const element = operateButtonProps[key as keyof OperateButtonProps];\n        // 如果btn 定义中含有默认值 则赋值给props\n        if (hasOwn(element, 'default')) {\n          Reflect.set(it, key, Reflect.get(element, 'default'));\n        }\n      }\n    }\n  });\n  // console.log(btnProps)\n  return btnProps;\n});\n// customDefaultPropsList2();\n// const customDefaultPropsList = ref<OperateButtonProps[]>([]);\nconst customBtnPropsList = ref<OperateButtonProps[]>(customDefaultPropsList.value);\n\n// 表格头部弹层\nconst drawerHeaderVisible = ref(false); // 表头设置弹层\nconst drawerOperateVisible = ref(false); // 按钮设置弹层\nconst setTable = (event: string) => {\n  if (event === 'header') {\n    drawerHeaderVisible.value = true;\n  }\n  if (event === 'operate') {\n    drawerOperateVisible.value = true;\n  }\n};\n\n/**\n * 表头拖动，修改width\n */\nconst headerDragend = async (newWidth: number, oldWidth: number, column: any) => {\n  const findItem = colPropsList.value.find(it => it.prop === column.property);\n  const editItem = column.property === 'gmEdit' ? colPropsList.value.find(it => it.type === 'edit') : null;\n  if (!findItem && !editItem) {\n    return;\n  }\n  if (findItem) {\n    findItem.width = newWidth;\n  }\n  if (editItem) {\n    editItem.width = newWidth;\n  }\n  // 设置列宽\n  await nextTick();\n  resetWidthOnHeaderDrag(column);\n  gmTableHeaderRef.value?.syncPropsList();\n  gmTableHeaderRef.value?.submitSettings({ hiddenMessage: true });\n};\n/**\n * 当表头拖动后，重新计算补充列宽度\n * 当全部列都设置了宽度，把设置过minWidth的列设置为补充列，补充表格剩余宽度\n */\nconst resetWidthOnHeaderDrag = (column?: any) => {\n  if (props.disabledResetWidth) {\n    return;\n  }\n  // 当全部列都设置了宽度 才执行后续步骤\n  if (colPropsList.value.some(it => it.isShow && !it.width)) {\n    return;\n  }\n  const minWidthCols = colPropsList.value.filter(\n    // 是在展示中的列，并且不是操作列，并且设置了最小宽度\n    it => it.isShow === true && it.type !== 'edit' && it.prop !== 'edit' && ((it as any)['min-width'] || it.minWidth),\n  );\n  for (const item of minWidthCols) {\n    // 只有一个minWidth时，  也需要设置width = ''\n    if (column?.property === item.prop && minWidthCols.length !== 1) {\n      continue;\n    }\n    item.width = '';\n  }\n};\n/**\n * 搜索模块\n */\nconst sortValue = defineModel<TableProSortValue[]>('sortValue');\n\nconst handleSortChange = (sort: Sort) => {\n  if (sortValue.value) {\n    sortValue.value.length = 0;\n    switch (sort.order) {\n      case 'ascending':\n        sortValue.value.push({ field: sort.prop, order: 'asc' });\n        break;\n      case 'descending':\n        sortValue.value.push({ field: sort.prop, order: 'desc' });\n        break;\n    }\n  }\n\n  emit('sort-change', sort);\n};\nconst exposeEvents = [\n  'clearSelection',\n  'getSelectionRows',\n  'toggleRowSelection',\n  'toggleAllSelection',\n  'toggleRowExpansion',\n  'setCurrentRow',\n  'setChecked',\n  'clearSort',\n  'clearFilter',\n  'doLayout',\n  'sort',\n  'scrollTo',\n  'setScrollTop',\n  'setScrollLeft',\n] as const;\nconst { exposeFns } = getGmExports(GmTbaleRef, exposeEvents);\ndefineExpose({\n  colPropsList,\n  ...exposeFns,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.gmTableNoBorder .el-table__body .el-table__cell) {\n  border-right: none;\n}\n:deep(.gmTableNoBorder .el-table__inner-wrapper:before) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border .el-table__inner-wrapper:after) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border:after) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border:before) {\n  height: 0;\n}\n:deep(.gmTableNoBorder .el-table__border-left-patch) {\n  height: 0;\n}\n</style>\n"],"names":["inject","TableCtxKey","ref","useElementBounding","useWindowSize","computed","tableProEmits","getGmEvent","_useSlots","getVnodesByGmName","TableColumnProName","tableColumnProProps","hasOwn","operateButtonProps","nextTick","_useModel","getGmExports"],"mappings":"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"}

package/lib/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue2.js

@@ -23,15 +23,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.unref(slots).default ? {
           name: "default",
-          fn: vue.withCtx((slotValue) => [
-            slotValue.$index !== -1 ? vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 0 }, slotValue))) : vue.createCommentVNode("v-if", true)
+          fn: vue.withCtx((scope) => [
+            vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
           ]),
           key: "0"
         } : void 0,
         vue.unref(slots).header ? {
           name: "header",
-          fn: vue.withCtx((slotValue) => [
-            vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
+          fn: vue.withCtx((scope) => [
+            vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(scope)))
           ]),
           key: "1"
         } : void 0

package/lib/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnPro.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue"],"sourcesContent":["<template>\n  <gm-table-column v-bind=\"props\" :sortable=\"proSortable\">\n    <template v-if=\"slots.default\" #default=\"slotValue\">\n      <template v-if=\"slotValue.$index !== -1\">\n        <slot v-bind=\"slotValue\" />\n      </template>\n    </template>\n    <template v-if=\"slots.header\" #header=\"slotValue\">\n      <slot name=\"header\" v-bind=\"slotValue\" />\n    </template>\n  </gm-table-column>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue';\nimport { TableColumnProName, tableColumnProProps } from './tableColumnPro';\n\ndefineOptions({\n  name: TableColumnProName,\n});\nconst slots = useSlots();\nconst props = defineProps(tableColumnProProps);\nconst proSortable = computed(() => (props.isSort ? 'custom' : props.sortable));\n</script>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAA,MAAM,QAAQA,YAAA,EAAS;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,cAAcC,YAAA,CAAS,MAAO,MAAM,MAAA,GAAS,QAAA,GAAW,MAAM,QAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableColumnPro.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue"],"sourcesContent":["<template>\n  <gm-table-column v-bind=\"props\" :sortable=\"proSortable\">\n    <!-- 完全透传，与 gm-table-column 保持一致 -->\n    <template v-if=\"slots.default\" #default=\"scope\">\n      <slot v-bind=\"scope\" />\n    </template>\n\n    <template v-if=\"slots.header\" #header=\"scope\">\n      <slot name=\"header\" v-bind=\"scope\" />\n    </template>\n  </gm-table-column>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue';\nimport { TableColumnProName, tableColumnProProps } from './tableColumnPro';\n\ndefineOptions({\n  name: TableColumnProName,\n});\nconst slots = useSlots();\nconst props = defineProps(tableColumnProProps);\nconst proSortable = computed(() => (props.isSort ? 'custom' : props.sortable));\n</script>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAA,MAAM,QAAQA,YAAA,EAAS;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,cAAcC,YAAA,CAAS,MAAO,MAAM,MAAA,GAAS,QAAA,GAAW,MAAM,QAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/tablePro/tableHelper.d.ts

@@ -1 +1,8 @@
-export declare const getVnodesByGmName: (defaultVnodes: any[], name: string) => any[];
+/**
+ * 从 vnode 数组中提取指定名称的组件
+ * @param defaultVnodes vnode 数组
+ * @param name 目标组件名称
+ * @param recursive 是否递归提取嵌套组件（用于支持多级表头）
+ * @returns 提取的 vnode 数组
+ */
+export declare const getVnodesByGmName: (defaultVnodes: any[], name: string, recursive?: boolean) => any[];

package/lib/components/src/composite/tablePro/tableHelper.js

@@ -3,7 +3,7 @@
 var vue = require('vue');
 var is = require('../../../../utils/src/is.js');
 
-const getVnodesByGmName = (defaultVnodes, name) => {
+const getVnodesByGmName = (defaultVnodes, name, recursive = false) => {
   const children = [];
   if (Array.isArray(defaultVnodes)) {
     for (const childNode of defaultVnodes) {
@@ -15,6 +15,15 @@ const getVnodesByGmName = (defaultVnodes, name) => {
             children.push(vnode);
           }
         });
+      } else if (recursive && childNode.children) {
+        if (typeof childNode.children === "object" && childNode.children.default) {
+          const nestedVnodes = childNode.children.default();
+          const nestedChildren = getVnodesByGmName(Array.isArray(nestedVnodes) ? nestedVnodes : [nestedVnodes], name, true);
+          children.push(...nestedChildren);
+        } else if (Array.isArray(childNode.children)) {
+          const nestedChildren = getVnodesByGmName(childNode.children, name, true);
+          children.push(...nestedChildren);
+        }
       }
     }
   }

package/lib/components/src/composite/tablePro/tableHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHelper.js","sources":["../../../../../../../packages/components/src/composite/tablePro/tableHelper.ts"],"sourcesContent":["import { Fragment } from 'vue';\nimport { isString } from '@giime/utils/src/is';\nexport const getVnodesByGmName = (defaultVnodes: any[], name: string) => {\n  const children = [];\n  if (Array.isArray(defaultVnodes)) {\n    for (const childNode of defaultVnodes) {\n      if (childNode.type?.name === name || childNode.shapeFlag & 2) {\n        children.push(childNode);\n      } else if (childNode.type === Fragment && Array.isArray(childNode.children)) {\n        childNode.children.forEach((vnode: any) => {\n          // No rendering when vnode is dynamic slot or text\n          if (vnode?.patchFlag !== 1024 && !isString(vnode?.children)) {\n            children.push(vnode);\n          }\n        });\n      }\n    }\n  }\n  return children;\n};\n"],"names":["Fragment","isString"],"mappings":";;;;;AAEO,MAAM,iBAAA,GAAoB,CAAC,aAAA,EAAsB,IAAA,KAAiB;AACvE,EAAA,MAAM,WAAW,EAAC;AAClB,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,aAAa,CAAA,EAAG;AAChC,IAAA,KAAA,MAAW,aAAa,aAAA,EAAe;AACrC,MAAA,IAAI,UAAU,IAAA,EAAM,IAAA,KAAS,IAAA,IAAQ,SAAA,CAAU,YAAY,CAAA,EAAG;AAC5D,QAAA,QAAA,CAAS,KAAK,SAAS,CAAA;AAAA,MACzB,CAAA,MAAA,IAAW,UAAU,IAAA,KAASA,YAAA,IAAY,MAAM,OAAA,CAAQ,SAAA,CAAU,QAAQ,CAAA,EAAG;AAC3E,QAAA,SAAA,CAAU,QAAA,CAAS,OAAA,CAAQ,CAAC,KAAA,KAAe;AAEzC,UAAA,IAAI,OAAO,SAAA,KAAc,IAAA,IAAQ,CAACC,WAAA,CAAS,KAAA,EAAO,QAAQ,CAAA,EAAG;AAC3D,YAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA,UACrB;AAAA,QACF,CAAC,CAAA;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACA,EAAA,OAAO,QAAA;AACT;;;;"}
+{"version":3,"file":"tableHelper.js","sources":["../../../../../../../packages/components/src/composite/tablePro/tableHelper.ts"],"sourcesContent":["import { Fragment } from 'vue';\nimport { isString } from '@giime/utils/src/is';\n\n/**\n * 从 vnode 数组中提取指定名称的组件\n * @param defaultVnodes vnode 数组\n * @param name 目标组件名称\n * @param recursive 是否递归提取嵌套组件（用于支持多级表头）\n * @returns 提取的 vnode 数组\n */\nexport const getVnodesByGmName = (defaultVnodes: any[], name: string, recursive = false): any[] => {\n  const children: any[] = [];\n  if (Array.isArray(defaultVnodes)) {\n    for (const childNode of defaultVnodes) {\n      // 匹配目标组件\n      if (childNode.type?.name === name || childNode.shapeFlag & 2) {\n        children.push(childNode);\n      }\n      // 处理 Fragment\n      else if (childNode.type === Fragment && Array.isArray(childNode.children)) {\n        childNode.children.forEach((vnode: any) => {\n          // No rendering when vnode is dynamic slot or text\n          if (vnode?.patchFlag !== 1024 && !isString(vnode?.children)) {\n            children.push(vnode);\n          }\n        });\n      }\n      // 递归提取嵌套在其他组件中的目标组件（用于多级表头）\n      else if (recursive && childNode.children) {\n        // 如果有 default slot，递归提取\n        if (typeof childNode.children === 'object' && childNode.children.default) {\n          const nestedVnodes = childNode.children.default();\n          const nestedChildren: any[] = getVnodesByGmName(Array.isArray(nestedVnodes) ? nestedVnodes : [nestedVnodes], name, true);\n          children.push(...nestedChildren);\n        }\n        // 如果 children 是数组，递归提取\n        else if (Array.isArray(childNode.children)) {\n          const nestedChildren: any[] = getVnodesByGmName(childNode.children, name, true);\n          children.push(...nestedChildren);\n        }\n      }\n    }\n  }\n  return children;\n};\n"],"names":["Fragment","isString"],"mappings":";;;;;AAUO,MAAM,iBAAA,GAAoB,CAAC,aAAA,EAAsB,IAAA,EAAc,YAAY,KAAA,KAAiB;AACjG,EAAA,MAAM,WAAkB,EAAC;AACzB,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,aAAa,CAAA,EAAG;AAChC,IAAA,KAAA,MAAW,aAAa,aAAA,EAAe;AAErC,MAAA,IAAI,UAAU,IAAA,EAAM,IAAA,KAAS,IAAA,IAAQ,SAAA,CAAU,YAAY,CAAA,EAAG;AAC5D,QAAA,QAAA,CAAS,KAAK,SAAS,CAAA;AAAA,MACzB,CAAA,MAAA,IAES,UAAU,IAAA,KAASA,YAAA,IAAY,MAAM,OAAA,CAAQ,SAAA,CAAU,QAAQ,CAAA,EAAG;AACzE,QAAA,SAAA,CAAU,QAAA,CAAS,OAAA,CAAQ,CAAC,KAAA,KAAe;AAEzC,UAAA,IAAI,OAAO,SAAA,KAAc,IAAA,IAAQ,CAACC,WAAA,CAAS,KAAA,EAAO,QAAQ,CAAA,EAAG;AAC3D,YAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA,UACrB;AAAA,QACF,CAAC,CAAA;AAAA,MACH,CAAA,MAAA,IAES,SAAA,IAAa,SAAA,CAAU,QAAA,EAAU;AAExC,QAAA,IAAI,OAAO,SAAA,CAAU,QAAA,KAAa,QAAA,IAAY,SAAA,CAAU,SAAS,OAAA,EAAS;AACxE,UAAA,MAAM,YAAA,GAAe,SAAA,CAAU,QAAA,CAAS,OAAA,EAAQ;AAChD,UAAA,MAAM,cAAA,GAAwB,iBAAA,CAAkB,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GAAI,YAAA,GAAe,CAAC,YAAY,CAAA,EAAG,IAAA,EAAM,IAAI,CAAA;AACvH,UAAA,QAAA,CAAS,IAAA,CAAK,GAAG,cAAc,CAAA;AAAA,QACjC,CAAA,MAAA,IAES,KAAA,CAAM,OAAA,CAAQ,SAAA,CAAU,QAAQ,CAAA,EAAG;AAC1C,UAAA,MAAM,cAAA,GAAwB,iBAAA,CAAkB,SAAA,CAAU,QAAA,EAAU,MAAM,IAAI,CAAA;AAC9E,UAAA,QAAA,CAAS,IAAA,CAAK,GAAG,cAAc,CAAA;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,EAAA,OAAO,QAAA;AACT;;;;"}

package/lib/components/src/composite/uploadFile/UploadFile.vue.d.ts

@@ -1,11 +1,15 @@
 import type { UploadFile, UploadFiles, UploadInstance, UploadRawFile, UploadStatus } from 'element-plus';
 declare var __VLS_11: {}, __VLS_29: {
     file: UploadFile;
+}, __VLS_51: {
+    file: UploadFile;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 } & {
     file?: (props: typeof __VLS_29) => any;
+} & {
+    fileBottom?: (props: typeof __VLS_51) => any;
 };
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     listType: {
@@ -28,34 +32,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    folder: {
-        type: StringConstructor;
-        default: string;
-    };
-    seat: {
-        type: StringConstructor;
-        default: string;
-    };
-    parallel: {
-        type: NumberConstructor;
-        default: null;
-    };
-    partSize: {
-        type: NumberConstructor;
-        default: null;
-    };
-    options: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    bucket: {
-        type: StringConstructor;
-        default: string;
-    };
-    fileName: {
-        type: StringConstructor;
-        default: string;
-    };
     showDelete: {
         type: BooleanConstructor;
         default: boolean;
@@ -68,18 +44,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    saveStore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    platform: {
-        type: StringConstructor;
-        default: string;
-    };
-    cdn: {
-        type: StringConstructor;
-        default: string;
-    };
     width: {
         type: NumberConstructor;
         default: number;
@@ -355,34 +319,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    folder: {
-        type: StringConstructor;
-        default: string;
-    };
-    seat: {
-        type: StringConstructor;
-        default: string;
-    };
-    parallel: {
-        type: NumberConstructor;
-        default: null;
-    };
-    partSize: {
-        type: NumberConstructor;
-        default: null;
-    };
-    options: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    bucket: {
-        type: StringConstructor;
-        default: string;
-    };
-    fileName: {
-        type: StringConstructor;
-        default: string;
-    };
     showDelete: {
         type: BooleanConstructor;
         default: boolean;
@@ -395,18 +331,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    saveStore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    platform: {
-        type: StringConstructor;
-        default: string;
-    };
-    cdn: {
-        type: StringConstructor;
-        default: string;
-    };
     width: {
         type: NumberConstructor;
         default: number;
@@ -657,7 +581,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     "onUpdate:checkoutFiles"?: ((value: any[]) => any) | undefined;
 }, {
     size: number;
-    options: Record<string, any>;
     method: string;
     data: ({
         [x: string]: any;
@@ -695,9 +618,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     autoUpload: boolean;
     listType: "text" | "picture" | "picture-card";
     httpRequest: import("element-plus").UploadRequestHandler;
-    fileName: string;
     acl: string;
-    platform: string;
     fileWidth: string;
     fileHeight: string;
     fileStyle: Record<string, any>;
@@ -712,13 +633,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     deleteTip: boolean;
     disabledCheckboxUids: number[];
     onAllComplete: () => void;
-    folder: string;
-    seat: string;
-    parallel: number;
-    partSize: number;
-    bucket: string;
-    saveStore: boolean;
-    cdn: string;
 }, {}>, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/src/composite/uploadFile/UploadFile.vue.js

@@ -7,7 +7,7 @@ require('./UploadFile.vue3.js');
 require('./UploadFile.vue4.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var UploadFile = /* @__PURE__ */ _pluginVue_exportHelper.default(UploadFile_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-312f9322"]]);
+var UploadFile = /* @__PURE__ */ _pluginVue_exportHelper.default(UploadFile_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-28529631"]]);
 
 exports.default = UploadFile;
 //# sourceMappingURL=UploadFile.vue.js.map

package/lib/components/src/composite/uploadFile/UploadFile.vue2.js

@@ -12,7 +12,7 @@ var index$3 = require('../fileComponent/index.js');
 var index$4 = require('../previewFile/index.js');
 var uploadFile = require('./uploadFile.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-312f9322"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-28529631"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "el-upload__text gm-text-center !gm-text-xs gm-text-gray-500" },
@@ -23,9 +23,10 @@ const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.create
   -1
   /* HOISTED */
 ));
-const _hoisted_2 = { class: "el-upload-list__item-actions" };
-const _hoisted_3 = ["onClick"];
+const _hoisted_2 = { class: "gm-relative gm-flex gm-items-center gm-justify-center gm-overflow-hidden gm-rounded-md" };
+const _hoisted_3 = { class: "el-upload-list__item-actions" };
 const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "GmUploadFile"
@@ -224,49 +225,54 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         vue.createElementVNode(
                           "div",
                           {
-                            class: "gm-flex gm-items-center gm-justify-center gm-rounded-md",
-                            style: vue.normalizeStyle({ width: _ctx.width + "px", height: _ctx.height + "px" })
+                            style: vue.normalizeStyle({ width: _ctx.width + "px" })
                           },
                           [
-                            vue.createVNode(vue.unref(index$3.GmFileComponent), {
-                              file,
-                              size: _ctx.width - 40,
-                              url: _ctx.url,
-                              controls: false,
-                              "show-icon": true,
-                              field: _ctx.field
-                            }, null, 8, ["file", "size", "url", "field"])
+                            vue.createElementVNode("div", _hoisted_2, [
+                              vue.createVNode(vue.unref(index$3.GmFileComponent), {
+                                file,
+                                size: _ctx.width - 40,
+                                url: _ctx.url,
+                                controls: false,
+                                "show-icon": true,
+                                field: _ctx.field,
+                                fileWidth: _ctx.width + "px",
+                                fileHeight: _ctx.height + "px",
+                                fileStyle: { border: "1px solid #dcdfe6", overflow: "hidden", borderRadius: "5px" }
+                              }, null, 8, ["file", "size", "url", "field", "fileWidth", "fileHeight"]),
+                              vue.createElementVNode("div", _hoisted_3, [
+                                vue.createElementVNode("span", {
+                                  class: "el-upload-list__item-preview",
+                                  onClick: ($event) => handlePreview(file)
+                                }, [
+                                  vue.createVNode(_component_el_icon, null, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(iconsVue.View))
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ], 8, _hoisted_4),
+                                _ctx.showDelete ? (vue.openBlock(), vue.createElementBlock("span", {
+                                  key: 0,
+                                  class: "el-upload-list__item-delete",
+                                  onClick: ($event) => handleRemove(file, fileList.value)
+                                }, [
+                                  vue.createVNode(_component_el_icon, null, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(iconsVue.Delete))
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ], 8, _hoisted_5)) : vue.createCommentVNode("v-if", true)
+                              ])
+                            ]),
+                            vue.renderSlot(_ctx.$slots, "fileBottom", { file }, void 0, true)
                           ],
                           4
                           /* STYLE */
-                        ),
-                        vue.createElementVNode("div", _hoisted_2, [
-                          vue.createElementVNode("span", {
-                            class: "el-upload-list__item-preview",
-                            onClick: ($event) => handlePreview(file)
-                          }, [
-                            vue.createVNode(_component_el_icon, null, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(iconsVue.View))
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            })
-                          ], 8, _hoisted_3),
-                          _ctx.showDelete ? (vue.openBlock(), vue.createElementBlock("span", {
-                            key: 0,
-                            class: "el-upload-list__item-delete",
-                            onClick: ($event) => handleRemove(file, fileList.value)
-                          }, [
-                            vue.createVNode(_component_el_icon, null, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(iconsVue.Delete))
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            })
-                          ], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-                        ])
+                        )
                       ], true)
                     ]),
                     key: "0"

package/lib/components/src/composite/uploadFile/UploadFile.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.vue2.js","sources":["../../../../../../../packages/components/src/composite/uploadFile/UploadFile.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      ref=\"pasteFileRef\"\n      :class=\"{ 'gm-upload-file-picture-card': listType === 'picture-card', 'gm-upload-file-disabled': disabled }\"\n      class=\"gm-upload-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\" :value=\"file\" />\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                <GmFileComponent :file=\"file\" :size=\"width - 40\" :url=\"url\" :controls=\"false\" :show-icon=\"true\" :field=\"field\" />\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 v-if=\"showDelete\" class=\"el-upload-list__item-delete\" @click=\"handleRemove(file, fileList)\">\n                  <el-icon><Delete /></el-icon>\n                </span>\n              </div>\n            </slot>\n          </template>\n        </el-upload>\n      </el-checkbox-group>\n\n      <GmPreviewFile\n        v-model:dialogVisible=\"dialogVisible\"\n        v-model:file-index=\"fileIndex\"\n        :file-list=\"fileList\"\n        :controls=\"controls\"\n        :oncontextmenu=\"oncontextmenu\"\n        :controlslist=\"controlslist\"\n        :field=\"field\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElMessageBox } from 'element-plus';\nimport { useUploadTaskStore } from '@giime/hooks/store/useUploadTask';\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 '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { uploadFileProps } from './uploadFile';\nimport type { GmUploadProUserFileResponse } from './uploadFile';\nimport type { UploadFile, UploadFiles, UploadInstance, UploadProps, UploadRawFile, UploadRequestOptions, UploadStatus } from 'element-plus';\n\ndefineOptions({\n  name: 'GmUploadFile',\n});\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\"]);\n\nconst { uploadFileTask } = useUploadTaskStore();\n\n/** 上传文件 */\nconst fileList = defineModel<UploadFile[]>('fileList', { required: true, default: () => [] });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: () => [] });\n\nconst loadingUids = ref<Set<number>>(new Set());\n\n/* 上传 */\nconst httpRequest = async (options: UploadRequestOptions) => {\n  loadingUids.value.add(options.file.uid);\n  const { file } = options;\n\n  const res: any = await uploadFileTask(file, {\n    domainCode: props.domainCode,\n    sceneCode: props.sceneCode,\n    accept: props.accept,\n    acl: props.acl,\n    elOptions: options,\n  });\n\n  return { ...res, file };\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 = (file: UploadFile, files: UploadFiles) => {\n  if (props.disabled) {\n    return false;\n  }\n  return props.beforeRemove ? props.beforeRemove(file, files) : true;\n};\n\n/* 删除文件 */\nconst removeFile = (file: UploadFile, uploadFiles: UploadFiles) => {\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};\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 pasteFileRef = ref<HTMLElement>();\n/* 手动上传 */\nconst submit = () => {\n  uploadFileRef.value!.submit();\n};\n\n/** 取消上传 */\nconst abort = (file: UploadFile) => {\n  uploadFileRef.value!.abort(file);\n};\n\n/** 清空已上传的文件列表 */\nconst clearFiles = (status?: UploadStatus[]) => {\n  uploadFileRef.value!.clearFiles(status);\n};\n\n/** 手动选择文件 */\nconst handleStart = (rawFile: UploadRawFile) => {\n  uploadFileRef.value!.handleStart(rawFile);\n};\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\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 (Array.isArray(files) && files.length > 0) {\n    files.forEach(file => {\n      if (file instanceof File) {\n        const rawFile = file as UploadRawFile;\n        handleStart(rawFile);\n\n        // 粘贴成功自动上传\n        if (props.autoUpload) {\n          submit();\n        }\n      }\n    });\n  }\n});\n\nonError((error: Error) => {\n  console.error('粘贴错误:', error);\n  ElMessageBox.alert(error.message, '提示', {\n    type: 'error',\n  });\n});\n\ndefineExpose({\n  submit,\n  abort,\n  clearFiles,\n  handleStart,\n  uploadFileRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-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-file {\n  line-height: normal;\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: normal;\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-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":["useUploadTaskStore","_useModel","ref","GmConfirmBox","usePasteFile","ElMessageBox"],"mappings":"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"}
+{"version":3,"file":"UploadFile.vue2.js","sources":["../../../../../../../packages/components/src/composite/uploadFile/UploadFile.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      ref=\"pasteFileRef\"\n      :class=\"{ 'gm-upload-file-picture-card': listType === 'picture-card', 'gm-upload-file-disabled': disabled }\"\n      class=\"gm-upload-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\" :value=\"file\" />\n            <slot name=\"file\" :file=\"file\">\n              <div :style=\"{ width: width + 'px' }\">\n                <div class=\"gm-relative gm-flex gm-items-center gm-justify-center gm-overflow-hidden gm-rounded-md\">\n                  <GmFileComponent\n                    :file=\"file\"\n                    :size=\"width - 40\"\n                    :url=\"url\"\n                    :controls=\"false\"\n                    :show-icon=\"true\"\n                    :field=\"field\"\n                    :fileWidth=\"width + 'px'\"\n                    :fileHeight=\"height + 'px'\"\n                    :fileStyle=\"{ border: '1px solid #dcdfe6', overflow: 'hidden', borderRadius: '5px' }\"\n                  />\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 v-if=\"showDelete\" class=\"el-upload-list__item-delete\" @click=\"handleRemove(file, fileList)\">\n                      <el-icon><Delete /></el-icon>\n                    </span>\n                  </div>\n                </div>\n                <slot name=\"fileBottom\" :file=\"file\" />\n              </div>\n            </slot>\n          </template>\n        </el-upload>\n      </el-checkbox-group>\n\n      <GmPreviewFile\n        v-model:dialogVisible=\"dialogVisible\"\n        v-model:file-index=\"fileIndex\"\n        :file-list=\"fileList\"\n        :controls=\"controls\"\n        :oncontextmenu=\"oncontextmenu\"\n        :controlslist=\"controlslist\"\n        :field=\"field\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElMessageBox } from 'element-plus';\nimport { useUploadTaskStore } from '@giime/hooks/store/useUploadTask';\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 '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { uploadFileProps } from './uploadFile';\nimport type { GmUploadProUserFileResponse } from './uploadFile';\nimport type { UploadFile, UploadFiles, UploadInstance, UploadProps, UploadRawFile, UploadRequestOptions, UploadStatus } from 'element-plus';\n\ndefineOptions({\n  name: 'GmUploadFile',\n});\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\"]);\n\nconst { uploadFileTask } = useUploadTaskStore();\n\n/** 上传文件 */\nconst fileList = defineModel<UploadFile[]>('fileList', { required: true, default: () => [] });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: () => [] });\n\nconst loadingUids = ref<Set<number>>(new Set());\n\n/* 上传 */\nconst httpRequest = async (options: UploadRequestOptions) => {\n  loadingUids.value.add(options.file.uid);\n  const { file } = options;\n\n  const res: any = await uploadFileTask(file, {\n    domainCode: props.domainCode,\n    sceneCode: props.sceneCode,\n    accept: props.accept,\n    acl: props.acl,\n    elOptions: options,\n  });\n\n  return { ...res, file };\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 = (file: UploadFile, files: UploadFiles) => {\n  if (props.disabled) {\n    return false;\n  }\n  return props.beforeRemove ? props.beforeRemove(file, files) : true;\n};\n\n/* 删除文件 */\nconst removeFile = (file: UploadFile, uploadFiles: UploadFiles) => {\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};\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 pasteFileRef = ref<HTMLElement>();\n/* 手动上传 */\nconst submit = () => {\n  uploadFileRef.value!.submit();\n};\n\n/** 取消上传 */\nconst abort = (file: UploadFile) => {\n  uploadFileRef.value!.abort(file);\n};\n\n/** 清空已上传的文件列表 */\nconst clearFiles = (status?: UploadStatus[]) => {\n  uploadFileRef.value!.clearFiles(status);\n};\n\n/** 手动选择文件 */\nconst handleStart = (rawFile: UploadRawFile) => {\n  uploadFileRef.value!.handleStart(rawFile);\n};\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\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 (Array.isArray(files) && files.length > 0) {\n    files.forEach(file => {\n      if (file instanceof File) {\n        const rawFile = file as UploadRawFile;\n        handleStart(rawFile);\n\n        // 粘贴成功自动上传\n        if (props.autoUpload) {\n          submit();\n        }\n      }\n    });\n  }\n});\n\nonError((error: Error) => {\n  console.error('粘贴错误:', error);\n  ElMessageBox.alert(error.message, '提示', {\n    type: 'error',\n  });\n});\n\ndefineExpose({\n  submit,\n  abort,\n  clearFiles,\n  handleStart,\n  uploadFileRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-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-file {\n  line-height: normal;\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    border: none;\n  }\n  .el-upload-list__item-file-name {\n    line-height: normal;\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-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":["useUploadTaskStore","_useModel","ref","GmConfirmBox","usePasteFile","ElMessageBox"],"mappings":"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"}