zyf-model-engine 0.0.1 → 0.0.2

package/src/components/ProTable/components/SearchForm/components/SearchFormItem.vue

@@ -1,93 +0,0 @@
-<template>
-  <component
-    :is="_column.search?.render ?? `el-${_column.search?.el}`"
-    v-bind="{ ...handleSearchProps, ...placeholder, searchParam: _searchParam, clearable }"
-    v-model.trim="_searchParam[_column.search?.key ?? handleProp(_column.prop!)]"
-    :data="_column.search?.el === 'tree-select' ? columnEnum : []"
-    :options="['cascader', 'select-v2'].includes(_column.search?.el!) ? columnEnum : []"
-  >
-    <template v-if="_column.search?.el === 'cascader'" #default="{ data }">
-      <span>{{ data[fieldNames.label] }}</span>
-    </template>
-    <template v-if="_column.search?.el === 'select'">
-      <component
-        :is="`el-option`"
-        v-for="(col, index) in columnEnum"
-        :key="index"
-        :label="col[fieldNames.label]"
-        :value="col[fieldNames.value]"
-      ></component>
-    </template>
-    <slot v-else></slot>
-  </component>
-</template>
-
-<script setup lang="ts" name="SearchFormItem">
-import { computed, inject, ref } from "vue";
-import { handleProp } from "@/utils/layoutUtils";
-import { ColumnProps } from "@/components/ProTable/interface";
-
-interface SearchFormItem {
-  column: ColumnProps;
-  searchParam: { [key: string]: any };
-}
-const props = defineProps<SearchFormItem>();
-
-// Re receive SearchParam
-const _searchParam = computed(() => props.searchParam);
-const _column = computed(() => props.column);
-
-// 判断 fieldNames 设置 label && value && children 的 key 值
-const fieldNames = computed(() => {
-  return {
-    label: props.column.fieldNames?.label ?? "name",
-    value: props.column.fieldNames?.value ?? "id",
-    children: props.column.fieldNames?.children ?? "children"
-  };
-});
-
-// 接收 enumMap (el 为 select-v2 需单独处理 enumData)
-const enumMap = inject("enumMap", ref(new Map()));
-const columnEnum = computed(() => {
-  let enumData = enumMap.value.get(props.column.prop);
-  if (!enumData) return [];
-  if (props.column.search?.el === "select-v2" && props.column.fieldNames) {
-    enumData = enumData.map((item: { [key: string]: any }) => {
-      return { ...item, label: item[fieldNames.value.label], value: item[fieldNames.value.value] };
-    });
-  }
-  return enumData;
-});
-
-// 处理透传的 searchProps (el 为 tree-select、cascader 的时候需要给下默认 label && value && children)
-const handleSearchProps = computed(() => {
-  const label = fieldNames.value.label;
-  const value = fieldNames.value.value;
-  const children = fieldNames.value.children;
-  const searchEl = props.column.search?.el;
-  let searchProps = props.column.search?.props ?? {};
-  if (searchEl === "tree-select") {
-    searchProps = { ...searchProps, props: { ...searchProps.props, label, children }, nodeKey: value };
-  }
-  if (searchEl === "cascader") {
-    searchProps = { ...searchProps, props: { ...searchProps.props, label, value, children } };
-  }
-  return searchProps;
-});
-
-// 处理默认 placeholder
-const placeholder = computed(() => {
-  const search = props.column.search;
-  if (["datetimerange", "daterange", "monthrange"].includes(search?.props?.type) || search?.props?.isRange) {
-    return { rangeSeparator: "至", startPlaceholder: "开始时间", endPlaceholder: "结束时间" };
-  }
-  const placeholder = search?.props?.placeholder ?? (search?.el?.includes("input") ? "请输入" : "请选择") + props.column.label;
-  return { placeholder };
-});
-
-// 是否有清除按钮 (当搜索项有默认值时，清除按钮不显示)
-const clearable = computed(() => {
-  const search = props.column.search;
-  return search?.props?.clearable ?? (search?.defaultValue == null || search?.defaultValue == undefined);
-});
-</script>

package/src/components/ProTable/components/SearchForm/index.scss

@@ -1,12 +0,0 @@
-.table-search {
-  margin-bottom: 13px;
-  :deep(.el-form) {
-    .el-form-item {
-      margin: 0;
-    }
-    .operation {
-      display: flex;
-      justify-content: flex-end;
-    }
-  }
-}

package/src/components/ProTable/components/SearchForm/index.vue

