feature:support non-properties-diff

[SunnyBoy-WYH]

What's the purpose of this PR

feature: support diff config for non-properties type files.

Which issue(s) this PR fixes:

Fixes #
link:#4315

Brief changelog

1. no back-end code changed,support table diff and text diff for yaml/xml/txt..
2. import 2 file from :1. https://github.com/jeremyfa/yaml.js/ 2. https://github.com/abdolence/x2js , MIT and apache2.0 liscense.
3. to support diff, i transfer yaml and xml to js object,and finally transfer the object to properties, and reuse the diff logic with properties to support table diff.
4. reuse the text diff components, just like the issue mentioned.

[github-actions]

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

[SunnyBoy-WYH]

I have read the CLA Document and I hereby sign the CLA.

[SunnyBoy-WYH]

I record a video for this feature, and please criticize and correct me, thank you very much!

QQ.20220823234052.mp4

[lepdou]

@SunnyBoy-WYH
Put comparison type field here?

[codecov-commenter]

Codecov Report

Merging #4533 (99fc252) into master (150fe19) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             master    #4533   +/-   ##
=========================================
  Coverage     53.41%   53.41%           
  Complexity     2708     2708           
=========================================
  Files           492      492           
  Lines         15390    15390           
  Branches       1596     1596           
=========================================
  Hits           8220     8220           
  Misses         6611     6611           
  Partials        559      559           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[lepdou]

It can be simplified to?

ng-checked="!isTableDiff"

[SunnyBoy-WYH]

@SunnyBoy-WYH Put comparison type field here?
I changed it~

[lepdou]

LGTM