init

@CONTROL/表单/CONTROL.html.ftl

+<#assign handler = ctrl.getPSAjaxControlHandler() />
+<#--  content  -->
+<#assign content>
+    autosave={${ctrl.isEnableAutoSave()?c}} 
+    viewtag={this.viewtag} 
+    showBusyIndicator={${ctrl.isShowBusyIndicator()?c}} 
+    <#if handler.getPSAjaxHandlerActions()??>
+    <#list handler.getPSAjaxHandlerActions() as action>
+    <#if action.getPSDEAction()??>
+    ${action.name?lower_case}Action='${action.getPSDEAction().getCodeName()?lower_case}' 
+    </#if>
+    </#list>
+    </#if> 
+    style='<#if ctrl.getWidth() gt 0>width: ${ctrl.getWidth()?c}px</#if><#if ctrl.getHeight() gt 0>height: ${ctrl.getHeight()?c}px</#if>' 
+</#assign>
 <#ibizinclude>
-../@MACRO/HTML/FORM.html.ftl
+./DEFAULT.html.ftl
 </#ibizinclude>
\ No newline at end of file

@CONTROL/表单/CONTROL.less.ftl

-.ivu-tabs-no-animation>.ivu-tabs-content{
-    padding: 0 16px;
-}
-.ivu-card-head{
-    padding: 14px 0;
-}
-.app-form {
-    flex-grow: 1;
-    height: 100%;
-    overflow: auto;
-    > .ivu-row {
-        height: 100%;
-        > .ivu-tabs {
-            height: 100%;
-            display: flex;
-            flex-direction: column;
-            > .ivu-tabs-content {
-                flex-grow: 1;
-                overflow: auto;
-                > .ivu-tabs-tabpane {
-                    height: 100%;
-                }
-            }
-        }
-    }
-}
-.app-tabpanel-flex {
-    height: 100%;
-    > .ivu-tabs-content {
-        height: calc(100% - 52px);
-        > .ivu-tabs-tabpane {
-            height: 100%;
-        }
-    }
-}
-
-.app-form {
-    >.ivu-row:nth-child(2) {
-        >.ivu-col:nth-child(1) {
-            >.ivu-row.app-form-group.app-group-hiddden-caption:nth-child(1) {
-                margin-top: 12px;
-            }
-        }
-    }
-}
-
-<#ibizinclude>
-../@MACRO/CSS/DEFAULT.less.ftl
-</#ibizinclude>
\ No newline at end of file
+<#if ctrl.getPSSysCsses?? && ctrl.getPSSysCsses()??>
+<#list ctrl.getPSSysCsses() as css>
+<#if css.getRawCssStyle()?? && css.getRawCssStyle()?length gt 0>
+.${css.getCssName()} {
+    ${css.getRawCssStyle()}
+}
+</#if>
+<#if css.getCssStyle()??>
+${css.getCssStyle()}
+</#if>
+</#list>
+</#if>
\ No newline at end of file

APP/src/App.tsx.ftl

@@ -3,7 +3,9 @@ TARGET=PSSYSAPP
 </#ibiztemplate>
 import React, { PureComponent } from 'react';
 import './App.less';
-import { Form } from './forms/main/main';
+import { Tabs } from 'antd';
+
+const { TabPane } = Tabs;
 
 /**
  * App
@@ -22,7 +24,17 @@ export default class App extends PureComponent {
      */
     public render() {
         return <div className="App">
-            <Form></Form>
+            <Tabs defaultActiveKey="1" onChange={callback}>
+                <TabPane tab="Tab 1" key="1">
+                Content of Tab Pane 1
+                </TabPane>
+                <TabPane tab="Tab 2" key="2">
+                Content of Tab Pane 2
+                </TabPane>
+                <TabPane tab="Tab 3" key="3">
+                Content of Tab Pane 3
+                </TabPane>
+            </Tabs>
         </div>;
     }