feat(comp:theme): root level IxThemeProvider is no longer needed

IDuxFE · Dec 8, 2023 · 990da76 · 990da76
1 parent be8fc4f
commit 990da76
Show file tree

Hide file tree

Showing 84 changed files with 888 additions and 823 deletions.
diff --git a/packages/components/_private/date-panel/__tests__/__snapshots__/datePanel.spec.ts.snap b/packages/components/_private/date-panel/__tests__/__snapshots__/datePanel.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`DatePanel > date type disabledDate work 1`] = `
-"<div class=\\"ix-date-panel ix-date-panel-date \\">
+"<div class=\\"ix-date-panel ix-date-panel-date ix-global-fa9x1m\\">
   <div class=\\"ix-date-panel-header\\"><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上一年\\"><i class=\\"ix-icon ix-icon-double-left\\" role=\\"img\\" aria-label=\\"double-left\\"></i></button><button class=\\"ix-date-panel-header-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上个月\\"><i class=\\"ix-icon ix-icon-left\\" role=\\"img\\" aria-label=\\"left\\"></i></button>
     <div class=\\"ix-date-panel-header-content\\"><button type=\\"button\\" tabindex=\\"-1\\" title=\\"选择年份\\">2021年</button><button type=\\"button\\" tabindex=\\"-1\\" title=\\"选择月份\\">10月</button></div><button class=\\"ix-date-panel-header-super-next visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下个月\\"><i class=\\"ix-icon ix-icon-right\\" role=\\"img\\" aria-label=\\"right\\"></i></button><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下一年\\"><i class=\\"ix-icon ix-icon-double-right\\" role=\\"img\\" aria-label=\\"double-right\\"></i></button>
   </div>
@@ -262,7 +262,7 @@ exports[`DatePanel > date type disabledDate work 1`] = `
 `;
 
 exports[`DatePanel > month type disabledDate work 1`] = `
-"<div class=\\"ix-date-panel ix-date-panel-month \\">
+"<div class=\\"ix-date-panel ix-date-panel-month ix-global-fa9x1m\\">
   <div class=\\"ix-date-panel-header\\"><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上一年\\"><i class=\\"ix-icon ix-icon-double-left\\" role=\\"img\\" aria-label=\\"double-left\\"></i></button><button class=\\"ix-date-panel-header-prev\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上个月\\"><i class=\\"ix-icon ix-icon-left\\" role=\\"img\\" aria-label=\\"left\\"></i></button>
     <div class=\\"ix-date-panel-header-content\\"><button type=\\"button\\" tabindex=\\"-1\\" title=\\"选择年份\\">2021年</button></div><button class=\\"ix-date-panel-header-super-next\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下个月\\"><i class=\\"ix-icon ix-icon-right\\" role=\\"img\\" aria-label=\\"right\\"></i></button><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下一年\\"><i class=\\"ix-icon ix-icon-double-right\\" role=\\"img\\" aria-label=\\"double-right\\"></i></button>
   </div>
@@ -345,7 +345,7 @@ exports[`DatePanel > month type disabledDate work 1`] = `
 `;
 
 exports[`DatePanel > render work 1`] = `
-"<div class=\\"ix-date-panel ix-date-panel-date \\">
+"<div class=\\"ix-date-panel ix-date-panel-date ix-global-fa9x1m\\">
   <div class=\\"ix-date-panel-header\\"><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上一年\\"><i class=\\"ix-icon ix-icon-double-left\\" role=\\"img\\" aria-label=\\"double-left\\"></i></button><button class=\\"ix-date-panel-header-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上个月\\"><i class=\\"ix-icon ix-icon-left\\" role=\\"img\\" aria-label=\\"left\\"></i></button>
     <div class=\\"ix-date-panel-header-content\\"><button type=\\"button\\" tabindex=\\"-1\\" title=\\"选择年份\\">2021年</button><button type=\\"button\\" tabindex=\\"-1\\" title=\\"选择月份\\">10月</button></div><button class=\\"ix-date-panel-header-super-next visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下个月\\"><i class=\\"ix-icon ix-icon-right\\" role=\\"img\\" aria-label=\\"right\\"></i></button><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下一年\\"><i class=\\"ix-icon ix-icon-double-right\\" role=\\"img\\" aria-label=\\"double-right\\"></i></button>
   </div>
@@ -606,7 +606,7 @@ exports[`DatePanel > render work 1`] = `
 `;
 
 exports[`DatePanel > year type disabledDate work 1`] = `
