组件结构 #

• Form
  • src
    • components
      • cosfee-material.ts      // 声名原子组件
      • GeneralForm.tsx      // 表单核心组件
      • HigherOrderForm.vue      // “高阶组件”：事件转发，拦截，定义插槽
    • utils
      • formatter.js      // 定义 formatter 方法
      • index.ts      // 转换正则字符串为正则对象；匹配挂载 formatter 方法
    • index.ts      // ts 字段类型声明
    • useForm.ts      // 定义 hook(useInitFormData, useSlotNames)
  • index.js      // 挂载组件，输出 hook(useInitFormData, useSlotNames)

高阶组件 #

高阶组件本质上是一个接受组件作为参数并返回一个新的、经过增强或修改的组件的函数