fe-core-cli/templates/fast-vue3-lib/cli/src/domain/component-info.ts

All-in-one scaffolding, cli integrated with Vue3 ecological chain, cli of H5 page, mock template cli of Node

import * as path from 'path'
import { convertToLine, convertToLowCamelName, convertToUpCamelName } from '../util/name-utils'
import { GLOBAL_CONFIG } from '@{{npmScope}}/build/globalConfig'
import { COMPONENTS_ROOT_PATH } from '@{{npmScope}}//build/utils/paths'

export class ComponentInfo {
  /** 中划线分隔的名称，如：nav-bar */
  lineName: string
  /** 中划线分隔的名称（带组件前缀） 如：ksg-nav-bar */
  lineNameWithPrefix: string
  /** 首字母小写的驼峰名 如：navBar */
  lowCamelName: string
  /** 首字母大写的驼峰名 如：NavBar */
  upCamelName: string
  /** 组件中文名 如：左侧导航 */
  zhName: string
  /** 组件类型 如：tsx */
  type: 'tsx' | 'vue'

  /** packages 目录所在的路径 */
  parentPath: string
  /** 组件所在的路径 */
  fullPath: string

  /** 组件的前缀 如：ksg */
  prefix: string
  /** 组件全名 如：@ksg/components/xxx */
  nameWithLib: string

  constructor(componentName: string, description: string, componentType: string) {
    this.prefix = GLOBAL_CONFIG.COMPONENT_PREFIX

    this.lineName = convertToLine(componentName)
    this.lineNameWithPrefix = `${this.prefix}-${this.lineName}`

    this.upCamelName = convertToUpCamelName(this.lineName)
    this.lowCamelName = convertToLowCamelName(this.upCamelName)
    this.zhName = description
    this.type = componentType === 'vue' ? 'vue' : 'tsx'

    this.parentPath = COMPONENTS_ROOT_PATH
    this.fullPath = path.resolve(this.parentPath, this.lineName)

    this.nameWithLib = `${GLOBAL_CONFIG.NPM_SCOPE}/${GLOBAL_CONFIG.COMPONENTS}/${this.lineName}`
  }
}