@varlet/cli 3.2.12 → 3.2.14-alpha.1717685185218

package/lib/node/compiler/compileStyleVars.d.ts

@@ -1,3 +1,3 @@
 export declare function compileMD(path: string, keys: Set<string>): void;
-export declare function compileDir(path: string, keys: Set<string>): void;
-export declare function compileStyleVars(): void;
+export declare function compileDir(path: string, keys: Set<string>, defaultLanguage: 'zh-CN' | 'en-US'): void;
+export declare function compileStyleVars(): Promise<void>;

package/lib/node/compiler/compileStyleVars.js

@@ -3,6 +3,8 @@ import { SRC_DIR, TYPES_DIR } from '../shared/constant.js';
 import { resolve } from 'path';
 import { isDir, isMD } from '../shared/fsUtils.js';
 import { camelize } from '@varlet/shared';
+import { getVarletConfig } from '../config/varlet.config.js';
+import { get } from 'lodash-es';
 const { ensureDirSync, readdirSync, readFileSync, writeFileSync } = fse;
 export function compileMD(path, keys) {
     const content = readFileSync(path, 'utf-8');
@@ -11,18 +13,21 @@ export function compileMD(path, keys) {
         keys.add(key.replace(/`/g, ''));
     });
 }
-export function compileDir(path, keys) {
+export function compileDir(path, keys, defaultLanguage) {
     const dir = readdirSync(path);
     dir.forEach((filename) => {
         const filePath = resolve(path, filename);
-        isDir(filePath) && compileDir(filePath, keys);
-        isMD(filePath) && compileMD(filePath, keys);
+        isDir(filePath) && compileDir(filePath, keys, defaultLanguage);
+        if (isMD(filePath) && filename.includes(defaultLanguage)) {
+            compileMD(filePath, keys);
+        }
     });
 }
-export function compileStyleVars() {
+export async function compileStyleVars() {
     ensureDirSync(TYPES_DIR);
+    const defaultLanguage = get(await getVarletConfig(), 'defaultLanguage');
     const keys = new Set();
-    compileDir(SRC_DIR, keys);
+    compileDir(SRC_DIR, keys, defaultLanguage);
     let template = [...keys].reduce((template, key) => {
         template += `  '${key}'?: string\n`;
         template += `  ${camelize(key.slice(2))}?: string\n`;

package/lib/node/config/varlet.config.d.ts

@@ -30,6 +30,7 @@ export interface VarletConfigPcHeader {
     github?: string;
     changelog?: string;
     playground?: string;
+    ai?: string;
     themes?: Record<string, string>[];
     versions?: {
         name: string;

package/lib/node/config/varlet.default.config.js

@@ -1,15 +1,15 @@
 import { defineConfig } from './varlet.config.js';
 const title = {
-    'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
-    'en-US': 'Material design mobile components built for Vue3',
+    'zh-CN': 'Varlet - Vue3 Material Design 移动端组件库',
+    'en-US': 'Varlet - Material design mobile components built for Vue3',
 };
 const description = {
-    'zh-CN': 'Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验。',
+    'zh-CN': 'Varlet 是一个基于 Vue3 开发的 Material Design 移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验。',
     'en-US': 'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.',
 };
 const keywords = {
-    'zh-CN': 'Varlet,Vue3 移动端组件库,Material Design',
-    'en-US': 'Varlet,Vue3 Mobile Components Library,Material Design',
+    'zh-CN': 'Varlet,UI,Vue3 移动端组件库,Material Design 2,Material Design 3',
+    'en-US': 'Varlet,UI,Vue3 Mobile Components Library,Material Design 2,Material Design 3',
 };
 export default defineConfig({
     name: 'Varlet',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "3.2.12",
+  "version": "3.2.14-alpha.1717685185218",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -64,8 +64,8 @@
     "semver": "^7.3.5",
     "sharp": "0.31.1",
     "typescript": "^5.1.5",
-    "@varlet/shared": "3.2.12",
-    "@varlet/vite-plugins": "3.2.12"
+    "@varlet/shared": "3.2.14-alpha.1717685185218",
+    "@varlet/vite-plugins": "3.2.14-alpha.1717685185218"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.1",
@@ -80,9 +80,9 @@
     "@types/semver": "^7.3.9",
     "@types/sharp": "0.31.1",
     "rimraf": "^5.0.1",
-    "@varlet/ui": "3.2.12",
-    "@varlet/icons": "3.2.12",
-    "@varlet/touch-emulator": "3.2.12"
+    "@varlet/ui": "3.2.14-alpha.1717685185218",
+    "@varlet/icons": "3.2.14-alpha.1717685185218",
+    "@varlet/touch-emulator": "3.2.14-alpha.1717685185218"
   },
   "peerDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -95,9 +95,9 @@
     "lodash-es": "^4.17.21",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.2.12",
-    "@varlet/icons": "3.2.12",
-    "@varlet/touch-emulator": "3.2.12"
+    "@varlet/ui": "3.2.14-alpha.1717685185218",
+    "@varlet/icons": "3.2.14-alpha.1717685185218",
+    "@varlet/touch-emulator": "3.2.14-alpha.1717685185218"
   },
   "scripts": {
     "dev": "tsc --watch",

package/site/mobile/AppHome.vue

@@ -53,7 +53,7 @@ export default {
         query: {
           language: lang.value,
           platform: platform.value,
-          replace: component.doc
+          replace: component.doc,
         },
       })
 
@@ -77,9 +77,7 @@ export default {
 
 <style lang="less">
 .varlet-logo {
-  height: 100px;
   padding-top: 30px;
-  margin-bottom: 20px;
 }
 
 .varlet-home__title {
@@ -96,9 +94,9 @@ export default {
 }
 
 .varlet-home__desc {
-  margin: 0 0 40px;
   color: var(--site-config-color-sub-text);
   font-size: 14px;
+  line-height: 22px;
 }
 
 .varlet-home__image {

package/site/pc/components/AppAd.vue

@@ -68,29 +68,18 @@ function handleClose() {
   &__logo {
     height: 36px;
     border-radius: 8px;
-    transition: all 0.2s;
-
-    &:hover {
-      transform: scale(1.1);
-    }
   }
 
   &__description {
     display: flex;
     align-items: center;
-    height: 32px;
+    height: 34px;
     border-radius: 100px;
     padding: 0 18px;
     margin-left: 12px;
     font-size: 15px;
     background: #d0bcff;
     color: #381e72;
-    transition: all 0.2s;
-    transform-origin: left;
-
-    &:hover {
-      transform: scale(1.05);
-    }
   }
 
   &__close-button {

package/site/pc/components/AppHeader.vue

@@ -33,6 +33,16 @@
         </transition>
       </div>
 
+      <a
+        class="varlet-site-header__link"
+        style="width: auto; border-radius: 3px; padding: 0 12px; height: 40px"
+        target="_blank"
+        :href="ai"
+        v-ripple
+        v-if="ai"
+      >
+        <span>AI Agent</span>
+      </a>
       <a
         class="varlet-site-header__link"
         style="margin-right: 8px"
@@ -133,6 +143,7 @@ export default defineComponent({
     const github: Ref<string> = ref(get(config, 'pc.header.github'))
     const themes: Ref<Record<string, any>> = ref(get(config, 'pc.header.themes'))
     const changelog: Ref<string> = ref(get(config, 'pc.header.changelog'))
+    const ai: Ref<string> = ref(get(config, 'pc.header.ai'))
     const redirect = get(config, 'pc.redirect')
     const darkMode: Ref<boolean> = ref(get(config, 'pc.header.darkMode'))
     const currentTheme = ref(getBrowserTheme())
@@ -210,6 +221,7 @@ export default defineComponent({
       nonEmptyLanguages,
       playground,
       changelog,
+      ai,
       github,
       isOpenLanguageMenu,
       isOpenVersionsMenu,