feature: support autolayout in seata-statemachine-designer

[Code-breaker1998]

…gner

• I have registered the PR changes.

Ⅰ. Describe what this PR did

      These PR resolve the issue of autolayout in apache seata statemachine diagram

Ⅱ. Does this pull request fix one issue?

    fixes #6136 

Ⅲ. Why don't you add test cases (unit test/integration test)?

    following are the test cases under which I perform testing

sega1.json
sega2.json
sega3.json
sega4.json
StateMachine-6grdofu.json

Ⅳ. Describe how to verify it

   Click on import option , select the file which does not contain property like style,edge and waypoints . check whether they are able to import in statemachine diagram

Ⅴ. Special notes for reviews

[Code-breaker1998]

@ptyin ,
Can you go through this PR?

[liuqiufeng]

plz ignore .factorypath file

[liuqiufeng]

plz do not submit the package-lock.json file without a package update

[Code-breaker1998]

should i submit new PR or Will be fine with these...

[liuqiufeng]

plz ignore .

should i submit new PR or Will be fine with these...

可以直接在关联分支上改，提交后pr会同步生效
You can change it directly on the associated branch, and pr will be synchronized after the commit.

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 50.41%. Comparing base (f93a721) to head (460fbc4).
Report is 1 commits behind head on 2.x.

❗ Current head 460fbc4 differs from pull request most recent head 1bc9fbb. Consider uploading reports for the commit 1bc9fbb to get more accurate results

Additional details and impacted files

@@             Coverage Diff              @@
##                2.x    #6415      +/-   ##
============================================
- Coverage     50.43%   50.41%   -0.02%     
  Complexity     5253     5253              
============================================
  Files           941      941              
  Lines         33279    33279              
  Branches       4035     4035              
============================================
- Hits          16783    16778       -5     
- Misses        14871    14876       +5     
  Partials       1625     1625              

see 5 files with indirect coverage changes

[ptyin]

Fantastic job! I tested some JSON locally, and it works. There are some minor problems. PTAL.

However, some of auto-generated layout may look bizarre. I think we can sort it out in the future work. If you are interested in make the layout prettier, you can work on it and submit another PR (only if you feel that idea interested and worth trying).

[Code-breaker1998]

@ptyin

We can surely improve layout more , but for only can you accept these feature , if in future some one found difficulty in reading layout I will try once again .

I have resolved the changes can you check it once again.

[ptyin]

Basically there are too many eslint and code style problems. But no worry, I am working on fixing these problems. Maybe you can pay more attention next time.

[ptyin]

I will go over this PR again. There are some other minor necessary changes.

[Code-breaker1998]

sure

[ptyin]

@Code-breaker1998 Hi, are you working on it?

[Code-breaker1998]

Yes I am working on it . Give me 1 hour I will submit it

[ptyin]

Yes I am working on it . Give me 1 hour I will submit it

No hurry, take your time.

[Code-breaker1998]

@ptyin , done with the changes , please go through it

[ptyin]

LGTM

[ptyin]

@Code-breaker1998 Congratz! Your first PR has been successfully merged. Thanks for your work.

[Code-breaker1998]

Thanks, for your cooperation
But I have one question why you were telling me to use 'is' function , as without that also thing were getting done.

[ptyin]

Using 'is' function is helpful to centralize calls and extend in the future work. Suppose we want to extend a Task called 'ParallelTask'. Without 'is', then we have to modify all conditions scattered all around code.