af-mobile-client-vue3 1.3.11 → 1.3.13

package/src/components/layout/NormalDataLayout/index.vue

@@ -1,69 +1,69 @@
-<script setup lang="ts">
-import {
-  Col as VanCol,
-  Icon as VanIcon,
-  Row as VanRow,
-} from 'vant'
-
-const { title } = defineProps<{
-  // 标题
-  title: string
-}>()
-
-// back
-const onClickLeft = () => history.back()
-</script>
-
-<template>
-  <!-- 常规数据布局 -->
-  <main class="layout_main">
-    <!-- 布局头部 -->
-    <div class="layout_header">
-      <VanRow class="header_row" justify="space-between">
-        <VanCol class="header_row_left_col">
-          <VanIcon class="header_row_icon" name="arrow-left" @click="onClickLeft" />
-          <span class="header_row_title">{{ title }}</span>
-        </VanCol>
-        <VanCol class="header_row_right_col">
-          <!-- 右侧区域 -->
-          <slot name="layout_header_row_right_col" />
-        </VanCol>
-      </VanRow>
-    </div>
-    <!-- 布局主体 -->
-    <div class="layout_content">
-      <slot name="layout_content" />
-    </div>
-  </main>
-</template>
-
-<style scoped lang="less">
-.layout_main {
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: 100vh;
-  .layout_header {
-    padding: var(--base-interval-1);
-    .header_row {
-      align-items: center;
-      .header_row_left_col {
-        flex-grow: 1;
-        .header_row_title {
-          margin-left: var(--van-padding-xs);
-          font-size: 20px;
-          font-weight: bold;
-        }
-      }
-      .header_row_icon {
-        font-size: 18px;
-      }
-    }
-  }
-  .layout_content {
-    flex: 1;
-    margin-top: var(--van-padding-base);
-    height: 0;
-  }
-}
-</style>
+<script setup lang="ts">
+import {
+  Col as VanCol,
+  Icon as VanIcon,
+  Row as VanRow,
+} from 'vant'
+
+const { title } = defineProps<{
+  // 标题
+  title: string
+}>()
+
+// back
+const onClickLeft = () => history.back()
+</script>
+
+<template>
+  <!-- 常规数据布局 -->
+  <main class="layout_main">
+    <!-- 布局头部 -->
+    <div class="layout_header">
+      <VanRow class="header_row" justify="space-between">
+        <VanCol class="header_row_left_col">
+          <VanIcon class="header_row_icon" name="arrow-left" @click="onClickLeft" />
+          <span class="header_row_title">{{ title }}</span>
+        </VanCol>
+        <VanCol class="header_row_right_col">
+          <!-- 右侧区域 -->
+          <slot name="layout_header_row_right_col" />
+        </VanCol>
+      </VanRow>
+    </div>
+    <!-- 布局主体 -->
+    <div class="layout_content">
+      <slot name="layout_content" />
+    </div>
+  </main>
+</template>
+
+<style scoped lang="less">
+.layout_main {
+  display: flex;
+  flex-flow: column;
+  width: 100%;
+  height: 100vh;
+  .layout_header {
+    padding: var(--base-interval-1);
+    .header_row {
+      align-items: center;
+      .header_row_left_col {
+        flex-grow: 1;
+        .header_row_title {
+          margin-left: var(--van-padding-xs);
+          font-size: 20px;
+          font-weight: bold;
+        }
+      }
+      .header_row_icon {
+        font-size: 18px;
+      }
+    }
+  }
+  .layout_content {
+    flex: 1;
+    margin-top: var(--van-padding-base);
+    height: 0;
+  }
+}
+</style>

package/src/components/layout/TabBarLayout/index.vue

@@ -1,40 +1,40 @@
-<script setup lang="ts">
-import {
-  Tabbar as VanTabbar,
-  TabbarItem as VanTabbarItem,
-} from 'vant'
-import { defineProps } from 'vue'
-
-const { barList, callbacks } = defineProps<{
-  barList?: Array<{ icon: string, text: string, method: string }>
-  callbacks?: object
-}>()
-
-function handleClick(index) {
-  const methodName = (barList[index] as any).method
-  callbacks[methodName]()
-}
-</script>
-
-<template>
-  <VanTabbar class="van-bar">
-    <VanTabbarItem v-for="(item, index) in barList" :key="index" :icon="(item as any).icon" @click="handleClick(index)">
-      {{ (item as any).text }}
-    </VanTabbarItem>
-  </VanTabbar>
-</template>
-
-<style scoped lang="less">
-.van-bar {
-  height: 8vh;
-  background-color: #f7f8fa;
-  color: black;
-}
-.van-tabbar-item:hover {
-  color: var(--van-text-color-2);
-}
-:deep(.van-tabbar-item--active) {
-  background-color: #f7f8fa;
-  color: black;
-}
-</style>
+<script setup lang="ts">
+import {
+  Tabbar as VanTabbar,
+  TabbarItem as VanTabbarItem,
+} from 'vant'
+import { defineProps } from 'vue'
+
+const { barList, callbacks } = defineProps<{
+  barList?: Array<{ icon: string, text: string, method: string }>
+  callbacks?: object
+}>()
+
+function handleClick(index) {
+  const methodName = (barList[index] as any).method
+  callbacks[methodName]()
+}
+</script>
+
+<template>
+  <VanTabbar class="van-bar">
+    <VanTabbarItem v-for="(item, index) in barList" :key="index" :icon="(item as any).icon" @click="handleClick(index)">
+      {{ (item as any).text }}
+    </VanTabbarItem>
+  </VanTabbar>
+</template>
+
+<style scoped lang="less">
+.van-bar {
+  height: 8vh;
+  background-color: #f7f8fa;
+  color: black;
+}
+.van-tabbar-item:hover {
+  color: var(--van-text-color-2);
+}
+:deep(.van-tabbar-item--active) {
+  background-color: #f7f8fa;
+  color: black;
+}
+</style>

