@varlet/cli 1.27.4 → 1.27.7-alpha.1650880107793

package/lib/commands/release.js

@@ -128,13 +128,78 @@ function updateVersion(version) {
         (0, fs_extra_1.writeFileSync)(file, JSON.stringify(config, null, 2));
     });
 }
+function confirmRegistry() {
+    return __awaiter(this, void 0, void 0, function () {
+        var registry, name, ret;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, execa_1.default)('npm', ['config', 'get', 'registry'])];
+                case 1:
+                    registry = (_a.sent()).stdout;
+                    name = 'Registry confirm';
+                    return [4 /*yield*/, inquirer_1.default.prompt([
+                            {
+                                name: name,
+                                type: 'confirm',
+                                message: "Current registry is: ".concat(registry),
+                            },
+                        ])];
+                case 2:
+                    ret = _a.sent();
+                    return [2 /*return*/, ret[name]];
+            }
+        });
+    });
+}
+function confirmVersion(currentVersion, expectVersion) {
+    return __awaiter(this, void 0, void 0, function () {
+        var name, ret;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    name = 'Version confirm';
+                    return [4 /*yield*/, inquirer_1.default.prompt([
+                            {
+                                name: name,
+                                type: 'confirm',
+                                message: "All packages version ".concat(currentVersion, " -> ").concat(expectVersion, ":"),
+                            },
+                        ])];
+                case 1:
+                    ret = _a.sent();
+                    return [2 /*return*/, ret[name]];
+            }
+        });
+    });
+}
+function getReleaseType() {
+    return __awaiter(this, void 0, void 0, function () {
+        var name, ret;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    name = 'Please select release type';
+                    return [4 /*yield*/, inquirer_1.default.prompt([
+                            {
+                                name: name,
+                                type: 'list',
+                                choices: releaseTypes,
+                            },
+                        ])];
+                case 1:
+                    ret = _a.sent();
+                    return [2 /*return*/, ret[name]];
+            }
+        });
+    });
+}
 function release(cmd) {
     return __awaiter(this, void 0, void 0, function () {
-        var currentVersion, name_1, ret, type, isPreRelease, expectVersion, confirm_1, _a, error_1;
+        var currentVersion, type, isPreRelease, expectVersion, _a, error_1;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    _b.trys.push([0, 13, , 14]);
+                    _b.trys.push([0, 14, , 15]);
                     currentVersion = require((0, path_1.resolve)(constant_1.CWD, 'package.json')).version;
                     if (!currentVersion) {
                         logger_1.default.error('Your package is missing the version field');
@@ -146,68 +211,57 @@ function release(cmd) {
                         logger_1.default.error('Git worktree is not empty, please commit changed');
                         return [2 /*return*/];
                     }
-                    name_1 = 'Please select release type';
-                    return [4 /*yield*/, inquirer_1.default.prompt([
-                            {
-                                name: name_1,
-                                type: 'list',
-                                choices: releaseTypes,
-                            },
-                        ])];
+                    return [4 /*yield*/, confirmRegistry()];
                 case 2:
-                    ret = _b.sent();
-                    type = ret[name_1];
+                    if (!(_b.sent())) {
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, getReleaseType()];
+                case 3:
+                    type = _b.sent();
                     isPreRelease = type.startsWith('pre');
                     expectVersion = semver_1.default.inc(currentVersion, type, "alpha.".concat(Date.now()));
                     expectVersion = isPreRelease ? expectVersion.slice(0, -2) : expectVersion;
-                    name_1 = 'version confirm';
-                    return [4 /*yield*/, inquirer_1.default.prompt([
-                            {
-                                name: name_1,
-                                type: 'confirm',
-                                message: "All packages version ".concat(currentVersion, " -> ").concat(expectVersion, ":"),
-                            },
-                        ])];
-                case 3:
-                    confirm_1 = _b.sent();
-                    if (!confirm_1[name_1]) {
+                    return [4 /*yield*/, confirmVersion(currentVersion, expectVersion)];
+                case 4:
+                    if (!(_b.sent())) {
                         return [2 /*return*/];
                     }
                     updateVersion(expectVersion);
-                    if (!!isPreRelease) return [3 /*break*/, 6];
+                    if (!!isPreRelease) return [3 /*break*/, 7];
                     return [4 /*yield*/, (0, changelog_1.changelog)()];
-                case 4:
+                case 5:
                     _b.sent();
                     return [4 /*yield*/, pushGit(expectVersion, cmd.remote)];
-                case 5:
+                case 6:
                     _b.sent();
-                    _b.label = 6;
-                case 6: return [4 /*yield*/, publish(isPreRelease)];
-                case 7:
+                    _b.label = 7;
+                case 7: return [4 /*yield*/, publish(isPreRelease)];
+                case 8:
                     _b.sent();
                     logger_1.default.success("Release version ".concat(expectVersion, " successfully!"));
-                    if (!isPreRelease) return [3 /*break*/, 12];
-                    _b.label = 8;
-                case 8:
-                    _b.trys.push([8, 11, , 12]);
-                    return [4 /*yield*/, (0, execa_1.default)('git', ['restore', '**/package.json'])];
+                    if (!isPreRelease) return [3 /*break*/, 13];
+                    _b.label = 9;
                 case 9:
-                    _b.sent();
-                    return [4 /*yield*/, (0, execa_1.default)('git', ['restore', 'package.json'])];
+                    _b.trys.push([9, 12, , 13]);
+                    return [4 /*yield*/, (0, execa_1.default)('git', ['restore', '**/package.json'])];
                 case 10:
                     _b.sent();
-                    return [3 /*break*/, 12];
+                    return [4 /*yield*/, (0, execa_1.default)('git', ['restore', 'package.json'])];
                 case 11:
+                    _b.sent();
+                    return [3 /*break*/, 13];
+                case 12:
                     _a = _b.sent();
                     logger_1.default.error('Restore package.json has failed, please restore manually');
-                    return [3 /*break*/, 12];
-                case 12: return [3 /*break*/, 14];
-                case 13:
+                    return [3 /*break*/, 13];
+                case 13: return [3 /*break*/, 15];
+                case 14:
                     error_1 = _b.sent();
                     logger_1.default.error(error_1.toString());
                     process.exit(1);
-                    return [3 /*break*/, 14];
-                case 14: return [2 /*return*/];
+                    return [3 /*break*/, 15];
+                case 15: return [2 /*return*/];
             }
         });
     });

