wechat-miniprogram-tabs/tools/checkcomponents.js

## 特性 * 自定义颜色 * 滑动切换

const path = require('path')

const _ = require('./utils')
const config = require('./config')

const srcPath = config.srcPath

/**
 * 获取 json 路径相关信息
 */
function getJsonPathInfo(jsonPath) {
  const dirPath = path.dirname(jsonPath)
  const fileName = path.basename(jsonPath, '.json')
  const relative = path.relative(srcPath, dirPath)
  const fileBase = path.join(relative, fileName)

  return {
    dirPath, fileName, relative, fileBase
  }
}

/**
 * 检测是否包含其他自定义组件
 */
const checkProps = ['usingComponents', 'componentGenerics']
const hasCheckMap = {}
async function checkIncludedComponents(jsonPath, componentListMap) {
  const json = _.readJson(jsonPath)
  if (!json) throw new Error(`json is not valid: "${jsonPath}"`)

  const {dirPath, fileName, fileBase} = getJsonPathInfo(jsonPath)
  if (hasCheckMap[fileBase]) return
  hasCheckMap[fileBase] = true

  for (let i = 0, len = checkProps.length; i < len; i++) {
    const checkProp = checkProps[i]
    const checkPropValue = json[checkProp] || {}
    const keys = Object.keys(checkPropValue)

    for (let j = 0, jlen = keys.length; j < jlen; j++) {
      const key = keys[j]
      let value = typeof checkPropValue[key] === 'object' ? checkPropValue[key].default : checkPropValue[key]
      if (!value) continue

      value = _.transformPath(value, path.sep)

      // 检查相对路径
      const componentPath = `${path.join(dirPath, value)}.json`
      const isExists = await _.checkFileExists(componentPath)
      if (isExists) {
        await checkIncludedComponents(componentPath, componentListMap)
      }
    }
  }

  // 进入存储
  componentListMap.wxmlFileList.push(`${fileBase}.wxml`)
  componentListMap.wxssFileList.push(`${fileBase}.wxss`)
  componentListMap.jsonFileList.push(`${fileBase}.json`)
  componentListMap.jsFileList.push(`${fileBase}.js`)

  componentListMap.jsFileMap[fileBase] = `${path.join(dirPath, fileName)}.js`
}

module.exports = async function (entry) {
  const componentListMap = {
    wxmlFileList: [],
    wxssFileList: [],
    jsonFileList: [],
    jsFileList: [],

    jsFileMap: {}, // 为 webpack entry 所用
  }

  const isExists = await _.checkFileExists(entry)
  if (!isExists) {
    const {dirPath, fileName, fileBase} = getJsonPathInfo(entry)

    componentListMap.jsFileList.push(`${fileBase}.js`)
    componentListMap.jsFileMap[fileBase] = `${path.join(dirPath, fileName)}.js`

    return componentListMap
  }

  await checkIncludedComponents(entry, componentListMap)

  return componentListMap
}