package/src/composables/dark.ts

@@ -1,5 +1,5 @@
-import { useDark, usePreferredDark, useToggle } from '@vueuse/core'
-
-export const isDark = useDark()
-export const toggleDark = useToggle(isDark)
-export const preferredDark = usePreferredDark()
+import { useDark, usePreferredDark, useToggle } from '@vueuse/core'
+
+export const isDark = useDark()
+export const toggleDark = useToggle(isDark)
+export const preferredDark = usePreferredDark()

package/src/config/routes.ts

@@ -1,9 +1,9 @@
-/**
- * List of root-level route names.
- * In the Navbar component, the left arrow is hidden for these routes.
- * However, the Tabbar is shown on these routes.
- */
-export const rootRouteList: readonly string[] = [
-  'ComponentView', // 首页
-  'userProfile', // 个人中心
-]
+/**
+ * List of root-level route names.
+ * In the Navbar component, the left arrow is hidden for these routes.
+ * However, the Tabbar is shown on these routes.
+ */
+export const rootRouteList: readonly string[] = [
+  'ComponentView', // 首页
+  'userProfile', // 个人中心
+]

package/src/constants/index.ts

@@ -1,2 +1,2 @@
-export const appName = 'Vue3-Client'
-export const appDescription = '基于Vant4的移动端组件库扩展'
+export const appName = 'Vue3-Client'
+export const appDescription = '基于Vant4的移动端组件库扩展'

package/src/enums/requestEnum.ts

@@ -1,25 +1,25 @@
-/**
- * @description: ContentType
- */
-export enum ContentTypeEnum {
-  // form-data qs
-  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
-  // form-data upload
-  FORM_DATA = 'multipart/form-data;charset=UTF-8',
-  // json
-  JSON = 'application/json;charset=UTF-8',
-}
-
-/**
- * @description: 与后端协定的状态 code
- */
-export enum ResultEnum {
-  SUCCESS = 200,
-  INTERNAL_SERVER_ERROR = 500,
-  UNAUTHORIZED = 401,
-  BAD_REQUEST = 400,
-  NOT_FOUND = 404,
-  BAD_GATEWAY = 502,
-  SERVICE_UNAVAILABLE = 503,
-  GATEWAY_TIME_OUT = 504,
-}
+/**
+ * @description: ContentType
+ */
+export enum ContentTypeEnum {
+  // form-data qs
+  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
+  // form-data upload
+  FORM_DATA = 'multipart/form-data;charset=UTF-8',
+  // json
+  JSON = 'application/json;charset=UTF-8',
+}
+
+/**
+ * @description: 与后端协定的状态 code
+ */
+export enum ResultEnum {
+  SUCCESS = 200,
+  INTERNAL_SERVER_ERROR = 500,
+  UNAUTHORIZED = 401,
+  BAD_REQUEST = 400,
+  NOT_FOUND = 404,
+  BAD_GATEWAY = 502,
+  SERVICE_UNAVAILABLE = 503,
+  GATEWAY_TIME_OUT = 504,
+}

package/src/expression/ExpressionRunner.ts

@@ -1,28 +1,28 @@
-import type Delegate from './core/Delegate'
-import type JSONObject from './instances/JSONObject'
-import Program from './core/Program'
-
-export default class ExpressionRunner {
-  /**
-   * Runs an expression with parameters
-   *
-   * @param source Expression source
-   * @param params Expression parameters
-   * @returns The result of the expression
-   */
-  public static run(source: string, params: JSONObject): any {
-    const delegate: Delegate = this.getDelegate(source)
-    return delegate.invoke(params)
-  }
-
-  /**
-   * Gets the delegate for the expression
-   *
-   * @param source Expression source
-   * @returns A delegate to invoke
-   */
-  public static getDelegate(source: string): Delegate {
-    // Parse the source and return a delegate
-    return new Program(source).parse()
-  }
-}
+import type Delegate from './core/Delegate'
+import type JSONObject from './instances/JSONObject'
+import Program from './core/Program'
+
+export default class ExpressionRunner {
+  /**
+   * Runs an expression with parameters
+   *
+   * @param source Expression source
+   * @param params Expression parameters
+   * @returns The result of the expression
+   */
+  public static run(source: string, params: JSONObject): any {
+    const delegate: Delegate = this.getDelegate(source)
+    return delegate.invoke(params)
+  }
+
+  /**
+   * Gets the delegate for the expression
+   *
+   * @param source Expression source
+   * @returns A delegate to invoke
+   */
+  public static getDelegate(source: string): Delegate {
+    // Parse the source and return a delegate
+    return new Program(source).parse()
+  }
+}