fix(cli/gen): add default themes

affects: @varlet/cli, @varlet/ui
varletjs · Sep 30, 2021 · 2d68e91 · 2d68e91
1 parent 0f714de
commit 2d68e91
Show file tree

Hide file tree

Showing 8 changed files with 128 additions and 2 deletions.
diff --git a/packages/varlet-cli/README.en-US.md b/packages/varlet-cli/README.en-US.md
@@ -72,6 +72,10 @@ subject to the theme of the `varlet` official document
 | `color-app-bar` |
 | `color-mobile-cell-hover` |
 | `color-mobile-cell-hover-background` |
+| `color-pc-language-active` |
+| `color-pc-language-active-background` |
+| `color-mobile-language-active` |
+| `color-mobile-language-active-background` |
 
 #### SiteHighlight
 

diff --git a/packages/varlet-cli/README.md b/packages/varlet-cli/README.md
@@ -68,6 +68,10 @@ yarn dev
 | `color-app-bar` |
 | `color-mobile-cell-hover` |
 | `color-mobile-cell-hover-background` |
+| `color-pc-language-active` |
+| `color-pc-language-active-background` |
+| `color-mobile-language-active` |
+| `color-mobile-language-active-background` |
 
 #### SiteHighlight
 

diff --git a/packages/varlet-cli/generators/sfc/varlet.config.js b/packages/varlet-cli/generators/sfc/varlet.config.js
@@ -13,6 +13,10 @@ module.exports = {
     'color-side-bar': '#009688',
     'color-side-bar-active-background': '#00968821',
     'color-app-bar': '#009688',
+    'color-pc-language-active': '#009688',
+    'color-pc-language-active-background': '#00968821',
+    'color-mobile-language-active': '#009688',
+    'color-mobile-language-active-background': '#00968821',
     'color-mobile-cell-hover': '#009688',
     'color-mobile-cell-hover-background': '#00968821',
   },

diff --git a/packages/varlet-cli/generators/tsx/varlet.config.js b/packages/varlet-cli/generators/tsx/varlet.config.js
@@ -13,6 +13,10 @@ module.exports = {
     'color-side-bar': '#009688',
     'color-side-bar-active-background': '#00968821',
     'color-app-bar': '#009688',
+    'color-pc-language-active': '#009688',
+    'color-pc-language-active-background': '#00968821',
+    'color-mobile-language-active': '#009688',
+    'color-mobile-language-active-background': '#00968821',
     'color-mobile-cell-hover': '#009688',
     'color-mobile-cell-hover-background': '#00968821',
   },

diff --git a/packages/varlet-cli/varlet.default.config.js b/packages/varlet-cli/varlet.default.config.js
@@ -50,13 +50,13 @@ module.exports = {
     'color-type': '#00c48f',
     'color-progress': '#1d92e9',
     'color-progress-track': '#fff',
-    'color-pc-language-active': '#3a7afe',
-    'color-pc-language-active-background': '#edf5ff',
     'color-side-bar': '#3a7afe',
     'color-side-bar-active-background': '#3a7afe1a',
     'color-app-bar': '#3a7afe',
     'color-mobile-cell-hover': '#3a7afe',
     'color-mobile-cell-hover-background': '#3a7afe1a',
+    'color-pc-language-active': '#3a7afe',
+    'color-pc-language-active-background': '#edf5ff',
     'color-mobile-language-active': '#3a7afe',
     'color-mobile-language-active-background': '#edf5ff',
   },

diff --git a/packages/varlet-ui/docs/cli.en-US.md b/packages/varlet-ui/docs/cli.en-US.md
@@ -72,6 +72,10 @@ subject to the theme of the `varlet` official document
 | `color-app-bar` |
 | `color-mobile-cell-hover` |
 | `color-mobile-cell-hover-background` |
+| `color-pc-language-active` |
+| `color-pc-language-active-background` |
+| `color-mobile-language-active` |
+| `color-mobile-language-active-background` |
 
 #### SiteHighlight
 

