snake-form-design v0.0.35

项目

snake-form-design

截图展示

说明

表单设计器

React-dnd + React + Typescript + webpack5.x + ant design + dva

注意事项

需要单独引入 css

import 'snake-form-design/dist/index.css';

安装

npm install snake-form-design --save

yarn add snake-form-design

示例

import SnakeFormDesign from 'snake-form-design';
import 'snake-form-design/dist/index.css';

const App = () => (
  <>
    <SnakeFormDesign
      dataSource={dataSource}
      treeData={treeData}
      formList={formList}
      getWidgetsList={(widgetsList) => console.log(widgetsList)}
      getErrorsList={(errorsList) => console.log(errorsList)}
      getRemoveWidgetId={(id) => (function () { return true; }())}
      height="calc(100vh - 84px)"
      title="snake-form-design"
    />
  </>
);

文档