-"<div class=\\"ix-date-panel ix-date-panel-year \\">
+"<div class=\\"ix-date-panel ix-date-panel-year ix-global-fa9x1m\\">
   <div class=\\"ix-date-panel-header\\"><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上一年代\\"><i class=\\"ix-icon ix-icon-double-left\\" role=\\"img\\" aria-label=\\"double-left\\"></i></button><button class=\\"ix-date-panel-header-prev\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"上个月\\"><i class=\\"ix-icon ix-icon-left\\" role=\\"img\\" aria-label=\\"left\\"></i></button>
     <div class=\\"ix-date-panel-header-content\\"><button type=\\"button\\" tabindex=\\"-1\\">2020-2029</button></div><button class=\\"ix-date-panel-header-super-next\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下个月\\"><i class=\\"ix-icon ix-icon-right\\" role=\\"img\\" aria-label=\\"right\\"></i></button><button class=\\"ix-date-panel-header-super-prev visible\\" type=\\"button\\" tabindex=\\"-1\\" title=\\"下一年代\\"><i class=\\"ix-icon ix-icon-double-right\\" role=\\"img\\" aria-label=\\"double-right\\"></i></button>
   </div>

diff --git a/packages/components/_private/empty/__tests__/__snapshots__/empty.spec.ts.snap b/packages/components/_private/empty/__tests__/__snapshots__/empty.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`Empty > render work 1`] = `
-"<div class=\\"ix-empty\\">
+"<div class=\\"ix-global-fa9x1m ix-empty-3oksif ix-empty\\">
   <div class=\\"ix-empty-image\\"><svg width=\\"240\\" height=\\"150\\" viewBox=\\"0 0 240 150\\" xmlns=\\"http://www.w3.org/2000/svg\\">
       <defs>
         <linearGradient id=\\"IDUX_EMPTY_DEFAULT_4_a\\" x1=\\"98.732%\\" x2=\\"1.144%\\" y1=\\"35.249%\\" y2=\\"64.751%\\">

diff --git a/packages/components/_private/footer/__tests__/__snapshots__/footer.spec.ts.snap b/packages/components/_private/footer/__tests__/__snapshots__/footer.spec.ts.snap
@@ -1,9 +1,9 @@
 // Vitest Snapshot v1
 
 exports[`Footer > render work 1`] = `
-"<div><button class=\\"ix-button ix-button-primary ix-button-sm\\" type=\\"button\\"><span>ok</span>
+"<div><button class=\\"ix-global-fa9x1m ix-button-r6a773 ix-button ix-button-primary ix-button-sm\\" type=\\"button\\"><span>ok</span>
     <div aria-hidden=\\"true\\" class=\\"ix-wave\\"></div>
-  </button><button class=\\"ix-button ix-button-default ix-button-sm\\" type=\\"button\\"><span>cancel</span>
+  </button><button class=\\"ix-global-fa9x1m ix-button-r6a773 ix-button ix-button-default ix-button-sm\\" type=\\"button\\"><span>cancel</span>
     <div aria-hidden=\\"true\\" class=\\"ix-wave\\"></div>
   </button></div>"
 `;
diff --git a/packages/components/_private/header/__tests__/__snapshots__/header.spec.ts.snap b/packages/components/_private/header/__tests__/__snapshots__/header.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`Header > render work 1`] = `
-"<div class=\\"ix-header ix-header-md\\">
+"<div class=\\"ix-global-fa9x1m ix-header-1lw89yh ix-header ix-header-md\\">
   <!---->
   <!---->
   <div class=\\"ix-header-content\\">