package/lib/compiler/compileSiteEntry.d.ts

@@ -1,9 +1,9 @@
 export declare function getExampleRoutePath(examplePath: string): string;
-export declare function getComponentDocsRoutePath(componentDocsPath: string): string;
-export declare function getRootDocsRoutePath(rootDocsPath: string): string;
-export declare function findExamplePaths(): Promise<string[]>;
-export declare function findComponentDocsPaths(): Promise<string[]>;
-export declare function findRootDocsPaths(): Promise<string[]>;
+export declare function getComponentDocRoutePath(componentDocsPath: string): string;
+export declare function getRootDocRoutePath(rootDocsPath: string): string;
+export declare function findExamples(): Promise<string[]>;
+export declare function findComponentDocs(): Promise<string[]>;
+export declare function findRootDocs(): Promise<string[]>;
 export declare function buildMobileSiteRoutes(): Promise<void>;
 export declare function buildPcSiteRoutes(): Promise<void>;
 export declare function buildSiteSource(): Promise<void>;

package/lib/compiler/compileSiteEntry.js

@@ -60,15 +60,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildSiteEntry = exports.buildSiteSource = exports.buildPcSiteRoutes = exports.buildMobileSiteRoutes = exports.findRootDocsPaths = exports.findComponentDocsPaths = exports.findExamplePaths = exports.getRootDocsRoutePath = exports.getComponentDocsRoutePath = exports.getExampleRoutePath = void 0;
-var slash_1 = __importDefault(require("slash"));
+exports.buildSiteEntry = exports.buildSiteSource = exports.buildPcSiteRoutes = exports.buildMobileSiteRoutes = exports.findRootDocs = exports.findComponentDocs = exports.findExamples = exports.getRootDocRoutePath = exports.getComponentDocRoutePath = exports.getExampleRoutePath = void 0;
 var constant_1 = require("../shared/constant");
 var fs_extra_1 = require("fs-extra");
