af-mobile-client-vue3 1.3.16 → 1.3.18

package/src/styles/login.less

@@ -1,109 +1,109 @@
-html:not(.dark) {
-  .form {
-    .form_field {
-      :deep(.van-field__label) {
-        color: rgb(88, 88, 88);
-      }
-      :deep(.van-field__body) {
-        background: rgb(251, 251, 251);
-        box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
-        color: rgb(71, 71, 71);
-      }
-      :deep(.van-cell) {
-        background: #ffffff;
-      }
-    }
-    .extra_setting {
-      .extra_setting_for_remember_password {
-        color: rgb(88, 88, 88);
-      }
-    }
-  }
-}
-.form {
-  width: 100%;
-  padding: 0 40px;
-  .form_field {
-    padding-right: 0;
-    padding-left: 0;
-    :deep(.van-field__label) {
-      opacity: 0.7;
-      font-size: 16px;
-      font-weight: 400;
-      line-height: 23px;
-      text-transform: uppercase;
-      text-indent: 10px;
-    }
-    :deep(.van-field__body) {
-      height: 40px;
-      border-radius: 5px;
-      font-size: 16px;
-      font-weight: 400;
-      padding: 8px 10px;
-      opacity: 0.6;
-    }
-  }
-  .extra_setting {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 12px;
-    .extra_setting_for_remember_password {
-      opacity: 0.7;
-      span {
-        position: relative;
-        bottom: 3px;
-        left: 5px;
-      }
-    }
-    .extra_setting_for_reset_password {
-      position: relative;
-      top: 2px;
-      opacity: 0.7;
-      color: rgb(56, 149, 250);
-    }
-  }
-  .btn {
-    height: 50px;
-    :deep(.van-button__text) {
-      color: rgb(255, 255, 255);
-      font-size: 16px;
-      font-weight: 700;
-      line-height: 23px;
-    }
-  }
-  .login_btn {
-    background: rgb(56, 149, 250);
-    margin-top: 104px;
-  }
-  .reset_btn {
-    margin: 24px 0;
-  }
-  .back_btn {
-    :deep(.van-button__text) {
-      color: rgb(56, 149, 250);
-    }
-  }
-  :deep(.van-cell:after) {
-    border-bottom: none;
-  }
-}
-.login_form {
-  margin-top: 65px;
-}
-.forget_password_form {
-  margin-top: 15px;
-}
-/* 使图标垂直居中 */
-.wechat-login-btn .van-icon {
-  vertical-align: middle;
-}
-/* 悬停效果 */
-.wechat-login-btn:hover {
-  background-color: #06ad56 !important;
-  border-color: #06ad56 !important;
-}
-/* 点击效果 */
-.wechat-login-btn:active {
-  background-color: #05994c !important;
-  border-color: #05994c !important;
-}
+html:not(.dark) {
+  .form {
+    .form_field {
+      :deep(.van-field__label) {
+        color: rgb(88, 88, 88);
+      }
+      :deep(.van-field__body) {
+        background: rgb(251, 251, 251);
+        box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
+        color: rgb(71, 71, 71);
+      }
+      :deep(.van-cell) {
+        background: #ffffff;
+      }
+    }
+    .extra_setting {
+      .extra_setting_for_remember_password {
+        color: rgb(88, 88, 88);
+      }
+    }
+  }
+}
+.form {
+  width: 100%;
+  padding: 0 40px;
+  .form_field {
+    padding-right: 0;
+    padding-left: 0;
+    :deep(.van-field__label) {
+      opacity: 0.7;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 23px;
+      text-transform: uppercase;
+      text-indent: 10px;
+    }
+    :deep(.van-field__body) {
+      height: 40px;
+      border-radius: 5px;
+      font-size: 16px;
+      font-weight: 400;
+      padding: 8px 10px;
+      opacity: 0.6;
+    }
+  }
+  .extra_setting {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 12px;
+    .extra_setting_for_remember_password {
+      opacity: 0.7;
+      span {
+        position: relative;
+        bottom: 3px;
+        left: 5px;
+      }
+    }
+    .extra_setting_for_reset_password {
+      position: relative;
+      top: 2px;
+      opacity: 0.7;
+      color: rgb(56, 149, 250);
+    }
+  }
+  .btn {
+    height: 50px;
+    :deep(.van-button__text) {
+      color: rgb(255, 255, 255);
+      font-size: 16px;
+      font-weight: 700;
+      line-height: 23px;
+    }
+  }
+  .login_btn {
+    background: rgb(56, 149, 250);
+    margin-top: 104px;
+  }
+  .reset_btn {
+    margin: 24px 0;
+  }
+  .back_btn {
+    :deep(.van-button__text) {
+      color: rgb(56, 149, 250);
+    }
+  }
+  :deep(.van-cell:after) {
+    border-bottom: none;
+  }
+}
+.login_form {
+  margin-top: 65px;
+}
+.forget_password_form {
+  margin-top: 15px;
+}
+/* 使图标垂直居中 */
+.wechat-login-btn .van-icon {
+  vertical-align: middle;
+}
+/* 悬停效果 */
+.wechat-login-btn:hover {
+  background-color: #06ad56 !important;
+  border-color: #06ad56 !important;
+}
+/* 点击效果 */
+.wechat-login-btn:active {
+  background-color: #05994c !important;
+  border-color: #05994c !important;
+}