@@ -1,91 +0,0 @@
-<template>
-  <div v-if="columns.length" class="table-search" :class="{ card: useCard }">
-    <el-form ref="formRef" :model="searchParam">
-      <Grid ref="gridRef" :collapsed="collapsed" :gap="[20, 20]" :cols="searchCol">
-        <GridItem v-for="(item, index) in columns" :key="item.prop" v-bind="getResponsive(item)" :index="index">
-          <!-- :label="`${item.label} :`" -->
-          <el-form-item>
-            <SearchFormItem :column="item" :search-param="searchParam" />
-          </el-form-item>
-        </GridItem>
-        <GridItem suffix>
-          <div class="operation">
-            <el-button type="primary" :icon="Search" @click="search"> 搜索 </el-button>
-            <el-button :icon="Delete" @click="reset"> 重置 </el-button>
-            <el-button v-if="showCollapse" type="primary" link class="search-isOpen" @click="collapsed = !collapsed">
-              {{ collapsed ? "展开" : "合并" }}
-              <el-icon class="el-icon--right">
-                <component :is="collapsed ? ArrowDown : ArrowUp"></component>
-              </el-icon>
-            </el-button>
-          </div>
-        </GridItem>
-      </Grid>
-    </el-form>
-  </div>
-</template>
-<script setup lang="ts" name="SearchForm">
-import { computed, ref } from "vue";
-import { ColumnProps } from "@/components/ProTable/interface";
-import { BreakPoint } from "@/components/Grid/interface";
-import { Delete, Search, ArrowDown, ArrowUp } from "@element-plus/icons-vue";
-import SearchFormItem from "./components/SearchFormItem.vue";
-import Grid from "@/components/Grid/index.vue";
-import GridItem from "@/components/Grid/components/GridItem.vue";
-
-interface ProTableProps {
-  useCard?: boolean; // 是否启用卡片样式
-  columns?: ColumnProps[]; // 搜索配置列
-  searchParam?: { [key: string]: any }; // 搜索参数
-  searchCol: number | Record<BreakPoint, number>;
-  search: (params: any) => void; // 搜索方法
-  reset: (params: any) => void; // 重置方法
-}
-
-// 默认值
-const props = withDefaults(defineProps<ProTableProps>(), {
-  useCard: true,
-  columns: () => [],
-  searchParam: () => ({})
-});
-
-// 获取响应式设置
-const getResponsive = (item: ColumnProps) => {
-  return {
-    span: item.search?.span,
-    offset: item.search?.offset ?? 0,
-    xs: item.search?.xs,
-    sm: item.search?.sm,
-    md: item.search?.md,
-    lg: item.search?.lg,
-    xl: item.search?.xl
-  };
-};
-
-// 是否默认折叠搜索项
-const collapsed = ref(true);
-
-// 获取响应式断点
-const gridRef = ref();
-const breakPoint = computed<BreakPoint>(() => gridRef.value?.breakPoint);
-
-// 判断是否显示 展开/合并 按钮
-const showCollapse = computed(() => {
-  let show = false;
-  props.columns.reduce((prev, current) => {
-    prev +=
-      (current.search![breakPoint.value]?.span ?? current.search?.span ?? 1) +
-      (current.search![breakPoint.value]?.offset ?? current.search?.offset ?? 0);
-    if (typeof props.searchCol !== "number") {
-      if (prev >= props.searchCol[breakPoint.value]) show = true;
-    } else {
-      if (prev >= props.searchCol) show = true;
-    }
-    return prev;
-  }, 0);
-  return show;
-});
-</script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/src/components/ProTable/components/TableColumn.vue

