zgg-ui/libs/use-component-size/use-component-size.ts

2.0.1 正式版本 基于 Vue 3、UniApp 和 TypeScript 开发的多端适配移动端 UI 组件库，旨在提供丰富的组件集合，帮助开发者快速构建多端响应式的移动应用界面

import { computed } from 'vue'

export const componentSizes = ['small', 'normal', 'large', 'xlarge'] as const
export const formComponentSizes = ['small', 'normal', 'large'] as const

export const componentSizeTypes = ['none', 'inner', 'custom'] as const
export type ComponentSizeType = (typeof componentSizeTypes)[number]

export const useComponentSize = (size?: string | number) => {
  // size类型，内置size类型还是设置的自定义size大小
  const sizeType = computed<ComponentSizeType>(() => {
    if (!size) return 'none'
    return componentSizes.includes(size as any) ? 'inner' : 'custom'
  })

  return {
    sizeType,
  }
}