package/src/styles/var.less

@@ -1,16 +1,25 @@
-/**
-  注意：为什么要写两个重复的 :root？
-  由于 vant 中的主题变量也是在 :root 下声明的，所以在有些情况下会由于优先级的问题无法成功覆盖。
-  通过 :root:root 可以显式地让你所写内容的优先级更高一些，从而确保主题变量的成功覆盖。
-**/
-
-:root:root {
-  // van-cell-group
-  --van-cell-group-inset-padding: 0;
-  // 覆盖 primary 颜色
-  --van-blue: #2563eb;
-  // 自定义变量
-  --base-interval-0: 7px;
-  --base-interval-1: 14px;
-  --base-interval-2: 28px;
-}
+/**
+  注意：为什么要写两个重复的 :root？
+  由于 vant 中的主题变量也是在 :root 下声明的，所以在有些情况下会由于优先级的问题无法成功覆盖。
+  通过 :root:root 可以显式地让你所写内容的优先级更高一些，从而确保主题变量的成功覆盖。
+**/
+
+:root:root {
+  // van-cell-group
+  --van-cell-group-inset-padding: 0;
+  // 覆盖 primary 颜色
+  --van-blue: #2563eb;
+  // 自定义变量
+  --base-interval-0: 7px;
+  --base-interval-1: 14px;
+  --base-interval-2: 28px;
+}
+// 全局弹出框样式覆盖 - 最强优先级
+.van-popover,
+.van-popover.van-popover--light,
+.van-popover.van-popover--dark {
+  background-color: #ffffff !important;
+  border: none !important;
+  outline: none !important;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
+}

package/src/types/env.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-
-  // eslint-disable-next-line ts/no-empty-object-type
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
-
-interface Window {
-  mount: any
-  remount: any
-  unmount: any
-  readonly __MICRO_APP_ENVIRONMENT__: any
-}
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  // eslint-disable-next-line ts/no-empty-object-type
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+interface Window {
+  mount: any
+  remount: any
+  unmount: any
+  readonly __MICRO_APP_ENVIRONMENT__: any
+}

package/src/types/settings.ts

@@ -1 +1 @@
-export const pageDefaultTitle = '智慧燃气'
+export const pageDefaultTitle = '智慧燃气'

package/src/types/vue-router.d.ts

@@ -1,9 +1,9 @@
-declare module 'vue-router' {
-  interface RouteMeta {
-    /** page title */
-    title?: string
-    /** keepalive */
-    keepAlive?: boolean
-  }
-}
-export {}
+declare module 'vue-router' {
+  interface RouteMeta {
+    /** page title */
+    title?: string
+    /** keepalive */
+    keepAlive?: boolean
+  }
+}
+export {}

package/src/utils/Storage.ts