@@ -1,56 +0,0 @@
-<template>
-  <RenderTableColumn v-bind="{ ..._column }" />
-</template>
-
-<script setup lang="tsx" name="TableColumn">
-import { inject, ref, useSlots } from "vue";
-import { ColumnProps, RenderScope, HeaderRenderScope } from "@/components/ProTable/interface";
-import { filterEnum, formatValue, handleProp, handleRowAccordingToProp } from "@/utils/layoutUtils";
-
-const props = defineProps<{ column: ColumnProps }>();
-const _column = computed(() => props.column);
-const slots = useSlots();
-
-const enumMap = inject("enumMap", ref(new Map()));
-
-// 渲染表格数据
-const renderCellData = (item: ColumnProps, scope: RenderScope<any>) => {
-  return enumMap.value.get(item.prop) && item.isFilterEnum
-    ? filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop)!, item.fieldNames)
-    : formatValue(handleRowAccordingToProp(scope.row, item.prop!));
-};
-
-// 获取 tag 类型
-const getTagType = (item: ColumnProps, scope: RenderScope<any>) => {
-  return filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop), item.fieldNames, "tag");
-};
-// 渲染表格行
-const RenderTableColumn = (item: ColumnProps) => {
-  return (
-    <>
-      {item.isShow && (
-        <el-table-column
-          {...item}
-          align={item.align ?? "center"}
-          showOverflowTooltip={item.showOverflowTooltip ?? item.prop !== "operation"}
-        >
-          {{
-            default: (scope: RenderScope<any>) => {
-              if (item._children) return item._children.map(child => RenderTableColumn(child));
-              if (item.render) return item.render(scope);
-              if (slots[handleProp(item.prop!)]) return slots[handleProp(item.prop!)]!(scope);
-              if (item.tag) return <el-tag type={getTagType(item, scope)}>{renderCellData(item, scope)}</el-tag>;
-              return renderCellData(item, scope);
-            },
-            header: (scope: HeaderRenderScope<any>) => {
-              if (item.headerRender) return item.headerRender(scope);
-              if (slots[`${handleProp(item.prop!)}Header`]) return slots[`${handleProp(item.prop!)}Header`]!(scope);
-              return item.label;
-            }
-          }}
-        </el-table-column>
-      )}
-    </>
-  );
-};
-</script>

package/src/components/ProTable/index.scss

@@ -1,14 +0,0 @@
-.pro-table-box {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  :deep(.table-main) {
-    flex: 1;
-    overflow: hidden;
-    .el-scrollbar__view {
-      display: block !important;
-    }
-  }
-}

package/src/components/ProTable/index.vue

