gavinzhulei / vue-form-making Goto Github PK

A visual form designer/generator base on Vue.js, make form development simple and efficient.（基于Vue的可视化表单设计器，让表单开发简单而高效。）

Home Page: http://form.making.link

License: MIT License

HTML 16.17% Vue 35.77% JavaScript 34.23% CSS 7.56% SCSS 6.28%

vue-form-making's People

Contributors

Stargazers

Watchers

Forkers

sailiy shiliuxing nianhuaxpj sjava rain-yu leehave hy560480 marcoliaofer jangocheng jangocity zhangzhenling mnmbdd pdasheng torns suninfofe dreamzoom yufc seakingii zerolzg zhenhuamcu liveqmock nilpower zhenglincheng cnsyear china-zen yinrongping swilim pumpkingsun damizhao guangjie0916 laiqm wang371758198 edgarli-xun purewind koradji2046 1072258106 xiaomitangtang ziqew icareyou rabbi0546 andy521 yangtaoxf wenzuojing hutuchong9527 inaliu fusky gavinshow-china pangfd fengpang chaosknight lss5270 ryan--yang toluban zrtchp daringyun ziqiflow hardweight trzoey getemjay archerding cunshan ahulxt budding888 foooy victor0210 gongycn hejiawen100 sevenegg itrice metteam msidolphin njlinker shanghongyuans fapple1012 useryu wangtaoceo faxinter coolhuali lwx175876 werthergit lucianing cyc3w xaccc softsrc weiweb21 liujiadong 2758961650 boboccbo lukai396980015 illsion zhh007 lx3xun exlley youfuu yangsd ljjingone svichao xietongjian stlf uuace

vue-form-making's Issues

引入到我的项目后，表单不能拖拽

我按照readme中的做法引入到我的项目中，但是表单不能拖拽，看了很久也不知道是哪里了问题

README.md中有道链接不可用

jsonEditor、ace和clipboard （by @jianhunxia 提供)
这个链接提升开小差了

完整引入 FormMaking.css 影响element ui 样式

比如：字体样式font-family就覆盖了element ui原有的，

没有对单独表单组件加size

element ui 对单独的表单组建 size：medium / small / mini

引入到我的项目后，每次拖拽一个字段到中间区域时，浏览器就会打开一个页面

我把vue-form-making的源文件引入到我的项目中，在绘制form的时候，每从左侧拖拽一个基础字段或其他字段到中间区域时，浏览器就会新打开一个页面，搜索我选择的字段。比如我添加了一个单行文本，那浏览器就会新打开一个界面来搜索单行文本，请问这是怎么回事？要怎么解决呢？

https://ufbp4v4o.api.lncld.net/1.1/classes/GenerateForm

在表单创建和填写表单的时候都会向这个地址发送https://ufbp4v4o.api.lncld.net数据
里面包含了

          language: language,
          platform: platform,
          userAgent: userAgent,
          origin: origin,
          href: href,//当前访问的地址
          ip: window.returnCitySN.cip,
          more: JSON.stringify(window.returnCitySN),//从搜狐获取的ip城市数据
          data: JSON.stringify(this.data) // 这是表单的数据

这些东西应该禁止掉对于使用者这些信息都是私密的.

在FormMaking.common.js 文件里有两处这样的调用

        gfObject.save({
          language: language,
          platform: platform,
          userAgent: userAgent,
          origin: origin,
          href: href,
          ip: window.returnCitySN.cip,
          more: JSON.stringify(window.returnCitySN),
          data: JSON.stringify(this.data)
        });
       mfObject.save({
          language: language,
          platform: platform,
          userAgent: userAgent,
          origin: origin,
          href: href,
          ip: returnCitySN.cip,
          more: JSON.stringify(returnCitySN)
        });

自定义区域

大佬自定义区域要怎么操作呢？http://tools.xiaoyaoji.cn/form/#/

表单设计器问题

您好，我最近也在做类似表单设计器的东西。用v-for这种方法根据类型创建表单item会导致生成表单item的判断条件过多，如果表单过大，后期随着需求增加会一直增加新的组件，这种设计方式都会产生性能问题。看了你们的代码，很多还是值得借鉴的，如果有兴趣。
我的项目在这里，刚开始研究开发了一个demo，希望可以一起交流

怎样在设计器中取消日期选择控件（datarange）的日期选择面板联动

图片上传组件不能正常显示

我的JSON中含有图片上传组件，但是表单渲染的时候图片上传组件不能正常显示，只显示‘图片’两个字，没有上传按钮。

页面上同时放两个fm-generate-form组件会报错

浏览器console输出：
Uncaught TypeError: Cannot redefine property: applicationId

ace is not defined?

通过npm安装，点击生成代码和生成json都会报ace is not defined，能否告知这个报错问题的解决的方法，谢谢

npm install form-making -S 执行错误

执行npm install form-making -S
错误如下：
18 silly saveTree +-- [email protected]
18 silly saveTree +-- [email protected]
18 silly saveTree +-- [email protected]
18 silly saveTree +-- [email protected]
18 silly saveTree -- [email protected] 18 silly saveTree -- [email protected]
19 verbose stack Error: Refusing to install package with name "form-making" under a package
19 verbose stack also called "form-making". Did you name your project the same
19 verbose stack as the dependency you're installing?
19 verbose stack
19 verbose stack For more information, see:
19 verbose stack https://docs.npmjs.com/cli/install#limitations-of-npms-install-algorithm
19 verbose stack at checkSelf (D:\Program Files\nodejs\node_modules\npm\lib\install\validate-args.js:64:14)
19 verbose stack at Array. (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\bind-actor.js:15:8)
19 verbose stack at LOOP (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:15:14)
19 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:18:7
19 verbose stack at hasMinimumFields (D:\Program Files\nodejs\node_modules\npm\lib\install\validate-args.js:30:12)
19 verbose stack at Array. (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\bind-actor.js:15:8)
19 verbose stack at LOOP (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:15:14)
19 verbose stack at chain (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:20:5)
19 verbose stack at D:\Program Files\nodejs\node_modules\npm\lib\install\validate-args.js:16:5
19 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\async-map.js:52:35
19 verbose stack at Array.forEach ()