giime 0.0.11 → 0.0.13

package/es/components/src/business/customOperations/CustomOperations.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CustomOperations.vue2.mjs","sources":["../../../../../../../packages/components/src/business/customOperations/CustomOperations.vue"],"sourcesContent":["<template>\r\n  <gm-drawer\r\n    title=\"自定义表头\"\r\n    :model-value=\"props.drawer\"\r\n    :show-close=\"false\"\r\n    :close-on-click-modal=\"false\"\r\n    :close-on-press-escape=\"false\"\r\n    :with-header=\"false\"\r\n    direction=\"rtl\"\r\n    size=\"500px\"\r\n    append-to-body\r\n    destroy-on-close\r\n  >\r\n    <div class=\"drawer-title\">自定义按钮</div>\r\n    <div\r\n      class=\"drawer-alert gm-my-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-leading-[40px] gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center\">\r\n        <gm-icon><i-ep-info-filled /></gm-icon>\r\n        <p class=\"gm-ml-2\">\r\n          已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n        </p>\r\n        <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n      </div>\r\n    </div>\r\n\r\n    <div id=\"column-wrap\" class=\"gm-border gm-text-center gm-text-sm\" :class=\"columnClass\">\r\n      <ul class=\"gm-flex gm-items-center gm-bg-gray-100 gm-font-bold gm-leading-[43px] gm-text-gray-500\">\r\n        <li class=\"gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-white\">\r\n          <gm-checkbox :model-value=\"checkedAll\" size=\"large\" @change=\"changeCheckbox\" />\r\n          <p class=\"gm-ml-2\">全选</p>\r\n        </li>\r\n        <li class=\"gm-flex-1 gm-border-r gm-border-white\">按钮</li>\r\n        <li class=\"gm-w-32\">拖动调整顺序</li>\r\n      </ul>\r\n      <transition-group id=\"column-group\" name=\"sort\" tag=\"div\">\r\n        <ul\r\n          v-for=\"item in operates\"\r\n          :key=\"item.event\"\r\n          class=\"gm-flex gm-items-center gm-border-t gm-border-gray-200 gm-leading-[40px] gm-text-gray-800\"\r\n          :draggable=\"true\"\r\n          @dragstart=\"dragstart(item)\"\r\n          @dragenter=\"dragenter(item, $event)\"\r\n          @dragend=\"dragend\"\r\n          @dragover=\"dragover($event)\"\r\n        >\r\n          <li class=\"gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-gray-200\">\r\n            <div class=\"column-checked\">\r\n              <gm-checkbox v-model=\"item.checked\" size=\"large\" />\r\n            </div>\r\n          </li>\r\n          <li class=\"gm-flex-1 gm-border-r gm-border-gray-200\">\r\n            <gm-popover placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n              <template #reference>\r\n                <gm-button :type=\"item.type || 'primary'\" link size=\"small\">\r\n                  {{ item.label }}\r\n                </gm-button>\r\n              </template>\r\n              <div class=\"p-1\">\r\n                <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n                <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(item, 'primary')\"> 蓝色 </gm-button>\r\n                <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(item, 'success')\"> 绿色 </gm-button>\r\n                <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(item, 'info')\"> 灰色 </gm-button>\r\n                <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(item, 'warning')\"> 橙色 </gm-button>\r\n                <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(item, 'danger')\"> 红色 </gm-button>\r\n              </div>\r\n            </gm-popover>\r\n          </li>\r\n          <li class=\"gm-w-32\">\r\n            <gm-button type=\"primary\" link size=\"default\" :icon=\"Rank\" />\r\n          </li>\r\n        </ul>\r\n      </transition-group>\r\n    </div>\r\n\r\n    <div class=\"drawer-footer-btn gm-flex gm-justify-between gm-border-t-2 gm-border-[#f2f2f2]\">\r\n      <gm-button type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n      <div>\r\n        <gm-button size=\"default\" @click=\"$emit('update:drawer', false)\">取消</gm-button>\r\n        <gm-button type=\"primary\" size=\"default\" @click=\"onSubmit\">保存</gm-button>\r\n      </div>\r\n    </div>\r\n  </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { useCloned, useWindowSize } from '@vueuse/core';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { Rank } from '@element-plus/icons-vue';\r\nimport { type OperateListItem, customOperationsProps } from './customOperations';\r\n\r\ndefineOptions({\r\n  name: 'GmCustomOperations',\r\n});\r\nconst emit = defineEmits([\"update:drawer\", \"update:customList\"]);\r\nconst props = defineProps(customOperationsProps);\r\n\r\nconst useCustom = useCustomSettingsStore();\r\n\r\nconst gmCustomPage = computed(() => `gmCustom${props.page}`);\r\nconst gmCustomType = computed(() => `gmCustom${props.page}OperateList`);\r\n\r\nconst updateOperate = () => {\r\n  const { cloned } = useCloned(operates.value);\r\n  const result = cloned.value.filter(v => v.checked);\r\n  emit('update:customList', result);\r\n};\r\n\r\nconst operates = ref<OperateListItem[]>([]);\r\nconst initOperate = async () => {\r\n  const { cloned: clonedStore } = useCloned(useCustom.customSettings[gmCustomType.value] || []);\r\n  const { cloned: clonedProps } = useCloned(props.operateList);\r\n\r\n  const column: OperateListItem[] = [];\r\n  clonedStore.value.forEach((v: OperateListItem) => {\r\n    const index = clonedProps.value.findIndex(h => h.prop === v.prop);\r\n    if (index > -1) {\r\n      const item = clonedProps.value.splice(index, 1)[0];\r\n      const { label } = item;\r\n      // 每次更新按钮名称\r\n      column.push({ ...v, ...item, label });\r\n    }\r\n  });\r\n  operates.value = [...column, ...clonedProps.value];\r\n\r\n  if (!clonedStore.value.length) {\r\n    operates.value.forEach(v => {\r\n      v.checked = true;\r\n    });\r\n  }\r\n\r\n  updateOperate();\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return operates.value.filter(v => v.checked).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => {\r\n  const result = operates.value.filter(v => !v.checked);\r\n  return !result.length;\r\n});\r\nconst changeCheckbox = () => {\r\n  if (!checkedAll.value) {\r\n    operates.value.forEach(v => {\r\n      v.checked = true;\r\n    });\r\n  }\r\n};\r\n\r\nconst { height } = useWindowSize();\r\nconst columnClass = computed(() => {\r\n  const h = props.operateList.length * 43;\r\n  return h > height.value - 270 ? 'column-class' : '';\r\n});\r\n\r\nconst start = ref<OperateListItem>();\r\nconst end = ref<OperateListItem>();\r\n// 拖拽开始\r\nconst dragstart = (item: OperateListItem) => {\r\n  start.value = item;\r\n};\r\n// 拖拽过程\r\nconst dragenter = (item: OperateListItem, e: DragEvent) => {\r\n  end.value = item;\r\n  e.preventDefault();\r\n};\r\n// 拖拽结束\r\nconst dragend = () => {\r\n  if (start.value === end.value) return;\r\n  if (start.value && end.value) {\r\n    const oldIndex: number = operates.value.findIndex(v => v.event === start.value?.event);\r\n    const newIndex: number = operates.value.findIndex(v => v.event === end.value?.event);\r\n    const newItems = [...operates.value];\r\n\r\n    // 删除老节点\r\n    newItems.splice(oldIndex, 1);\r\n\r\n    // 目标位置新增节点\r\n    newItems.splice(newIndex, 0, start.value);\r\n    operates.value = [...newItems];\r\n  }\r\n};\r\n\r\n// 拖拽事件\r\nconst dragover = (e: DragEvent) => {\r\n  e.preventDefault();\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: OperateListItem, type: string) => {\r\n  item.type = type;\r\n};\r\n\r\n// 保存\r\nconst onSubmit = () => {\r\n  useCustom\r\n    .addListCustomInfo({\r\n      key_word: gmCustomPage.value,\r\n      value: JSON.stringify(operates.value),\r\n      type: gmCustomType.value,\r\n    })\r\n    .then(res => {\r\n      if (res.code === 0) {\r\n        // GmMessage.success('保存成功');\r\n        // 更新本地存储\r\n        localStorage.setItem(gmCustomType.value, JSON.stringify(operates.value));\r\n        emit('update:drawer', false);\r\n        updateOperate();\r\n      }\r\n    })\r\n    .catch(() => {});\r\n  emit('update:drawer', false);\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {};\r\n\r\n// 监听接口请求完成\r\nuseCustom.onCustomResult(() => {\r\n  initOperate();\r\n});\r\n\r\nonMounted(() => {\r\n  useCustom.getCustomPage(gmCustomPage.value, gmCustomType.value);\r\n});\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.drawer-title {\r\n  font-size: 14px;\r\n  border-bottom: 2px solid #f2f2f2;\r\n  margin: 0 -20px;\r\n  padding: 0 20px 20px;\r\n}\r\n#column-group {\r\n  height: calc(100vh - 265px);\r\n  overflow-y: auto;\r\n  &::-webkit-scrollbar {\r\n    /*滚动条整体样式*/\r\n    width: 4px;\r\n    /*高宽分别对应横竖滚动条的尺寸*/\r\n    height: 1px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    /*滚动条里面小方块*/\r\n    border-radius: 10px;\r\n    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\r\n    background: #999;\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n    /*滚动条里面轨道*/\r\n    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);\r\n    border-radius: 10px;\r\n    background: #eee;\r\n  }\r\n  .column-checked {\r\n    margin-left: -36px;\r\n  }\r\n  :deep(.el-input__wrapper) {\r\n    box-shadow: none;\r\n  }\r\n  ul:last-child {\r\n    border-bottom: 1px solid #e5e7eb;\r\n  }\r\n}\r\n.column-class {\r\n  & > ul:first-child {\r\n    padding-right: 4px;\r\n  }\r\n  #column-group {\r\n    ul:last-child {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n}\r\n.drawer-footer-btn {\r\n  margin: 15px -20px -20px;\r\n  padding: 15px 20px;\r\n}\r\n</style>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomOperations.vue2.mjs","sources":["../../../../../../../packages/components/src/business/customOperations/CustomOperations.vue"],"sourcesContent":["<template>\r\n  <gm-drawer\r\n    title=\"自定义按钮\"\r\n    :model-value=\"props.drawer\"\r\n    :close-on-click-modal=\"false\"\r\n    :close-on-press-escape=\"false\"\r\n    direction=\"rtl\"\r\n    size=\"500px\"\r\n    append-to-body\r\n    destroy-on-close\r\n  >\r\n    <div\r\n      class=\"drawer-alert gm-my-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-leading-[40px] gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center\">\r\n        <gm-icon><i-ep-info-filled /></gm-icon>\r\n        <p class=\"gm-ml-2\">\r\n          已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n        </p>\r\n        <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n      </div>\r\n    </div>\r\n    {{ multipleSelection }}\r\n    <gm-table ref=\"multipleTableRef\" :data=\"operates\" :header-cell-style=\"{ background: '#F5F7FA', color: '#333' }\" style=\"width: 100%\">\r\n      <el-table-column align=\"left\" width=\"80\">\r\n        <template #header>\r\n          <gm-checkbox :model-value=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\r\n        </template>\r\n        <template #default=\"scope\">\r\n          <gm-checkbox v-model=\"scope.row.isShow\" />\r\n        </template>\r\n      </el-table-column>\r\n      <gm-table-column label=\"按钮\">\r\n        <template #default=\"{ row }\">\r\n          <gm-popover placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n            <template #reference>\r\n              <gm-button :type=\"row.type || 'primary'\" link size=\"small\">\r\n                {{ row.label }}\r\n              </gm-button>\r\n            </template>\r\n            <div class=\"p-1\">\r\n              <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n              <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(row, 'primary')\"> 蓝色 </gm-button>\r\n              <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(row, 'success')\"> 绿色 </gm-button>\r\n              <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(row, 'info')\"> 灰色 </gm-button>\r\n              <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(row, 'warning')\"> 橙色 </gm-button>\r\n              <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(row, 'danger')\"> 红色 </gm-button>\r\n            </div>\r\n          </gm-popover>\r\n        </template>\r\n      </gm-table-column>\r\n      <!-- <gm-table-column prop=\"address\" label=\"Address\" show-overflow-tooltip /> -->\r\n    </gm-table>\r\n    <div class=\"gm-border gm-text-center gm-text-sm\" :class=\"columnClass\">\r\n      <ul class=\"gm-flex gm-items-center gm-bg-gray-100 gm-font-bold gm-leading-[43px] gm-text-gray-500\">\r\n        <li class=\"gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-white\">\r\n          <gm-checkbox :model-value=\"checkedAll\" size=\"large\" @change=\"changeCheckbox\" />\r\n          <p class=\"gm-ml-2\">全选</p>\r\n        </li>\r\n        <li class=\"gm-flex-1 gm-border-r gm-border-white\">按钮</li>\r\n        <li class=\"gm-w-32\">拖动调整顺序</li>\r\n      </ul>\r\n      <div>\r\n        <ul\r\n          v-for=\"item in operates\"\r\n          :key=\"item.prop\"\r\n          class=\"gm-flex gm-items-center gm-border-t gm-border-gray-200 gm-leading-[40px] gm-text-gray-800\"\r\n          :draggable=\"true\"\r\n          @dragstart=\"dragstart(item)\"\r\n          @dragenter=\"dragenter(item, $event)\"\r\n          @dragend=\"dragend\"\r\n          @dragover=\"dragover($event)\"\r\n        >\r\n          <li class=\"gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-gray-200\">\r\n            <div class=\"column-checked\">\r\n              <gm-checkbox v-model=\"item.isShow\" size=\"large\" />\r\n            </div>\r\n          </li>\r\n          <li class=\"gm-flex-1 gm-border-r gm-border-gray-200\">\r\n            <gm-popover placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n              <template #reference>\r\n                <gm-button :type=\"item.type || 'primary'\" link size=\"small\">\r\n                  {{ item.label }}\r\n                </gm-button>\r\n              </template>\r\n              <div class=\"p-1\">\r\n                <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n                <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(item, 'primary')\"> 蓝色 </gm-button>\r\n                <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(item, 'success')\"> 绿色 </gm-button>\r\n                <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(item, 'info')\"> 灰色 </gm-button>\r\n                <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(item, 'warning')\"> 橙色 </gm-button>\r\n                <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(item, 'danger')\"> 红色 </gm-button>\r\n              </div>\r\n            </gm-popover>\r\n          </li>\r\n          <li class=\"gm-w-32\">\r\n            <gm-button type=\"primary\" link size=\"default\" :icon=\"Rank\" />\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"drawer-footer-btn gm-flex gm-justify-between gm-border-t-2 gm-border-[#f2f2f2]\">\r\n      <gm-button type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n      <div>\r\n        <gm-button size=\"default\" @click=\"$emit('update:drawer', false)\">取消</gm-button>\r\n        <gm-button type=\"primary\" size=\"default\" @click=\"onSubmit\">保存</gm-button>\r\n      </div>\r\n    </div>\r\n  </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { useCloned, useWindowSize } from '@vueuse/core';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { ElMessage } from 'element-plus';\r\nimport { Rank } from '@element-plus/icons-vue';\r\nimport { customOperationsProps } from './customOperations';\r\nimport type { TableBodyOperateButtonProps } from '../tableBody/tableBodyItem/tableBodyOperates/tableBodyOperateButton';\r\nimport type { TableInstance } from '@giime/components/src/base/table/index';\r\nimport type { CheckboxValueType } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmCustomOperations',\r\n});\r\nconst emit = defineEmits([\"update:drawer\", \"update:customBtnList\"]);\r\nconst props = defineProps(customOperationsProps);\r\n\r\nconst useCustom = useCustomSettingsStore();\r\nconst multipleTableRef = ref<TableInstance>();\r\nconst multipleSelection = ref<number[]>([]);\r\nconst operates = ref<TableBodyOperateButtonProps[]>([]);\r\n\r\nconst gmCustomkeyWord = computed(() => `gmCustom${props.page}`);\r\nconst gmCustomType = computed(() => `OperateList`);\r\n\r\nconst updateOperate = () => {\r\n  const { cloned } = useCloned(operates.value);\r\n  const result = cloned.value.filter(v => v.isShow);\r\n  emit('update:customBtnList', result);\r\n};\r\n\r\nconst initOperate = async () => {\r\n  const { cloned: clonedStore } = useCloned(useCustom.customSettings[gmCustomkeyWord.value][gmCustomType.value] || []);\r\n  const { cloned: clonedProps } = useCloned(props.operateList);\r\n\r\n  const column: TableBodyOperateButtonProps[] = [];\r\n  clonedStore.value.forEach((v: TableBodyOperateButtonProps) => {\r\n    const index = clonedProps.value.findIndex(h => h.prop === v.prop);\r\n    if (index > -1) {\r\n      const item = clonedProps.value.splice(index, 1)[0];\r\n      const { label } = item;\r\n      // 每次更新按钮名称\r\n      column.push({ ...v, ...item, label });\r\n    }\r\n  });\r\n  operates.value = [...column, ...clonedProps.value];\r\n\r\n  if (!clonedStore.value.length) {\r\n    operates.value.forEach(v => {\r\n      v.isShow = true;\r\n    });\r\n  }\r\n\r\n  updateOperate();\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return operates.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => operates.value.every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && operates.value.some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  operates.value.forEach(v => {\r\n    v.isShow = Boolean(val);\r\n  });\r\n};\r\nconst changeCheckbox = () => {\r\n  if (!checkedAll.value) {\r\n    operates.value.forEach(v => {\r\n      v.isShow = true;\r\n    });\r\n  }\r\n};\r\n\r\nconst { height } = useWindowSize();\r\nconst columnClass = computed(() => {\r\n  const h = props.operateList.length * 43;\r\n  return h > height.value - 270 ? 'column-class' : '';\r\n});\r\n\r\nconst start = ref<TableBodyOperateButtonProps>();\r\nconst end = ref<TableBodyOperateButtonProps>();\r\n// 拖拽开始\r\nconst dragstart = (item: TableBodyOperateButtonProps) => {\r\n  start.value = item;\r\n};\r\n// 拖拽过程\r\nconst dragenter = (item: TableBodyOperateButtonProps, e: DragEvent) => {\r\n  end.value = item;\r\n  e.preventDefault();\r\n};\r\n// 拖拽结束\r\nconst dragend = () => {\r\n  if (start.value === end.value) return;\r\n  if (start.value && end.value) {\r\n    const oldIndex: number = operates.value.findIndex(v => v.prop === start.value?.prop);\r\n    const newIndex: number = operates.value.findIndex(v => v.prop === end.value?.prop);\r\n    const newItems = [...operates.value];\r\n\r\n    // 删除老节点\r\n    newItems.splice(oldIndex, 1);\r\n\r\n    // 目标位置新增节点\r\n    newItems.splice(newIndex, 0, start.value);\r\n    operates.value = [...newItems];\r\n  }\r\n};\r\n\r\n// 拖拽事件\r\nconst dragover = (e: DragEvent) => {\r\n  e.preventDefault();\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: TableBodyOperateButtonProps, type: TableBodyOperateButtonProps['type']) => {\r\n  item.type = type;\r\n};\r\n\r\n// 保存\r\nconst onSubmit = () => {\r\n  useCustom\r\n    .addListCustomInfo({\r\n      key_word: gmCustomkeyWord.value,\r\n      value: JSON.stringify(operates.value),\r\n      type: gmCustomType.value,\r\n    })\r\n    .then(() => {\r\n      emit('update:drawer', false);\r\n      updateOperate();\r\n      ElMessage.success('保存成功');\r\n      // if (res.code === 0) {\r\n      //   // GmMessage.success('保存成功');\r\n      // }\r\n    })\r\n    .catch(() => {});\r\n  emit('update:drawer', false);\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {};\r\n\r\n// 监听接口请求完成\r\nuseCustom.onCustomResult(() => {\r\n  initOperate();\r\n});\r\n\r\nonMounted(async () => {\r\n  useCustom.getCustomPage(gmCustomkeyWord.value, gmCustomType.value);\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8HA,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,YAAY,sBAAuB,EAAA,CAAA;AACzC,IAAA,MAAM,mBAAmB,GAAmB,EAAA,CAAA;AAC5C,IAAM,MAAA,iBAAA,GAAoB,GAAc,CAAA,EAAE,CAAA,CAAA;AAC1C,IAAM,MAAA,QAAA,GAAW,GAAmC,CAAA,EAAE,CAAA,CAAA;AAEtD,IAAA,MAAM,kBAAkB,QAAS,CAAA,MAAM,CAAW,QAAA,EAAA,KAAA,CAAM,IAAI,CAAE,CAAA,CAAA,CAAA;AAC9D,IAAM,MAAA,YAAA,GAAe,QAAS,CAAA,MAAM,CAAa,WAAA,CAAA,CAAA,CAAA;AAEjD,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,MAAM,EAAE,MAAA,EAAW,GAAA,SAAA,CAAU,SAAS,KAAK,CAAA,CAAA;AAC3C,MAAA,MAAM,SAAS,MAAO,CAAA,KAAA,CAAM,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA,CAAA;AAChD,MAAA,IAAA,CAAK,wBAAwB,MAAM,CAAA,CAAA;AAAA,KACrC,CAAA;AAEA,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,MAAM,EAAE,MAAA,EAAQ,WAAY,EAAA,GAAI,UAAU,SAAU,CAAA,cAAA,CAAe,eAAgB,CAAA,KAAK,CAAE,CAAA,YAAA,CAAa,KAAK,CAAA,IAAK,EAAE,CAAA,CAAA;AACnH,MAAA,MAAM,EAAE,MAAQ,EAAA,WAAA,EAAgB,GAAA,SAAA,CAAU,MAAM,WAAW,CAAA,CAAA;AAE3D,MAAA,MAAM,SAAwC,EAAC,CAAA;AAC/C,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAmC,KAAA;AAC5D,QAAM,MAAA,KAAA,GAAQ,YAAY,KAAM,CAAA,SAAA,CAAU,OAAK,CAAE,CAAA,IAAA,KAAS,EAAE,IAAI,CAAA,CAAA;AAChE,QAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,UAAA,MAAM,OAAO,WAAY,CAAA,KAAA,CAAM,OAAO,KAAO,EAAA,CAAC,EAAE,CAAC,CAAA,CAAA;AACjD,UAAM,MAAA,EAAE,OAAU,GAAA,IAAA,CAAA;AAElB,UAAA,MAAA,CAAO,KAAK,EAAE,GAAG,GAAG,GAAG,IAAA,EAAM,OAAO,CAAA,CAAA;AAAA,SACtC;AAAA,OACD,CAAA,CAAA;AACD,MAAA,QAAA,CAAS,QAAQ,CAAC,GAAG,MAAQ,EAAA,GAAG,YAAY,KAAK,CAAA,CAAA;AAEjD,MAAI,IAAA,CAAC,WAAY,CAAA,KAAA,CAAM,MAAQ,EAAA;AAC7B,QAAS,QAAA,CAAA,KAAA,CAAM,QAAQ,CAAK,CAAA,KAAA;AAC1B,UAAA,CAAA,CAAE,MAAS,GAAA,IAAA,CAAA;AAAA,SACZ,CAAA,CAAA;AAAA,OACH;AAEA,MAAc,aAAA,EAAA,CAAA;AAAA,KAChB,CAAA;AAGA,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OAAO,SAAS,KAAM,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,MAAM,CAAE,CAAA,MAAA,CAAA;AAAA,KAC7C,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM,QAAA,CAAS,MAAM,KAAM,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AAErE,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,CAAC,UAAW,CAAA,KAAA,IAAS,QAAS,CAAA,KAAA,CAAM,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AAE9F,IAAM,MAAA,oBAAA,GAAuB,CAAC,GAA2B,KAAA;AACvD,MAAS,QAAA,CAAA,KAAA,CAAM,QAAQ,CAAK,CAAA,KAAA;AAC1B,QAAE,CAAA,CAAA,MAAA,GAAS,QAAQ,GAAG,CAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAI,IAAA,CAAC,WAAW,KAAO,EAAA;AACrB,QAAS,QAAA,CAAA,KAAA,CAAM,QAAQ,CAAK,CAAA,KAAA;AAC1B,UAAA,CAAA,CAAE,MAAS,GAAA,IAAA,CAAA;AAAA,SACZ,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,EAAE,MAAO,EAAA,GAAI,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAM,MAAA,CAAA,GAAI,KAAM,CAAA,WAAA,CAAY,MAAS,GAAA,EAAA,CAAA;AACrC,MAAA,OAAO,CAAI,GAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,GAAM,cAAiB,GAAA,EAAA,CAAA;AAAA,KAClD,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,GAAiC,EAAA,CAAA;AAC/C,IAAA,MAAM,MAAM,GAAiC,EAAA,CAAA;AAE7C,IAAM,MAAA,SAAA,GAAY,CAAC,IAAsC,KAAA;AACvD,MAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,IAAA,EAAmC,CAAiB,KAAA;AACrE,MAAA,GAAA,CAAI,KAAQ,GAAA,IAAA,CAAA;AACZ,MAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAI,IAAA,KAAA,CAAM,UAAU,GAAI,CAAA,KAAA;AAAO,QAAA,OAAA;AAC/B,MAAI,IAAA,KAAA,CAAM,KAAS,IAAA,GAAA,CAAI,KAAO,EAAA;AAC5B,QAAM,MAAA,QAAA,GAAmB,SAAS,KAAM,CAAA,SAAA,CAAU,OAAK,CAAE,CAAA,IAAA,KAAS,KAAM,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AACnF,QAAM,MAAA,QAAA,GAAmB,SAAS,KAAM,CAAA,SAAA,CAAU,OAAK,CAAE,CAAA,IAAA,KAAS,GAAI,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AACjF,QAAA,MAAM,QAAW,GAAA,CAAC,GAAG,QAAA,CAAS,KAAK,CAAA,CAAA;AAGnC,QAAS,QAAA,CAAA,MAAA,CAAO,UAAU,CAAC,CAAA,CAAA;AAG3B,QAAA,QAAA,CAAS,MAAO,CAAA,QAAA,EAAU,CAAG,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACxC,QAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,GAAG,QAAQ,CAAA,CAAA;AAAA,OAC/B;AAAA,KACF,CAAA;AAGA,IAAM,MAAA,QAAA,GAAW,CAAC,CAAiB,KAAA;AACjC,MAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,KACnB,CAAA;AAGA,IAAM,MAAA,UAAA,GAAa,CAAC,IAAA,EAAmC,IAA8C,KAAA;AACnG,MAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AAAA,KACd,CAAA;AAGA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,SAAA,CACG,iBAAkB,CAAA;AAAA,QACjB,UAAU,eAAgB,CAAA,KAAA;AAAA,QAC1B,KAAO,EAAA,IAAA,CAAK,SAAU,CAAA,QAAA,CAAS,KAAK,CAAA;AAAA,QACpC,MAAM,YAAa,CAAA,KAAA;AAAA,OACpB,CACA,CAAA,IAAA,CAAK,MAAM;AACV,QAAA,IAAA,CAAK,iBAAiB,KAAK,CAAA,CAAA;AAC3B,QAAc,aAAA,EAAA,CAAA;AACd,QAAA,SAAA,CAAU,QAAQ,0BAAM,CAAA,CAAA;AAAA,OAIzB,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,OAAE,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,iBAAiB,KAAK,CAAA,CAAA;AAAA,KAC7B,CAAA;AAGA,IAAA,MAAM,UAAU,MAAM;AAAA,KAAC,CAAA;AAGvB,IAAA,SAAA,CAAU,eAAe,MAAM;AAC7B,MAAY,WAAA,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;AAED,IAAA,SAAA,CAAU,YAAY;AACpB,MAAA,SAAA,CAAU,aAAc,CAAA,eAAA,CAAgB,KAAO,EAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KAClE,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/business/customOperations/customOperations.d.ts

@@ -1,3 +1,4 @@
+import type { TableBodyOperateButtonProps } from '../tableBody/tableBodyItem/tableBodyOperates/tableBodyOperateButton';
 import type { PropType } from 'vue';
 interface DecisionObj {
     condition: any[] | string;
@@ -6,12 +7,6 @@ interface DecisionObj {
 interface DecisionItem {
     [key: string]: DecisionObj;
 }
-interface OperateListItem {
-    label: string;
-    event: string;
-    decision?: DecisionItem;
-    [key: string]: any;
-}
 export declare const customOperationsProps: {
     drawer: {
         type: BooleanConstructor;
@@ -22,12 +17,12 @@ export declare const customOperationsProps: {
         default: string;
     };
     operateList: {
-        type: PropType<OperateListItem[]>;
+        type: PropType<TableBodyOperateButtonProps[]>;
         default: () => never[];
     };
-    customList: {
-        type: PropType<OperateListItem[]>;
+    customBtnList: {
+        type: PropType<TableBodyOperateButtonProps[]>;
         default: () => never[];
     };
 };
-export type { DecisionObj, DecisionItem, OperateListItem };
+export type { DecisionObj, DecisionItem };

package/es/components/src/business/customOperations/customOperations.mjs

@@ -11,7 +11,7 @@ const customOperationsProps = {
     type: Array,
     default: () => []
   },
-  customList: {
+  customBtnList: {
     type: Array,
     default: () => []
   }

package/es/components/src/business/customOperations/customOperations.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"customOperations.mjs","sources":["../../../../../../../packages/components/src/business/customOperations/customOperations.ts"],"sourcesContent":["import type { PropType } from 'vue';\r\n\r\ninterface DecisionObj {\r\n  condition: any[] | string; // 判断条件\r\n  extend: boolean; // 判断条件是否继承\r\n}\r\ninterface DecisionItem {\r\n  [key: string]: DecisionObj; // 判断条件\r\n}\r\n\r\ninterface OperateListItem {\r\n  label: string; // 操作名称\r\n  event: string; // 操作事件 && 唯一标识\r\n  decision?: DecisionItem; // 按钮判断条件\r\n  [key: string]: any; // 其他属性\r\n}\r\n\r\nexport const customOperationsProps = {\r\n  drawer: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  page: {\r\n    type: String,\r\n    default: 'page',\r\n  },\r\n  operateList: {\r\n    type: Array as PropType<OperateListItem[]>,\r\n    default: () => [],\r\n  },\r\n  customList: {\r\n    type: Array as PropType<OperateListItem[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n\r\nexport type { DecisionObj, DecisionItem, OperateListItem };\r\n"],"names":[],"mappings":"AAiBO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF;;;;"}
+{"version":3,"file":"customOperations.mjs","sources":["../../../../../../../packages/components/src/business/customOperations/customOperations.ts"],"sourcesContent":["import type { TableBodyOperateButtonProps } from '../tableBody/tableBodyItem/tableBodyOperates/tableBodyOperateButton';\r\nimport type { PropType } from 'vue';\r\n\r\ninterface DecisionObj {\r\n  condition: any[] | string; // 判断条件\r\n  extend: boolean; // 判断条件是否继承\r\n}\r\ninterface DecisionItem {\r\n  [key: string]: DecisionObj; // 判断条件\r\n}\r\n\r\n// interface\" TableBodyOperateButtonProps {\r\n//   label: string; // 操作名称\r\n//   event: string; // 操作事件 && 唯一标识\r\n//   // decision?: DecisionItem; // 按钮判断条件\r\n//   [key: string]: any; // 其他属性\r\n// }\"\r\n\r\nexport const customOperationsProps = {\r\n  drawer: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  page: {\r\n    type: String,\r\n    default: 'page',\r\n  },\r\n  operateList: {\r\n    type: Array as PropType<TableBodyOperateButtonProps[]>,\r\n    default: () => [],\r\n  },\r\n  customBtnList: {\r\n    type: Array as PropType<TableBodyOperateButtonProps[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n\r\nexport type { DecisionObj, DecisionItem };\r\n"],"names":[],"mappings":"AAkBO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF;;;;"}

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

@@ -9,16 +9,16 @@ export declare const GmCustomOperations: import("../../../../utils").SFCWithInst
         default: string;
     };
     operateList: {
-        type: import("vue").PropType<import("./customOperations").OperateListItem[]>;
+        type: import("vue").PropType<import("../index.js").TableBodyOperateButtonProps[]>;
         default: () => never[];
     };
-    customList: {
-        type: import("vue").PropType<import("./customOperations").OperateListItem[]>;
+    customBtnList: {
+        type: import("vue").PropType<import("../index.js").TableBodyOperateButtonProps[]>;
         default: () => never[];
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:drawer": (value: boolean) => void;
-    "update:customList": (value: import("./customOperations").OperateListItem[]) => void;
+    "update:customBtnList": (value: import("../index.js").TableBodyOperateButtonProps[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     drawer: {
         type: BooleanConstructor;
@@ -29,21 +29,21 @@ export declare const GmCustomOperations: import("../../../../utils").SFCWithInst
         default: string;
     };
     operateList: {
-        type: import("vue").PropType<import("./customOperations").OperateListItem[]>;
+        type: import("vue").PropType<import("../index.js").TableBodyOperateButtonProps[]>;
         default: () => never[];
     };
-    customList: {
-        type: import("vue").PropType<import("./customOperations").OperateListItem[]>;
+    customBtnList: {
+        type: import("vue").PropType<import("../index.js").TableBodyOperateButtonProps[]>;
         default: () => never[];
     };
 }>> & {
     "onUpdate:drawer"?: ((value: boolean) => any) | undefined;
-    "onUpdate:customList"?: ((value: import("./customOperations").OperateListItem[]) => any) | undefined;
+    "onUpdate:customBtnList"?: ((value: import("../index.js").TableBodyOperateButtonProps[]) => any) | undefined;
 }, {
-    operateList: import("./customOperations").OperateListItem[];
+    operateList: import("../index.js").TableBodyOperateButtonProps[];
     page: string;
     drawer: boolean;
-    customList: import("./customOperations").OperateListItem[];
+    customBtnList: import("../index.js").TableBodyOperateButtonProps[];
 }, {}>> & Record<string, any>;
 export type CustomOperationsInstance = InstanceType<typeof CustomOperations>;
 export * from './customOperations';

package/es/components/src/business/index.mjs

@@ -4,6 +4,8 @@ export { GmCustomOperations } from './customOperations/index.mjs';
 export { GmAliCategoryCascader } from './aliCategoryCascader/index.mjs';
 export { GmCompanyCategoryCascader } from './companyCategoryCascader/index.mjs';
 export { tableBodyEmits, tableBodyProps } from './tableBody/tableBody.mjs';
+export { tableBodyOperateButtonProps } from './tableBody/tableBodyItem/tableBodyOperates/tableBodyOperateButton.mjs';
+export { GmTableBodyOperateButton } from './tableBody/tableBodyItem/tableBodyOperates/index.mjs';
 export { tableHeaderProps } from './tableHeader/tableHeader.mjs';
 export { customOperationsProps } from './customOperations/customOperations.mjs';
 export { aliCategoryCascaderEmits, aliCategoryCascaderProps } from './aliCategoryCascader/aliCategoryCascader.mjs';

package/es/components/src/business/index.mjs.map

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

package/es/components/src/business/loginDialog/LoginDialog.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createElementBlock, createCommentVNode } from 'vue';
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, withCtx, createCommentVNode } from 'vue';
 import { ElDialog } from 'element-plus';
 import Cookies from 'js-cookie';
 import '../../../../hooks/index.mjs';
@@ -8,7 +8,8 @@ import { loginDialogProps } from './loginDialog.mjs';
 import { useLoginStore } from '../../../../hooks/store/useLogin/index.mjs';
 import { isString } from '../../../../utils/src/is.mjs';
 
-const _hoisted_1 = ["src"];
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["src"];
 const loginEnvKey = "VITE_GIIME_LOGIN_URL";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LoginDialog",
@@ -25,6 +26,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       { mode: "production", loginUrl: "https://gsso.giikin.com/admin/login/logout.html" }
     ];
     const importMetaEnv = useGlobalConfig("env");
+    const isSSRShowDialog = ref(importMetaEnv.value.SSR === false);
     let originLoginUrl = ``;
     if (isString(importMetaEnv.value[loginEnvKey])) {
       originLoginUrl = importMetaEnv.value[loginEnvKey];
@@ -74,6 +76,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     onMounted(() => {
+      isSSRShowDialog.value = true;
       if (loginStore.showLogin) {
         login();
       }
@@ -112,22 +115,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       window.clearInterval(reloadTimer.value);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElDialog), {
-        modelValue: unref(loginStore).showLogin,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(loginStore).showLogin = $event),
-        width: "80%",
-        "append-to-body": ""
-      }, {
-        default: withCtx(() => [
-          unref(loginStore).showLogin ? (openBlock(), createElementBlock("iframe", {
-            key: 0,
-            class: "gm-h-[600px] gm-w-full",
-            src: loginUrl.value
-          }, null, 8, _hoisted_1)) : createCommentVNode("v-if", true)
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["modelValue"]);
+      return isSSRShowDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElDialog), {
+          modelValue: unref(loginStore).showLogin,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(loginStore).showLogin = $event),
+          width: "80%",
+          "append-to-body": ""
+        }, {
+          default: withCtx(() => [
+            unref(loginStore).showLogin ? (openBlock(), createElementBlock("iframe", {
+              key: 0,
+              class: "gm-h-[600px] gm-w-full",
+              src: loginUrl.value
+            }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ])) : createCommentVNode("v-if", true);
     };
   }
 });

package/es/components/src/business/loginDialog/LoginDialog.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoginDialog.vue2.mjs","sources":["../../../../../../../packages/components/src/business/loginDialog/LoginDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nconst loginEnvKey = 'VITE_GIIME_LOGIN_URL'\n</script>\n<template>\r\n  <el-dialog v-model=\"loginStore.showLogin\" width=\"80%\" append-to-body>\r\n    <iframe v-if=\"loginStore.showLogin\" class=\"gm-h-[600px] gm-w-full\" :src=\"loginUrl\" />\r\n  </el-dialog>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\r\nimport { ElDialog } from 'element-plus';\r\nimport Cookies from 'js-cookie';\r\n// import router from 'vue-router';\r\nimport { useLoginStore } from '@giime/hooks';\r\nimport { useGlobalConfig } from '@giime/hooks/base/useGlobalConfig';\r\nimport { isString } from '@giime/utils';\r\nimport { loginDialogProps } from './loginDialog';\r\n\r\nconst props = defineProps(loginDialogProps);\r\nconst router = useGlobalConfig('router');\r\n// const router = useRouter();\r\nconst route = computed(() => (router.value ? router.value.currentRoute.value : undefined));\r\nconst loginStore = useLoginStore();\r\nconst loginUrl = ref('');\r\nconst viteModes = [\r\n  { mode: 'development', loginUrl: 'http://sso-dev.giikin.cn/admin/login/index.html' },\r\n  { mode: 'test', loginUrl: 'http://sso-dev.giikin.cn/admin/login/index.html' },\r\n  { mode: 'production', loginUrl: 'https://gsso.giikin.com/admin/login/logout.html' },\r\n];\r\n\r\n\r\nconst importMetaEnv = useGlobalConfig('env');\r\nlet originLoginUrl = ``;\r\nif (isString(importMetaEnv.value[loginEnvKey])) {\r\n  originLoginUrl = importMetaEnv.value[loginEnvKey];\r\n} else {\r\n  const curMode = viteModes.find(item => item.mode == importMetaEnv.value.MODE);\r\n  originLoginUrl = curMode?.loginUrl ?? 'https://gsso.giikin.com/admin/login/logout.html';\r\n}\r\nconst login = () => {\r\n  const protocol = window.location.protocol;\r\n  const host = window.location.host;\r\n  const myPath = window.location.pathname;\r\n  loginUrl.value = `${originLoginUrl}?_system=${props.system}`;\r\n  if (route.value && props.needScanningRouteNames.includes(route.value?.name?.toString() ?? '')) {\r\n    loginUrl.value += '&is_dashboard=1';\r\n  }\r\n  loginUrl.value += `&_url=${protocol}//${host}${myPath}`;\r\n\r\n  // eslint-disable-next-line no-console\r\n  console.log(loginUrl.value);\r\n};\r\nwatch(\r\n  () => loginStore.showLogin,\r\n  value => {\r\n    if (value) {\r\n      login();\r\n    }\r\n  },\r\n);\r\n// 超过5分钟没扫码 会不能扫码  定时没登录的话3分钟刷新次\r\nconst reloadTimer = ref<number>();\r\nif (route.value) {\r\n  watch(route, (newValue, oldValue) => {\r\n    if (!oldValue || !newValue) {\r\n      return;\r\n    }\r\n    if (oldValue.name && props.needScanningRouteNames.includes(oldValue.name.toString())) {\r\n      window.clearInterval(reloadTimer.value);\r\n    }\r\n    if (newValue.name && props.needScanningRouteNames.includes(newValue.name.toString())) {\r\n      reloadTimer.value = window.setInterval(\r\n        () => {\r\n          if (!loginStore.showLogin) {\r\n            return;\r\n          }\r\n          // 登录超时后  3分钟刷新次页面\r\n          window.location.reload();\r\n        },\r\n        3 * 60 * 1000,\r\n      );\r\n    }\r\n  });\r\n}\r\n\r\nonMounted(() => {\r\n  if (loginStore.showLogin) {\r\n    login();\r\n  }\r\n  // iframe事件监听\r\n  window.addEventListener('message', e => {\r\n    // 刷新登陆状态\r\n    if (e.data.type == 'giikin-Logged') {\r\n      // eslint-disable-next-line no-console\r\n      console.log(e.data);\r\n      const token = Cookies.get('token');\r\n      if (\r\n        // 测试环境  但是需要登陆的情况\r\n        (importMetaEnv.value.MODE !== 'production' && e.data?.data?.token) ||\r\n        // 正式环境 登录成功  但是服务器token设置失败\r\n        (importMetaEnv.value.MODE === 'production' && !token && e.data?.data?.token)\r\n      ) {\r\n        const now = new Date();\r\n        let time = now.getTime();\r\n        time += 8 * 60 * 60 * 1000; // 8 小时之后的时间（单位：毫秒）\r\n        now.setTime(time);\r\n        Cookies.set('token', e.data.data.token, { expires: now, domain: importMetaEnv.value.MODE === 'production' ? '.giikin.com' : undefined });\r\n        if (!Cookies.get('sso_user_id') && e.data.data.userId) {\r\n          Cookies.set('sso_user_id', e.data.data.userId, {\r\n            expires: now,\r\n            domain: importMetaEnv.value.MODE === 'production' ? '.giikin.com' : undefined,\r\n          });\r\n        }\r\n      }\r\n      // 触发登录成功监听\r\n      if (e.data?.data?.token) {\r\n        loginStore.triggerLoginResult(e.data.data);\r\n      }\r\n      // ElMessage.success('登录成功，请关闭弹窗');\r\n      loginStore.showLogin = false;\r\n      if (route.value && props.needRealodRouteNames.includes(route.value.name?.toString() ?? '')) {\r\n        window.location.reload();\r\n      }\r\n    }\r\n  });\r\n});\r\nonUnmounted(() => {\r\n  window.clearInterval(reloadTimer.value);\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;AACA,MAAM,WAAc,GAAA,sBAAA,CAAA;;;;;AAiBpB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,MAAA,GAAS,gBAAgB,QAAQ,CAAA,CAAA;AAEvC,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAO,MAAA,CAAO,QAAQ,MAAO,CAAA,KAAA,CAAM,YAAa,CAAA,KAAA,GAAQ,KAAU,CAAA,CAAA,CAAA;AACzF,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,QAAA,GAAW,IAAI,EAAE,CAAA,CAAA;AACvB,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB,EAAE,IAAA,EAAM,aAAe,EAAA,QAAA,EAAU,iDAAkD,EAAA;AAAA,MACnF,EAAE,IAAA,EAAM,MAAQ,EAAA,QAAA,EAAU,iDAAkD,EAAA;AAAA,MAC5E,EAAE,IAAA,EAAM,YAAc,EAAA,QAAA,EAAU,iDAAkD,EAAA;AAAA,KACpF,CAAA;AAGA,IAAM,MAAA,aAAA,GAAgB,gBAAgB,KAAK,CAAA,CAAA;AAC3C,IAAA,IAAI,cAAiB,GAAA,CAAA,CAAA,CAAA;AACrB,IAAA,IAAI,QAAS,CAAA,aAAA,CAAc,KAAM,CAAA,WAAW,CAAC,CAAG,EAAA;AAC9C,MAAiB,cAAA,GAAA,aAAA,CAAc,MAAM,WAAW,CAAA,CAAA;AAAA,KAC3C,MAAA;AACL,MAAM,MAAA,OAAA,GAAU,UAAU,IAAK,CAAA,CAAA,IAAA,KAAQ,KAAK,IAAQ,IAAA,aAAA,CAAc,MAAM,IAAI,CAAA,CAAA;AAC5E,MAAA,cAAA,GAAiB,SAAS,QAAY,IAAA,iDAAA,CAAA;AAAA,KACxC;AACA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,QAAA,CAAA;AACjC,MAAM,MAAA,IAAA,GAAO,OAAO,QAAS,CAAA,IAAA,CAAA;AAC7B,MAAM,MAAA,MAAA,GAAS,OAAO,QAAS,CAAA,QAAA,CAAA;AAC/B,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,EAAG,cAAc,CAAA,SAAA,EAAY,MAAM,MAAM,CAAA,CAAA,CAAA;AAC1D,MAAI,IAAA,KAAA,CAAM,KAAS,IAAA,KAAA,CAAM,sBAAuB,CAAA,QAAA,CAAS,KAAM,CAAA,KAAA,EAAO,IAAM,EAAA,QAAA,EAAc,IAAA,EAAE,CAAG,EAAA;AAC7F,QAAA,QAAA,CAAS,KAAS,IAAA,iBAAA,CAAA;AAAA,OACpB;AACA,MAAA,QAAA,CAAS,SAAS,CAAS,MAAA,EAAA,QAAQ,CAAK,EAAA,EAAA,IAAI,GAAG,MAAM,CAAA,CAAA,CAAA;AAGrD,MAAQ,OAAA,CAAA,GAAA,CAAI,SAAS,KAAK,CAAA,CAAA;AAAA,KAC5B,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,UAAW,CAAA,SAAA;AAAA,MACjB,CAAS,KAAA,KAAA;AACP,QAAA,IAAI,KAAO,EAAA;AACT,UAAM,KAAA,EAAA,CAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,cAAc,GAAY,EAAA,CAAA;AAChC,IAAA,IAAI,MAAM,KAAO,EAAA;AACf,MAAM,KAAA,CAAA,KAAA,EAAO,CAAC,QAAA,EAAU,QAAa,KAAA;AACnC,QAAI,IAAA,CAAC,QAAY,IAAA,CAAC,QAAU,EAAA;AAC1B,UAAA,OAAA;AAAA,SACF;AACA,QAAI,IAAA,QAAA,CAAS,QAAQ,KAAM,CAAA,sBAAA,CAAuB,SAAS,QAAS,CAAA,IAAA,CAAK,QAAS,EAAC,CAAG,EAAA;AACpF,UAAO,MAAA,CAAA,aAAA,CAAc,YAAY,KAAK,CAAA,CAAA;AAAA,SACxC;AACA,QAAI,IAAA,QAAA,CAAS,QAAQ,KAAM,CAAA,sBAAA,CAAuB,SAAS,QAAS,CAAA,IAAA,CAAK,QAAS,EAAC,CAAG,EAAA;AACpF,UAAA,WAAA,CAAY,QAAQ,MAAO,CAAA,WAAA;AAAA,YACzB,MAAM;AACJ,cAAI,IAAA,CAAC,WAAW,SAAW,EAAA;AACzB,gBAAA,OAAA;AAAA,eACF;AAEA,cAAA,MAAA,CAAO,SAAS,MAAO,EAAA,CAAA;AAAA,aACzB;AAAA,YACA,IAAI,EAAK,GAAA,GAAA;AAAA,WACX,CAAA;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,WAAW,SAAW,EAAA;AACxB,QAAM,KAAA,EAAA,CAAA;AAAA,OACR;AAEA,MAAO,MAAA,CAAA,gBAAA,CAAiB,WAAW,CAAK,CAAA,KAAA;AAEtC,QAAI,IAAA,CAAA,CAAE,IAAK,CAAA,IAAA,IAAQ,eAAiB,EAAA;AAElC,UAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,IAAI,CAAA,CAAA;AAClB,UAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AACjC,UAAA;AAAA;AAAA,YAEG,cAAc,KAAM,CAAA,IAAA,KAAS,YAAgB,IAAA,CAAA,CAAE,MAAM,IAAM,EAAA,KAAA;AAAA,YAE3D,aAAA,CAAc,MAAM,IAAS,KAAA,YAAA,IAAgB,CAAC,KAAS,IAAA,CAAA,CAAE,MAAM,IAAM,EAAA,KAAA;AAAA,YACtE;AACA,YAAM,MAAA,GAAA,uBAAU,IAAK,EAAA,CAAA;AACrB,YAAI,IAAA,IAAA,GAAO,IAAI,OAAQ,EAAA,CAAA;AACvB,YAAQ,IAAA,IAAA,CAAA,GAAI,KAAK,EAAK,GAAA,GAAA,CAAA;AACtB,YAAA,GAAA,CAAI,QAAQ,IAAI,CAAA,CAAA;AAChB,YAAA,OAAA,CAAQ,IAAI,OAAS,EAAA,CAAA,CAAE,IAAK,CAAA,IAAA,CAAK,OAAO,EAAE,OAAA,EAAS,GAAK,EAAA,MAAA,EAAQ,cAAc,KAAM,CAAA,IAAA,KAAS,YAAe,GAAA,aAAA,GAAgB,QAAW,CAAA,CAAA;AACvI,YAAI,IAAA,CAAC,QAAQ,GAAI,CAAA,aAAa,KAAK,CAAE,CAAA,IAAA,CAAK,KAAK,MAAQ,EAAA;AACrD,cAAA,OAAA,CAAQ,GAAI,CAAA,aAAA,EAAe,CAAE,CAAA,IAAA,CAAK,KAAK,MAAQ,EAAA;AAAA,gBAC7C,OAAS,EAAA,GAAA;AAAA,gBACT,MAAQ,EAAA,aAAA,CAAc,KAAM,CAAA,IAAA,KAAS,eAAe,aAAgB,GAAA,KAAA,CAAA;AAAA,eACrE,CAAA,CAAA;AAAA,aACH;AAAA,WACF;AAEA,UAAI,IAAA,CAAA,CAAE,IAAM,EAAA,IAAA,EAAM,KAAO,EAAA;AACvB,YAAW,UAAA,CAAA,kBAAA,CAAmB,CAAE,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,WAC3C;AAEA,UAAA,UAAA,CAAW,SAAY,GAAA,KAAA,CAAA;AACvB,UAAI,IAAA,KAAA,CAAM,KAAS,IAAA,KAAA,CAAM,oBAAqB,CAAA,QAAA,CAAS,KAAM,CAAA,KAAA,CAAM,IAAM,EAAA,QAAA,EAAc,IAAA,EAAE,CAAG,EAAA;AAC1F,YAAA,MAAA,CAAO,SAAS,MAAO,EAAA,CAAA;AAAA,WACzB;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AACD,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,aAAA,CAAc,YAAY,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LoginDialog.vue2.mjs","sources":["../../../../../../../packages/components/src/business/loginDialog/LoginDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nconst loginEnvKey = 'VITE_GIIME_LOGIN_URL'\n</script>\n<template>\r\n  <div v-if=\"isSSRShowDialog\">\r\n    <el-dialog v-model=\"loginStore.showLogin\" width=\"80%\" append-to-body>\r\n      <iframe v-if=\"loginStore.showLogin\" class=\"gm-h-[600px] gm-w-full\" :src=\"loginUrl\" />\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\r\nimport { ElDialog } from 'element-plus';\r\nimport Cookies from 'js-cookie';\r\n// import router from 'vue-router';\r\nimport { useLoginStore } from '@giime/hooks';\r\nimport { useGlobalConfig } from '@giime/hooks/base/useGlobalConfig';\r\nimport { isString } from '@giime/utils';\r\nimport { loginDialogProps } from './loginDialog';\r\n\r\nconst props = defineProps(loginDialogProps);\r\nconst router = useGlobalConfig('router');\r\n\r\n// const router = useRouter();\r\nconst route = computed(() => (router.value ? router.value.currentRoute.value : undefined));\r\nconst loginStore = useLoginStore();\r\nconst loginUrl = ref('');\r\nconst viteModes = [\r\n  { mode: 'development', loginUrl: 'http://sso-dev.giikin.cn/admin/login/index.html' },\r\n  { mode: 'test', loginUrl: 'http://sso-dev.giikin.cn/admin/login/index.html' },\r\n  { mode: 'production', loginUrl: 'https://gsso.giikin.com/admin/login/logout.html' },\r\n];\r\n\r\n\r\nconst importMetaEnv = useGlobalConfig('env');\r\nconst isSSRShowDialog = ref(importMetaEnv.value.SSR === false);\r\nlet originLoginUrl = ``;\r\nif (isString(importMetaEnv.value[loginEnvKey])) {\r\n  originLoginUrl = importMetaEnv.value[loginEnvKey];\r\n} else {\r\n  const curMode = viteModes.find(item => item.mode == importMetaEnv.value.MODE);\r\n  originLoginUrl = curMode?.loginUrl ?? 'https://gsso.giikin.com/admin/login/logout.html';\r\n}\r\nconst login = () => {\r\n  const protocol = window.location.protocol;\r\n  const host = window.location.host;\r\n  const myPath = window.location.pathname;\r\n  loginUrl.value = `${originLoginUrl}?_system=${props.system}`;\r\n  if (route.value && props.needScanningRouteNames.includes(route.value?.name?.toString() ?? '')) {\r\n    loginUrl.value += '&is_dashboard=1';\r\n  }\r\n  loginUrl.value += `&_url=${protocol}//${host}${myPath}`;\r\n\r\n  // eslint-disable-next-line no-console\r\n  console.log(loginUrl.value);\r\n};\r\nwatch(\r\n  () => loginStore.showLogin,\r\n  value => {\r\n    if (value) {\r\n      login();\r\n    }\r\n  },\r\n);\r\n// 超过5分钟没扫码 会不能扫码  定时没登录的话3分钟刷新次\r\nconst reloadTimer = ref<number>();\r\nif (route.value) {\r\n  watch(route, (newValue, oldValue) => {\r\n    if (!oldValue || !newValue) {\r\n      return;\r\n    }\r\n    if (oldValue.name && props.needScanningRouteNames.includes(oldValue.name.toString())) {\r\n      window.clearInterval(reloadTimer.value);\r\n    }\r\n    if (newValue.name && props.needScanningRouteNames.includes(newValue.name.toString())) {\r\n      reloadTimer.value = window.setInterval(\r\n        () => {\r\n          if (!loginStore.showLogin) {\r\n            return;\r\n          }\r\n          // 登录超时后  3分钟刷新次页面\r\n          window.location.reload();\r\n        },\r\n        3 * 60 * 1000,\r\n      );\r\n    }\r\n  });\r\n}\r\n\r\nonMounted(() => {\r\n  isSSRShowDialog.value = true;\r\n  if (loginStore.showLogin) {\r\n    login();\r\n  }\r\n  // iframe事件监听\r\n  window.addEventListener('message', e => {\r\n    // 刷新登陆状态\r\n    if (e.data.type == 'giikin-Logged') {\r\n      // eslint-disable-next-line no-console\r\n      console.log(e.data);\r\n      const token = Cookies.get('token');\r\n      if (\r\n        // 测试环境  但是需要登陆的情况\r\n        (importMetaEnv.value.MODE !== 'production' && e.data?.data?.token) ||\r\n        // 正式环境 登录成功  但是服务器token设置失败\r\n        (importMetaEnv.value.MODE === 'production' && !token && e.data?.data?.token)\r\n      ) {\r\n        const now = new Date();\r\n        let time = now.getTime();\r\n        time += 8 * 60 * 60 * 1000; // 8 小时之后的时间（单位：毫秒）\r\n        now.setTime(time);\r\n        Cookies.set('token', e.data.data.token, { expires: now, domain: importMetaEnv.value.MODE === 'production' ? '.giikin.com' : undefined });\r\n        if (!Cookies.get('sso_user_id') && e.data.data.userId) {\r\n          Cookies.set('sso_user_id', e.data.data.userId, {\r\n            expires: now,\r\n            domain: importMetaEnv.value.MODE === 'production' ? '.giikin.com' : undefined,\r\n          });\r\n        }\r\n      }\r\n      // 触发登录成功监听\r\n      if (e.data?.data?.token) {\r\n        loginStore.triggerLoginResult(e.data.data);\r\n      }\r\n      // ElMessage.success('登录成功，请关闭弹窗');\r\n      loginStore.showLogin = false;\r\n      if (route.value && props.needRealodRouteNames.includes(route.value.name?.toString() ?? '')) {\r\n        window.location.reload();\r\n      }\r\n    }\r\n  });\r\n});\r\nonUnmounted(() => {\r\n  window.clearInterval(reloadTimer.value);\r\n});\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/es/components/src/business/tableBody/TableBody.vue.d.ts

@@ -1,6 +1,5 @@
 import { type HeaderListItem } from '../tableHeader';
-import { type OperateListItem } from '../customOperations';
-import type { Sort, TableColumnCtx } from 'element-plus';
+import type { Sort } from 'element-plus';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     offsetBottom: {
         type: NumberConstructor;
@@ -37,10 +36,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    operateList: {
-        type: import("vue").PropType<OperateListItem[]>;
-        default: () => never[];
-    };
     operateWidth: {
         type: NumberConstructor;
         default: number;
@@ -81,6 +76,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tableBodySlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultPageSize: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
@@ -134,7 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;
-        column: TableColumnCtx<any>;
+        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>;
         columnIndex: number;
     }) => number[] | {
         rowspan: number;
@@ -217,10 +216,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    operateList: {
-        type: import("vue").PropType<OperateListItem[]>;
-        default: () => never[];
-    };
     operateWidth: {
         type: NumberConstructor;
         default: number;
@@ -261,6 +256,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tableBodySlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultPageSize: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
@@ -314,7 +313,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;
-        column: TableColumnCtx<any>;
+        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>;
         columnIndex: number;
     }) => number[] | {
         rowspan: number;
@@ -365,7 +364,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     data: unknown[];
     small: boolean;
     headerList: HeaderListItem[];
-    operateList: OperateListItem[];
     popperClass: string;
     teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: boolean;
@@ -409,14 +407,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     operateWidth: number;
     operateFixed: boolean;
     pagination: boolean;
-}, {}>, {
-    header?(_: {
-        prop: string;
-    }): any;
-    default?(_: {
-        prop: string;
-        row: any;
-    }): any;
+    tableBodySlot: boolean;
+}, {}>, Readonly<{
+    default(data?: any): HeaderListItem[];
+}> & {
+    default(data?: any): HeaderListItem[];
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/components/src/business/tableBody/TableBody.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from './TableBody.vue2.mjs';
 import './TableBody.vue3.mjs';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var TableBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6c3b52b"], ["__file", "TableBody.vue"]]);
+var TableBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4cbe9348"], ["__file", "TableBody.vue"]]);
 
 export { TableBody as default };
 //# sourceMappingURL=TableBody.vue.mjs.map