@varlet/cli 1.27.16 → 1.27.17-alpha.1656907860130

package/site/mobile/components/styles/common.less

@@ -1,64 +1,64 @@
-@import './var';
-
-.var-site {
-  &--box {
-    box-sizing: border-box;
-
-    * {
-      box-sizing: border-box;
-    }
-  }
-
-  &--relative {
-    position: relative;
-  }
-
-  &--absolute {
-    position: absolute;
-  }
-
-  &--hidden {
-    overflow: hidden;
-  }
-
-  &--lock {
-    overflow: hidden;
-  }
-
-  &--block {
-    display: block;
-  }
-
-  &--inline-block {
-    display: inline-block;
-  }
-
-  &--flex {
-    display: flex;
-  }
-
-  &--inline-flex {
-    display: inline-flex;
-  }
-}
-
-:root {
-  --site-font-size-xs: @site-font-size-xs;
-  --site-font-size-sm: @site-font-size-sm;
-  --site-font-size-md: @site-font-size-md;
-  --site-font-size-lg: @site-font-size-lg;
-  --site-icon-size-xs: @site-icon-size-xs;
-  --site-icon-size-sm: @site-icon-size-sm;
-  --site-icon-size-md: @site-icon-size-md;
-  --site-icon-size-lg: @site-icon-size-lg;
-  --site-color-primary: @site-color-primary;
-  --site-color-info: @site-color-info;
-  --site-color-success: @site-color-success;
-  --site-color-warning: @site-color-warning;
-  --site-color-danger: @site-color-danger;
-  --site-color-disabled: @site-color-disabled;
-  --site-cubic-bezier: @site-cubic-bezier;
-  --site-shadow-key-umbra-opacity: @site-shadow-key-umbra-opacity;
-  --site-shadow-key-penumbra-opacity: @site-shadow-key-penumbra-opacity;
-  --site-shadow-key-ambient-opacity: @site-shadow-key-ambient-opacity;
-}
+@import './var';
+
+.var-site {
+  &--box {
+    box-sizing: border-box;
+
+    * {
+      box-sizing: border-box;
+    }
+  }
+
+  &--relative {
+    position: relative;
+  }
+
+  &--absolute {
+    position: absolute;
+  }
+
+  &--hidden {
+    overflow: hidden;
+  }
+
+  &--lock {
+    overflow: hidden;
+  }
+
+  &--block {
+    display: block;
+  }
+
+  &--inline-block {
+    display: inline-block;
+  }
+
+  &--flex {
+    display: flex;
+  }
+
+  &--inline-flex {
+    display: inline-flex;
+  }
+}
+
+:root {
+  --site-font-size-xs: @site-font-size-xs;
+  --site-font-size-sm: @site-font-size-sm;
+  --site-font-size-md: @site-font-size-md;
+  --site-font-size-lg: @site-font-size-lg;
+  --site-icon-size-xs: @site-icon-size-xs;
+  --site-icon-size-sm: @site-icon-size-sm;
+  --site-icon-size-md: @site-icon-size-md;
+  --site-icon-size-lg: @site-icon-size-lg;
+  --site-color-primary: @site-color-primary;
+  --site-color-info: @site-color-info;
+  --site-color-success: @site-color-success;
+  --site-color-warning: @site-color-warning;
+  --site-color-danger: @site-color-danger;
+  --site-color-disabled: @site-color-disabled;
+  --site-cubic-bezier: @site-cubic-bezier;
+  --site-shadow-key-umbra-opacity: @site-shadow-key-umbra-opacity;
+  --site-shadow-key-penumbra-opacity: @site-shadow-key-penumbra-opacity;
+  --site-shadow-key-ambient-opacity: @site-shadow-key-ambient-opacity;
+}

package/site/mobile/components/styles/elevation.less

