af-mobile-client-vue3 1.1.6 → 1.1.7

package/src/App.vue

@@ -1,43 +1,43 @@
-<script setup lang="ts">
-import type { ConfigProviderThemeVars } from 'vant'
-import { useHead } from '@unhead/vue'
-import {
-  ConfigProvider as VanConfigProvider,
-} from 'vant/es'
-import { reactive } from 'vue'
-
-useHead({
-  title: '智慧燃气',
-  meta: [
-    {
-      name: 'description',
-      content: '智慧燃气手机端',
-    },
-    {
-      name: 'theme-color',
-      content: () => '#ffffff',
-    },
-  ],
-})
-const themeVars: ConfigProviderThemeVars = reactive({
-  baseFont: 'PingFangSC-Regular-woff2, serif',
-})
-</script>
-
-<template>
-  <VanConfigProvider theme="light" :theme-vars="themeVars" theme-vars-scope="global">
-    <router-view v-slot="{ Component }">
-      <component :is="Component" />
-    </router-view>
-  </VanConfigProvider>
-</template>
-
-<style>
-@import "./font-style/font.css";
-input[type="password"]::-ms-reveal{
-  display: none;
-}
-input[type="password"]::-ms-clear{
-  display: none;
-}
-</style>
+<script setup lang="ts">
+import type { ConfigProviderThemeVars } from 'vant'
+import { useHead } from '@unhead/vue'
+import {
+  ConfigProvider as VanConfigProvider,
+} from 'vant/es'
+import { reactive } from 'vue'
+
+useHead({
+  title: '智慧燃气',
+  meta: [
+    {
+      name: 'description',
+      content: '智慧燃气手机端',
+    },
+    {
+      name: 'theme-color',
+      content: () => '#ffffff',
+    },
+  ],
+})
+const themeVars: ConfigProviderThemeVars = reactive({
+  baseFont: 'PingFangSC-Regular-woff2, serif',
+})
+</script>
+
+<template>
+  <VanConfigProvider theme="light" :theme-vars="themeVars" theme-vars-scope="global">
+    <router-view v-slot="{ Component }">
+      <component :is="Component" />
+    </router-view>
+  </VanConfigProvider>
+</template>
+
+<style>
+@import "./font-style/font.css";
+input[type="password"]::-ms-reveal{
+  display: none;
+}
+input[type="password"]::-ms-clear{
+  display: none;
+}
+</style>

package/src/api/user/index.ts

@@ -1,40 +1,40 @@
-import { loginApi } from '@af-mobile-client-vue3/services/api/Login'
-
-import { get, post } from '@af-mobile-client-vue3/services/restTools'
-import { http } from '@af-mobile-client-vue3/utils/http'
-
-export interface BasicResponseModel<T = any> {
-  code: number
-  msg: string
-  data: T
-}
-
-export function login(data: any) {
-  return post(
-    loginApi.Login,
-    data,
-  )
-}
-
-export function OALogin(data: any) {
-  return get(`/af-system/user/${data.username}/${data.password}/智慧OA`)
-}
-
-/**
- * @description: 获取用户信息
- */
-export function getUserInfo() {
-  return get(
-    '/getUserInfo',
-  )
-}
-
-/**
- * @description: 用户登出
- */
-export function doLogout() {
-  return http.request({
-    url: loginApi.Logout,
-    method: 'DELETE',
-  })
-}
+import { loginApi } from '@af-mobile-client-vue3/services/api/Login'
+
+import { get, post } from '@af-mobile-client-vue3/services/restTools'
+import { http } from '@af-mobile-client-vue3/utils/http'
+
+export interface BasicResponseModel<T = any> {
+  code: number
+  msg: string
+  data: T
+}
+
+export function login(data: any) {
+  return post(
+    loginApi.Login,
+    data,
+  )
+}
+
+export function OALogin(data: any) {
+  return get(`/af-system/user/${data.username}/${data.password}/智慧OA`)
+}
+
+/**
+ * @description: 获取用户信息
+ */
+export function getUserInfo() {
+  return get(
+    '/getUserInfo',
+  )
+}
+
+/**
+ * @description: 用户登出
+ */
+export function doLogout() {
+  return http.request({
+    url: loginApi.Logout,
+    method: 'DELETE',
+  })
+}

