[{"__symbolic":"module","version":4,"metadata":{"DynamicConductComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"dynamic-conduct","styles":[".designer-dynamic-conduct { .dynamic-conduct { .case { padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; } .text-danger { margin-top: 2px; } .form-inline-label { margin-top: 5px; } } .variable-warning-message { margin-left: 20%; } .coordinate-warning-message { margin-left: 0; } .flexem-option-transverse-input>input { width: 100%; padding: 0 5px; } .interval-top { margin-top: 10px; } .scale-shifting { width: 100%; } .fe-transverse-label { margin-bottom: 0; } .fe-option-head label { margin-bottom: 0; } .fe-transverse-component input { width: 100%; } }"],"template":"<form #dynamicConductForm=\"ngForm\" class=\"dynamic-conduct designer-dynamic-conduct\"> <div class=\"fe-modal-body\"> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" [checked]=\"dynamicSetting.isTranslation\" (change)=\"changeUseMove()\" /> <span>{{lc('Translation')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.isTranslation\" class=\"fe-modal-content\"> <!-- X轴start --> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" [checked]=\"dynamicSetting.isHorizontalTranslation\" (change)=\"changeUseXMove()\" /> <span>{{lc('HorizontalTranslation')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.isHorizontalTranslation\" class=\"fe-option-body\"> <div class=\"fe-form-group\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentReadXVariable\" [dataType]=\"wordDataType\" [readWriteModel]=\"readModel\"></variable-selector> </div> </div> <div class=\"variable-warning-message\" *ngIf=\"dynamicCouductError?.isHorInValid \"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.horInvalidList.indexOf('HorizontalVariableRequired') >=0\">{{lc('HorizontalVariableRequired')}}</span> </div> </div> </div> <div class=\"fe-form-group\"> <div class=\"fe-transverse-label\">{{lc('MovingRange')}}:</div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('LowerOfCoordinate')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"minXCoordinate\" (change)=\"checkHorTranslation()\" [min]=\"minHorCoordinate\" [max]=\"maxHorCoordinate\" reverse=\"true\" [(ngModel)]=\"dynamicSetting.horizontalTranslation.minCoordinate\"> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('UpperOfCoordinate')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"maxXCoordinate\" (change)=\"checkHorTranslation()\" [min]=\"minHorCoordinate\" [max]=\"maxHorCoordinate\" [(ngModel)]=\"dynamicSetting.horizontalTranslation.maxCoordinate\"> </div> </div> </div> <div class=\"coordinate-warning-message\" *ngIf=\"dynamicCouductError?.isHorInValid\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\" dynamicCouductError?.horInvalidList.indexOf('InvalidCoordinate') >= 0\">{{lc('InvalidCoordinate')}}</span> <span *ngIf=\" dynamicCouductError?.horInvalidList.indexOf('MinCoordinateInvalid') >= 0\">{{lc('MinCoordinateInvalid')}}</span> </div> </div> </div> <!-- 按比例移动 --> <div class=\"fe-form-group\"> <div class=\"fe-option-head scale-shifting\"> <label class=\"half-width\"> <input type=\"checkBox\" name=\"XProportion\" [checked]=\"dynamicSetting.horizontalTranslation.isProportion\" (change)=\"changeUseXMoveInProportion()\" /> <span>{{lc('MoveInProportion')}}</span> </label> <label *ngIf=\"dynamicSetting.horizontalTranslation.isProportion\" class=\"half-width\"> <input type=\"checkBox\" name=\"XReverseProportion\" [checked]=\"dynamicSetting.horizontalTranslation.isReverseProportion\" (change)=\"changeHorizontalReverseProportion()\" /> <span>{{lc('ReverseProportion')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.horizontalTranslation.isProportion\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('InputLowerLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"minXProportionScale\" (change)=\"checkHorTranslation()\" [min]=\"minVerCoordinate\" [max]=\"maxVerCoordinate\" [(ngModel)]=\"dynamicSetting.horizontalTranslation.minProportionScale\"> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('InputUpperLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"maxXProportionScale\" (change)=\"checkHorTranslation()\" [min]=\"minHorProportion\" [max]=\"maxHorProportion\" [(ngModel)]=\"dynamicSetting.horizontalTranslation.maxProportionScale\"> </div> </div> </div> <div class=\"proportion-warning-message\" *ngIf=\"dynamicCouductError?.isHorProportionInValid\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.horProportionInValidList.indexOf('InvalidProportion')>=0\">{{lc('InvalidProportion')}}</span> <span *ngIf=\"dynamicCouductError?.horProportionInValidList.indexOf('MinProportionInvalid')>=0\">{{lc('MinProportionInvalid')}}</span> </div> </div> </div> </div> </div> <!-- X轴end --> <!-- Y轴start --> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" [checked]=\"dynamicSetting.isVerticalTranslation\" (change)=\"changeUseYMove()\" /> <span>{{lc('VerticalTranslation')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.isVerticalTranslation\" class=\"fe-option-body\"> <div class=\"fe-form-group\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentReadYVariable\" [dataType]=\"wordDataType\" [readWriteModel]=\"readModel\"></variable-selector> </div> </div> <div class=\"variable-warning-message\" *ngIf=\"dynamicCouductError?.isVerInValid\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.verInvalidList.indexOf('VerticalVariableRequired')>=0\">{{lc('VerticalVariableRequired')}}</span> </div> </div> </div> <div class=\"fe-form-group\"> <div class=\"fe-transverse-label\">{{lc('MovingRange')}}:</div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('LowerOfCoordinate')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"minYCoordinate\" (change)=\"checkVerTranslation()\" [min]=\"minVerCoordinate\" [max]=\"maxVerCoordinate\" [(ngModel)]=\"dynamicSetting.verticalTranslation.minCoordinate\"> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('UpperOfCoordinate')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"maxYCoordinate\" (change)=\"checkVerTranslation()\" [min]=\"minVerCoordinate\" [max]=\"maxVerCoordinate\" [(ngModel)]=\"dynamicSetting.verticalTranslation.maxCoordinate\"> </div> </div> </div> <div class=\"coordinate-warning-message\" *ngIf=\"dynamicCouductError?.isVerInValid\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.verInvalidList.indexOf('InvalidCoordinate')>=0\">{{lc('InvalidCoordinate')}}</span> <span *ngIf=\"dynamicCouductError?.verInvalidList.indexOf('MinCoordinateInvalid')>=0\">{{lc('MinCoordinateInvalid')}}</span> </div> </div> </div> <!-- 按比例移动 --> <div class=\"fe-form-group\"> <div class=\"fe-option-head scale-shifting\"> <label class=\"half-width\"> <input type=\"checkBox\" name=\"YMoveInProportion\" [checked]=\"dynamicSetting.verticalTranslation.isProportion\" (change)=\"changeUseYMoveInProportion()\" /> <span>{{lc('MoveInProportion')}}</span> </label> <label *ngIf=\"dynamicSetting.verticalTranslation.isProportion\" class=\"half-width\"> <input type=\"checkBox\" name=\"YReverseProportion\" [checked]=\"dynamicSetting.verticalTranslation.isReverseProportion\" (change)=\"changeVerticalReverseProportion()\" /> <span>{{lc('ReverseProportion')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.verticalTranslation.isProportion\" class=\"fe-option-body\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('InputLowerLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"minYProportionScale\" (change)=\"checkVerTranslation()\" [min]=\"minVerProportion\" [max]=\"maxVerProportion\" [(ngModel)]=\"dynamicSetting.verticalTranslation.minProportionScale\"> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('InputUpperLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"maxYProportionScale\" (change)=\"checkVerTranslation()\" [min]=\"minVerProportion\" [max]=\"maxVerProportion\" [(ngModel)]=\"dynamicSetting.verticalTranslation.maxProportionScale\"> </div> </div> </div> <div class=\"proportion-warning-message\" *ngIf=\"dynamicCouductError?.isVerProportionInValid\" class=\"row\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.verProportionInValidList.indexOf('InvalidProportion')>=0\">{{lc('InvalidProportion')}}</span> <span *ngIf=\"dynamicCouductError?.verProportionInValidList.indexOf('MinProportionInvalid')>=0\">{{lc('MinProportionInvalid')}}</span> </div> </div> </div> </div> </div> <!-- Y轴end--> </div> <!-- 旋转START --> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" name=\"rotation\" [checked]=\"dynamicSetting.isRotation\" (change)=\"changeUseRotate()\" /> <span>{{lc('Rotation')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.isRotation\" class=\"fe-modal-content\"> <div class=\"fe-form-group\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\"> {{lc('RotationDirection')}}： </div> <div class=\"fe-transverse-component\"> <select name=\"rotationDirectionStatus\" [(ngModel)]=\"dynamicSetting.rotation.rotationDirection\" class=\"whole-width\"> <option *ngFor=\"let state of rotationDirectionStatus \" [value]=\"state.id\"> {{lc(state.name)}} </option> </select> </div> </div> <div class=\"fe-transverse-label clearfix interval-top\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentReadRotateVariable\" [dataType]=\"wordDataType\" [readWriteModel]=\"readModel\"></variable-selector> </div> </div> <div class=\"variable-warning-message\" *ngIf=\"dynamicCouductError?.isRotInValid \"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.rotInValidList.indexOf('RotationVariableRequired')>=0\">{{ lc('RotationVariableRequired')}}</span> </div> </div> </div> <div class=\"fe-form-group\"> <div class=\"fe-transverse-label\">{{lc('AngleOfRotation')}}:</div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('AngleLowerLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"minAngle\" (change)=\"checkRotation()\" [min]=\"0\" [max]=\"360\" [(ngModel)]=\"dynamicSetting.rotation.minAngle\" /> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('AngleUpperLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"maxAngle\" (change)=\"checkRotation()\" [min]=\"0\" [max]=\"360\" [(ngModel)]=\"dynamicSetting.rotation.maxAngle\"> </div> </div> </div> <div class=\"coordinate-warning-message\" *ngIf=\"dynamicCouductError?.isRotInValid\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.rotInValidList.indexOf('InvalidRotation')>=0\">{{lc('InvalidRotation')}}</span> <span *ngIf=\"dynamicCouductError?.rotInValidList.indexOf('MinRotationInvalid')>=0\">{{lc('MinRotationInvalid')}}</span> </div> </div> </div> <!-- 按比例旋转 --> <div class=\"fe-form-group\"> <div class=\"fe-option-head scale-shifting\"> <label class=\"half-width\"> <input type=\"checkBox\" [checked]=\"dynamicSetting.rotation.isProportion\" (change)=\"changeUseRotateInProportion()\" /> <span>{{lc('RotationInProportion')}}</span> </label> <label class=\"half-width\" *ngIf=\"dynamicSetting.rotation.isProportion\"> <input type=\"checkBox\" [checked]=\"dynamicSetting.rotation.isReverseProportion\" (change)=\"changeRotationReverseProportion()\" /> <span>{{lc('ReverseProportion')}}</span> </label> </div> <div *ngIf=\"dynamicSetting.rotation.isProportion\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('InputLowerLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"minRotateProportionScale\" (change)=\"checkRotation()\" [min]=\"minRotProportion\" [max]=\"maxRotProportion\" [(ngModel)]=\"dynamicSetting.rotation.minProportionScale\"> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc('InputUpperLimit')}}</div> <div class=\"fe-transverse-component\"> <input type=\"number\" name=\"maxRotateProportionScale\" (change)=\"checkRotation()\" [min]=\"minRotProportion\" [max]=\"maxRotProportion\" [(ngModel)]=\"dynamicSetting.rotation.maxProportionScale\"> </div> </div> </div> <div *ngIf=\"dynamicCouductError?.isRotProportionInValid\" class=\"proportion-warning-message\"> <div class=\"help-block text-danger addLeftMargin\"> <span *ngIf=\"dynamicCouductError?.rotProportionInValidList.indexOf('InvalidProportion')>=0\">{{lc('InvalidProportion')}}</span> <span *ngIf=\"dynamicCouductError?.rotProportionInValidList.indexOf('MinProportionInvalid')>=0\">{{lc('MinProportionInvalid')}}</span> </div> </div> </div> </div> </div> <!-- 旋转end --> </div> </form>"}]}],"members":{"dynamicSetting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"viewWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"viewHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}}]}],"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"validateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":9},"arguments":[{"__symbolic":"reference","module":"../../../core/variable/variable.service","name":"VARIABLE_SERVICE","line":123,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":122,"character":26},{"__symbolic":"reference","module":"../../../core/variable/variable.services","name":"VariableService","line":123,"character":68},{"__symbolic":"reference","module":"../../../diagram/utils/dynamic/rotation-direction.service","name":"RotationDirectionService","line":124,"character":51},{"__symbolic":"reference","module":"../../../../../shared/fbox/fbox/dataType.service","name":"DataTypeService","line":125,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setReadXVariable":[{"__symbolic":"method"}],"setReadYVariable":[{"__symbolic":"method"}],"setReadRotateVariable":[{"__symbolic":"method"}],"selectedReadXVariableChange":[{"__symbolic":"method"}],"selectedReadYVariableChange":[{"__symbolic":"method"}],"selectedReadRotateVariableChange":[{"__symbolic":"method"}],"setVariable":[{"__symbolic":"method"}],"initDataRangeByDataType":[{"__symbolic":"method"}],"initHorTranslationDataRange":[{"__symbolic":"method"}],"initVerTranslationDataRange":[{"__symbolic":"method"}],"initRotationDataRange":[{"__symbolic":"method"}],"checkHorTranslation":[{"__symbolic":"method"}],"checkVerTranslation":[{"__symbolic":"method"}],"checkRotation":[{"__symbolic":"method"}],"changeUseMove":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"initRotation_Translation":[{"__symbolic":"method"}],"changeUseRotate":[{"__symbolic":"method"}],"changeUseXMove":[{"__symbolic":"method"}],"changeUseYMove":[{"__symbolic":"method"}],"changeUseXMoveInProportion":[{"__symbolic":"method"}],"changeUseYMoveInProportion":[{"__symbolic":"method"}],"changeUseRotateInProportion":[{"__symbolic":"method"}],"changeRotationReverseProportion":[{"__symbolic":"method"}],"changeVerticalReverseProportion":[{"__symbolic":"method"}],"changeHorizontalReverseProportion":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]