tianheng-ui 0.1.81 → 0.1.84

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. package/README.md +72 -15
  2. package/lib/theme-chalk/fonts/formMaking-iconfont.svg +155 -155
  3. package/lib/theme-chalk/fonts/th-iconfont.css +2402 -2402
  4. package/lib/theme-chalk/js/axios.js +87 -87
  5. package/lib/tianheng-ui.js +13 -13
  6. package/package.json +87 -86
  7. package/packages/CodeEditor/index.vue +3 -2
  8. package/packages/FormMaking/GenerateForm.vue +392 -392
  9. package/packages/FormMaking/Upload/index.vue +571 -571
  10. package/packages/FormMaking/WidgetFooter.vue +16 -0
  11. package/packages/FormMaking/WidgetForm.vue +145 -146
  12. package/packages/FormMaking/WidgetTools.vue +21 -16
  13. package/packages/FormMaking/custom/config.js +120 -2
  14. package/packages/FormMaking/custom/configs/number.vue +0 -5
  15. package/packages/FormMaking/custom/configs/page-table.vue +146 -0
  16. package/packages/FormMaking/custom/index.js +1 -1
  17. package/packages/FormMaking/custom/items/page-table.vue +250 -0
  18. package/packages/FormMaking/custom/register.js +43 -43
  19. package/packages/FormMaking/iconfont/demo.css +539 -539
  20. package/packages/FormMaking/iconfont/demo_index.html +1159 -1159
  21. package/packages/FormMaking/iconfont/formMaking-iconfont.css +189 -189
  22. package/packages/FormMaking/iconfont/formMaking-iconfont.svg +155 -155
  23. package/packages/FormMaking/index.js +33 -33
  24. package/packages/FormMaking/index.vue +6 -1
  25. package/packages/FormMaking/lang/en-US.js +187 -187
  26. package/packages/FormMaking/lang/zh-CN.js +187 -187
  27. package/packages/FormMaking/network/axios.js +88 -88
  28. package/packages/FormMaking/styles/index.scss +216 -216
  29. package/packages/FormMaking/util/generateCode.js +427 -157
  30. package/packages/FormMaking/util/index.js +98 -98
  31. package/packages/TableMaking/network/axios.js +88 -88
  32. package/packages/TableMaking/widgetConfig.vue +1 -1
package/README.md CHANGED
@@ -1,15 +1,72 @@
1
- # Install
2
-
3
- > npm i tianheng-ui
4
-
5
- ## Quick Start
6
-
7
- ``` bash
8
- import TianhengUI from "tianheng-ui";
9
- import 'tianheng-ui/lib/theme-chalk/index.scss';
10
- Vue.use(TianhengUI);
11
- ```
12
-
13
- # 官网
14
-
15
- https://tianhengui.demo.tianhengyun.com/
1
+ # tianheng-ui
2
+
3
+ <p>
4
+ <a href="https://github.com/vuejs/vue">
5
+ <img src="https://img.shields.io/badge/vue-2.5.11-brightgreen.svg" alt="vue">
6
+ </a>
7
+
8
+ <a href="https://github.com/ElemeFE/element">
9
+ <img src="https://img.shields.io/badge/element--ui-2.15.6-brightgreen.svg" alt="element-ui">
10
+ </a>
11
+
12
+ <a href="https://www.npmjs.com/package/form-making">
13
+ <img src="https://img.shields.io/npm/dt/tianheng-ui" alt="downloads">
14
+ </a>
15
+
16
+ <a href="https://github.com/GavinZhuLei/vue-form-making/blob/master/LICENSE">
17
+ <img src="https://img.shields.io/github/license/GavinZhulei/vue-form-making" alt="license">
18
+ </a>
19
+ </p>
20
+
21
+ - [在线预览](https://tianhengui.demo.tianhengyun.com)
22
+ - [开发指南](https://tianhengui.demo.tianhengyun.com/guide)
23
+ - [更新日志](https://tianhengui.demo.tianhengyun.com/component/changelog)
24
+ - [组件](https://tianhengui.demo.tianhengyun.com/component/installation)
25
+ - [WorkFlow](https://tianhengui.demo.tianhengyun.com/component/workflow) 工作流（基于 [bpmn-js](https://www.npmjs.com/package/bpmn-js) 实现业务流程设计器，可自定义流程节点：指定人员、指定部门、直属领导、联系多级主管、发起人自选、发起人自己，可支持根据业务字段进行条件判断。）
26
+ - [CodeEditor](https://tianhengui.demo.tianhengyun.com/component/codeEditor) 代码编辑器（基于 [ace-builds](https://www.npmjs.com/package/ace-builds) 实现的代码编辑器）
27
+ - [VueEditor](https://tianhengui.demo.tianhengyun.com/component/vueEditor) 富文本编辑器（基于 [vue2-editor](https://www.npmjs.com/package/vue2-editor) 实现的富文本编辑器）
28
+ - [FormMaking](https://tianhengui.demo.tianhengyun.com/component/formMaking) 表单设计器（基于可视化操作快速设计出表单页面）
29
+ - [FormGenerate](https://tianhengui.demo.tianhengyun.com/component/formGenerate) 表单渲染器（根据设计器中获取的配置 json 数据，快速渲染出表单页面）
30
+ - [TableMaking](https://tianhengui.demo.tianhengyun.com/component/tableMaking) 列表设计器（基于可视化操作快速设计出列表页面）
31
+ - [TableGenerate](https://tianhengui.demo.tianhengyun.com/component/tableGenerate/1602183544547655681) 列表渲染器（根据设计器中获取的配置 json 数据，快速渲染出列表页面）
32
+
33
+ ## FormMaking 特性
34
+
35
+ ```html
36
+ <!-- 表单设计器 -->
37
+ <th-form-making :config="formConfig"></th-form-making>
38
+ <!-- 表单渲染器 -->
39
+ <th-form-generate :config="formConfig" :value="formValue"></th-form-generate>
40
+ ```
41
+
42
+ 基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element) 实现的可视化表单设计器，使用了最新的前端技术栈，可以让表单开发简单而高效。
43
+
44
+ - 可视化配置页面
45
+ - 提供栅格布局，并采用 flex 实现对齐
46
+ - 提供布局容器，并且可以相互嵌套（栅格、表格、标签页）
47
+ - 一键预览配置的效果
48
+ - 一键生成配置 json 数据
49
+ - 一键生成代码，立即可运行
50
+ - 提供自定义组件满足用户自定义需求
51
+ - 提供远端数据接口，方便用户需要异步获取数据加载
52
+ - 提供动作事件，可以让表单更加灵活配置
53
+ - 提供功能强大的高级组件
54
+ - 提供多维数据设计，支持表单结果数据内链
55
+ - 支持表单验证
56
+ - 快速获取表单数据
57
+
58
+ [更多介绍](https://tianhengui.demo.tianhengyun.com/document/formMaking/introduce)
59
+
60
+ ### Installation
61
+
62
+ ```shell
63
+ npm install tianheng-ui
64
+ ```
65
+
66
+ ### Quick Start
67
+
68
+ ```shell
69
+ import TianhengUI from "tianheng-ui";
70
+ import 'tianheng-ui/lib/theme-chalk/index.scss';
71
+ Vue.use(TianhengUI);
72
+ ```