-var path_1 = require("path");
 var fsUtils_1 = require("../shared/fsUtils");
 var varlet_config_1 = require("../config/varlet.config");
 var EXAMPLE_COMPONENT_NAME_RE = /\/([-\w]+)\/example\/index.vue/;
@@ -79,89 +74,39 @@ function getExampleRoutePath(examplePath) {
     return '/' + ((_a = examplePath.match(EXAMPLE_COMPONENT_NAME_RE)) === null || _a === void 0 ? void 0 : _a[1]);
 }
 exports.getExampleRoutePath = getExampleRoutePath;
-function getComponentDocsRoutePath(componentDocsPath) {
+function getComponentDocRoutePath(componentDocsPath) {
     var _a;
     var _b = __read((_a = componentDocsPath.match(COMPONENT_DOCS_RE)) !== null && _a !== void 0 ? _a : [], 3), routePath = _b[1], language = _b[2];
     return "/".concat(language, "/").concat(routePath);
 }
-exports.getComponentDocsRoutePath = getComponentDocsRoutePath;
-function getRootDocsRoutePath(rootDocsPath) {
+exports.getComponentDocRoutePath = getComponentDocRoutePath;
+function getRootDocRoutePath(rootDocsPath) {
     var _a;
     var _b = __read((_a = rootDocsPath.match(ROOT_DOCS_RE)) !== null && _a !== void 0 ? _a : [], 3), routePath = _b[1], language = _b[2];
     return "/".concat(language, "/").concat(routePath);
 }
-exports.getRootDocsRoutePath = getRootDocsRoutePath;
-function findExamplePaths() {
-    return __awaiter(this, void 0, void 0, function () {
-        var dir, buildPath, existPath, slashPath;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, fs_extra_1.readdir)(constant_1.SRC_DIR)];
-                case 1:
-                    dir = _a.sent();
-                    buildPath = function (filename) { return (0, path_1.resolve)(constant_1.SRC_DIR, filename, constant_1.EXAMPLE_DIR_NAME, constant_1.EXAMPLE_DIR_INDEX); };
-                    existPath = function (filename) { return (0, fs_extra_1.pathExistsSync)(buildPath(filename)); };
-                    slashPath = function (filename) { return (0, slash_1.default)(buildPath(filename)); };
-                    return [2 /*return*/, dir.filter(existPath).map(slashPath)];
-            }
-        });
-    });
+exports.getRootDocRoutePath = getRootDocRoutePath;
+function findExamples() {
+    return (0, fsUtils_1.glob)("".concat(constant_1.SRC_DIR, "/**/").concat(constant_1.EXAMPLE_DIR_NAME, "/").concat(constant_1.EXAMPLE_DIR_INDEX));
 }
-exports.findExamplePaths = findExamplePaths;
-function findComponentDocsPaths() {
-    return __awaiter(this, void 0, void 0, function () {
-        var dir, buildPath, existPath, collectRoutePath;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, fs_extra_1.readdir)(constant_1.SRC_DIR)];
-                case 1:
-                    dir = _a.sent();
-                    buildPath = function (filename) { return (0, path_1.resolve)(constant_1.SRC_DIR, filename, constant_1.DOCS_DIR_NAME); };
-                    existPath = function (filename) { return (0, fs_extra_1.pathExistsSync)(buildPath(filename)); };
-                    collectRoutePath = function (routePaths, filename) {
-                        var dirPath = buildPath(filename);
-                        (0, fs_extra_1.readdirSync)(dirPath).forEach(function (mdName) {
-                            var path = (0, path_1.resolve)(dirPath, mdName);
-                            (0, fsUtils_1.isMD)(path) && routePaths.push((0, slash_1.default)(path));
-                        });
-                        return routePaths;
-                    };
-                    return [2 /*return*/, dir.filter(existPath).reduce(collectRoutePath, [])];
-            }
-        });
-    });
+exports.findExamples = findExamples;
+function findComponentDocs() {
+    return (0, fsUtils_1.glob)("".concat(constant_1.SRC_DIR, "/**/").concat(constant_1.DOCS_DIR_NAME, "/*.md"));
 }