package/src/bootstrap.ts

@@ -1,18 +1,18 @@
-import type { Router } from 'vue-router'
-import guards from '@af-mobile-client-vue3/router/guards'
-import { loadGuards, loadRoutes } from '@af-mobile-client-vue3/utils/routerUtil'
-
-type GuardFunction = (to: any, from: any, next?: any) => void
-interface Guards {
-  beforeEach?: GuardFunction[]
-  afterEach?: GuardFunction[]
-}
-
-async function bootstrap(router: Router, customGuard: Guards = {}) {
-  // 加载路由
-  loadRoutes()
-  // 加载路由守卫
-  loadGuards({ ...guards, ...customGuard }, router)
-}
-
-export default bootstrap
+import type { Router } from 'vue-router'
+import guards from '@af-mobile-client-vue3/router/guards'
+import { loadGuards, loadRoutes } from '@af-mobile-client-vue3/utils/routerUtil'
+
+type GuardFunction = (to: any, from: any, next?: any) => void
+interface Guards {
+  beforeEach?: GuardFunction[]
+  afterEach?: GuardFunction[]
+}
+
+async function bootstrap(router: Router, customGuard: Guards = {}) {
+  // 加载路由
+  loadRoutes()
+  // 加载路由守卫
+  loadGuards({ ...guards, ...customGuard }, router)
+}
+
+export default bootstrap

package/src/components/core/NavBar/index.vue

@@ -1,12 +1,12 @@
-<script setup lang="ts">
-import { NavBar as VanNavBar } from 'vant/es'
-
-// back
-const onClickLeft = () => history.back()
-</script>
-
-<template>
-  <VanNavBar left-arrow placeholder fixed @click-left="onClickLeft" />
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { NavBar as VanNavBar } from 'vant/es'
+
+// back
+const onClickLeft = () => history.back()
+</script>
+
+<template>
+  <VanNavBar left-arrow placeholder fixed @click-left="onClickLeft" />
+</template>
+
+<style scoped></style>

package/src/components/core/Tabbar/index.vue