@@ -1,274 +0,0 @@
-<!-- 📚📚📚 Pro-Table 文档: https://juejin.cn/post/7166068828202336263 -->
-
-<template>
-  <div class="pro-table-box">
-    <!-- 查询表单 card -->
-    <SearchForm
-      v-show="isShowSearch"
-      :search="search"
-      :reset="reset"
-      :columns="searchColumns"
-      :search-param="searchParam"
-      :search-col="searchCol"
-      :use-card="useCard"
-    />
-
-    <!-- 表格内容 card -->
-    <div class="table-main" :class="{ card: useCard }">
-      <!-- 表格头部 操作按钮 -->
-      <div class="table-header">
-        <div class="header-button-lf">
-          <slot name="tableHeader" :selected-list-ids="selectedListIds" :selected-list="selectedList" :is-selected="isSelected" />
-        </div>
-        <div v-if="toolButton && !useCustomTable" class="header-button-ri">
-          <slot name="toolButton">
-            <el-button :icon="Refresh" circle @click="getTableList" />
-            <el-button v-if="columns.length" :icon="Operation" circle @click="openColSetting" />
-            <el-button v-if="searchColumns.length" :icon="Search" circle @click="isShowSearch = !isShowSearch" />
-          </slot>
-        </div>
-      </div>
-
-      <!-- 表格主体 -->
-      <el-table
-        v-if="!useCustomTable"
-        ref="tableRef"
-        v-bind="$attrs"
-        :data="data ?? tableData"
-        :border="border"
-        :row-key="rowKey"
-        :tree-props="treeProps"
-        @row-click="rowClick"
-        @selection-change="selectionChange"
-        :highlight-current-row="highlightCurrentRow || typeof currentChange === 'function'"
-        @current-change="currentChange"
-      >
-        <!-- 默认插槽 -->
-        <slot></slot>
-        <template v-for="item in tableColumns" :key="item">
-          <!-- selection || index || expand -->
-          <el-table-column
-            v-if="item.type && ['selection', 'index', 'expand'].includes(item.type) && item.isShow"
-            v-bind="item"
-            :align="item.align ?? 'center'"
-            :reserve-selection="item.type == 'selection'"
-          >
-            <!-- 拓展插槽 -->
-            <template v-if="item.type == 'expand'" #default="scope">
-              <component :is="item.render" v-bind="scope" v-if="item.render"> </component>
-              <slot v-else :name="item.type" v-bind="scope"></slot>
-            </template>
-          </el-table-column>
-          <!-- 其他插槽 -->
-          <TableColumn v-if="!item.type && item.prop && item.isShow" :column="item">
-            <template v-for="slot in Object.keys($slots)" #[slot]="scope">
-              <slot :name="slot" v-bind="scope"></slot>
-            </template>
-          </TableColumn>
-        </template>
-        <!-- 插入表格最后一行之后的插槽 -->
-        <template #append>
-          <slot name="append"> </slot>
-        </template>
-        <!-- 无数据 -->
-        <template #empty>
-          <div class="table-empty">
-            <empty />
-          </div>
-        </template>
-      </el-table>
-      <!-- 自定义表格 -->
-      <div v-else class="el-table">
-        <el-scrollbar v-if="data?.length ?? tableData?.length">
-          <slot :data="data ?? tableData" />
-        </el-scrollbar>
-        <empty v-else />
-      </div>
-      <!-- 分页组件 -->
-      <slot name="pagination">
-        <Pagination
-          v-if="pagination"
-          :pageable="pageable"
-          :handle-size-change="handleSizeChange"
-          :handle-current-change="handleCurrentChange"
-        />
-      </slot>
-    </div>
-    <!-- 列设置 -->
-    <ColSetting v-if="toolButton" ref="colRef" v-model:col-setting="colSetting" />
-  </div>
-</template>
-
-<script setup lang="ts" name="ProTable">
-import { ref, watch, computed, provide, onMounted } from "vue";
-import { ElTable } from "element-plus";
-import { useTable } from "@/hooks/useTable";
-import { useSelection } from "@/hooks/useSelection";
-import { BreakPoint } from "@/components/Grid/interface";
-import { ColumnProps, tableTreeProps } from "@/components/ProTable/interface";
-import { fetchType as myFetchType } from "@/api/interface/index";
-import { Refresh, Operation, Search } from "@element-plus/icons-vue";
-import { filterEnum, formatValue, handleProp, handleRowAccordingToProp } from "@/utils/layoutUtils";
-import SearchForm from "./components/SearchForm/index.vue";
-import Pagination from "./components/Pagination.vue";
-import ColSetting from "./components/ColSetting.vue";
-import TableColumn from "./components/TableColumn.vue";
-
-export interface ProTableProps {
-  useCustomTable?: boolean; // 是否使用表格  如果为true  则使用插槽的方式传入自定义表格渲染方式
-  useCard?: boolean; // 是否启用卡片样式
-  columns: ColumnProps[]; // 列配置项  ==> 必传
-  data?: any[]; // 静态 table data 数据，若存在则不会使用 requestApi 返回的 data ==> 非必传
-  requestApi?: string | ((params: any) => Promise<any>); // 请求表格数据的 api ==> 非必传
-  requestAuto?: boolean; // 是否自动执行请求 api ==> 非必传（默认为true）
-  requestError?: (params: any) => void; // 表格 api 请求错误监听 ==> 非必传
-  dataCallback?: (data: any) => any; // 返回数据的回调函数，可以对数据进行处理 ==> 非必传
-  rowClick?: (data: any) => any; // 	当某一行被点击时会触发该事件 ==> 非必传
-  highlightCurrentRow?: boolean; // 是否高亮当前行 ==> 非必传
-  currentChange?: (data: any) => any; // 	当表格的当前行发生变化的时候会触发该事件 ==> 非必传
-  title?: string; // 表格标题，目前只在打印的时候用到 ==> 非必传
-  pagination?: boolean; // 是否需要分页组件 ==> 非必传（默认为true）
-  tableLimit?: number; //数据每页个数
-  initParam?: any; // 初始化请求参数 ==> 非必传（默认为{}）
-  border?: boolean; // 是否带有纵向边框 ==> 非必传（默认为true）
-  toolButton?: boolean; // 是否显示表格功能按钮 ==> 非必传（默认为true）
-  rowKey?: string; // 行数据的 Key，用来优化 Table 的渲染，当表格数据多选时，所指定的 id ==> 非必传（默认为 id）
-  searchCol?: number | Record<BreakPoint, number>; // 表格搜索项 每列占比配置 ==> 非必传 { xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }
-  treeProps?: tableTreeProps; //渲染嵌套数据的配置选项
-  fetchType?: myFetchType;
-}
-
-// 接受父组件参数，配置默认值
-const props = withDefaults(defineProps<ProTableProps>(), {
-  useCustomTable: false,
-  useCard: true,
-  columns: () => [],
-  requestAuto: true,
-  pagination: true,
-  tableLimit: 10,
-  initParam: {},
-  border: false,
-  toolButton: true,
-  rowKey: "id",
-  searchCol: () => ({ xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }),
-  treeProps: () => ({ hasChildren: "hasChildren", children: "children" }),
-  fetchType: "post"
-});
-
-// 是否显示搜索模块
-const isShowSearch = ref(true);
-
-// 表格 DOM 元素
-const tableRef = ref<InstanceType<typeof ElTable>>();
-
-// 表格多选 Hooks 多选框
-const { selectionChange, selectedList, selectedListIds, isSelected } = useSelection(props.rowKey);
-
-// 清空选中数据列表
-const clearSelection = () => tableRef.value!.clearSelection();
-
-// 初始化请求
-onMounted(() => props.requestAuto && getTableList());
-
-// 接收 columns 并设置为响应式
-const tableColumns = ref<ColumnProps[]>(props.columns);
-
-// 定义 enumMap 存储 enum 值（避免异步请求无法格式化单元格内容 || 无法填充搜索下拉选择）
-const enumMap = ref(new Map<string, { [key: string]: any }[]>());
-provide("enumMap", enumMap);
-const setEnumMap = async (col: ColumnProps) => {
-  if (!col.enum) return;
-  // 如果当前 enum 为后台数据需要请求数据，则调用该请求接口，并存储到 enumMap
-  if (typeof col.enum !== "function") return enumMap.value.set(col.prop!, col.enum!);
-  const res = await col.enum();
-  enumMap.value.set(col.prop!, res);
-};
-
-// 扁平化 columns
-const flatColumnsFunc = (columns: ColumnProps[], flatArr: ColumnProps[] = []) => {
-  columns.forEach(async col => {
-    if (col._children?.length) flatArr.push(...flatColumnsFunc(col._children));
-    flatArr.push(col);
-    // 给每一项 column 添加 isShow && isFilterEnum 默认属性
-    col.isShow = col.isShow ?? true;
-    col.isFilterEnum = col.isFilterEnum ?? true;
-    // 设置 enumMap
-    setEnumMap(col);
-  });
-  return flatArr.filter(item => !item._children?.length);
-};
-
-// flatColumns
-const flatColumns = ref<ColumnProps[]>();
-flatColumns.value = flatColumnsFunc(tableColumns.value);
-
-// 过滤需要搜索的配置项
-const searchColumns = flatColumns.value.filter(item => item.search?.el || item.search?.render);
-
-// 设置搜索表单排序默认值 && 设置搜索表单项的默认值
-searchColumns.forEach((column, index) => {
-  column.search!.order = column.search!.order ?? index + 2;
-  if (column.search?.defaultValue !== undefined && column.search?.defaultValue !== null) {
-    searchInitParam.value[column.search.key ?? handleProp(column.prop!)] = column.search?.defaultValue;
-    searchParam.value[column.search.key ?? handleProp(column.prop!)] = column.search?.defaultValue;
-  }
-});
-
-// 排序搜索表单项
-searchColumns.sort((a, b) => a.search!.order! - b.search!.order!);
-
-// 列设置 ==> 过滤掉不需要设置的列
-const colRef = ref();
-const colSetting = tableColumns.value!.filter(
-  item => !["selection", "index", "expand"].includes(item.type!) && item.prop !== "operation" && item.isShow
-);
-const openColSetting = () => colRef.value.openColSetting();
-
-// 表格操作 Hooks
-const {
-  tableData,
-  pageable,
-  searchParam,
-  searchInitParam,
-  getTableList,
-  search,
-  reset,
-  handleSizeChange,
-  handleCurrentChange,
-  totalParam
-} = useTable(
-  props.initParam,
-  props.pagination,
-  props.fetchType,
-  props.tableLimit,
-  props.requestApi,
-  props.dataCallback,
-  props.requestError
-);
-
-// 监听页面 initParam 改化，重新获取表格数据
-watch([() => props.initParam], getTableList, { deep: true });
-
-// 暴露给父组件的参数和方法(外部需要什么，都可以从这里暴露出去)
-defineExpose({
-  element: tableRef,
-  tableData,
-  pageable,
-  searchParam,
-  searchInitParam,
-  getTableList,
-  search,
-  reset,
-  handleSizeChange,
-  handleCurrentChange,
-  clearSelection,
-  enumMap,
-  isSelected,
-  selectedList,
-  selectedListIds,
-  totalParam
-});
-</script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/src/components/ProTable/interface/index.ts

