Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
F
formbase
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
formexample_react
formbase
提交
4911828c
提交
4911828c
编写于
12月 20, 2019
作者:
ibizdev
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
ibizdev提交
上级
93141a26
变更
23
展开全部
隐藏空白字符变更
内嵌
并排
正在显示
23 个修改的文件
包含
2935 行增加
和
9 行删除
+2935
-9
App.tsx
app_Default/src/App.tsx
+46
-6
main.less
app_Default/src/forms/entity/main/main.less
+55
-0
main.tsx
app_Default/src/forms/entity/main/main.tsx
+471
-0
main.less
app_Default/src/forms/entity2/main/main.less
+55
-0
main.tsx
app_Default/src/forms/entity2/main/main.tsx
+471
-0
main.less
app_Default/src/forms/entity3/main/main.less
+55
-0
main.tsx
app_Default/src/forms/entity3/main/main.tsx
+471
-0
main.less
app_Default/src/forms/entity4/main/main.less
+55
-0
main.tsx
app_Default/src/forms/entity4/main/main.tsx
+471
-0
main.less
app_Default/src/forms/entity5/main/main.less
+55
-0
main.tsx
app_Default/src/forms/entity5/main/main.tsx
+471
-0
app-rich-text-editor.tsx
.../components/app-rich-text-editor/app-rich-text-editor.tsx
+3
-3
index.tsx
app_Default/src/index.tsx
+1
-0
entity-edit-view.less
...t/src/pages/module/entity-edit-view/entity-edit-view.less
+1
-0
entity-edit-view.tsx
...lt/src/pages/module/entity-edit-view/entity-edit-view.tsx
+50
-0
entity2-edit-view.less
...rc/pages/module2/entity2-edit-view/entity2-edit-view.less
+1
-0
entity2-edit-view.tsx
...src/pages/module2/entity2-edit-view/entity2-edit-view.tsx
+50
-0
entity3-edit-view.less
...rc/pages/module3/entity3-edit-view/entity3-edit-view.less
+1
-0
entity3-edit-view.tsx
...src/pages/module3/entity3-edit-view/entity3-edit-view.tsx
+50
-0
entity4-edit-view.less
...rc/pages/module4/entity4-edit-view/entity4-edit-view.less
+1
-0
entity4-edit-view.tsx
...src/pages/module4/entity4-edit-view/entity4-edit-view.tsx
+50
-0
entity5-edit-view.less
...rc/pages/module5/entity5-edit-view/entity5-edit-view.less
+1
-0
entity5-edit-view.tsx
...src/pages/module5/entity5-edit-view/entity5-edit-view.tsx
+50
-0
未找到文件。
app_Default/src/App.tsx
浏览文件 @
4911828c
import
React
,
{
PureComponent
}
from
'react'
;
import
EntityEditView
from
'./pages/module/entity-edit-view/entity-edit-view'
;
import
ExampleEditorType
from
'./pages/exapmple/example-editor-type/example-editor-type'
;
import
ExampleEditView
from
'./pages/exapmple/example-edit-view/example-edit-view'
;
import
Entity3EditView
from
'./pages/module3/entity3-edit-view/entity3-edit-view'
;
import
Entity4EditView
from
'./pages/module4/entity4-edit-view/entity4-edit-view'
;
import
Entity5EditView
from
'./pages/module5/entity5-edit-view/entity5-edit-view'
;
import
ExampleDLFEditView
from
'./pages/exapmple/example-dlfedit-view/example-dlfedit-view'
;
import
Entity2EditView
from
'./pages/module2/entity2-edit-view/entity2-edit-view'
;
import
'./App.less'
;
import
{
Layout
,
Menu
,
Breadcrumb
,
Icon
}
from
'antd'
;
const
{
Header
,
Content
,
Footer
,
Sider
}
=
Layout
;
...
...
@@ -20,7 +25,7 @@ export default class App extends PureComponent {
/**
* 当前页面
*/
public
currentPage
:
string
=
"E
xampleEditorType
"
;
public
currentPage
:
string
=
"E
ntityEditView
"
;
/**
* 处理菜单点击
...
...
@@ -38,15 +43,30 @@ export default class App extends PureComponent {
* 获取当前视图
*/
public
getCurPage
():
any
{
if
(
Object
.
is
(
this
.
currentPage
,
"EntityEditView"
))
{
return
<
EntityEditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"ExampleEditorType"
))
{
return
<
ExampleEditorType
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"ExampleEditView"
))
{
return
<
ExampleEditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"Entity3EditView"
))
{
return
<
Entity3EditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"Entity4EditView"
))
{
return
<
Entity4EditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"Entity5EditView"
))
{
return
<
Entity5EditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"ExampleDLFEditView"
))
{
return
<
ExampleDLFEditView
/>;
}
if
(
Object
.
is
(
this
.
currentPage
,
"Entity2EditView"
))
{
return
<
Entity2EditView
/>;
}
}
/**
...
...
@@ -70,20 +90,40 @@ export default class App extends PureComponent {
return
<
div
className=
"App"
>
<
Layout
id=
"components-layout-demo-custom-trigger"
>
<
Sider
trigger=
{
null
}
collapsible
style=
{
{
minHeight
:
'100vh'
}
}
>
<
div
className=
"logo"
><
img
src=
"
https://cdn.ibizlab.cn/super-form
/logo.png"
/></
div
>
<
Menu
theme=
"dark"
mode=
"inline"
defaultSelectedKeys=
{
[
'"E
xampleEditorType""ExampleEditView""ExampleDLF
EditView"'
]
}
onClick=
{
({
item
,
key
,
keyPath
,
domEvent
})
=>
{
this
.
handleMenuClick
(
item
,
key
,
keyPath
,
domEvent
)
}
}
>
<
Menu
.
Item
key=
"E
xampleEditorType
"
>
<
div
className=
"logo"
><
img
src=
"
assets/images
/logo.png"
/></
div
>
<
Menu
theme=
"dark"
mode=
"inline"
defaultSelectedKeys=
{
[
'"E
ntityEditView""ExampleEditorType""ExampleEditView""Entity3EditView""Entity4EditView""Entity5EditView""ExampleDLFEditView""Entity2
EditView"'
]
}
onClick=
{
({
item
,
key
,
keyPath
,
domEvent
})
=>
{
this
.
handleMenuClick
(
item
,
key
,
keyPath
,
domEvent
)
}
}
>
<
Menu
.
Item
key=
"E
ntityEditView
"
>
<
Icon
type=
"user"
/>
<
span
>
实体编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"ExampleEditorType"
>
<
Icon
type=
"video-camera"
/>
<
span
>
基础编辑器
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"ExampleEditView"
>
<
Icon
type=
"
video-camera
"
/>
<
Icon
type=
"
upload
"
/>
<
span
>
基础表单项
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"ExampleDLFEditView"
>
<
Menu
.
Item
key=
"Entity3EditView"
>
<
Icon
type=
"user"
/>
<
span
>
实体3编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"Entity4EditView"
>
<
Icon
type=
"video-camera"
/>
<
span
>
实体4编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"Entity5EditView"
>
<
Icon
type=
"upload"
/>
<
span
>
实体5编辑视图
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"ExampleDLFEditView"
>
<
Icon
type=
"user"
/>
<
span
>
表单项动态逻辑示例
</
span
>
</
Menu
.
Item
>
<
Menu
.
Item
key=
"Entity2EditView"
>
<
Icon
type=
"video-camera"
/>
<
span
>
实体2编辑视图
</
span
>
</
Menu
.
Item
>
</
Menu
>
</
Sider
>
<
Layout
>
...
...
app_Default/src/forms/entity/main/main.less
0 → 100644
浏览文件 @
4911828c
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
app_Default/src/forms/entity/main/main.tsx
0 → 100644
浏览文件 @
4911828c
此差异已折叠。
点击以展开。
app_Default/src/forms/entity2/main/main.less
0 → 100644
浏览文件 @
4911828c
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
app_Default/src/forms/entity2/main/main.tsx
0 → 100644
浏览文件 @
4911828c
此差异已折叠。
点击以展开。
app_Default/src/forms/entity3/main/main.less
0 → 100644
浏览文件 @
4911828c
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
app_Default/src/forms/entity3/main/main.tsx
0 → 100644
浏览文件 @
4911828c
此差异已折叠。
点击以展开。
app_Default/src/forms/entity4/main/main.less
0 → 100644
浏览文件 @
4911828c
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
app_Default/src/forms/entity4/main/main.tsx
0 → 100644
浏览文件 @
4911828c
此差异已折叠。
点击以展开。
app_Default/src/forms/entity5/main/main.less
0 → 100644
浏览文件 @
4911828c
// this is less
.app-form-item {
display: flex;
justify-content: space-between;
padding-right: 16px;
margin-bottom: 6px;
.app-form-item-label {
text-align: right;
height: 32px;
line-height: 32px;
padding-right: 16px;
.isrequired {
display: inline-block;
margin-right: 4px;
font-family: SimSun;
line-height: 1;
font-size: 14px;
color: #f5222d;
}
}
.app-form-item-container {
.ant-form-item {
width: 100%;
.ant-form-item-control-wrapper {
width: 100%;
height: auto;
min-height: 59px;
}
}
}
}
.app-form-item-left {
flex-direction: row;
}
.app-form-item-right {
flex-direction: row-reverse;
}
.app-form-item-top {
flex-direction: column;
}
.app-form-item-bottom {
flex-direction: column-reverse;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
app_Default/src/forms/entity5/main/main.tsx
0 → 100644
浏览文件 @
4911828c
此差异已折叠。
点击以展开。
app_Default/src/ibizsys/components/app-rich-text-editor/app-rich-text-editor.tsx
浏览文件 @
4911828c
...
...
@@ -197,10 +197,10 @@ export default class AppRichTextEditor extends PureComponent<RichTextProps> {
{
text
:
"C#"
,
value
:
"csharp"
},
{
text
:
"C++"
,
value
:
"cpp"
}
],
codesample_content_css
:
"
https://cdn.ibizlab.cn/super-form
/tinymce/prism.css"
,
skin_url
:
"
https://cdn.ibizlab.cn/super-form
/tinymce/skins/lightgray"
,
codesample_content_css
:
"
assets
/tinymce/prism.css"
,
skin_url
:
"
assets
/tinymce/skins/lightgray"
,
language_url
:
"
https://cdn.ibizlab.cn/super-form
/tinymce/langs/"
+
"
assets
/tinymce/langs/"
+
(
this
.
langu
?
this
.
langu
:
"zh_CN"
)
+
".js"
,
setup
:
editor
=>
{
...
...
app_Default/src/index.tsx
浏览文件 @
4911828c
...
...
@@ -7,6 +7,7 @@ import { ConfigProvider } from 'antd';
import
zhCN
from
'antd/es/locale/zh_CN'
;
import
moment
from
'moment'
;
import
'moment/locale/zh-cn'
;
import
'antd/dist/antd.css'
;
moment
.
locale
(
'zh-cn'
);
ReactDOM
.
render
(<
ConfigProvider
locale=
{
zhCN
}
><
App
/></
ConfigProvider
>,
document
.
getElementById
(
'root'
));
...
...
app_Default/src/pages/module/entity-edit-view/entity-edit-view.less
0 → 100644
浏览文件 @
4911828c
// this is less
app_Default/src/pages/module/entity-edit-view/entity-edit-view.tsx
0 → 100644
浏览文件 @
4911828c
import
React
,
{
PureComponent
}
from
'react'
;
import
'./entity-edit-view.less'
;
import
Mainform
from
'../../../forms/entity/main/main'
;
/**
* EntityEditView
*
* @export
* @class EntityEditView
* @extends {PureComponent}
*/
export
default
class
EntityEditView
extends
PureComponent
{
public
formData
=
{
"bookname"
:
"test1"
,
"input"
:
"文本test"
,
"label"
:
"标签test"
,
"group1"
:
"书籍基本信息test"
,
"formpage1"
:
"基本信息test"
,
"createman"
:
"建立人test"
,
"createdate"
:
"建立时间test"
,
"updateman"
:
"更新人test"
,
"updatedate"
:
"更新时间test"
,
"group2"
:
"操作信息test"
,
"formpage2"
:
"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof EntityEditView
*/
public
render
()
{
return
<>
<
div
>
<
Mainform
data=
{
{}
}
formItemChange=
{
(
value
:
any
)
=>
{
this
.
formItemChange
(
value
)}
}
></
Mainform
>
</
div
>
</>;
}
/**
* 表单项变化
* @param value
*/
public
formItemChange
(
value
:
any
){
console
.
log
(
value
);
}
}
\ No newline at end of file
app_Default/src/pages/module2/entity2-edit-view/entity2-edit-view.less
0 → 100644
浏览文件 @
4911828c
// this is less
app_Default/src/pages/module2/entity2-edit-view/entity2-edit-view.tsx
0 → 100644
浏览文件 @
4911828c
import
React
,
{
PureComponent
}
from
'react'
;
import
'./entity2-edit-view.less'
;
import
Mainform
from
'../../../forms/entity2/main/main'
;
/**
* Entity2EditView
*
* @export
* @class Entity2EditView
* @extends {PureComponent}
*/
export
default
class
Entity2EditView
extends
PureComponent
{
public
formData
=
{
"bookname"
:
"test1"
,
"input"
:
"文本test"
,
"label"
:
"标签test"
,
"group1"
:
"书籍基本信息test"
,
"formpage1"
:
"基本信息test"
,
"createman"
:
"建立人test"
,
"createdate"
:
"建立时间test"
,
"updateman"
:
"更新人test"
,
"updatedate"
:
"更新时间test"
,
"group2"
:
"操作信息test"
,
"formpage2"
:
"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity2EditView
*/
public
render
()
{
return
<>
<
div
>
<
Mainform
data=
{
{}
}
formItemChange=
{
(
value
:
any
)
=>
{
this
.
formItemChange
(
value
)}
}
></
Mainform
>
</
div
>
</>;
}
/**
* 表单项变化
* @param value
*/
public
formItemChange
(
value
:
any
){
console
.
log
(
value
);
}
}
\ No newline at end of file
app_Default/src/pages/module3/entity3-edit-view/entity3-edit-view.less
0 → 100644
浏览文件 @
4911828c
// this is less
app_Default/src/pages/module3/entity3-edit-view/entity3-edit-view.tsx
0 → 100644
浏览文件 @
4911828c
import
React
,
{
PureComponent
}
from
'react'
;
import
'./entity3-edit-view.less'
;
import
Mainform
from
'../../../forms/entity3/main/main'
;
/**
* Entity3EditView
*
* @export
* @class Entity3EditView
* @extends {PureComponent}
*/
export
default
class
Entity3EditView
extends
PureComponent
{
public
formData
=
{
"bookname"
:
"test1"
,
"input"
:
"文本test"
,
"label"
:
"标签test"
,
"group1"
:
"书籍基本信息test"
,
"formpage1"
:
"基本信息test"
,
"createman"
:
"建立人test"
,
"createdate"
:
"建立时间test"
,
"updateman"
:
"更新人test"
,
"updatedate"
:
"更新时间test"
,
"group2"
:
"操作信息test"
,
"formpage2"
:
"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity3EditView
*/
public
render
()
{
return
<>
<
div
>
<
Mainform
data=
{
{}
}
formItemChange=
{
(
value
:
any
)
=>
{
this
.
formItemChange
(
value
)}
}
></
Mainform
>
</
div
>
</>;
}
/**
* 表单项变化
* @param value
*/
public
formItemChange
(
value
:
any
){
console
.
log
(
value
);
}
}
\ No newline at end of file
app_Default/src/pages/module4/entity4-edit-view/entity4-edit-view.less
0 → 100644
浏览文件 @
4911828c
// this is less
app_Default/src/pages/module4/entity4-edit-view/entity4-edit-view.tsx
0 → 100644
浏览文件 @
4911828c
import
React
,
{
PureComponent
}
from
'react'
;
import
'./entity4-edit-view.less'
;
import
Mainform
from
'../../../forms/entity4/main/main'
;
/**
* Entity4EditView
*
* @export
* @class Entity4EditView
* @extends {PureComponent}
*/
export
default
class
Entity4EditView
extends
PureComponent
{
public
formData
=
{
"bookname"
:
"test1"
,
"input"
:
"文本test"
,
"label"
:
"标签test"
,
"group1"
:
"书籍基本信息test"
,
"formpage1"
:
"基本信息test"
,
"createman"
:
"建立人test"
,
"createdate"
:
"建立时间test"
,
"updateman"
:
"更新人test"
,
"updatedate"
:
"更新时间test"
,
"group2"
:
"操作信息test"
,
"formpage2"
:
"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity4EditView
*/
public
render
()
{
return
<>
<
div
>
<
Mainform
data=
{
{}
}
formItemChange=
{
(
value
:
any
)
=>
{
this
.
formItemChange
(
value
)}
}
></
Mainform
>
</
div
>
</>;
}
/**
* 表单项变化
* @param value
*/
public
formItemChange
(
value
:
any
){
console
.
log
(
value
);
}
}
\ No newline at end of file
app_Default/src/pages/module5/entity5-edit-view/entity5-edit-view.less
0 → 100644
浏览文件 @
4911828c
// this is less
app_Default/src/pages/module5/entity5-edit-view/entity5-edit-view.tsx
0 → 100644
浏览文件 @
4911828c
import
React
,
{
PureComponent
}
from
'react'
;
import
'./entity5-edit-view.less'
;
import
Mainform
from
'../../../forms/entity5/main/main'
;
/**
* Entity5EditView
*
* @export
* @class Entity5EditView
* @extends {PureComponent}
*/
export
default
class
Entity5EditView
extends
PureComponent
{
public
formData
=
{
"bookname"
:
"test1"
,
"input"
:
"文本test"
,
"label"
:
"标签test"
,
"group1"
:
"书籍基本信息test"
,
"formpage1"
:
"基本信息test"
,
"createman"
:
"建立人test"
,
"createdate"
:
"建立时间test"
,
"updateman"
:
"更新人test"
,
"updatedate"
:
"更新时间test"
,
"group2"
:
"操作信息test"
,
"formpage2"
:
"其它test"
}
/**
* 绘制内容
*
* @returns
* @memberof Entity5EditView
*/
public
render
()
{
return
<>
<
div
>
<
Mainform
data=
{
{}
}
formItemChange=
{
(
value
:
any
)
=>
{
this
.
formItemChange
(
value
)}
}
></
Mainform
>
</
div
>
</>;
}
/**
* 表单项变化
* @param value
*/
public
formItemChange
(
value
:
any
){
console
.
log
(
value
);
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录