@@ -1,38 +1,38 @@
-<script setup lang="ts">
-import SvgIcon from '@af-mobile-client-vue3/components/core/SvgIcon/index.vue'
-import { Icon as VanIcon, Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from 'vant'
-import { ref } from 'vue'
-import 'vant/lib/tabbar-item/index.css'
-import 'vant/lib/tabbar/index.css'
-
-const Props = defineProps<{
-  tabbarData: [
-    {
-      icon: string
-      title: string
-      to: {
-        name: string
-      }
-    },
-  ]
-}>()
-const active = ref(0)
-</script>
-
-<template>
-  <VanTabbar v-model="active" :placeholder="true" :route="true" fixed>
-    <VanTabbarItem
-      v-for="(item, index) in Props.tabbarData"
-      :key="index"
-      :to="item.to"
-    >
-      <template v-if="item.icon.startsWith('svg:')" #icon="props">
-        <SvgIcon :name="item.icon.split(':')[1]" :class-name="props.active ? 'svg-icon-active-blue' : ``" />
-      </template>
-      <template v-else #icon>
-        <VanIcon :name="item.icon" />
-      </template>
-      {{ item.title }}
-    </VanTabbarItem>
-  </VanTabbar>
-</template>
+<script setup lang="ts">
+import SvgIcon from '@af-mobile-client-vue3/components/core/SvgIcon/index.vue'
+import { Icon as VanIcon, Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from 'vant'
+import { ref } from 'vue'
+import 'vant/lib/tabbar-item/index.css'
+import 'vant/lib/tabbar/index.css'
+
+const Props = defineProps<{
+  tabbarData: [
+    {
+      icon: string
+      title: string
+      to: {
+        name: string
+      }
+    },
+  ]
+}>()
+const active = ref(0)
+</script>
+
+<template>
+  <VanTabbar v-model="active" :placeholder="true" :route="true" fixed>
+    <VanTabbarItem
+      v-for="(item, index) in Props.tabbarData"
+      :key="index"
+      :to="item.to"
+    >
+      <template v-if="item.icon.startsWith('svg:')" #icon="props">
+        <SvgIcon :name="item.icon.split(':')[1]" :class-name="props.active ? 'svg-icon-active-blue' : ``" />
+      </template>
+      <template v-else #icon>
+        <VanIcon :name="item.icon" />
+      </template>
+      {{ item.title }}
+    </VanTabbarItem>
+  </VanTabbar>
+</template>

package/src/components/core/XGridDropOption/index.vue

@@ -1,151 +1,151 @@
-<script setup lang="ts">
-import {
-  Button as VanButton,
-  Checkbox as VanCheckbox,
-  CheckboxGroup as VanCheckboxGroup,
-  Grid as VanGrid,
-  GridItem as VanGridItem,
-  Radio as VanRadio,
-  RadioGroup as VanRadioGroup,
-} from 'vant'
-import { defineEmits, defineModel, defineProps } from 'vue'
-
-interface ColumnItem {
-  [key: string]: string | number
-}
-
-interface ColumnsFieldNames {
-  text: string
-  value: string
-}
-
-const props = defineProps({
-  columns: {
-    type: Array as () => ColumnItem[],
-    default: () => [] as ColumnItem[],
-  },
-  columnsFieldNames: {
-    type: Object as () => ColumnsFieldNames,
-    default: () => ({
-      text: 'label',
-      value: 'value',
-    }),
-  },
-  gutter: {
-    type: Number,
-    default: 8,
-  },
-  columnNum: {
-    type: Number,
-    default: 4,
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-})
-
-const emit = defineEmits<{
-  change: [value: string | string[], list: ColumnItem[]]
-}>()
-
-const checked = defineModel<string | string[]>()
-
-function classSel(colRow: ColumnItem): boolean {
-  if (typeof checked.value === 'string' || Array.isArray(checked.value))
-    return checked.value.includes(String(colRow[props.columnsFieldNames.value]))
-  else if (typeof checked.value === 'undefined')
-    return false
-  else
-    return checked.value === String(colRow[props.columnsFieldNames.value])
-}
-
-function valueChange(value: string | string[]) {
-  const list = props.columns.filter((item) => {
-    if (props.multiple)
-      return value.includes(String(item[props.columnsFieldNames.value]))
-
-    else
-      return value === item[props.columnsFieldNames.value]
-  })
-  emit('change', value, list)
-}
-</script>
-
-<template>
-  <div id="XGridDropOption">
-    <template v-if="props.multiple">
-      <VanCheckboxGroup v-model="checked as string[]" direction="horizontal" @change="valueChange">
-        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
-          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
-            <template #default>
-              <VanCheckbox :name="colRow[props.columnsFieldNames.value]">
-                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
-                  {{ colRow[props.columnsFieldNames.text] }}
-                </VanButton>
-              </VanCheckbox>
-            </template>
-          </VanGridItem>
-        </VanGrid>
-      </VanCheckboxGroup>
-    </template>
-    <template v-else>
-      <VanRadioGroup v-model="checked" direction="horizontal" @change="valueChange">
-        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
-          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
-            <template #default>
-              <VanRadio :name="colRow[props.columnsFieldNames.value]">
-                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
-                  {{ colRow[props.columnsFieldNames.text] }}
-                </VanButton>
-              </VanRadio>
-            </template>
-          </VanGridItem>
-        </VanGrid>
-      </VanRadioGroup>
-    </template>
-  </div>
-</template>
-
-<style scoped lang="less">
-#XGridDropOption {
-  width: 100%;
-  --van-grid-item-content-padding: 2px;
-  --van-padding-sm: 0px;
-  --van-checkbox-label-margin: 0px;
-  --van-radio-label-margin: 0px;
-  --van-button-default-border-color: 'rgb(247,248,250)';
-
-  .van-grid {
-    width: 100%;
-  }
-
-  .select-text-col {
-    color: blue;
-  }
-
-  :deep(.van-checkbox__icon) {
-    display: none;
-  }
-
-  :deep(.van-checkbox)  {
-    width: 100%;
-  }
-  :deep(.van-radio__icon)  {
-    display: none;
-  }
-  :deep(.van-radio)  {
-    width: 100%;
-  }
-  :deep(.van-button)  {
-    width: 100%;
-    background-color: rgb(247,248,250);
-  }
-  :deep(.van-checkbox__label)  {
-    width: 100%;
-  }
-  :deep(.van-radio__label)  {
-    width: 100%;
-  }
-}
-</style>
+<script setup lang="ts">
+import {
+  Button as VanButton,
+  Checkbox as VanCheckbox,
+  CheckboxGroup as VanCheckboxGroup,
+  Grid as VanGrid,
+  GridItem as VanGridItem,
+  Radio as VanRadio,
+  RadioGroup as VanRadioGroup,
+} from 'vant'
+import { defineEmits, defineModel, defineProps } from 'vue'
+
+interface ColumnItem {
+  [key: string]: string | number
+}
+
+interface ColumnsFieldNames {
+  text: string
+  value: string
+}
+
+const props = defineProps({
+  columns: {
+    type: Array as () => ColumnItem[],
+    default: () => [] as ColumnItem[],
+  },
+  columnsFieldNames: {
+    type: Object as () => ColumnsFieldNames,
+    default: () => ({
+      text: 'label',
+      value: 'value',
+    }),
+  },
+  gutter: {
+    type: Number,
+    default: 8,
+  },
+  columnNum: {
+    type: Number,
+    default: 4,
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits<{
+  change: [value: string | string[], list: ColumnItem[]]
+}>()
+
+const checked = defineModel<string | string[]>()
+
+function classSel(colRow: ColumnItem): boolean {
+  if (typeof checked.value === 'string' || Array.isArray(checked.value))
+    return checked.value.includes(String(colRow[props.columnsFieldNames.value]))
+  else if (typeof checked.value === 'undefined')
+    return false
+  else
+    return checked.value === String(colRow[props.columnsFieldNames.value])
+}
+
+function valueChange(value: string | string[]) {
+  const list = props.columns.filter((item) => {
+    if (props.multiple)
+      return value.includes(String(item[props.columnsFieldNames.value]))
+
+    else
+      return value === item[props.columnsFieldNames.value]
+  })
+  emit('change', value, list)
+}
+</script>
+
+<template>
+  <div id="XGridDropOption">
+    <template v-if="props.multiple">
+      <VanCheckboxGroup v-model="checked as string[]" direction="horizontal" @change="valueChange">
+        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
+          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
+            <template #default>
+              <VanCheckbox :name="colRow[props.columnsFieldNames.value]">
+                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
+                  {{ colRow[props.columnsFieldNames.text] }}
+                </VanButton>
+              </VanCheckbox>
+            </template>
+          </VanGridItem>
+        </VanGrid>
+      </VanCheckboxGroup>
+    </template>
+    <template v-else>
+      <VanRadioGroup v-model="checked" direction="horizontal" @change="valueChange">
+        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
+          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
+            <template #default>
+              <VanRadio :name="colRow[props.columnsFieldNames.value]">
+                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
+                  {{ colRow[props.columnsFieldNames.text] }}
+                </VanButton>
+              </VanRadio>
+            </template>
+          </VanGridItem>
+        </VanGrid>
+      </VanRadioGroup>
+    </template>
+  </div>
+</template>
+
+<style scoped lang="less">
+#XGridDropOption {
+  width: 100%;
+  --van-grid-item-content-padding: 2px;
+  --van-padding-sm: 0px;
+  --van-checkbox-label-margin: 0px;
+  --van-radio-label-margin: 0px;
+  --van-button-default-border-color: 'rgb(247,248,250)';
+
+  .van-grid {
+    width: 100%;
+  }
+
+  .select-text-col {
+    color: blue;
+  }
+
+  :deep(.van-checkbox__icon) {
+    display: none;
+  }
+
+  :deep(.van-checkbox)  {
+    width: 100%;
+  }
+  :deep(.van-radio__icon)  {
+    display: none;
+  }
+  :deep(.van-radio)  {
+    width: 100%;
+  }
+  :deep(.van-button)  {
+    width: 100%;
+    background-color: rgb(247,248,250);
+  }
+  :deep(.van-checkbox__label)  {
+    width: 100%;
+  }
+  :deep(.van-radio__label)  {
+    width: 100%;
+  }
+}
+</style>