二次开发指南

如果你需要更灵活的定制化功能，那么可以选择二次开发本项目。

方法一

1、将本项目clone下来

2、安装依赖

pnpm i

3、启动项目，开发者模式

pnpm dev

4、构建项目，生成dist目录。

pnpm build

packages/vue-form-craft/dist/vue-form-craft.js就是依赖入口！

方法二 （copy源码）

由于本项目采用了monerepo组织代码，所以源码搬到你项目里，会让你的项目也变成这种模式。所以看情况选用

1、将本项目的 packages 目录copy到你项目里的组件目录下。 比如 src/components下，并重命名为 vue-form-craft

2、在你的项目根目录下，新建pnpm-workspace.yaml，写入以下配置(可根据你放入的位置调整)

packages:
  - 'src/components/vue-form-craft/*'

3、修改package.json 增加以下依赖，然后pnpm i

  ...
  "dependencies": {
    ...
    "@vue-form-craft/components": "workspace:*",
    "@vue-form-craft/config": "workspace:*",
    "@vue-form-craft/elements": "workspace:*",
    "@vue-form-craft/form-design": "workspace:*",
    "@vue-form-craft/form-render": "workspace:*",
    "@vue-form-craft/hooks": "workspace:*",
    "@vue-form-craft/icons": "workspace:*",
    "@vue-form-craft/styles": "workspace:*",
    "@vue-form-craft/types": "workspace:*",
    "@vue-form-craft/utils": "workspace:*",
    "vue-form-craft": "workspace:*",
    "@vue/test-utils": "^2.4.6",
    "element-plus": "^2.8.3",
    "lodash": "^4.17.21",
    "vue": "^3.5.13",
    "vuedraggable-es-fix": "^1.0.1",
    "sass": "~1.32.6"
  },

4、引入 vue-form-craft/ 到 main.ts 里注册即可。