diff --git a/packages/components/_private/input/__tests__/__snapshots__/input.spec.ts.snap b/packages/components/_private/input/__tests__/__snapshots__/input.spec.ts.snap
@@ -2,14 +2,14 @@
 
 exports[`Input > render work 1`] = `"<input class=\\"ix-input ix-input-md\\">"`;
 
-exports[`Input > render work 2`] = `"<span class=\\"ix-input ix-input-md ix-input-with-addon-after\\"><!----><input class=\\"ix-input-inner\\"><span class=\\"ix-input-addon\\">addonAfter</span></span>"`;
+exports[`Input > render work 2`] = `"<span class=\\"ix-input ix-input-md ix-input-with-addon-after ix-global-fa9x1m\\"><!----><input class=\\"ix-input-inner\\"><span class=\\"ix-input-addon\\">addonAfter</span></span>"`;
 
 exports[`Input > render work 3`] = `
-"<span class=\\"ix-input ix-input-md ix-input-with-suffix\\"><!----><input class=\\"ix-input-inner\\"><span class=\\"ix-input-suffix\\"><i class=\\"ix-icon ix-icon-setting\\" role=\\"img\\" aria-label=\\"setting\\"></i></span>
+"<span class=\\"ix-input ix-input-md ix-input-with-suffix ix-global-fa9x1m\\"><!----><input class=\\"ix-input-inner\\"><span class=\\"ix-input-suffix\\"><i class=\\"ix-icon ix-icon-setting\\" role=\\"img\\" aria-label=\\"setting\\"></i></span>
 <!----></span>"
 `;
 
 exports[`Input > render work 4`] = `
-"<span class=\\"ix-input ix-input-md ix-input-with-addon-after ix-input-with-suffix\\"><!----><span class=\\"ix-input-wrapper\\"><!----><input class=\\"ix-input-inner\\"><span class=\\"ix-input-suffix\\"><i class=\\"ix-icon ix-icon-setting\\" role=\\"img\\" aria-label=\\"setting\\"></i></span>
+"<span class=\\"ix-input ix-input-md ix-input-with-addon-after ix-input-with-suffix ix-global-fa9x1m\\"><!----><span class=\\"ix-input-wrapper\\"><!----><input class=\\"ix-input-inner\\"><span class=\\"ix-input-suffix\\"><i class=\\"ix-icon ix-icon-setting\\" role=\\"img\\" aria-label=\\"setting\\"></i></span>
 <!----></span><span class=\\"ix-input-addon\\">addonAfter</span></span>"
 `;
diff --git a/packages/components/_private/mask/__tests__/__snapshots__/mask.spec.ts.snap b/packages/components/_private/mask/__tests__/__snapshots__/mask.spec.ts.snap
@@ -2,6 +2,6 @@
 
 exports[`Mask > render work 1`] = `
 "<transition-stub name=\\"ix-fade\\" appear=\\"true\\" persisted=\\"false\\" css=\\"true\\">
-  <div class=\\"ix-mask\\"></div>
+  <div class=\\"ix-mask ix-global-fa9x1m\\"></div>
 </transition-stub>"
 `;
diff --git a/packages/components/_private/overflow/__tests__/__snapshots__/overflow.spec.ts.snap b/packages/components/_private/overflow/__tests__/__snapshots__/overflow.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`Overflow > maxLabel responsive work 1`] = `
-"<div class=\\"ix-overflow ix-test-overflow \\">
+"<div class=\\"ix-overflow ix-test-overflow ix-global-fa9x1m\\">
   <div class=\\"ix-overflow-item\\">0</div>
   <div class=\\"ix-overflow-item\\">1</div>
   <div class=\\"ix-overflow-item\\">2</div>
@@ -28,7 +28,7 @@ exports[`Overflow > maxLabel responsive work 1`] = `
 `;
 
 exports[`Overflow > maxLabel responsive work 2`] = `
-"<div class=\\"ix-overflow ix-test-overflow \\">
+"<div class=\\"ix-overflow ix-test-overflow ix-global-fa9x1m\\">
   <div class=\\"ix-overflow-item\\">0</div>
   <div class=\\"ix-overflow-item\\" style=\\"display: none;\\">1</div>
   <div class=\\"ix-overflow-item\\" style=\\"display: none;\\">2</div>