diff --git a/packages/varlet-ui/docs/cli.zh-CN.md b/packages/varlet-ui/docs/cli.zh-CN.md
@@ -68,6 +68,10 @@ yarn dev
 | `color-app-bar` |
 | `color-mobile-cell-hover` |
 | `color-mobile-cell-hover-background` |
+| `color-pc-language-active` |
+| `color-pc-language-active-background` |
+| `color-mobile-language-active` |
+| `color-mobile-language-active-background` |
 
 #### SiteHighlight
 

diff --git a/packages/varlet-ui/src/table/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/table/__tests__/__snapshots__/index.spec.js.snap
@@ -27,5 +27,107 @@ exports[`test table example 1`] = `
     </table>
   </div>
   <!--v-if-->
+</div>
+<div class=\\"app-type\\">尾部插槽</div>
+<div class=\\"var-table var-elevation--1 var--box\\">
+  <div class=\\"var-table__main\\">
+    <table class=\\"var-table__table\\" style=\\"width: 100%;\\">
+      <thead>
+        <tr>
+          <th>姓名</th>
+          <th>数学</th>
+          <th>英语</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Name 1</td>
+          <td>1</td>
+          <td>1</td>
+        </tr>
+        <tr>
+          <td>Name 2</td>
+          <td>2</td>
+          <td>2</td>
+        </tr>
+        <tr>
+          <td>Name 3</td>
+          <td>3</td>
+          <td>3</td>
+        </tr>
+        <tr>
+          <td>Name 4</td>
+          <td>4</td>
+          <td>4</td>
+        </tr>
+        <tr>
+          <td>Name 5</td>
+          <td>5</td>
+          <td>5</td>
+        </tr>
+        <tr>
+          <td>Name 6</td>
+          <td>6</td>
+          <td>6</td>
+        </tr>
+        <tr>
+          <td>Name 7</td>
+          <td>7</td>
+          <td>7</td>
+        </tr>
+        <tr>
+          <td>Name 8</td>
+          <td>8</td>
+          <td>8</td>
+        </tr>
+        <tr>
+          <td>Name 9</td>
+          <td>9</td>
+          <td>9</td>
+        </tr>
+        <tr>
+          <td>Name 10</td>
+          <td>10</td>
+          <td>10</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class=\\"var-table__footer\\">
+    <div class=\\"footer\\">
+      <ul class=\\"var-pagination\\">
+        <li class=\\"var-pagination__item var-pagination__prev var-pagination__item-disabled\\"><i class=\\"var-icon var-icon--set var-icon-chevron-left\\" style=\\"transition: all 0ms;\\"></i></li>
+        <li class=\\"var-pagination__simple\\">
+          <div class=\\"var-input var--box\\" var-pagination-cover=\\"\\">
+            <div class=\\"var-input__controller\\">
+              <div class=\\"var-input__icon\\"></div>
+              <div class=\\"var-input__wrap\\">
+                <!--v-if--><input class=\\"var-input__input\\" autocomplete=\\"new-password\\" id=\\"var-input-8\\" type=\\"text\\" rows=\\"8\\" style=\\"resize: none;\\"><label class=\\"var-input__placeholder var-input--placeholder-hint\\" for=\\"var-input-8\\"></label>
+              </div>
+              <div class=\\"var-input__icon\\">
+                <!--v-if-->
+              </div>
+            </div>
+            <div class=\\"var-input__line\\">
+              <div class=\\"var-input__dot\\"></div>
+            </div>
+            <transition-stub>
+              <!--v-if-->
+            </transition-stub>
+          </div> / 10
+        </li>
+        <li class=\\"var-pagination__item var-pagination__next\\"><i class=\\"var-icon var-icon--set var-icon-chevron-right\\" style=\\"transition: all 0ms;\\"></i></li>
+        <li class=\\"var-pagination__size\\">
+          <div class=\\"var-menu\\">
+            <div class=\\"var-pagination__size-open\\" style=\\"display: flex;\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size-open-icon\\" style=\\"transition: all 0ms;\\" var-pagination-cover=\\"\\"></i></div>
+            <!--teleport start-->
+            <!--teleport end-->
+          </div>
+        </li>
+        <!--v-if-->
+        <!--v-if-->
+      </ul>
+    </div>
+  </div>
 </div>"
 `;