-exports.findComponentDocsPaths = findComponentDocsPaths;
-function findRootDocsPaths() {
-    return __awaiter(this, void 0, void 0, function () {
-        var dir, buildPath, existPath, slashPath;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(0, fs_extra_1.pathExistsSync)(constant_1.ROOT_DOCS_DIR)) {
-                        return [2 /*return*/, []];
-                    }
-                    return [4 /*yield*/, (0, fs_extra_1.readdir)(constant_1.ROOT_DOCS_DIR)];
-                case 1:
-                    dir = _a.sent();
-                    buildPath = function (filename) { return (0, path_1.resolve)(constant_1.ROOT_DOCS_DIR, filename); };
-                    existPath = function (filename) { return (0, fsUtils_1.isMD)(buildPath(filename)); };
-                    slashPath = function (filename) { return (0, slash_1.default)(buildPath(filename)); };
-                    return [2 /*return*/, dir.filter(existPath).map(slashPath)];
-            }
-        });
-    });
+exports.findComponentDocs = findComponentDocs;
+function findRootDocs() {
+    return (0, fsUtils_1.glob)("".concat(constant_1.ROOT_DOCS_DIR, "/*.md"));
 }
-exports.findRootDocsPaths = findRootDocsPaths;
+exports.findRootDocs = findRootDocs;
 function buildMobileSiteRoutes() {
     return __awaiter(this, void 0, void 0, function () {
-        var examplePaths, routes, source;
+        var examples, routes, source;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, findExamplePaths()];
+                case 0: return [4 /*yield*/, findExamples()];
                 case 1:
-                    examplePaths = _a.sent();
-                    routes = examplePaths.map(function (examplePath) { return "\n  {\n    path: '".concat(getExampleRoutePath(examplePath), "',\n    // @ts-ignore\n    component: () => import('").concat(examplePath, "')\n  }"); });
+                    examples = _a.sent();
+                    routes = examples.map(function (example) { return "\n  {\n    path: '".concat(getExampleRoutePath(example), "',\n    // @ts-ignore\n    component: () => import('").concat(example, "')\n  }"); });
                     source = "export default [  ".concat(routes.join(','), "\n]");
                     return [4 /*yield*/, (0, fsUtils_1.outputFileSyncOnChange)(constant_1.SITE_MOBILE_ROUTES, source)];
                 case 2:
@@ -174,14 +119,14 @@ function buildMobileSiteRoutes() {
 exports.buildMobileSiteRoutes = buildMobileSiteRoutes;
 function buildPcSiteRoutes() {
     return __awaiter(this, void 0, void 0, function () {
-        var _a, componentDocsPaths, rootDocsPaths, componentDocsRoutes, rootDocsRoutes, source;
+        var _a, componentDocs, rootDocs, componentDocsRoutes, rootDocsRoutes, source;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: return [4 /*yield*/, Promise.all([findComponentDocsPaths(), findRootDocsPaths()])];
+                case 0: return [4 /*yield*/, Promise.all([findComponentDocs(), findRootDocs()])];
                 case 1:
-                    _a = __read.apply(void 0, [_b.sent(), 2]), componentDocsPaths = _a[0], rootDocsPaths = _a[1];
-                    componentDocsRoutes = componentDocsPaths.map(function (componentDocsPath) { return "\n  {\n    path: '".concat(getComponentDocsRoutePath(componentDocsPath), "',\n    // @ts-ignore\n    component: () => import('").concat(componentDocsPath, "')\n  }"); });
-                    rootDocsRoutes = rootDocsPaths.map(function (rootDocsPath) { return "\n  {\n    path: '".concat(getRootDocsRoutePath(rootDocsPath), "',\n    // @ts-ignore\n    component: () => import('").concat(rootDocsPath, "')\n  }"); });
+                    _a = __read.apply(void 0, [_b.sent(), 2]), componentDocs = _a[0], rootDocs = _a[1];
+                    componentDocsRoutes = componentDocs.map(function (componentDoc) { return "\n  {\n    path: '".concat(getComponentDocRoutePath(componentDoc), "',\n    // @ts-ignore\n    component: () => import('").concat(componentDoc, "')\n  }"); });
+                    rootDocsRoutes = rootDocs.map(function (rootDoc) { return "\n  {\n    path: '".concat(getRootDocRoutePath(rootDoc), "',\n    // @ts-ignore\n    component: () => import('").concat(rootDoc, "')\n  }"); });
                     source = "export default [  ".concat(__spreadArray(__spreadArray([], __read(componentDocsRoutes), false), [rootDocsRoutes], false).join(','), "\n]");
                     (0, fsUtils_1.outputFileSyncOnChange)(constant_1.SITE_PC_ROUTES, source);
                     return [2 /*return*/];

package/lib/shared/fsUtils.d.ts

@@ -13,3 +13,4 @@ export declare const bigCamelize: (s: string) => string;
 export declare const camelize: (s: string) => string;
 export declare function smartAppendFileSync(file: string, code: string): void;
 export declare function outputFileSyncOnChange(path: string, code: string): void;
+export declare function glob(pattern: string): Promise<string[]>;

package/lib/shared/fsUtils.js

@@ -35,11 +35,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.outputFileSyncOnChange = exports.smartAppendFileSync = exports.camelize = exports.bigCamelize = exports.replaceExt = exports.isPublicDir = exports.isLess = exports.isScript = exports.isDTS = exports.isTSX = exports.isJSX = exports.isSFC = exports.isDir = exports.isMD = exports.getPublicDirs = void 0;
+exports.glob = exports.outputFileSyncOnChange = exports.smartAppendFileSync = exports.camelize = exports.bigCamelize = exports.replaceExt = exports.isPublicDir = exports.isLess = exports.isScript = exports.isDTS = exports.isTSX = exports.isJSX = exports.isSFC = exports.isDir = exports.isMD = exports.getPublicDirs = void 0;
 var path_1 = require("path");
 var fs_extra_1 = require("fs-extra");
 var constant_1 = require("./constant");
+var glob_1 = __importDefault(require("glob"));
 function getPublicDirs() {
     return __awaiter(this, void 0, void 0, function () {
         var srcDir;
@@ -97,3 +101,16 @@ function outputFileSyncOnChange(path, code) {
     }
 }
 exports.outputFileSyncOnChange = outputFileSyncOnChange;
+function glob(pattern) {
+    return new Promise(function (resolve, reject) {
+        (0, glob_1.default)(pattern, function (err, files) {
+            if (err) {
+                reject(err);
+            }
+            else {
+                resolve(files);
+            }
+        });
+    });
+}
+exports.glob = glob;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.27.4",
+  "version": "1.27.7-alpha.1650880107793",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -33,9 +33,9 @@
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
-    "@varlet/icons": "1.27.4",
-    "@varlet/markdown-vite-plugin": "1.27.4",
-    "@varlet/touch-emulator": "1.27.4",
+    "@varlet/icons": "1.27.7-alpha.1650880107793",
+    "@varlet/markdown-vite-plugin": "1.27.7-alpha.1650880107793",
+    "@varlet/touch-emulator": "1.27.7-alpha.1650880107793",
     "@vitejs/plugin-vue": "2.2.0",
     "@vitejs/plugin-vue-jsx": "1.3.5",
     "@vue/babel-plugin-jsx": "1.1.1",
@@ -75,7 +75,7 @@
     "@types/semver": "^7.3.9"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "1.27.4",
+    "@varlet/touch-emulator": "1.27.7-alpha.1650880107793",
     "@vue/test-utils": "^2.0.0-rc.6",
     "clipboard": "^2.0.6",
     "live-server": "^1.2.1",

package/site/components/code-example/CodeExample.vue

@@ -14,6 +14,10 @@
       >
         <var-site-icon name="content-copy" size="18" />
       </var-site-button>
+
+      <var-site-button text round @click="toPlayground" v-if="playground">
+        <var-site-icon name="code-json" size="18" />
+      </var-site-button>
     </div>
     <div
       :id="`clip-target-${cid}`"
@@ -38,7 +42,7 @@ import config from '@config'
 import { defineComponent, nextTick, ref, onMounted } from 'vue'
 import { doubleRaf } from '../utils/elements'
 import { get } from 'lodash-es'
-import { getPCLocationInfo } from '../../utils'
+import { getPCLocationInfo, utoa } from '../../utils'
 import type { Ref } from 'vue'
 
 let clipId = 0
@@ -50,13 +54,20 @@ export default defineComponent({
     [Button.name]: Button,
     [Icon.name]: Icon
   },
-  setup() {
+  props: {
+    playgroundIgnore: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
     const code: Ref<HTMLElement | null> = ref(null)
     const cid: Ref<number> = ref(clipId++)
     const fold: Ref = ref(get(config, 'pc.fold'))
     const disabledFold: Ref<boolean> = ref(false)
     const clipboard: Ref = ref(get(config, 'pc.clipboard', {}))
     const height: Ref<number> = ref(-1)
+    const playground: Ref<string | undefined> = ref(!props.playgroundIgnore ? get(config, 'pc.header.playground') : undefined )
     let timer: any = null
 
     const toggle = async () => {
@@ -82,6 +93,24 @@ export default defineComponent({
       }
     }
 
+    const toPlayground = () => {
+      const scriptStart = '<script setup>\n'
+      const scriptEnd = '<\/script>'
+      const injectImport = 'import { installVarletUI } from \'./varlet-repl-plugin.js\'\n'
+      const injectCall = '\ninstallVarletUI()\n'
+      let codeText = code.value?.innerText ?? ''
+
+      if (codeText.includes(scriptStart)) {
+        codeText = codeText.replace(scriptStart, `${scriptStart}${injectImport}`)
+        codeText = codeText.replace(scriptEnd, `${injectCall}${scriptEnd}`)
+      } else {
+        codeText = `${scriptStart}${injectImport}${injectCall}<\/script>\n\n${codeText}`
+      }
+
+      const file = { 'App.vue': codeText }
+      window.open(`${playground.value}/#${utoa(JSON.stringify(file))}`)
+    }
+
     onMounted(() => {
       const trigger = new Clipboard(`#clip-trigger-${cid.value}`)
 
@@ -101,7 +130,9 @@ export default defineComponent({
       fold,
       disabledFold,
       clipboard,
-      toggle
+      playground,
+      toggle,
+      toPlayground
     }
   }
 })

package/site/utils.ts

@@ -156,3 +156,7 @@ export function watchDarkMode(dark: StyleVars, cb?: (themes: 'darkThemes' | 'the
     cb?.(themes)
   })
 }
+
+export function utoa(data: string): string {
+  return btoa(unescape(encodeURIComponent(data)))
+}

package/varlet.default.config.js

@@ -5,7 +5,7 @@ module.exports = {
   port: 8080,
   title: 'VARLET',
   themesKey: 'VARLET_THEMES',
-  logo: 'https://varlet.gitee.io/varlet-ui/varlet_icon.png',
+  logo: 'https://varlet-varletjs.vercel.app/varlet_icon.png',
   defaultLanguage: 'zh-CN',
   highlight: {
     /**
@@ -30,7 +30,7 @@ module.exports = {
         'en-US': 'English',
       },
       github: 'https://github.com/varletjs/varlet',
-      playground: 'https://varlet.gitee.io/varlet-ui-playground',
+      playground: 'https://varlet-ui-playground.vercel.app',
       darkMode: true,
     },
     clipboard: {