vxe-table-demonic/packages/hooks/size.ts

一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...

import { computed, inject, provide, ComputedRef } from 'vue'

import { SizeType } from '../../types/all'

export function useSize (props: { size?: SizeType }) {
  // 组件尺寸上下文
  const xesize = inject('xesize', null as ComputedRef<SizeType> | null)
  const computeSize = computed(() => {
    return props.size ?? (xesize?.value ?? null)
  })
  provide('xesize', computeSize)

  return computeSize
}