@@ -1,86 +0,0 @@
-import { VNode, ComponentPublicInstance } from "vue";
-import { BreakPoint, Responsive } from "@/components/Grid/interface";
-import { TableColumnCtx } from "element-plus/es/components/table/src/table-column/defaults";
-import { ProTableProps } from "@/components/ProTable/index.vue";
-import ProTable from "@/components/ProTable/index.vue";
-
-export interface tableTreeProps {
-  hasChildren: string;
-  children: string;
-}
-
-export interface EnumProps {
-  label?: string; // 选项框显示的文字
-  value?: string | number | boolean | any[]; // 选项框值
-  disabled?: boolean; // 是否禁用此选项
-  tagType?: string; // 当 tag 为 true 时，此选择会指定 tag 显示类型
-  children?: EnumProps[]; // 为树形选择时，可以通过 children 属性指定子选项
-  [key: string]: any;
-}
-
-export type TypeProps = "index" | "selection" | "expand";
-
-export type SearchType =
-  | "input"
-  | "input-number"
-  | "select"
-  | "select-v2"
-  | "tree-select"
-  | "cascader"
-  | "date-picker"
-  | "time-picker"
-  | "time-select"
-  | "switch"
-  | "slider";
-
-export type SearchRenderScope = {
-  searchParam: { [key: string]: any };
-  placeholder: string;
-  clearable: boolean;
-  options: EnumProps[];
-  data: EnumProps[];
-};
-
-export type SearchProps = {
-  el?: SearchType; // 当前项搜索框的类型
-  props?: any; // 搜索项参数，根据 element plus 官方文档来传递，该属性所有值会透传到组件
-  key?: string; // 当搜索项 key 不为 prop 属性时，可通过 key 指定
-  order?: number; // 搜索项排序（从大到小）
-  span?: number; // 搜索项所占用的列数，默认为1列
-  offset?: number; // 搜索字段左侧偏移列数
-  defaultValue?: string | number | boolean | any[]; // 搜索项默认值
-  render?: (scope: SearchRenderScope) => VNode; // 自定义搜索内容渲染（tsx语法）
-} & Partial<Record<BreakPoint, Responsive>>;
-
-export type FieldNamesProps = {
-  label: string;
-  value: string;
-  children?: string;
-};
-
-export type RenderScope<T> = {
-  row: T;
-  $index: number;
-  column: TableColumnCtx<T>;
-  [key: string]: any;
-};
-
-export type HeaderRenderScope<T> = {
-  $index: number;
-  column: TableColumnCtx<T>;
-  [key: string]: any;
-};
-
-export interface ColumnProps<T = any> extends Partial<Omit<TableColumnCtx<T>, "children" | "renderCell" | "renderHeader">> {
-  tag?: boolean; // 是否是标签展示
-  isShow?: boolean; // 是否显示在表格当中
-  search?: SearchProps | undefined; // 搜索项配置
-  enum?: EnumProps[] | ((params?: any) => Promise<any>); // 枚举类型（字典）
-  isFilterEnum?: boolean; // 当前单元格值是否根据 enum 格式化（示例：enum 只作为搜索项数据）
-  fieldNames?: FieldNamesProps; // 指定 label && value && children 的 key 值
-  headerRender?: (scope: HeaderRenderScope<T>) => VNode; // 自定义表头内容渲染（tsx语法）
-  render?: (scope: RenderScope<T>) => VNode | string; // 自定义单元格内容渲染（tsx语法）
-  _children?: ColumnProps<T>[]; // 多级表头
-}
-
-export type ProTableInstance = Omit<InstanceType<typeof ProTable>, keyof ComponentPublicInstance | keyof ProTableProps>;

package/src/components/ScrollBox/index.vue

@@ -1,44 +0,0 @@
-<template>
-  <div class="scroll-box" :style="{ width: `calc(100% + ${rightDistance})` }">
-    <el-scrollbar
-      ref="scrollRef"
-      :view-style="{
-        paddingRight: rightDistance
-      }"
-      :height="height"
-      :always="always"
-    >
-      <slot />
-    </el-scrollbar>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  height: {
-    type: String,
-    default: () => "100%"
-  },
-  maxHeight: {
-    type: String,
-    default: () => "100%"
-  },
-  rightDistance: {
-    type: String,
-    default: () => "0px"
-  },
-  always: {
-    type: Boolean,
-    default: () => false
-  }
-});
-const scrollRef = ref();
-</script>
-
-<style lang="scss" scoped>
-.scroll-box {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-</style>