custome-form-zk v0.0.3

CustomeFormZk

安装

$ npm install custome-form-zk@latest

其他依赖包

Ant Design of Angular@8.5.2

[antd-zorro](https://ng.ant.design/version/8.5.x/docs/getting-started/zh)

配置

• arngular.json

    "styles": [
      ...,
      "node_modules/custome-form-zk/assets/css/element-ui/element-ui.css"
    ],
    "scripts": [
      ...,
      "node_modules/custome-form-zk/assets/js/vue.min.js",
      "node_modules/custome-form-zk/assets/js/element-ui/element.js",
      "node_modules/custome-form-zk/assets/js/element-ui/form-create-element.min.js",
      "node_modules/custome-form-zk/assets/js/vue-custom-element.js",
      "node_modules/custome-form-zk/assets/js/form-designer/form-designer.min.js"
    ]

• declare.d.ts

    declare var formCreate;
    declare var FcDesigner;
    declare var Vue;

• app.module.ts

    import { CustomeFormZkService,CustomeFormZkModule } from 'custome-form-zk';
  
    @NgModule({
      ...
      imports: [
        ...,
        CustomeFormZkModule
      ],
      providers: [
        ...,
        CustomeFormZkService
      ]
    })

• app.component.ts

  import { CustomeFormZkService } from 'custome-form-zk';

  constructor(public customeForm:CustomeFormZkService){}

  ngOnInit(): void {
    this.customeForm.install();
  }

组件

<!-- 表单列表tbale -->
<zk-form-configur [baseUrl]="baseUrl"></zk-form-configur>

<!-- 表单设计器 -->
<zk-designer [baseUrl]="baseUrl" [formId]="formId"></zk-designer>