af-mobile-client-vue3 1.1.5 → 1.1.7

package/src/views/user/my/index.vue

@@ -1,230 +1,230 @@
-<script setup lang="ts">
-import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
-import {
-  Col as VanCol,
-  Row as VanRow,
-} from 'vant/es'
-
-const username = useUserStore().getUserInfo().name
-const fullnames = useUserStore().getLogin().f.resources.data.fullnames
-
-async function exit_login() {
-  await useUserStore().logout()
-}
-</script>
-
-<template>
-  <main class="my_main h-full w-full">
-    <div class="header">
-      <div class="style_back">
-        <div class="circle circle1" />
-        <div class="circle circle2" />
-      </div>
-      <div class="header_main">
-        <div class="user_nav">
-          <img alt="setting_icon" class="user_setting_icon" src="../../../assets/img/user/my/setting.png">
-        </div>
-        <div class="user_content">
-          <VanRow :gutter="18">
-            <VanCol>
-              <img alt="default-user-profile" class="default_user_profile" src="../../../assets/common/default-user-profile.png">
-            </VanCol>
-            <VanCol class="user_info_col">
-              <p class="user_nickname">
-                {{ username }}
-              </p>
-              <p class="user_remark">
-                {{ fullnames }}
-              </p>
-            </VanCol>
-          </VanRow>
-        </div>
-      </div>
-    </div>
-    <div class="content">
-      <div class="core">
-        <VanRow class="core_row">
-          <VanCol>
-            <p class="core_value">
-              24
-            </p>
-            <p class="core_title">
-              待办任务
-            </p>
-          </VanCol>
-          <VanCol>
-            <p class="core_value">
-              2
-            </p>
-            <p class="core_title">
-              待办流程
-            </p>
-          </VanCol>
-          <VanCol>
-            <p class="core_value">
-              7
-            </p>
-            <p class="core_title">
-              新消息
-            </p>
-          </VanCol>
-        </VanRow>
-      </div>
-      <div class="setting">
-        <van-list>
-          <van-cell is-link @click="exit_login">
-            <template #title>
-              <VanRow :gutter="12" class="setting_row">
-                <VanCol>
-                  <img alt="exit_login_icon" class="setting_icon" src="../../../assets/img/user/my/exit-login.png">
-                </VanCol>
-                <VanCol class="setting_name_col">
-                  <span class="setting_name_text">退出登录</span>
-                </VanCol>
-              </VanRow>
-            </template>
-            <template #right-icon>
-              <img alt="setting_arrow_icon" class="setting_arrow_icon" src="../../../assets/img/user/my/setting-arrow.png">
-            </template>
-          </van-cell>
-        </van-list>
-      </div>
-    </div>
-  </main>
-</template>
-
-<style scoped lang="less">
-.my_main {
-  .header {
-    position: relative;
-    height: 200px;
-    background-color: #336BF1;
-    overflow: hidden;
-    .style_back {
-      .circle {
-        position: absolute;
-        border-radius: 50%;
-      }
-      .circle1 {
-        background-color: #3F7AFA;
-        width: 265px;
-        height: 265px;
-        top: -80px;
-        left: -50px;
-        z-index: 3;
-      }
-      .circle2 {
-        background-color: #3C75F9;
-        width: 300px;
-        height: 300px;
-        top: -80px;
-        left: 10px;
-        z-index: 2;
-      }
-    }
-    .header_main {
-      padding: var(--base-interval-1);
-      .user_nav {
-        padding: 0 var(--base-interval-0);
-        color: #fff;
-        position: relative;
-        z-index: 4;
-        font-size: 26px;
-        text-align: right;
-        .user_setting_icon {
-          width: 26px;
-          height: 26px;
-        }
-      }
-      .user_content {
-        padding: 0 35px 0 35px;
-        color: #fff;
-        position: relative;
-        z-index: 4;
-        .default_user_profile {
-          border-radius: 50%;
-          width: 76px;
-          height: 76px;
-          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05),
-          0 6px 6px rgba(0, 0, 0, 0.05);
-        }
-        .van-row {
-          flex-wrap: nowrap;
-          align-items: center;
-          .user_info_col {
-            flex-grow: 1;
-            p {
-              margin: 0;
-            }
-            .user_nickname {
-              font-size: 24px;
-              font-weight: bold;
-              margin-bottom: 4px;
-            }
-            .user_remark {
-              font-size: 14px;
-            }
-          }
-        }
-      }
-    }
-
-  }
-  .content {
-    padding: var(--base-interval-1);
-    .core {
-      position: relative;
-      bottom: 50px;
-      padding: 16px 0;
-      background-color: #fff;
-      z-index: 4;
-      margin: 0 16px;
-      border-radius: 4px;
-      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05),
-      0 6px 6px rgba(0, 0, 0, 0.05);
-      .core_row {
-        text-align: center;
-        .van-col {
-          flex-grow: 1;
-          p {
-            margin: 8px 0;
-          }
-          .core_value {
-            font-size: 20px;
-            font-weight: bold;
-          }
-          .core_title {
-            font-size: 14px;
-            color: #999;
-          }
-        }
-      }
-    }
-    .setting {
-      .setting_row {
-        align-items: center;
-        .setting_icon {
-          width: 28px;
-          height: 28px;
-          vertical-align: middle;
-        }
-        .setting_name_col {
-          flex-grow: 1;
-          .setting_name_text {
-            font-size: 16px;
-            font-weight: bold;
-          }
-        }
-      }
-      .van-cell {
-        align-items: center;
-        .setting_arrow_icon {
-          width: 12px;
-          height: 12px;
-          vertical-align: middle;
-        }
-      }
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
+import {
+  Col as VanCol,
+  Row as VanRow,
+} from 'vant/es'
+
+const username = useUserStore().getUserInfo().name
+const fullnames = useUserStore().getLogin().f.resources.data.fullnames
+
+async function exit_login() {
+  await useUserStore().logout()
+}
+</script>
+
+<template>
+  <main class="my_main h-full w-full">
+    <div class="header">
+      <div class="style_back">
+        <div class="circle circle1" />
+        <div class="circle circle2" />
+      </div>
+      <div class="header_main">
+        <div class="user_nav">
+          <img alt="setting_icon" class="user_setting_icon" src="../../../assets/img/user/my/setting.png">
+        </div>
+        <div class="user_content">
+          <VanRow :gutter="18">
+            <VanCol>
+              <img alt="default-user-profile" class="default_user_profile" src="../../../assets/common/default-user-profile.png">
+            </VanCol>
+            <VanCol class="user_info_col">
+              <p class="user_nickname">
+                {{ username }}
+              </p>
+              <p class="user_remark">
+                {{ fullnames }}
+              </p>
+            </VanCol>
+          </VanRow>
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="core">
+        <VanRow class="core_row">
+          <VanCol>
+            <p class="core_value">
+              24
+            </p>
+            <p class="core_title">
+              待办任务
+            </p>
+          </VanCol>
+          <VanCol>
+            <p class="core_value">
+              2
+            </p>
+            <p class="core_title">
+              待办流程
+            </p>
+          </VanCol>
+          <VanCol>
+            <p class="core_value">
+              7
+            </p>
+            <p class="core_title">
+              新消息
+            </p>
+          </VanCol>
+        </VanRow>
+      </div>
+      <div class="setting">
+        <van-list>
+          <van-cell is-link @click="exit_login">
+            <template #title>
+              <VanRow :gutter="12" class="setting_row">
+                <VanCol>
+                  <img alt="exit_login_icon" class="setting_icon" src="../../../assets/img/user/my/exit-login.png">
+                </VanCol>
+                <VanCol class="setting_name_col">
+                  <span class="setting_name_text">退出登录</span>
+                </VanCol>
+              </VanRow>
+            </template>
+            <template #right-icon>
+              <img alt="setting_arrow_icon" class="setting_arrow_icon" src="../../../assets/img/user/my/setting-arrow.png">
+            </template>
+          </van-cell>
+        </van-list>
+      </div>
+    </div>
+  </main>
+</template>
+
+<style scoped lang="less">
+.my_main {
+  .header {
+    position: relative;
+    height: 200px;
+    background-color: #336BF1;
+    overflow: hidden;
+    .style_back {
+      .circle {
+        position: absolute;
+        border-radius: 50%;
+      }
+      .circle1 {
+        background-color: #3F7AFA;
+        width: 265px;
+        height: 265px;
+        top: -80px;
+        left: -50px;
+        z-index: 3;
+      }
+      .circle2 {
+        background-color: #3C75F9;
+        width: 300px;
+        height: 300px;
+        top: -80px;
+        left: 10px;
+        z-index: 2;
+      }
+    }
+    .header_main {
+      padding: var(--base-interval-1);
+      .user_nav {
+        padding: 0 var(--base-interval-0);
+        color: #fff;
+        position: relative;
+        z-index: 4;
+        font-size: 26px;
+        text-align: right;
+        .user_setting_icon {
+          width: 26px;
+          height: 26px;
+        }
+      }
+      .user_content {
+        padding: 0 35px 0 35px;
+        color: #fff;
+        position: relative;
+        z-index: 4;
+        .default_user_profile {
+          border-radius: 50%;
+          width: 76px;
+          height: 76px;
+          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05),
+          0 6px 6px rgba(0, 0, 0, 0.05);
+        }
+        .van-row {
+          flex-wrap: nowrap;
+          align-items: center;
+          .user_info_col {
+            flex-grow: 1;
+            p {
+              margin: 0;
+            }
+            .user_nickname {
+              font-size: 24px;
+              font-weight: bold;
+              margin-bottom: 4px;
+            }
+            .user_remark {
+              font-size: 14px;
+            }
+          }
+        }
+      }
+    }
+
+  }
+  .content {
+    padding: var(--base-interval-1);
+    .core {
+      position: relative;
+      bottom: 50px;
+      padding: 16px 0;
+      background-color: #fff;
+      z-index: 4;
+      margin: 0 16px;
+      border-radius: 4px;
+      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05),
+      0 6px 6px rgba(0, 0, 0, 0.05);
+      .core_row {
+        text-align: center;
+        .van-col {
+          flex-grow: 1;
+          p {
+            margin: 8px 0;
+          }
+          .core_value {
+            font-size: 20px;
+            font-weight: bold;
+          }
+          .core_title {
+            font-size: 14px;
+            color: #999;
+          }
+        }
+      }
+    }
+    .setting {
+      .setting_row {
+        align-items: center;
+        .setting_icon {
+          width: 28px;
+          height: 28px;
+          vertical-align: middle;
+        }
+        .setting_name_col {
+          flex-grow: 1;
+          .setting_name_text {
+            font-size: 16px;
+            font-weight: bold;
+          }
+        }
+      }
+      .van-cell {
+        align-items: center;
+        .setting_arrow_icon {
+          width: 12px;
+          height: 12px;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+}
+</style>

package/src/vue-router.d.ts

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

package/tsconfig.json

@@ -1,43 +1,43 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "jsx": "preserve",
-    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
-    "experimentalDecorators": true,
-    "baseUrl": ".",
-    "module": "esnext",
-    "moduleResolution": "Bundler",
-    "paths": {
-      "@af-mobile-client-vue3/*": ["src/*"]
-    },
-    "types": [
-      "node",
-      "unplugin-vue-router/client",
-      "vite-plugin-vue-layouts/client",
-      "vite-plugin-pwa/client"
-    ],
-    "allowJs": true,
-    "strictNullChecks": false,
-    "noImplicitAny": false,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "importHelpers": true,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "src/App.vue",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "tests/**/*.ts",
-    "tests/**/*.tsx",
-    "src/components.d.ts",
-    "src/auto-imports.d.ts",
-    "src/typed-router.d.ts",
-    "tests/*.ts"
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "jsx": "preserve",
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "module": "esnext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@af-mobile-client-vue3/*": ["src/*"]
+    },
+    "types": [
+      "node",
+      "unplugin-vue-router/client",
+      "vite-plugin-vue-layouts/client",
+      "vite-plugin-pwa/client"
+    ],
+    "allowJs": true,
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "importHelpers": true,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/App.vue",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx",
+    "src/components.d.ts",
+    "src/auto-imports.d.ts",
+    "src/typed-router.d.ts",
+    "tests/*.ts"
+  ]
+}