update

@CONTROL/表单/CONTROL.tsx#DETAIL_BUTTON.ftl

@@ -3,6 +3,6 @@
 </#ibizinclude>
     <i-button type="primary" on-click={($event: any) => this.${item.getName()}_click($event)}
          style="<#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if>">
-        <#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><i class="${img.getCssClass()}"></i></#if></#if>   
+        <#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><i className="${img.getCssClass()}"></i></#if></#if>   
         <#if item.isShowCaption()><span >{<#if item.getCaptionItemName()?? && item.getCaptionItemName()?length gt 0>this.data.${item.getCaptionItemName()}<#else><#if langbase??>this.$t('${langbase}.details.${item.name}')<#else>'${item.getCaption()}'</#if></#if>}</span></#if>
     </i-button>
\ No newline at end of file

@CONTROL/表单/CONTROL.tsx#DETAIL_FORMITEM.ftl

@@ -2,7 +2,7 @@
 <#ibizinclude>
 ../@MACRO/CONTROL/LANGBASE.tsx.ftl
 </#ibizinclude>
-<Form.Item label="${item.getCaption()}" name='${item.name}' class='<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>'>
+<Form.Item label="${item.getCaption()}" name='${item.name}' className='<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>'>
 <@ibizindent blank=4>
     ${P.getEditorCode(item, "EDITOR.tsx").code}
 </@ibizindent>

@CONTROL/表单/CONTROL.tsx#DETAIL_GROUPPANEL.ftl

@@ -10,7 +10,7 @@
     </#if>
     </#list>
 </#assign>
-<Collapse defaultActiveKey={['${item.getName()}']} class='<#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>'>
+<Collapse defaultActiveKey={['${item.getName()}']} className='<#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>'>
     <Panel header="${item.getCaption()}" key="${item.getName()}">
 <@ibizindent blank=8>
 <#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">

@CONTROL/表单/CONTROL.tsx#DETAIL_RAWITEM.ftl

 <#if item.render??>
 ${item.render.code}
 <#else>
-<div class="<#if item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>" style="<#if item.getRawContentHeight() gt 0>height: ${item.getRawContentHeight()?c}px;</#if><#if item.getRawContentWidth() gt 0>width: ${item.getRawContentWidth()?c}px;</#if>">
+<div className="<#if item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>" style="<#if item.getRawContentHeight() gt 0>height: ${item.getRawContentHeight()?c}px;</#if><#if item.getRawContentWidth() gt 0>width: ${item.getRawContentWidth()?c}px;</#if>">
     ${item.getRawContent()}
 </div>
 </#if>
\ No newline at end of file

@CONTROL/表单/CONTROL.tsx#DETAIL_TABPANEL.ftl

 <#ibizinclude>
 ../@MACRO/CONTROL/LANGBASE.tsx.ftl
 </#ibizinclude>
-<tabs animated={false} name='${item.name}' v-show={this.detailsModel.${item.name}.visible} class='<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if><#if item.getPSLayoutPos()?? && item.getPSLayoutPos().getLayout() == "FLEX"> app-tabpanel-flex</#if>'  
+<tabs animated={false} name='${item.name}' v-show={this.detailsModel.${item.name}.visible} className='<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if><#if item.getPSLayoutPos()?? && item.getPSLayoutPos().getLayout() == "FLEX"> app-tabpanel-flex</#if>'  
     value={this.detailsModel.${item.name}.activiedPage} on-on-click={($event: any) => this.detailsModel.${item.name}.clickPage($event)}>
     <#list item.getPSDEFormTabPages() as formmenber>
     {
         this.detailsModel.${formmenber.name}.visible ?
-        <tab-pane name='${formmenber.name}' index={${formmenber_index}} tab='${item.name}' class='<#if formmenber.getPSSysCss?? && formmenber.getPSSysCss()??>${formmenber.getPSSysCss().getCssName()}</#if>'  
+        <tab-pane name='${formmenber.name}' index={${formmenber_index}} tab='${item.name}' className='<#if formmenber.getPSSysCss?? && formmenber.getPSSysCss()??>${formmenber.getPSSysCss().getCssName()}</#if>'  
             label={
                 (h: any) => {
                     return (
-                        <span class='caption<#if formmenber.getLabelPSSysCss?? && formmenber.getLabelPSSysCss()??> ${formmenber.getLabelPSSysCss().getCssName()}</#if>'>
+                        <span className='caption<#if formmenber.getLabelPSSysCss?? && formmenber.getLabelPSSysCss()??> ${formmenber.getLabelPSSysCss().getCssName()}</#if>'>
                             <#if formmenber.getPSSysImage()??>
                             <span>
                             <#assign sysimage = formmenber.getPSSysImage()/>
                             <#if sysimage.getImagePath() ==  "">
-                                <i class='${sysimage.getCssClass()}'></i>&nbsp;
+                                <i className='${sysimage.getCssClass()}'></i>&nbsp;
                             <#else>
                                 <img src='${sysimage.getImagePath()}'/>&nbsp;
                             </#if>

@CONTROL/表单/CONTROL.tsx#FORM.ftl

@@ -12,11 +12,11 @@
 <#list ctrl.getPSDEFormPages() as formpage>
                         <TabPane 
                             tab={
-                                <span class='caption<#if formpage.getLabelPSSysCss?? && formpage.getLabelPSSysCss()??> ${formpage.getLabelPSSysCss().getCssName()}</#if>'>
+                                <span className='caption<#if formpage.getLabelPSSysCss?? && formpage.getLabelPSSysCss()??> ${formpage.getLabelPSSysCss().getCssName()}</#if>'>
                                 <#if formpage.getPSSysImage()??>
                                 <#assign sysimage = formpage.getPSSysImage()/>
                                 <#if sysimage.getImagePath() == "">
-                                    <i class='${sysimage.getCssClass()}'></i>&nbsp;
+                                    <i className='${sysimage.getCssClass()}'></i>&nbsp;
                                 <#else>
                                     <img src='${sysimage.getImagePath()}'/>&nbsp;
                                 </#if>

@EDITOR/多行输入框/EDITOR.tsx.ftl

-<div class="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type">
-    <textarea class="ivu-input" v-model={this.data.${item.name}} disabled={this.detailsModel.${item.name}.disabled} style="${item.getEditorCssStyle()}"<#if item.getPlaceHolder()??> placeholder="${item.getPlaceHolder()}"</#if>></textarea>
+<div className="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type">
+    <textarea className="ivu-input" v-model={this.data.${item.name}} disabled={this.detailsModel.${item.name}.disabled} style="${item.getEditorCssStyle()}"<#if item.getPlaceHolder()??> placeholder="${item.getPlaceHolder()}"</#if>></textarea>
 </div>
\ No newline at end of file

@EDITOR/多行输入框（10行）/EDITOR.tsx.ftl

-<div class="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type">
-    <textarea class="ivu-input" rows={10} v-model={this.data.${item.name}} disabled={this.detailsModel.${item.name}.disabled} style="${item.getEditorCssStyle()}"<#if item.getPlaceHolder()??> placeholder="${item.getPlaceHolder()}"</#if>></textarea>
+<div className="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type">
+    <textarea className="ivu-input" rows={10} v-model={this.data.${item.name}} disabled={this.detailsModel.${item.name}.disabled} style="${item.getEditorCssStyle()}"<#if item.getPlaceHolder()??> placeholder="${item.getPlaceHolder()}"</#if>></textarea>
 </div>
\ No newline at end of file