update

@CONTROL/@MACRO/CONTROL/FORM_MEMBER_LAYOUT.tsx.ftl

 <#assign layout='TABLE_24COL'><#if formmenber.getPSLayoutPos()??><#if formmenber.getPSLayoutPos().getParentPSLayout()??><#assign layout='${formmenber.getPSLayoutPos().getParentPSLayout().getLayout()}'></#if></#if>
 <#assign LayoutPos = formmenber.getPSLayoutPos()>
 <#if layout == 'TABLE_24COL' && LayoutPos??>
-<div nz-col <#if LayoutPos.getColXS() != -1> [nzSm]="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> [nzMd]="{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColMD() != -1> [nzLg]="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> [nzXl]="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }"</#if>>
+<div nz-col [ngClass]="{ hidden: !detailsModel.${item.name}.visible }" <#if LayoutPos.getColXS() != -1> [nzSm]="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> [nzMd]="{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColMD() != -1> [nzLg]="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> [nzXl]="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }"</#if>>
     ${P.getPartCode(formmenber).code}
 </div>
 <#elseif layout == 'FLEX'>
-<div style="<#if LayoutPos.getGrow() != -1>flex-grow: ${LayoutPos.getGrow()?c};<#if !LayoutPos.getHeight()??>height: 0;</#if></#if><#if LayoutPos.getWidth()??>width: ${LayoutPos.getWidth()?c}px;</#if><#if LayoutPos.getHeight()??>height: ${LayoutPos.getHeight()?c}px;</#if>">
+<div [ngClass]="{ hidden: !detailsModel.${item.name}.visible }" style="<#if LayoutPos.getGrow() != -1>flex-grow: ${LayoutPos.getGrow()?c};<#if !LayoutPos.getHeight()??>height: 0;</#if></#if><#if LayoutPos.getWidth()??>width: ${LayoutPos.getWidth()?c}px;</#if><#if LayoutPos.getHeight()??>height: ${LayoutPos.getHeight()?c}px;</#if>">
 ${P.getPartCode(formmenber).code}
 </div>
 <#else>

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

-<button [ngClass]="[ detailsModel.${item.name}.visible ? '' : 'hidden'<#if item.getPSSysCss?? && item.getPSSysCss()??>, '${item.getPSSysCss().getCssName()}'</#if> ]" nz-button nzType="primary" (click)="${item.name}_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>">
+<button class="<#if item.getPSSysCss?? && item.getPSSysCss()??>'${item.getPSSysCss().getCssName()}'</#if>" nz-button nzType="primary" (click)="${item.name}_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 className="${img.getCssClass()}"></i></#if></#if>
 <#if item.isShowCaption()><span >${item.getCaption()}</span></#if>
 </button>
\ No newline at end of file

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

 <#if !item.isHidden()>
-<nz-form-item [nzFlex]="true" [ngClass]="[ detailsModel.${item.name}.visible ? '' : 'hidden'<#if item.getPSSysCss?? && item.getPSSysCss()??>, '${item.getPSSysCss().getCssName()}'</#if> ]">
+<nz-form-item [nzFlex]="true" class="<#if item.getPSSysCss?? && item.getPSSysCss()??>'${item.getPSSysCss().getCssName()}'</#if>">
     <nz-form-label style="width: <#if item.getLabelWidth() gt 0>${item.getLabelWidth()?c}<#else>130</#if>px;">${item.getCaption()}</nz-form-label>
     <nz-form-control style="flex-grow: 1;">
 <@ibizindent blank=8>

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

@@ -7,7 +7,7 @@
     </#if>
     </#list>
 </#assign>
-<nz-card [nzBordered]="false" nzTitle="${item.getCaption()}" [ngClass]="[ detailsModel.${item.name}.visible ? '' : 'hidden'<#if item.getPSSysCss?? && item.getPSSysCss()??>, '${item.getPSSysCss().getCssName()}'</#if> ]">
+<nz-card [nzBordered]="false" nzTitle="${item.getCaption()}" class="<#if item.getPSSysCss?? && item.getPSSysCss()??>'${item.getPSSysCss().getCssName()}'</#if>">
 <@ibizindent blank=4>
 <#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">
 <#assign pageLayout = item.getPSLayout()>

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

 <#if item.render??>
 ${item.render.code}
 <#else>
-<div [ngClass]="[ detailsModel.${item.name}.visible ? '' : 'hidden'<#if item.getPSSysCss?? && 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 class="<#if item.getPSSysCss?? && 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.html#DETAIL_TABPANEL.ftl

-<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)}>
+<nz-tabset>
     <#list item.getPSDEFormTabPages() as formmenber>
-    {
-        this.detailsModel.${formmenber.name}.visible ?
-        <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 className='caption<#if formmenber.getLabelPSSysCss?? && formmenber.getLabelPSSysCss()??> ${formmenber.getLabelPSSysCss().getCssName()}</#if>'>
+        <nz-tab [nzTitle]="${formmenber.name}Template">
+            <ng-template #${formmenber.name}Template>
                 <#if formmenber.getPSSysImage()??>
-                            <span>
                 <#assign sysimage = formmenber.getPSSysImage()/>
                 <#if sysimage.getImagePath() ==  "">
-                                <i className='${sysimage.getCssClass()}'></i>&nbsp;
+                    <i class='${sysimage.getCssClass()}'></i>&nbsp;
                 <#else>
                     <img src='${sysimage.getImagePath()}'/>&nbsp;
                 </#if>
-                            </span>
                 </#if>
-                            ${formmenber.getCaption()}'</#if>
-                        </span>
-                    );
-                }
-            }>
+                ${formmenber.getCaption()}
+            </ng-template>
             ${P.getPartCode(formmenber).code}
-        </tab-pane> 
-        : ''
-    }
+        </nz-tab>
     </#list>
-</tabs>
+</nz-tabset>
\ No newline at end of file

@CONTROL/表单/CONTROL.ts.ftl

@@ -103,11 +103,11 @@ export class ${srfclassname('${ctrl.name}')} implements OnInit {
 	 * @param {{name: string, value: any}} {name, value}
 	 * @memberof ${srfclassname('${ctrl.name}')}
 	 */
-	public onFormDataChange({name, value}: {name: string, value: any}): void {
-		if (!this.data.hasOwnProperty(name)) {
+	public onFormDataChange(name: string, value: any): void {
+		if (Object.is(this.data[name], value)) {
             return;
         }
-		let oldVal: any = this.formData[name];
+		let oldVal: any = this.data[name];
 		this.data[name] = value;
 		this.formDataChange.next(JSON.stringify(this.data));
 		this.formLogic(name, value, oldVal);