formily-hs

this is ...

安装

npm install --save formily-hs
or
yarn add formily-hs

使用

import { HsFormily } from "formily-hs"
import "formily-hs/dist/index.css"
import request from "@/utils/request"
import CommDom from "@/pages/formily/pages/components/commDom"
import Nocodejs from "@/pages/formily/pages/components/nocodejs"
import Barcode from "@/pages/formily/components/barcode"
import { useWindowOpen } from "@/pages/formily/schemaAction"
import { useModel } from "umi"
import { Util } from "@/utils/util"

const Formily = ({schema = null, scope = {}, components = {}}) => {
  const { initialState = {}, setInitialState } = useModel("@@initialState")
  return (
    <HsFormily 
      initialState={initialState}
      setInitialState={setInitialState} 
      hs_uploadFile={Util.upload} 
      schema={schema} 
      scope={{...scope, useWindowOpen}} 
      components={{...components, CommDom, Nocodejs, Barcode }} 
      apiAction={request}/>
  )
}

export default Formily

项目启动

1. 运行rollup，实现更改时src/自动将其重新编译 npm start # runs rollup with watch flag

2. 运行example/链接到模块本地版本的 create-react-app cd example npm start # runs create-react-app dev server

项目发布

1. package.json递增变更版本号
2. 执行npm publish
3. 查看https://www.npmjs.com/package/formily-hs

bug解决记录

1. @指向 package.json文件的start、build新增配置：cjs --alias @=%INIT_CWD%/src

2. React、Fragment报错 jsx文件引入React：import React from "react" 使用<></>的改为

3. antd组件库引入 package.json文件的peerDependencies定义antd

4. antd部分组件引入报错 package.json文件的devDependencies新增依赖 "@ant-design/pro-cli": "^2.0.2"

5. 自定义组件less样式丢失 package.json文件的start、build新增配置：cjs --css-modules false 使用该库需引入dist里的样式：import "formily-hs/dist/index.css"

6. 样式引入不用用styles，会导致样式丢失报错

License

MIT ©