@@ -1,124 +1,124 @@
-// 默认缓存期限为7天
-const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7
-
-/**
- * 创建本地缓存对象
- */
-export function createStorage({ prefixKey = '', storage = localStorage } = {}) {
-  /**
-   * 本地缓存类
-   * @class Storage
-   */
-  const Storage = class {
-    private storage = storage
-    private prefixKey?: string = prefixKey
-
-    private getKey(key: string) {
-      return `${this.prefixKey}${key}`.toUpperCase()
-    }
-
-    /**
-     * @description 设置缓存
-     * @param {string} key 缓存键
-     * @param {*} value 缓存值
-     * @param expire
-     */
-    set(key: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
-      const stringData = JSON.stringify({
-        value,
-        expire: expire !== null ? new Date().getTime() + expire * 1000 : null,
-      })
-      this.storage.setItem(this.getKey(key), stringData)
-    }
-
-    /**
-     * 读取缓存
-     * @param {string} key 缓存键
-     * @param {*=} def 默认值
-     */
-    get(key: string, def: any = null) {
-      const item = this.storage.getItem(this.getKey(key))
-      if (item) {
-        try {
-          const data = JSON.parse(item)
-          const { value, expire } = data
-          // 在有效期内直接返回
-          if (expire === null || expire >= Date.now())
-            return value
-
-          this.remove(key)
-        }
-        catch {
-          return def
-        }
-      }
-      return def
-    }
-
-    /**
-     * 从缓存删除某项
-     * @param {string} key
-     */
-    remove(key: string) {
-      this.storage.removeItem(this.getKey(key))
-    }
-
-    /**
-     * 清空所有缓存
-     * @memberOf Cache
-     */
-    clear(): void {
-      this.storage.clear()
-    }
-
-    /**
-     * 设置cookie
-     * @param {string} name cookie 名称
-     * @param {*} value cookie 值
-     * @param {number=} expire 过期时间
-     * 如果过期时间为设置，默认关闭浏览器自动删除
-     * @example
-     */
-    setCookie(name: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
-      document.cookie = `${this.getKey(name)}=${value}; Max-Age=${expire}`
-    }
-
-    /**
-     * 根据名字获取cookie值
-     * @param name
-     */
-    getCookie(name: string): string {
-      const cookieArr = document.cookie.split('; ')
-      for (let i = 0, length = cookieArr.length; i < length; i++) {
-        const kv = cookieArr[i].split('=')
-        if (kv[0] === this.getKey(name))
-          return kv[1]
-      }
-      return ''
-    }
-
-    /**
-     * 根据名字删除指定的cookie
-     * @param {string} key
-     */
-    removeCookie(key: string) {
-      this.setCookie(key, 1, -1)
-    }
-
-    /**
-     * 清空cookie，使所有cookie失效
-     */
-    clearCookie(): void {
-      const keys = document.cookie.match(/[^ =;]+(?==)/g)
-      if (keys) {
-        for (let i = keys.length; i--;)
-          document.cookie = `${keys[i]}=0;expire=${new Date(0).toUTCString()}`
-      }
-    }
-  }
-  return new Storage()
-}
-
-export const storage = createStorage()
-
-export default Storage
+// 默认缓存期限为7天
+const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7
+
+/**
+ * 创建本地缓存对象
+ */
+export function createStorage({ prefixKey = '', storage = localStorage } = {}) {
+  /**
+   * 本地缓存类
+   * @class Storage
+   */
+  const Storage = class {
+    private storage = storage
+    private prefixKey?: string = prefixKey
+
+    private getKey(key: string) {
+      return `${this.prefixKey}${key}`.toUpperCase()
+    }
+
+    /**
+     * @description 设置缓存
+     * @param {string} key 缓存键
+     * @param {*} value 缓存值
+     * @param expire
+     */
+    set(key: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
+      const stringData = JSON.stringify({
+        value,
+        expire: expire !== null ? new Date().getTime() + expire * 1000 : null,
+      })
+      this.storage.setItem(this.getKey(key), stringData)
+    }
+
+    /**
+     * 读取缓存
+     * @param {string} key 缓存键
+     * @param {*=} def 默认值
+     */
+    get(key: string, def: any = null) {
+      const item = this.storage.getItem(this.getKey(key))
+      if (item) {
+        try {
+          const data = JSON.parse(item)
+          const { value, expire } = data
+          // 在有效期内直接返回
+          if (expire === null || expire >= Date.now())
+            return value
+
+          this.remove(key)
+        }
+        catch {
+          return def
+        }
+      }
+      return def
+    }
+
+    /**
+     * 从缓存删除某项
+     * @param {string} key
+     */
+    remove(key: string) {
+      this.storage.removeItem(this.getKey(key))
+    }
+
+    /**
+     * 清空所有缓存
+     * @memberOf Cache
+     */
+    clear(): void {
+      this.storage.clear()
+    }
+
+    /**
+     * 设置cookie
+     * @param {string} name cookie 名称
+     * @param {*} value cookie 值
+     * @param {number=} expire 过期时间
+     * 如果过期时间为设置，默认关闭浏览器自动删除
+     * @example
+     */
+    setCookie(name: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
+      document.cookie = `${this.getKey(name)}=${value}; Max-Age=${expire}`
+    }
+
+    /**
+     * 根据名字获取cookie值
+     * @param name
+     */
+    getCookie(name: string): string {
+      const cookieArr = document.cookie.split('; ')
+      for (let i = 0, length = cookieArr.length; i < length; i++) {
+        const kv = cookieArr[i].split('=')
+        if (kv[0] === this.getKey(name))
+          return kv[1]
+      }
+      return ''
+    }
+
+    /**
+     * 根据名字删除指定的cookie
+     * @param {string} key
+     */
+    removeCookie(key: string) {
+      this.setCookie(key, 1, -1)
+    }
+
+    /**
+     * 清空cookie，使所有cookie失效
+     */
+    clearCookie(): void {
+      const keys = document.cookie.match(/[^ =;]+(?==)/g)
+      if (keys) {
+        for (let i = keys.length; i--;)
+          document.cookie = `${keys[i]}=0;expire=${new Date(0).toUTCString()}`
+      }
+    }
+  }
+  return new Storage()
+}
+
+export const storage = createStorage()
+
+export default Storage