feat(sheet): support range theme template

[VicKun4937]

• support sheet range theme template
  Strategy:
• the row style has high priority than col style, it means a row style has backgroud red, and column is blue, it will show red.
• the style will merge different property
• if two range is interestect , the fisrt one will effect.
• the column has low proprity to row.

const fwb = univerAPI.getActiveWorkbook()
const fws = fwb.getActiveSheet()
// const fRange = fws.getRange('A1:D21');
// fRange.useThemeStyle('default');
// fRange.useThemeStyle('rowYellow');
let startRowoffset = 0;

const themes = fwb.getRegisteredRangeThemes();
const count = (themes.length -1) /3;
for(let i =0 ;i < count; i++){
     fws.getRange(startRowoffset, 0,   6 ,5 ).useThemeStyle(themes[i*3+1]);
     fws.getRange(startRowoffset, 6,   6 ,5 ).useThemeStyle(themes[i*3+2]);
     fws.getRange(startRowoffset, 12,   6 ,5 ).useThemeStyle(themes[i*3+3]);
    startRowoffset+= 7
}

[github-actions]

View Deployment

📑 Examples	📚 Storybook
🔗 Preview link	🔗 Preview link

[github-actions]

Playwright test results

 15 failed
 6 passed

Details

 21 tests across 10 suites
 16 minutes, 58 seconds
 cdcf0c2
 For more information, see full report

Failed tests

chromium › disposing/disposing.spec.ts › no error on constructing and disposing
chromium › disposing/disposing.spec.ts › no error on constructing and disposing sheet unit
chromium › disposing/disposing.spec.ts › no error when dispose a unit
chromium › smoking/mobile-s/mobile-s-smoking.spec.ts › ensure mobile-s boots up without errors
chromium › smoking/sheets-multi/sheets-multi-smoking.spec.ts › ensure sheets-multi boots up without errors
chromium › smoking/uni/uni-smoking.spec.ts › ensure uni boots up without errors
chromium › visual-comparison/sheets/sheets-gridlines.spec.ts › sheets no gridlines
chromium › visual-comparison/sheets/sheets-scroll.spec.ts › cells rendering after scrolling
chromium › visual-comparison/sheets/sheets-scroll.spec.ts › rendering after scrolling by API
chromium › visual-comparison/sheets/sheets-visual-comparison.spec.ts › diff default sheet toolbar
chromium › visual-comparison/sheets/sheets-visual-comparison.spec.ts › diff default sheet content
chromium › visual-comparison/sheets/sheets-visual-comparison.spec.ts › diff demo sheet content
chromium › visual-comparison/sheets/sheets-visual-comparison.spec.ts › diff merged cells rendering
chromium › visual-comparison/sheets/sheets-visual-comparison.spec.ts › diff sheet default style rendering
chromium › visual-comparison/sheets/sheets-visual-comparison.spec.ts › diff facade sheet hooks

[codecov]

Codecov Report

Attention: Patch coverage is 1.31868% with 449 lines in your changes missing coverage. Please review.

Project coverage is 33.22%. Comparing base (e909093) to head (8156334).
Report is 8 commits behind head on dev.

Files with missing lines	Patch %	Lines
packages/sheets/src/model/range-theme-util.ts	0.00%	183 Missing ⚠️
packages/sheets/src/model/range-theme-model.ts	0.00%	148 Missing ⚠️
...ds/mutations/add-worksheet-range-theme.mutation.ts	0.00%	15 Missing ⚠️
...mutations/delete-worksheet-range-theme.mutation.ts	0.00%	15 Missing ⚠️
...ackages/sheets/src/services/range-theme-service.ts	0.00%	14 Missing ⚠️
...ands/commands/add-worksheet-range-theme.command.ts	0.00%	11 Missing ⚠️
...s/commands/delete-worksheet-range-theme.command.ts	0.00%	11 Missing ⚠️
packages/sheets/src/facade/f-range.ts	0.00%	11 Missing ⚠️
packages/sheets/src/model/range-themes/blue.ts	0.00%	6 Missing ⚠️
packages/sheets/src/model/range-themes/green.ts	0.00%	6 Missing ⚠️
... and 8 more

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #4369      +/-   ##
==========================================
- Coverage   33.37%   33.22%   -0.16%     
==========================================
  Files        2529     2542      +13     
  Lines      130404   131072     +668     
  Branches    29103    29229     +126     
==========================================
+ Hits        43526    43545      +19     
- Misses      86878    87527     +649     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[wzhudev]

LGTM. cc @hexf00 If you are going to release this PR in a version, please make sure that corresponding transform functions are implemented in univer-pro as this PR introduces two new mutations. cc @yuhongz as collaboration owner.

[yuhongz]

LGTM

[univer-bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

Origin Title: feat(sheet): support range theme template

Title: feat(sheet): support range theme template

---

• support sheet range theme template
  Strategy:
• the row style has high priority than col style, it means a row style has backgroud red, and column is blue, it will show red.
• the style will merge different property
• if two range is interestect , the fisrt one will effect.
• the column has low proprity to row.

const fwb = univerAPI.getActiveWorkbook()
const fws = fwb.getActiveSheet()
// const fRange = fws.getRange('A1:D21');
// fRange.useThemeStyle('default');
// fRange.useThemeStyle('rowYellow');
let startRowoffset = 0;

const themes = fwb.getRegisteredRangeThemes();
const count = (themes.length -1) /3;
for(let i =0 ;i < count; i++){
     fws.getRange(startRowoffset, 0,   6 ,5 ).useThemeStyle(themes[i*3+1]);
     fws.getRange(startRowoffset, 6,   6 ,5 ).useThemeStyle(themes[i*3+2]);
     fws.getRange(startRowoffset, 12,   6 ,5 ).useThemeStyle(themes[i*3+3]);
    startRowoffset+= 7
}