@@ -1,126 +1,126 @@
-.var-site-elevation {
-  &--0 {
-    box-shadow: 0 0 0 0 var(--site-shadow-key-umbra-opacity), 0 0 0 0 var(--site-shadow-key-penumbra-opacity),
-      0 0 0 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--1 {
-    box-shadow: 0 2px 1px -1px var(--site-shadow-key-umbra-opacity), 0 1px 1px 0 var(--site-shadow-key-penumbra-opacity),
-      0 1px 3px 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--2 {
-    box-shadow: 0 3px 1px -2px var(--site-shadow-key-umbra-opacity), 0 2px 2px 0 var(--site-shadow-key-penumbra-opacity),
-      0 1px 5px 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--3 {
-    box-shadow: 0 3px 3px -2px var(--site-shadow-key-umbra-opacity), 0 3px 4px 0 var(--site-shadow-key-penumbra-opacity),
-      0 1px 8px 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--4 {
-    box-shadow: 0 2px 4px -1px var(--site-shadow-key-umbra-opacity), 0 4px 5px 0 var(--site-shadow-key-penumbra-opacity),
-      0 1px 10px 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--5 {
-    box-shadow: 0 3px 5px -1px var(--site-shadow-key-umbra-opacity), 0 5px 8px 0 var(--site-shadow-key-penumbra-opacity),
-      0 1px 14px 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--6 {
-    box-shadow: 0 3px 5px -1px var(--site-shadow-key-umbra-opacity), 0 6px 10px 0 var(--site-shadow-key-penumbra-opacity),
-      0 1px 18px 0 var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--7 {
-    box-shadow: 0 4px 5px -2px var(--site-shadow-key-umbra-opacity), 0 7px 10px 1px var(--site-shadow-key-penumbra-opacity),
-      0 2px 16px 1px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--8 {
-    box-shadow: 0 5px 5px -3px var(--site-shadow-key-umbra-opacity), 0 8px 10px 1px var(--site-shadow-key-penumbra-opacity),
-      0 3px 14px 2px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--9 {
-    box-shadow: 0 5px 6px -3px var(--site-shadow-key-umbra-opacity), 0 9px 12px 1px var(--site-shadow-key-penumbra-opacity),
-      0 3px 16px 2px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--10 {
-    box-shadow: 0 6px 6px -3px var(--site-shadow-key-umbra-opacity), 0 10px 14px 1px var(--site-shadow-key-penumbra-opacity),
-      0 4px 18px 3px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--11 {
-    box-shadow: 0 6px 7px -4px var(--site-shadow-key-umbra-opacity), 0 11px 15px 1px var(--site-shadow-key-penumbra-opacity),
-      0 4px 20px 3px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--12 {
-    box-shadow: 0 7px 8px -4px var(--site-shadow-key-umbra-opacity), 0 12px 17px 2px var(--site-shadow-key-penumbra-opacity),
-      0 5px 22px 4px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--13 {
-    box-shadow: 0 7px 8px -4px var(--site-shadow-key-umbra-opacity), 0 13px 19px 2px var(--site-shadow-key-penumbra-opacity),
-      0 5px 24px 4px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--14 {
-    box-shadow: 0 7px 9px -4px var(--site-shadow-key-umbra-opacity), 0 14px 21px 2px var(--site-shadow-key-penumbra-opacity),
-      0 5px 26px 4px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--15 {
-    box-shadow: 0 8px 9px -5px var(--site-shadow-key-umbra-opacity), 0 15px 22px 2px var(--site-shadow-key-penumbra-opacity),
-      0 6px 28px 5px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--16 {
-    box-shadow: 0 8px 10px -5px var(--site-shadow-key-umbra-opacity), 0 16px 24px 2px var(--site-shadow-key-penumbra-opacity),
-      0 6px 30px 5px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--17 {
-    box-shadow: 0 8px 11px -5px var(--site-shadow-key-umbra-opacity), 0 17px 26px 2px var(--site-shadow-key-penumbra-opacity),
-      0 6px 32px 5px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--18 {
-    box-shadow: 0 9px 11px -5px var(--site-shadow-key-umbra-opacity), 0 18px 28px 2px var(--site-shadow-key-penumbra-opacity),
-      0 7px 34px 6px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--19 {
-    box-shadow: 0 9px 12px -6px var(--site-shadow-key-umbra-opacity), 0 19px 29px 2px var(--site-shadow-key-penumbra-opacity),
-      0 7px 36px 6px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--20 {
-    box-shadow: 0 10px 13px -6px var(--site-shadow-key-umbra-opacity), 0 20px 31px 3px var(--site-shadow-key-penumbra-opacity),
-      0 8px 38px 7px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--21 {
-    box-shadow: 0 10px 13px -6px var(--site-shadow-key-umbra-opacity), 0 21px 33px 3px var(--site-shadow-key-penumbra-opacity),
-      0 8px 40px 7px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--22 {
-    box-shadow: 0 10px 14px -6px var(--site-shadow-key-umbra-opacity), 0 22px 35px 3px var(--site-shadow-key-penumbra-opacity),
-      0 8px 42px 7px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--23 {
-    box-shadow: 0 11px 14px -7px var(--site-shadow-key-umbra-opacity), 0 23px 36px 3px var(--site-shadow-key-penumbra-opacity),
-      0 9px 44px 8px var(--site-shadow-key-ambient-opacity);
-  }
-
-  &--24 {
-    box-shadow: 0 11px 15px -7px var(--site-shadow-key-umbra-opacity), 0 24px 38px 3px var(--site-shadow-key-penumbra-opacity),
-      0 9px 46px 8px var(--site-shadow-key-ambient-opacity);
-  }
-}
+.var-site-elevation {
+  &--0 {
+    box-shadow: 0 0 0 0 var(--site-shadow-key-umbra-opacity), 0 0 0 0 var(--site-shadow-key-penumbra-opacity),
+      0 0 0 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--1 {
+    box-shadow: 0 2px 1px -1px var(--site-shadow-key-umbra-opacity), 0 1px 1px 0 var(--site-shadow-key-penumbra-opacity),
+      0 1px 3px 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--2 {
+    box-shadow: 0 3px 1px -2px var(--site-shadow-key-umbra-opacity), 0 2px 2px 0 var(--site-shadow-key-penumbra-opacity),
+      0 1px 5px 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--3 {
+    box-shadow: 0 3px 3px -2px var(--site-shadow-key-umbra-opacity), 0 3px 4px 0 var(--site-shadow-key-penumbra-opacity),
+      0 1px 8px 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--4 {
+    box-shadow: 0 2px 4px -1px var(--site-shadow-key-umbra-opacity), 0 4px 5px 0 var(--site-shadow-key-penumbra-opacity),
+      0 1px 10px 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--5 {
+    box-shadow: 0 3px 5px -1px var(--site-shadow-key-umbra-opacity), 0 5px 8px 0 var(--site-shadow-key-penumbra-opacity),
+      0 1px 14px 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--6 {
+    box-shadow: 0 3px 5px -1px var(--site-shadow-key-umbra-opacity), 0 6px 10px 0 var(--site-shadow-key-penumbra-opacity),
+      0 1px 18px 0 var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--7 {
+    box-shadow: 0 4px 5px -2px var(--site-shadow-key-umbra-opacity), 0 7px 10px 1px var(--site-shadow-key-penumbra-opacity),
+      0 2px 16px 1px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--8 {
+    box-shadow: 0 5px 5px -3px var(--site-shadow-key-umbra-opacity), 0 8px 10px 1px var(--site-shadow-key-penumbra-opacity),
+      0 3px 14px 2px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--9 {
+    box-shadow: 0 5px 6px -3px var(--site-shadow-key-umbra-opacity), 0 9px 12px 1px var(--site-shadow-key-penumbra-opacity),
+      0 3px 16px 2px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--10 {
+    box-shadow: 0 6px 6px -3px var(--site-shadow-key-umbra-opacity), 0 10px 14px 1px var(--site-shadow-key-penumbra-opacity),
+      0 4px 18px 3px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--11 {
+    box-shadow: 0 6px 7px -4px var(--site-shadow-key-umbra-opacity), 0 11px 15px 1px var(--site-shadow-key-penumbra-opacity),
+      0 4px 20px 3px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--12 {
+    box-shadow: 0 7px 8px -4px var(--site-shadow-key-umbra-opacity), 0 12px 17px 2px var(--site-shadow-key-penumbra-opacity),
+      0 5px 22px 4px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--13 {
+    box-shadow: 0 7px 8px -4px var(--site-shadow-key-umbra-opacity), 0 13px 19px 2px var(--site-shadow-key-penumbra-opacity),
+      0 5px 24px 4px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--14 {
+    box-shadow: 0 7px 9px -4px var(--site-shadow-key-umbra-opacity), 0 14px 21px 2px var(--site-shadow-key-penumbra-opacity),
+      0 5px 26px 4px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--15 {
+    box-shadow: 0 8px 9px -5px var(--site-shadow-key-umbra-opacity), 0 15px 22px 2px var(--site-shadow-key-penumbra-opacity),
+      0 6px 28px 5px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--16 {
+    box-shadow: 0 8px 10px -5px var(--site-shadow-key-umbra-opacity), 0 16px 24px 2px var(--site-shadow-key-penumbra-opacity),
+      0 6px 30px 5px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--17 {
+    box-shadow: 0 8px 11px -5px var(--site-shadow-key-umbra-opacity), 0 17px 26px 2px var(--site-shadow-key-penumbra-opacity),
+      0 6px 32px 5px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--18 {
+    box-shadow: 0 9px 11px -5px var(--site-shadow-key-umbra-opacity), 0 18px 28px 2px var(--site-shadow-key-penumbra-opacity),
+      0 7px 34px 6px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--19 {
+    box-shadow: 0 9px 12px -6px var(--site-shadow-key-umbra-opacity), 0 19px 29px 2px var(--site-shadow-key-penumbra-opacity),
+      0 7px 36px 6px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--20 {
+    box-shadow: 0 10px 13px -6px var(--site-shadow-key-umbra-opacity), 0 20px 31px 3px var(--site-shadow-key-penumbra-opacity),
+      0 8px 38px 7px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--21 {
+    box-shadow: 0 10px 13px -6px var(--site-shadow-key-umbra-opacity), 0 21px 33px 3px var(--site-shadow-key-penumbra-opacity),
+      0 8px 40px 7px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--22 {
+    box-shadow: 0 10px 14px -6px var(--site-shadow-key-umbra-opacity), 0 22px 35px 3px var(--site-shadow-key-penumbra-opacity),
+      0 8px 42px 7px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--23 {
+    box-shadow: 0 11px 14px -7px var(--site-shadow-key-umbra-opacity), 0 23px 36px 3px var(--site-shadow-key-penumbra-opacity),
+      0 9px 44px 8px var(--site-shadow-key-ambient-opacity);
+  }
+
+  &--24 {
+    box-shadow: 0 11px 15px -7px var(--site-shadow-key-umbra-opacity), 0 24px 38px 3px var(--site-shadow-key-penumbra-opacity),
+      0 9px 46px 8px var(--site-shadow-key-ambient-opacity);
+  }
+}

package/site/mobile/components/styles/var.less

@@ -1,27 +1,27 @@
-// 文字
-@site-font-size-xs: 10px;
-@site-font-size-sm: 12px;
-@site-font-size-md: 14px;
-@site-font-size-lg: 16px;
-
-// 图标
-@site-icon-size-xs: 16px;
-@site-icon-size-sm: 18px;
-@site-icon-size-md: 20px;
-@site-icon-size-lg: 22px;
-
-//颜色
-@site-color-primary: #3a7afe;
-@site-color-info: #00afef;
-@site-color-success: #00c48f;
-@site-color-warning: #ff9f00;
-@site-color-danger: #f44336;
-@site-color-disabled: #e0e0e0;
-
-// 动画函数
-@site-cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1);
-
-// 阴影
-@site-shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);
-@site-shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);
-@site-shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);
+// 文字
+@site-font-size-xs: 10px;
+@site-font-size-sm: 12px;
+@site-font-size-md: 14px;
+@site-font-size-lg: 16px;
+
+// 图标
+@site-icon-size-xs: 16px;
+@site-icon-size-sm: 18px;
+@site-icon-size-md: 20px;
+@site-icon-size-lg: 22px;
+
+//颜色
+@site-color-primary: #3a7afe;
+@site-color-info: #00afef;
+@site-color-success: #00c48f;
+@site-color-warning: #ff9f00;
+@site-color-danger: #f44336;
+@site-color-disabled: #e0e0e0;
+
+// 动画函数
+@site-cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1);
+
+// 阴影
+@site-shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);
+@site-shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);
+@site-shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);

package/site/mobile/main.ts

@@ -1,74 +1,74 @@
-import routes from '@mobile-routes'
-import config from '@config'
-import App from './App.vue'
-import '@varlet/touch-emulator'
-import { createApp } from 'vue'
-import { createRouter, createWebHashHistory } from 'vue-router'
-
-import Icon from '../components/icon'
-import AppBar from './components/app-bar'
-import Button from '../components/button'
-import Cell from '../components/cell'
-import Ripple from '../components/ripple'
-import '../components/styles/common.less'
-import '../components/styles/elevation.less'
-
-import { get } from 'lodash-es'
-import { inIframe, isPhone } from '../utils'
-
-const redirect = get(config, 'mobile.redirect')
-const defaultLanguage = get(config, 'defaultLanguage')
-
-redirect &&
-  routes.push({
-    path: '/:pathMatch(.*)',
-    redirect,
-  })
-
-routes.push({
-  path: '/home',
-  component: () => import('./components/AppHome.vue')
-})
-
-const router = createRouter({
-  history: createWebHashHistory(),
-  scrollBehavior: (to: any, from: any, savedPosition: any) => savedPosition || { left: 0, top: 0 },
-  routes,
-})
-
-router.beforeEach((to: any) => {
-  const language = to.query.language ?? defaultLanguage
-  const path = to.path
-  const replace = to.query.replace
-
-  if (!isPhone() && !inIframe()) {
-    window.location.href = `./#/${language}${path}`
-  }
-
-  if (!isPhone() && inIframe()) {
-    // @ts-ignore
-    window.top.onMobileRouteChange(path, language, replace)
-  }
-
-  // @ts-ignore
-  if (window._hmt) {
-    if (to.path) {
-      // @ts-ignore
-      window._hmt.push(['_trackPageview', `/#${to.fullPath}`])
-    }
-  }
-})
-
-// @ts-ignore
-createApp(App)
-  .use(router)
-  // @ts-ignore
-  .use(Icon)
-  // @ts-ignore
-  .use(AppBar)
-  // @ts-ignore
-  .use(Cell)
-  .use(Ripple)
-  // @ts-ignore
-  .use(Button)
-  .mount('#app')
+import routes from '@mobile-routes'
+import config from '@config'
+import App from './App.vue'
+import '@varlet/touch-emulator'
+import { createApp } from 'vue'
+import { createRouter, createWebHashHistory } from 'vue-router'
+
+import Icon from '../components/icon'
+import AppBar from './components/app-bar'
+import Button from '../components/button'
+import Cell from '../components/cell'
+import Ripple from '../components/ripple'
+import '../components/styles/common.less'
+import '../components/styles/elevation.less'
+
+import { get } from 'lodash-es'
+import { inIframe, isPhone } from '../utils'
+
+const redirect = get(config, 'mobile.redirect')
+const defaultLanguage = get(config, 'defaultLanguage')
+
+redirect &&
+  routes.push({
+    path: '/:pathMatch(.*)',
+    redirect,
+  })
+
+routes.push({
+  path: '/home',
+  component: () => import('./components/AppHome.vue')
+})
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  scrollBehavior: (to: any, from: any, savedPosition: any) => savedPosition || { left: 0, top: 0 },
+  routes,
+})
+
+router.beforeEach((to: any) => {
+  const language = to.query.language ?? defaultLanguage
+  const path = to.path
+  const replace = to.query.replace
+
+  if (!isPhone() && !inIframe()) {
+    window.location.href = `./#/${language}${path}`
+  }
+
+  if (!isPhone() && inIframe()) {
+    // @ts-ignore
+    window.top.onMobileRouteChange(path, language, replace)
+  }
+
+  // @ts-ignore
+  if (window._hmt) {
+    if (to.path) {
+      // @ts-ignore
+      window._hmt.push(['_trackPageview', `/#${to.fullPath}`])
+    }
+  }
+})
+
+// @ts-ignore
+createApp(App)
+  .use(router)
+  // @ts-ignore
+  .use(Icon)
+  // @ts-ignore
+  .use(AppBar)
+  // @ts-ignore
+  .use(Cell)
+  .use(Ripple)
+  // @ts-ignore
+  .use(Button)
+  .mount('#app')