tianheng-ui 0.1.82 → 0.1.84

Sign up to get free protection for your applications and to get access to all the features.
package/README.md CHANGED
@@ -1,72 +1,72 @@
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
- 基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element) 实现的可视化表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。
22
-
23
- - [在线预览](https://tianhengui.demo.tianhengyun.com)
24
- - [开发指南](https://tianhengui.demo.tianhengyun.com/guide)
25
- - [更新日志](https://tianhengui.demo.tianhengyun.com/component/changelog)
26
- - [组件](https://tianhengui.demo.tianhengyun.com/component/installation)
27
- - [WorkFlow](https://tianhengui.demo.tianhengyun.com/component/workflow) 工作流(基于 [bpmn-js](https://www.npmjs.com/package/bpmn-js) 实现业务流程设计器,可自定义流程节点:指定人员、指定部门、直属领导、联系多级主管、发起人自选、发起人自己,可支持根据业务字段进行条件判断。)
28
- - [CodeEditor](https://tianhengui.demo.tianhengyun.com/component/codeEditor) 代码编辑器(基于 [ace-builds](https://www.npmjs.com/package/ace-builds) 实现的代码编辑器)
29
- - [VueEditor](https://tianhengui.demo.tianhengyun.com/component/vueEditor) 富文本编辑器(基于 [vue2-editor](https://www.npmjs.com/package/vue2-editor) 实现的富文本编辑器)
30
- - [FormMaking](https://tianhengui.demo.tianhengyun.com/component/formMaking) 表单设计器(基于可视化操作快速设计出表单页面)
31
- - [FormGenerate](https://tianhengui.demo.tianhengyun.com/component/formGenerate) 表单渲染器(根据设计器中获取的配置 json 数据,快速渲染出表单页面)
32
- - [TableMaking](https://tianhengui.demo.tianhengyun.com/component/tableMaking) 列表设计器(基于可视化操作快速设计出列表页面)
33
- - [TableGenerate](https://tianhengui.demo.tianhengyun.com/component/tableGenerate/1602183544547655681) 列表渲染器(根据设计器中获取的配置 json 数据,快速渲染出列表页面)
34
-
35
- ## FormMaking 特性
36
-
37
- ```html
38
- <!-- 表单设计器 -->
39
- <th-form-making :config="formConfig"></th-form-making>
40
- <!-- 表单渲染器 -->
41
- <th-form-generate :config="formConfig" :value="formValue"></th-form-generate>
42
- ```
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
- ```
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
+ ```