@@ -55,14 +55,14 @@ exports[`Overflow > maxLabel responsive work 2`] = `
 `;
 
 exports[`Overflow > render work 1`] = `
-"<div class=\\"ix-overflow test-overflow \\">
+"<div class=\\"ix-overflow test-overflow ix-global-fa9x1m\\">
   <!---->
   <!---->
 </div>"
 `;
 
 exports[`Overflow > render work 2`] = `
-"<div class=\\"ix-overflow test-overflow \\">
+"<div class=\\"ix-overflow test-overflow ix-global-fa9x1m\\">
   <div class=\\"ix-overflow-item ix-overflow-rest\\" style=\\"display: none;\\">+ 0 ...</div>
   <!---->
 </div>"

diff --git a/packages/components/_private/time-panel/__tests__/__snapshots__/timePanel.spec.ts.snap b/packages/components/_private/time-panel/__tests__/__snapshots__/timePanel.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`TimePanel > disableMinutes work 1`] = `
-"<div class=\\"ix-time-panel\\">
+"<div class=\\"ix-time-panel ix-global-fa9x1m\\">
   <div class=\\"ix-time-panel-column\\">
     <ul class=\\"ix-time-panel-column-inner\\">
       <li class=\\"ix-time-panel-cell ix-time-panel-cell-selected\\">00</li>
@@ -162,7 +162,7 @@ exports[`TimePanel > disableMinutes work 1`] = `
 `;
 
 exports[`TimePanel > disableSeconds work 1`] = `
-"<div class=\\"ix-time-panel\\">
+"<div class=\\"ix-time-panel ix-global-fa9x1m\\">
   <div class=\\"ix-time-panel-column\\">
     <ul class=\\"ix-time-panel-column-inner\\">
       <li class=\\"ix-time-panel-cell ix-time-panel-cell-selected\\">00</li>
@@ -323,7 +323,7 @@ exports[`TimePanel > disableSeconds work 1`] = `
 `;
 
 exports[`TimePanel > disabledHours work 1`] = `
-"<div class=\\"ix-time-panel\\">
+"<div class=\\"ix-time-panel ix-global-fa9x1m\\">
   <div class=\\"ix-time-panel-column\\">
     <ul class=\\"ix-time-panel-column-inner\\">
       <li class=\\"ix-time-panel-cell ix-time-panel-cell-selected\\">00</li>
@@ -484,7 +484,7 @@ exports[`TimePanel > disabledHours work 1`] = `
 `;
 
 exports[`TimePanel > render work 1`] = `
-"<div class=\\"ix-time-panel\\">
+"<div class=\\"ix-time-panel ix-global-fa9x1m\\">
   <div class=\\"ix-time-panel-column\\">
     <ul class=\\"ix-time-panel-column-inner\\">
       <li class=\\"ix-time-panel-cell ix-time-panel-cell-selected\\">00</li>

diff --git a/packages/components/alert/__tests__/__snapshots__/alert.spec.ts.snap b/packages/components/alert/__tests__/__snapshots__/alert.spec.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`Alert > render work 1`] = `
 "<transition-stub name=\\"ix-alert\\" appear=\\"false\\" persisted=\\"false\\" css=\\"true\\">
-  <div class=\\"ix-alert ix-alert-warning\\"><span class=\\"ix-alert-icon\\"><i class=\\"ix-icon ix-icon-exclamation-circle\\" role=\\"img\\" aria-label=\\"exclamation-circle\\"></i></span>
+  <div class=\\"ix-global-fa9x1m ix-alert-xp3nvh ix-alert ix-alert-warning\\"><span class=\\"ix-alert-icon\\"><i class=\\"ix-icon ix-icon-exclamation-circle\\" role=\\"img\\" aria-label=\\"exclamation-circle\\"></i></span>
     <div class=\\"ix-alert-content\\">
       <div class=\\"ix-alert-title\\"></div>
       <!---->