@varlet/cli 1.27.9-alpha.1653036733481 → 1.27.9

package/lib/commands/compile.js

@@ -90,15 +90,19 @@ function compile(cmd) {
                     return [4 /*yield*/, Promise.all([runTask('types', compileTypes_1.compileTypes), runTask('template highlight', compileTemplateHighlight_1.compileTemplateHighlight)])];
                 case 2:
                     _b.sent();
+                    process.env.TARGET_MODULE = 'module';
                     return [4 /*yield*/, runTask('module', compileModule_1.compileModule)];
                 case 3:
                     _b.sent();
+                    process.env.TARGET_MODULE = 'esm-bundle';
                     return [4 /*yield*/, runTask('esm bundle', function () { return (0, compileModule_1.compileModule)('esm-bundle'); })];
                 case 4:
                     _b.sent();
+                    process.env.TARGET_MODULE = 'commonjs';
                     return [4 /*yield*/, runTask('commonjs', function () { return (0, compileModule_1.compileModule)('commonjs'); })];
                 case 5:
                     _b.sent();
+                    process.env.TARGET_MODULE = 'umd';
                     _a = !cmd.noUmd;
                     if (!_a) return [3 /*break*/, 7];
                     return [4 /*yield*/, runTask('umd', function () { return (0, compileModule_1.compileModule)('umd'); })];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.27.9-alpha.1653036733481",
+  "version": "1.27.9",
   "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.9-alpha.1653036733481",
-    "@varlet/markdown-vite-plugin": "1.27.9-alpha.1653036733481",
-    "@varlet/touch-emulator": "1.27.9-alpha.1653036733481",
+    "@varlet/icons": "1.27.9",
+    "@varlet/markdown-vite-plugin": "1.27.9",
+    "@varlet/touch-emulator": "1.27.9",
     "@vitejs/plugin-vue": "2.2.0",
     "@vitejs/plugin-vue-jsx": "1.3.5",
     "@vue/babel-plugin-jsx": "1.1.1",
@@ -76,7 +76,7 @@
     "@types/semver": "^7.3.9"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "1.27.9-alpha.1653036733481",
+    "@varlet/touch-emulator": "1.27.9",
     "@vue/test-utils": "^2.0.0-rc.6",
     "clipboard": "^2.0.6",
     "live-server": "^1.2.1",

package/site/pc/components/AnimationBox.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, onMounted, onBeforeUnmount, ref, useAttrs } from 'vue'
+import { defineComponent, onMounted, onBeforeUnmount, onUnmounted, ref, useAttrs } from 'vue'
 import { animationBoxData, animationEl, animationElClientRect } from '../floating'
 
 export default defineComponent({
@@ -15,7 +15,8 @@ export default defineComponent({
       mutationObserver.value = new MutationObserver(() => {
         animationElClientRect.value = varletLogoAnimationRef?.value?.getBoundingClientRect();
       });
-      mutationObserver.value.observe(varletLogoAnimationRef.value?.parentNode?.parentNode || document.body, {
+      const logoContainer = varletLogoAnimationRef.value?.parentNode?.parentNode
+      mutationObserver.value.observe(logoContainer || document.body, {
         attributes: true, 
         subtree: true, 
         childList:true 
@@ -26,6 +27,11 @@ export default defineComponent({
       mutationObserver.value?.disconnect();
     })
 
+    onUnmounted(() => {
+      animationEl.value = undefined
+      animationElClientRect.value = undefined
+    })
+
     return {
       varletLogoAnimationRef,
     }

package/site/pc/components/AppHeader.vue

@@ -3,13 +3,16 @@
     <div class="varlet-site-header__lead">
       <animation-box class="varlet-site-header__logo"  @click="backRoot" />
       <div class="varlet-site-header__title" v-if="title"  @click="backRoot">{{ title }}</div>
+    </div>
+
+    <div class="varlet-site-header__tail">
       <div
         class="varlet-site-header__versions"
         @mouseenter="isOpenVersionsMenu = true"
         @mouseleave="isOpenVersionsMenu = false"
-        v-if="versions"
+        v-if="versionItems"
       >
-        {{ nowVersion }}
+        <span style="font-size: 14px;">{{ currentVersion }}</span>
         <var-site-icon name="chevron-down" />
         <transition name="fade">
           <div
@@ -21,16 +24,14 @@
               v-for="(value, key) in nonEmptyVersions"
               v-ripple
               :key="key"
-              :class="{ 'varlet-site-header__animation-list--active': nowVersion === key }"
+              :class="{ 'varlet-site-header__animation-list--active': currentVersion === key }"
               @click="open(value)"
-              >{{ key }}
+            >{{ key }}
             </var-site-cell>
           </div>
         </transition>
       </div>
-    </div>
 
-    <div class="varlet-site-header__tail">
       <a class="varlet-site-header__link" target="_blank" :href="playground" v-ripple v-if="playground">
         <var-site-icon name="code-json" :size="24" />
       </a>
@@ -99,8 +100,8 @@ export default defineComponent({
     const logo: Ref<string> = ref(get(config, 'logo'))
     const themesKey = get(config, 'themesKey')
     const languages: Ref<Record<string, string>> = ref(get(config, 'pc.header.i18n'))
-    const nowVersion: Ref<string> = ref(get(config, 'pc.header.versions.default'))
-    const versions: Ref<Record<string, string>> = ref(get(config, 'pc.header.versions.item'))
+    const currentVersion: Ref<string> = ref(get(config, 'pc.header.version.current'))
+    const versionItems: Ref<Record<string, string>> = ref(get(config, 'pc.header.version.items'))
     const playground: Ref<string> = ref(get(config, 'pc.header.playground'))
     const github: Ref<string> = ref(get(config, 'pc.header.github'))
     const redirect = get(config, 'pc.redirect')
@@ -111,7 +112,7 @@ export default defineComponent({
     const isOpenVersionsMenu: Ref<boolean> = ref(false)
     const router = useRouter()
     const nonEmptyLanguages: ComputedRef<Record<string, string>> = computed(() => removeEmpty(languages.value))
-    const nonEmptyVersions: ComputedRef<Record<string, string>> = computed(() => removeEmpty(versions.value))
+    const nonEmptyVersions: ComputedRef<Record<string, string>> = computed(() => removeEmpty(versionItems.value))
 
     const backRoot = () => {
       const { language: lang } = getPCLocationInfo()
@@ -139,7 +140,7 @@ export default defineComponent({
     }
 
     const open = (value: string) => {
-      if (value !== nowVersion.value) {
+      if (value !== currentVersion.value) {
         setTimeout(() => {
           window.location.href = value
         }, 350);
@@ -156,9 +157,9 @@ export default defineComponent({
     return {
       logo,
       title,
-      nowVersion,
+      currentVersion,
       languages,
-      versions,
+      versionItems,
       nonEmptyLanguages,
       nonEmptyVersions,
       playground,
@@ -280,6 +281,7 @@ export default defineComponent({
     position: relative;
     cursor: pointer;
     transition: background-color 0.25s;
+    margin-right: 6px;
 
     &:hover {
       background: var(--site-config-color-nav-button-hover-background);

package/site/pc/components/LogoAnimation.vue

@@ -31,7 +31,6 @@ export default defineComponent({
       if (!floatingState.value && from.path !== '/') {
         floatingState.value = true
       }
-      await nextTick()
     })
 
     onMounted(() => {
@@ -76,7 +75,7 @@ export default defineComponent({
 </script>
 
 <template>
-  <Teleport :to="animationEl" v-if="animationEl">
+  <Teleport :to="animationEl || 'body'">
     <img
       v-show="!floatingState"
       v-bind="animationBoxData.attrs"
@@ -85,6 +84,7 @@ export default defineComponent({
       alt="logo"
       v-if="logo && animationEl"
       class="varlet-cli-logo-animation"
+      :class="{ 'varlet-cli-logo-position': !animationEl }"
     />
   </Teleport>
   <div v-show="floatingState">

package/site/pc/pages/index/index.less

@@ -188,6 +188,7 @@
       height: 90px;
       flex-shrink: 0;
       margin-right: 25px;
+      z-index: 2;
     }
   }
 }