af-mobile-client-vue3 1.0.54

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

@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import {
+  Col as VanCol,
+  Icon as VanIcon,
+  Row as VanRow,
+} from 'vant'
+
+const { title } = withDefaults(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

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { defineProps } from 'vue'
+import {
+  Tabbar as VanTabbar,
+  TabbarItem as VanTabbarItem,
+} from 'vant'
+
+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/components.d.ts

@@ -0,0 +1,53 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    BeautifulLoading: typeof import('./components/core/BeautifulLoading/index.vue')['default']
+    MicroAppView: typeof import('./components/core/App/MicroAppView.vue')['default']
+    NavBar: typeof import('./components/core/NavBar/index.vue')['default']
+    NormalDataLayout: typeof import('./components/layout/NormalDataLayout/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./components/core/SvgIcon/index.vue')['default']
+    Tabbar: typeof import('./components/core/Tabbar/index.vue')['default']
+    TabBarLayout: typeof import('./components/layout/TabBarLayout/index.vue')['default']
+    Uploader: typeof import('./components/core/Uploader/index.vue')['default']
+    VanArea: typeof import('vant/es')['Area']
+    VanButton: typeof import('vant/es')['Button']
+    VanCalendar: typeof import('vant/es')['Calendar']
+    VanCell: typeof import('vant/es')['Cell']
+    VanCellGroup: typeof import('vant/es')['CellGroup']
+    VanCheckbox: typeof import('vant/es')['Checkbox']
+    VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
+    VanDatePicker: typeof import('vant/es')['DatePicker']
+    VanField: typeof import('vant/es')['Field']
+    VanForm: typeof import('vant/es')['Form']
+    VanLoading: typeof import('vant/es')['Loading']
+    VanNavBar: typeof import('vant/es')['NavBar']
+    VanPicker: typeof import('vant/es')['Picker']
+    VanPopup: typeof import('vant/es')['Popup']
+    VanRadio: typeof import('vant/es')['Radio']
+    VanRadioGroup: typeof import('vant/es')['RadioGroup']
+    VanRate: typeof import('vant/es')['Rate']
+    VanRow: typeof import('vant/es')['Row']
+    VanSlider: typeof import('vant/es')['Slider']
+    VanSpace: typeof import('vant/es')['Space']
+    VanStepper: typeof import('vant/es')['Stepper']
+    VanSwitch: typeof import('vant/es')['Switch']
+    VanTimePicker: typeof import('vant/es')['TimePicker']
+    XBadge: typeof import('./components/data/XBadge/index.vue')['default']
+    XCellDetail: typeof import('./components/data/XCellDetail/index.vue')['default']
+    XCellList: typeof import('./components/data/XCellList/index.vue')['default']
+    XForm: typeof import('./components/data/XForm/index.vue')['default']
+    XFormItem: typeof import('./components/data/XFormItem/index.vue')['default']
+    XMultiSelect: typeof import('./components/core/XMultiSelect/index.vue')['default']
+    XReportForm: typeof import('./components/data/XReportForm/index.vue')['default']
+    XReportFormJsonRender: typeof import('./components/data/XReportForm/XReportFormJsonRender.vue')['default']
+    XSelect: typeof import('./components/core/XSelect/index.vue')['default']
+  }
+}

package/src/enums/requestEnum.ts

@@ -0,0 +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,
+}

package/src/env.d.ts

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

package/src/font-style/font.css

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'PingFangSC-Regular-woff2';
+  src: url('./PingFangSC-Regular.woff2') format('woff2');
+}

package/src/hooks/useCommon.ts

@@ -0,0 +1,9 @@
+export const formatDate = (date) => {
+  const year = date.getFullYear();
+  const month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份加1，并补零
+  const day = date.getDate().toString().padStart(2, '0'); // 日期补零
+  const hours = date.getHours().toString().padStart(2, '0'); // 小时补零
+  const minutes = date.getMinutes().toString().padStart(2, '0'); // 分钟补零
+  const seconds = date.getSeconds().toString().padStart(2, '0'); // 秒数补零
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};

package/src/hooks/useLogin.ts

@@ -0,0 +1,97 @@
+import type { FieldRule } from 'vant'
+import { computed, ref, unref } from 'vue'
+
+export enum LoginStateEnum {
+  LOGIN,
+  REGISTER,
+  RESET_PASSWORD,
+}
+
+const currentState = ref(LoginStateEnum.LOGIN)
+
+export function useLoginState() {
+  function setLoginState(state: LoginStateEnum) {
+    currentState.value = state
+  }
+
+  const getLoginState = computed(() => currentState.value)
+
+  function handleBackLogin() {
+    setLoginState(LoginStateEnum.LOGIN)
+  }
+
+  return { setLoginState, getLoginState, handleBackLogin }
+}
+
+export function useFormRules(formData?: any) {
+  const getUsernameFormRule = computed(() => createRule('请输入用户名'))
+  const getPasswordFormRule = computed(() => createRule('请输入密码'))
+  const getSmsFormRule = computed(() => createRule('请输入短信验证码'))
+  const getMobileFormRule = computed(() => createRule('请输入手机号码'))
+
+  const validatePolicy = async (value: any, _: FieldRule) => {
+    return !value ? Promise.resolve('勾选后才能注册') : Promise.resolve(true)
+  }
+
+  const validateConfirmPassword = (password: string) => {
+    return async (value: string) => {
+      if (!value)
+        return Promise.resolve('请输入确认密码')
+
+      if (value !== password)
+        return Promise.resolve('两次输入密码不一致')
+
+      return Promise.resolve(true)
+    }
+  }
+
+  const getFormRules = computed((): { [k: string]: FieldRule[] } => {
+    const usernameFormRule = unref(getUsernameFormRule)
+    const passwordFormRule = unref(getPasswordFormRule)
+    const smsFormRule = unref(getSmsFormRule)
+    const mobileFormRule = unref(getMobileFormRule)
+
+    const mobileRule = {
+      sms: smsFormRule,
+      mobile: mobileFormRule,
+    }
+    switch (unref(currentState)) {
+      // register form rules
+      case LoginStateEnum.REGISTER:
+        return {
+          username: usernameFormRule,
+          password: passwordFormRule,
+          confirmPassword: [
+            { validator: validateConfirmPassword(formData?.password), trigger: 'onChange' },
+          ],
+          policy: [{ validator: validatePolicy, trigger: 'onBlur' }],
+          ...mobileRule,
+        }
+
+      // reset password form rules
+      case LoginStateEnum.RESET_PASSWORD:
+        return {
+          username: usernameFormRule,
+          ...mobileRule,
+        }
+
+      // login form rules
+      default:
+        return {
+          username: usernameFormRule,
+          password: passwordFormRule,
+        }
+    }
+  })
+  return { getFormRules }
+}
+
+function createRule(message: string): FieldRule[] {
+  return [
+    {
+      required: true,
+      message,
+      trigger: 'onBlur',
+    },
+  ]
+}

package/src/icons/svg/bird.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1708493555676" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9721" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M713.756472 459.474593L656.813039 412.348993l45.162033-91.305848c5.8907-11.7814 2.94535-25.526366-6.872483-33.380633-9.817833-7.854267-23.5628-8.83605-34.362416-0.981783l-55.96165 40.253116C563.543624 265.081496 493.837009 223.846596 414.31256 223.846596 285.698945 224.82838 194.393097 316.134228 187.520614 451.620326c-2.94535 67.743049-15.708533 120.759348-29.4535 161.012464-1.963567 0-2.94535 0.981783-4.908916 0.981783C51.052733 646.013423 0.981783 683.321189 0.981783 727.501438c0 45.162033 49.089166 82.469799 151.194631 113.886865 24.544583 7.854267 56.943432 14.72675 76.579099 19.635666v127.631832c0 14.72675 13.744966 34.362416 28.471716 34.362416h168.866731c14.72675 0 27.489933-14.72675 27.489933-29.4535s-12.763183-29.4535-27.489933-29.453499h-30.435283v-87.378716c58.906999-6.872483 114.868648-34.362416 145.303931-75.597315 13.744966-17.6721 22.581016-35.344199 25.526366-55.961649 39.271333-65.779482 66.761266-144.322148 74.615532-232.682646h54.979866c11.7814 0 21.599233-9.817833 25.526366-20.61745 4.908917-9.817833 0.981783-24.544583-7.854266-32.398849zM366.205177 824.697987c-41.234899 0-122.722915-11.7814-197.338446-35.3442-94.251198-29.4535-113.886865-55.961649-113.886865-61.852349 0-5.8907 19.635666-32.398849 113.886865-61.852349 74.615532-22.581016 155.121764-35.344199 197.338446-35.344199 79.524449 0 147.267498 44.180249 147.267498 96.214765 0 14.72675-4.908917 28.471716-14.72675 41.234899-24.544583 35.344199-76.579099 56.943432-132.540748 56.943433z m49.089166-544.889742c95.232982 0 172.793864 77.560882 172.793864 172.793864 0 71.670182-14.72675 145.303931-41.234899 208.138064-10.799616-15.708533-24.544583-30.435283-42.216683-43.198466-37.307766-26.50815-87.378715-41.234899-139.413231-41.2349-37.307766 0-92.287632 7.854267-145.303931 19.635667 10.799616-38.289549 18.653883-85.415149 21.599233-141.376798 5.8907-107.996165 72.651965-174.75743 173.775647-174.757431z m-127.631831 592.015341c19.635666 2.94535 39.271333 5.8907 58.906999 6.872483v86.396932h-58.906999v-93.269415z" fill="" p-id="9722"></path><path d="M220.901246 595.942474c53.016299-11.7814 107.996165-19.635666 145.303931-19.635667 52.034516 0 102.105465 14.72675 139.413231 41.2349 17.6721 12.763183 31.417066 26.50815 42.216683 43.198466 26.50815-61.852349 41.234899-135.486098 41.234899-208.138064 0-95.232982-77.560882-172.793864-172.793863-172.793864-102.105465 0-167.884947 66.761266-172.793864 174.757431-3.927133 55.961649-11.7814 103.087248-22.581017 141.376798z m264.099713-200.283797c14.72675 0 27.489933 12.763183 27.489933 27.489933 0 14.72675-12.763183 27.489933-27.489933 27.489933-14.72675 0-27.489933-12.763183-27.489933-27.489933 0-14.72675 11.7814-27.489933 27.489933-27.489933z" fill="#FFB9A8" p-id="9723"></path><path d="M498.745925 769.718121c9.817833-12.763183 14.72675-27.489933 14.72675-41.2349 0-52.034516-67.743049-96.214765-147.267498-96.214765-41.234899 0-122.722915 11.7814-197.338446 35.3442-94.251198 29.4535-113.886865 55.961649-113.886865 61.852349 0 5.8907 19.635666 32.398849 113.886865 61.852349C243.482263 811.934803 324.970278 824.697987 366.205177 824.697987c55.961649 0 107.996165-21.599233 132.540748-54.979866z" fill="#1989fa" p-id="9724" data-spm-anchor-id="a313x.search_index.0.i3.689f3a81wZEIki" class=""></path><path d="M485.000959 423.14861m-27.489933 0a27.489933 27.489933 0 1 0 54.979866 0 27.489933 27.489933 0 1 0-54.979866 0Z" fill="" p-id="9725"></path><path d="M954.293384 378.96836c-2.94535-0.981783-4.908917-0.981783-7.854266-0.981783-5.8907 0-10.799616 2.94535-13.744967 6.872483-0.981783 0.981783-2.94535 1.963567-4.908916 1.963567s-2.94535-0.981783-4.908917-1.963567c-3.927133-3.927133-7.854267-6.872483-13.744966-6.872483-1.963567 0-3.927133 0-6.872483 0.981783-14.72675 4.908917-30.435283 37.307766 25.526366 73.633749 56.943432-36.325983 41.234899-68.724832 26.508149-73.633749z" fill="#F41818" p-id="9726"></path><path d="M1022.036433 390.74976c-3.927133-29.4535-24.544583-54.979866-52.034515-63.815915-7.854267-2.94535-15.708533-3.927133-24.544583-3.927134-6.872483 0-12.763183 0.981783-19.635667 2.94535-5.8907-1.963567-11.7814-1.963567-18.653883-1.963566-7.854267 0-15.708533 0.981783-23.562799 3.927133-27.489933 8.83605-48.107383 33.380633-52.034516 63.815916-2.94535 23.5628 0.981783 67.743049 64.797699 107.996165 8.83605 5.8907 19.635666 8.83605 29.453499 8.836049s20.61745-2.94535 29.4535-8.836049c65.779482-41.234899 69.706616-86.396932 66.761265-108.977949z m-94.251198 61.852349c-56.943432-36.325983-41.234899-68.724832-25.526366-73.633749 1.963567-0.981783 4.908917-0.981783 6.872483-0.981783 5.8907 0 10.799616 2.94535 13.744966 6.872483 0.981783 0.981783 2.94535 1.963567 4.908917 1.963567s3.927133-0.981783 4.908916-1.963567c3.927133-3.927133 7.854267-6.872483 13.744967-6.872483 1.963567 0 4.908917 0 7.854266 0.981783 14.72675 4.908917 30.435283 37.307766-26.508149 73.633749z" fill="" p-id="9727"></path><path d="M860.042186 215.010547C981.783317 137.449664 947.420901 68.724832 916.003835 57.925216c-5.8907-1.963567-10.799616-2.94535-15.708533-2.94535-12.763183 0-23.5628 5.8907-30.435283 14.72675-2.94535 2.94535-5.8907 4.908917-9.817833 4.908916-2.94535 0-5.8907-0.981783-8.83605-3.927133-7.854267-8.83605-18.653883-14.72675-31.417066-14.72675-4.908917 0-9.817833 0.981783-14.72675 1.963567-32.398849 9.817833-66.761266 79.524449 54.979866 157.085331z" fill="#F41818" p-id="9728"></path><path d="M889.495686 261.154362c39.271333-25.526366 68.724832-52.034516 87.378715-81.488015 23.5628-36.325983 25.526366-68.724832 22.581016-89.342282-4.908917-40.253116-31.417066-73.633749-67.743049-84.433365-9.817833-3.927133-20.61745-5.8907-31.417066-5.8907-14.72675 0-28.471716 2.94535-41.234899 8.83605-12.763183-5.8907-25.526366-8.83605-40.253116-8.83605-10.799616 0-20.61745 1.963567-31.417066 4.908917-35.344199 11.7814-61.852349 45.162033-67.743049 84.433365-2.94535 20.61745-0.981783 53.016299 22.581016 89.342282 18.653883 28.471716 48.107383 55.961649 87.378715 81.488015 8.83605 5.8907 19.635666 8.83605 29.4535 8.83605 11.7814 0.981783 21.599233-1.963567 30.435283-7.854267zM805.06232 57.925216c4.908917-1.963567 9.817833-1.963567 14.72675-1.963567 12.763183 0 23.5628 5.8907 31.417066 14.72675 1.963567 2.94535 5.8907 3.927133 8.83605 3.927133 3.927133 0 6.872483-1.963567 9.817833-4.908916 7.854267-8.83605 17.6721-14.72675 30.435283-14.72675 4.908917 0 9.817833 0.981783 15.708533 2.94535 32.398849 9.817833 65.779482 79.524449-55.961649 157.085331-121.741131-77.560882-87.378715-147.267498-54.979866-157.085331z" fill="" p-id="9729"></path></svg>

package/src/icons/svg/check-in.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <path d="M781.9 572.5V334c0-19.5-15.5-35.3-34.7-35.3H279.1c-19.1 0-34.7 15.8-34.7 35.3v477c0 19.5 15.5 35.3 34.7 35.3H683c19.1 0 98.9-64 98.9-83.5V572.5z" fill="#FCEE21"/>
+  <path d="M781.9 764.3V343.6c0-8.3-3-16-7.9-22-68.7 307.3-434 456.3-526.3 504.6 5.5 11.9 17.5 20.1 31.4 20.1H683c19.2 0 98.9-62.8 98.9-82z" fill="#F8B62D"/>
+  <path d="M781.9 569.7c-5.6 0-10.1-4.5-10.1-10.1V309.8c0-14.8-12.1-26.9-26.9-26.9h-457c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1H745c26 0 47.1 21.1 47.1 47.1v249.7c-0.1 5.7-4.6 10.2-10.2 10.2zM208.5 334.6c-5.6 0-10.1-4.5-10.1-10.1v-14.7c0-26 21.1-47.1 47.1-47.1h2.1c5.6 0 10.1 4.5 10.1 10.1s-4.5 10.1-10.1 10.1h-2.1c-14.8 0-26.9 12.1-26.9 26.9v14.7c-0.1 5.6-4.6 10.1-10.1 10.1zM482.9 856.4H245.4c-26 0-47.1-21.1-47.1-47.1V358.2c0-5.6 4.5-10.1 10.1-10.1s10.1 4.5 10.1 10.1v451.2c0 14.8 12.1 26.9 26.9 26.9h237.4c5.6 0 10.1 4.5 10.1 10.1s-4.5 10-10 10z" fill="#3E3A39"/>
+  <path d="M313.2 506.9h232.1" fill="#FCEE21"/>
+  <path d="M545.3 517H313.2c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1h232.1c5.6 0 10.1 4.5 10.1 10.1s-4.5 10.1-10.1 10.1z" fill="#3E3A39"/>
+  <path d="M313.2 603.4h188.7" fill="#FCEE21"/>
+  <path d="M501.9 613.5H313.2c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1h188.7c5.6 0 10.1 4.5 10.1 10.1s-4.5 10.1-10.1 10.1z" fill="#3E3A39"/>
+  <path d="M313.2 699.8h125.1" fill="#FCEE21"/>
+  <path d="M438.3 709.9h-125c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1h125c5.6 0 10.1 4.5 10.1 10.1s-4.6 10.1-10.1 10.1z" fill="#3E3A39"/>
+  <path d="M316.1 404h465.8" fill="#FCEE21"/>
+  <path d="M781.9 414.1H316.1c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1H782c5.6 0 10.1 4.5 10.1 10.1s-4.6 10.1-10.2 10.1z" fill="#3E3A39"/>
+  <path d="M381.9 330.3h-43.1c-2.1 0-3.8-1.7-3.8-3.8V209.9c0-2.1 1.7-3.8 3.8-3.8h43.1c2.1 0 3.8 1.7 3.8 3.8v116.7c0 2-1.7 3.7-3.8 3.7z" fill="#F8B62D"/>
+  <path d="M360.3 340.4c-19.5 0-35.4-15.9-35.4-35.4v-73.6c0-19.5 15.9-35.4 35.4-35.4s35.4 15.9 35.4 35.4V305c0.1 19.5-15.8 35.4-35.4 35.4z m0-124.2c-8.4 0-15.2 6.8-15.2 15.2V305c0 8.4 6.8 15.2 15.2 15.2 8.4 0 15.2-6.8 15.2-15.2v-73.6c0.1-8.4-6.8-15.2-15.2-15.2zM866.3 856.4h-24c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1h24c5.6 0 10.1 4.5 10.1 10.1s-4.6 10.1-10.1 10.1zM123.6 856.4H92.9c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1h30.7c5.6 0 10.1 4.5 10.1 10.1s-4.5 10.1-10.1 10.1zM803.7 856.4H155.4c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1h648.3c5.6 0 10.1 4.5 10.1 10.1s-4.5 10.1-10.1 10.1z" fill="#3E3A39"/>
+  <path d="M665.7 737.2m-127.1 0a127.1 127.1 0 1 0 254.2 0 127.1 127.1 0 1 0-254.2 0Z" fill="#FFFFFF"/>
+  <path d="M659.8 874.3c-82.6 0-149.8-67.2-149.8-149.8 0-82.6 67.2-149.8 149.8-149.8S809.5 642 809.5 724.6c0 82.5-67.1 149.7-149.7 149.7z m0-279.3c-71.5 0-129.6 58.1-129.6 129.6s58.1 129.6 129.6 129.6S789.4 796 789.4 724.6c0-71.5-58.2-129.6-129.6-129.6z" fill="#3E3A39"/>
+  <path d="M649.3 797c-2.5 0-4.9-0.9-6.7-2.6l-64.8-58.2c-4.1-3.7-4.5-10.1-0.8-14.2s10.1-4.5 14.2-0.8l56.7 50.9 77.4-101.2c3.4-4.4 9.7-5.3 14.1-1.9s5.3 9.7 1.9 14.1l-84 109.9c-1.7 2.2-4.3 3.7-7.1 3.9-0.2 0.1-0.6 0.1-0.9 0.1z" fill="#3E3A39"/>
+  <path d="M692.1 126.3c-15.1 0-27.3-12.3-27.3-27.3 0-15.1 12.3-27.3 27.3-27.3 15.1 0 27.3 12.3 27.3 27.3 0 15.1-12.2 27.3-27.3 27.3z m0-41.2c-7.7 0-13.9 6.2-13.9 13.9s6.2 13.9 13.9 13.9S706 106.7 706 99s-6.2-13.9-13.9-13.9z" fill="#47B7F8"/>
+  <path d="M249 169.9h-12v-12c0-3.2-2.6-5.8-5.8-5.8-3.2 0-5.8 2.6-5.8 5.8v12h-12c-3.2 0-5.8 2.6-5.8 5.8 0 3.2 2.6 5.8 5.8 5.8h12v12c0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8v-12h12c3.2 0 5.8-2.6 5.8-5.8 0-3.2-2.6-5.8-5.8-5.8zM853.2 286.2h-12v-12c0-3.2-2.6-5.8-5.8-5.8-3.2 0-5.8 2.6-5.8 5.8v12h-12c-3.2 0-5.8 2.6-5.8 5.8s2.6 5.8 5.8 5.8h12v12c0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8v-12h12c3.2 0 5.8-2.6 5.8-5.8s-2.6-5.8-5.8-5.8z" fill="#F7E42F"/>
+  <path d="M112.5 443.7H98.6v-13.9a6.7 6.7 0 0 0-13.4 0v13.9h-14a6.7 6.7 0 0 0 0 13.4h13.9V471a6.7 6.7 0 0 0 13.4 0v-13.9h13.9c3.7 0 6.7-3 6.7-6.7s-2.9-6.7-6.6-6.7z" fill="#F8B62D"/>
+  <path d="M340.1 109.1m-10.1 0a10.1 10.1 0 1 0 20.2 0 10.1 10.1 0 1 0-20.2 0Z" fill="#F8B62D"/>
+  <path d="M790.8 162.3m-13.4 0a13.4 13.4 0 1 0 26.8 0 13.4 13.4 0 1 0-26.8 0Z" fill="#F8B62D"/>
+  <path d="M545.3 115.7m-13.4 0a13.4 13.4 0 1 0 26.8 0 13.4 13.4 0 1 0-26.8 0Z" fill="#F7E42F"/>
+  <path d="M125.5 291.9c-15.1 0-27.3-12.3-27.3-27.3 0-15.1 12.3-27.3 27.3-27.3s27.3 12.3 27.3 27.3c0 15.1-12.3 27.3-27.3 27.3z m0-41.2c-7.7 0-13.9 6.2-13.9 13.9s6.2 13.9 13.9 13.9 13.9-6.2 13.9-13.9-6.3-13.9-13.9-13.9z" fill="#F8B62D"/>
+  <path d="M472.7 166.3c-1.5-1.4-3.8-1.4-5.3 0-0.7 0.7-1.1 1.6-1.1 2.6s0.4 1.9 1.1 2.6l11.9 11.9c0.7 0.7 1.6 1.1 2.6 1.1s1.9-0.4 2.6-1.1c1.4-1.5 1.4-3.8 0-5.3l-11.8-11.8zM504.3 197.9c-0.7-0.7-1.6-1.1-2.6-1.1s-1.9 0.4-2.6 1.1c-1.4 1.5-1.4 3.8 0 5.3l11.9 11.9c0.7 0.7 1.6 1.1 2.6 1.1s1.9-0.4 2.6-1.1c0.7-0.7 1.1-1.6 1.1-2.6s-0.4-1.9-1.1-2.6l-11.9-12zM501.6 184.6c1 0 1.9-0.4 2.6-1.1l11.9-11.9c0.7-0.7 1.1-1.6 1.1-2.6s-0.4-1.9-1.1-2.6c-1.5-1.5-3.8-1.5-5.3 0L499 178.3c-1.4 1.5-1.4 3.8 0 5.3 0.7 0.7 1.6 1 2.6 1zM479.4 197.9l-11.9 11.9c-0.7 0.7-1.1 1.6-1.1 2.6s0.4 1.9 1.1 2.6c0.7 0.7 1.6 1.1 2.6 1.1s1.9-0.4 2.6-1.1l11.9-11.9c1.4-1.5 1.4-3.8 0-5.3-1.3-1.3-3.8-1.3-5.2 0.1zM481.7 190.7c0-2.1-1.7-3.7-3.7-3.7h-16.9c-2.1 0-3.7 1.7-3.7 3.7 0 2.1 1.7 3.7 3.7 3.7H478c2 0 3.7-1.6 3.7-3.7zM522.6 187h-16.9c-2.1 0-3.7 1.7-3.7 3.7 0 2.1 1.7 3.7 3.7 3.7h16.9c2.1 0 3.7-1.7 3.7-3.7s-1.7-3.7-3.7-3.7zM491.8 156.2c-2.1 0-3.7 1.7-3.7 3.7v16.9c0 2.1 1.7 3.7 3.7 3.7 2.1 0 3.7-1.7 3.7-3.7V160c0-2.1-1.6-3.8-3.7-3.8zM491.8 200.8c-2.1 0-3.7 1.7-3.7 3.7v16.9c0 2.1 1.7 3.7 3.7 3.7 2.1 0 3.7-1.7 3.7-3.7v-16.9c0-2-1.6-3.7-3.7-3.7z" fill="#FAEE00"/>
+  <path d="M905.9 417c-1.5-1.4-3.8-1.4-5.3 0-0.7 0.7-1.1 1.6-1.1 2.6s0.4 1.9 1.1 2.6l11.9 11.9c0.7 0.7 1.6 1.1 2.6 1.1s1.9-0.4 2.6-1.1c1.4-1.5 1.4-3.8 0-5.3L905.9 417zM937.5 448.5c-0.7-0.7-1.6-1.1-2.6-1.1s-1.9 0.4-2.6 1.1c-1.4 1.5-1.4 3.8 0 5.3l11.9 11.9c0.7 0.7 1.6 1.1 2.6 1.1s1.9-0.4 2.6-1.1c0.7-0.7 1.1-1.6 1.1-2.6s-0.4-1.9-1.1-2.6l-11.9-12zM934.8 435.3c1 0 1.9-0.4 2.6-1.1l11.9-11.9c0.7-0.7 1.1-1.6 1.1-2.6s-0.4-1.9-1.1-2.6c-1.5-1.5-3.8-1.5-5.3 0L932.1 429c-1.4 1.5-1.4 3.8 0 5.3 0.8 0.6 1.7 1 2.7 1zM912.6 448.5l-11.9 11.9c-0.7 0.7-1.1 1.6-1.1 2.6s0.4 1.9 1.1 2.6c0.7 0.7 1.6 1.1 2.6 1.1s1.9-0.4 2.6-1.1l11.9-11.9c1.4-1.5 1.4-3.8 0-5.3-1.3-1.3-3.8-1.3-5.2 0.1zM914.9 441.4c0-2.1-1.7-3.7-3.7-3.7h-16.9c-2.1 0-3.7 1.7-3.7 3.7s1.7 3.7 3.7 3.7h16.9c2 0 3.7-1.7 3.7-3.7zM955.8 437.6h-16.9c-2.1 0-3.7 1.7-3.7 3.7s1.7 3.7 3.7 3.7h16.9c2.1 0 3.7-1.7 3.7-3.7s-1.7-3.7-3.7-3.7zM925 406.9c-2.1 0-3.7 1.7-3.7 3.7v16.9c0 2.1 1.7 3.7 3.7 3.7s3.7-1.7 3.7-3.7v-16.9c0.1-2-1.6-3.7-3.7-3.7zM925 451.5c-2.1 0-3.7 1.7-3.7 3.7v16.9c0 2.1 1.7 3.7 3.7 3.7s3.7-1.7 3.7-3.7v-16.9c0.1-2.1-1.6-3.7-3.7-3.7z" fill="#F8B62D"/>
+  <path d="M648.3 330.3h-43.1c-2.1 0-3.8-1.7-3.8-3.8V209.9c0-2.1 1.7-3.8 3.8-3.8h43.1c2.1 0 3.8 1.7 3.8 3.8v116.7c0 2-1.7 3.7-3.8 3.7z" fill="#F8B62D"/>
+  <path d="M626.7 340.4c-19.5 0-35.4-15.9-35.4-35.4v-73.6c0-19.5 15.9-35.4 35.4-35.4s35.4 15.9 35.4 35.4V305c0.1 19.5-15.8 35.4-35.4 35.4z m0-124.2c-8.4 0-15.2 6.8-15.2 15.2V305c0 8.4 6.8 15.2 15.2 15.2 8.4 0 15.2-6.8 15.2-15.2v-73.6c0.1-8.4-6.8-15.2-15.2-15.2z" fill="#3E3A39"/>
+  <path d="M271.3 381.9c-5.6 0-10.1-4.5-10.1-10.1V341c0-17.7 14.4-32.1 32.1-32.1h17.8c5.6 0 10.1 4.5 10.1 10.1s-4.5 10.1-10.1 10.1h-17.8c-6.6 0-12 5.4-12 12v30.8c0.1 5.5-4.4 10-10 10z" fill="#FFFFFF"/>
+  <path d="M271.3 576.4c-5.6 0-10.1-4.5-10.1-10.1V455.6c0-5.6 4.5-10.1 10.1-10.1s10.1 4.5 10.1 10.1v110.7c0 5.6-4.5 10.1-10.1 10.1z" fill="#FFFFFF"/>
+</svg>

package/src/icons/svg/dark.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <path d="M448.22 48C704.358 48 912 255.74 912 512l-0.062 7.673C907.842 772.394 701.797 976 448.22 976c-110.645 0-198.866-26.169-264.663-78.506a32 32 0 0 1-4.325-4.159c-11.419-13.256-10.058-33.192 2.962-44.78l0.399-0.35 2.742-2.383c89.13-78.201 134.016-188.043 134.66-329.525L320 512c0.253-143.557-44.635-254.831-134.665-333.822l-2.742-2.384c-13.39-11.534-14.895-31.74-3.36-45.13a32 32 0 0 1 4.324-4.158C249.354 74.17 337.575 48 448.22 48z m0 64c-78.634 0-142.266 14.443-192.055 42.56l-1.809 1.03 0.175 0.18c85.695 88.653 128.775 207.05 129.462 351.494l0.007 4.825-0.007 4.499c-0.65 143.074-42.893 260.596-126.9 348.969l-2.737 2.852 1.809 1.031c49.174 27.77 111.852 42.201 189.149 42.56h2.906c216.135 0 392.63-171.775 399.568-386.834l0.154-6.358 0.057-6.946-0.053-6.477C844.452 289.716 670.368 115.55 454.83 112.054l-6.61-0.054z" fill="#000000"/>
+</svg>

package/src/icons/svg/github.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <path d="M1021.72444445 512a495.16088889 495.16088889 0 0 1-97.57582223 299.64515555 500.62222222 500.62222222 0 0 1-250.85724444 184.22897778 30.58346667 30.58346667 0 0 1-26.2144-4.73315555 25.85031111 25.85031111 0 0 1-8.00995556-20.02488889v-139.81013334a119.05706667 119.05706667 0 0 0-34.58844444-94.29902222 473.31555555 473.31555555 0 0 0 67.72053333-11.65084444 248.30862222 248.30862222 0 0 0 62.2592-26.2144 187.50577778 187.50577778 0 0 0 53.52106667-43.69066667 209.35111111 209.35111111 0 0 0 36.40888889-69.90506667 334.2336 334.2336 0 0 0 13.83537778-100.12444444 191.87484445 191.87484445 0 0 0-52.7928889-136.53333333 176.21902222 176.21902222 0 0 0-5.09724444-135.44106667 87.01724445 87.01724445 0 0 0-53.52106666 7.28177778 341.87946667 341.87946667 0 0 0-61.16693334 29.12711111l-25.12213333 15.65582222a473.31555555 473.31555555 0 0 0-254.86222223 0c-7.28177778-5.09724445-16.384-10.55857778-28.03484444-17.84035555A371.00657778 371.00657778 0 0 0 300.82844445 220.72888889a94.29902222 94.29902222 0 0 0-57.16195556-9.10222222 178.40355555 178.40355555 0 0 0-4.73315556 136.53333333 197.70026667 197.70026667 0 0 0-52.4288 137.26151111A327.68 327.68 0 0 0 200.33991111 584.81777778a223.55057778 223.55057778 0 0 0 36.40888889 69.90506667 172.94222222 172.94222222 0 0 0 53.52106667 44.41884444 304.7424 304.7424 0 0 0 62.2592 26.2144 471.13102222 471.13102222 0 0 0 68.08462222 11.65084444 105.22168889 105.22168889 0 0 0-32.768 68.44871112 112.86755555 112.86755555 0 0 1-30.21937778 9.4663111 190.41848889 190.41848889 0 0 1-36.40888889 3.2768A78.6432 78.6432 0 0 1 274.61404445 803.27111111a124.5184 124.5184 0 0 1-36.4088889-41.50613333 109.22666667 109.22666667 0 0 0-32.03982222-34.58844445 91.7504 91.7504 0 0 0-32.768-16.01991111h-13.1072a47.33155555 47.33155555 0 0 0-19.29671111 2.91271111q-5.46133333 3.2768-3.2768 7.64586667a50.24426667 50.24426667 0 0 0 6.18951111 9.10222222 62.98737778 62.98737778 0 0 0 8.73813334 8.37404445l4.73315555 2.91271111a88.83768889 88.83768889 0 0 1 29.12711111 25.12213333 179.49582222 179.49582222 0 0 1 20.75306667 33.49617778l6.5536 15.29173333a82.28408889 82.28408889 0 0 0 29.12711111 41.14204445 109.22666667 109.22666667 0 0 0 44.05475556 18.93262222 223.18648889 223.18648889 0 0 0 45.8752 4.73315556 207.16657778 207.16657778 0 0 0 36.40888888-2.54862223l15.29173334-2.54862222v95.39128889a26.2144 26.2144 0 0 1-8.73813334 20.02488889 31.67573333 31.67573333 0 0 1-26.57848888 4.73315555 498.43768889 498.43768889 0 0 1-249.40088889-185.32124444A486.78684445 486.78684445 0 0 1 2.27555555 512a497.70951111 497.70951111 0 0 1 68.44871112-254.86222222A504.6272 504.6272 0 0 1 257.13777778 70.72426667 497.70951111 497.70951111 0 0 1 512 2.27555555a497.70951111 497.70951111 0 0 1 254.86222222 68.44871112A504.6272 504.6272 0 0 1 953.27573333 257.13777778 496.98133333 496.98133333 0 0 1 1021.72444445 512z"/>
+</svg>

package/src/icons/svg/light.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <path d="M512 224c159.058 0 288 128.942 288 288S671.058 800 512 800 224 671.058 224 512s128.942-288 288-288z m0 64c-123.712 0-224 100.288-224 224s100.288 224 224 224 224-100.288 224-224-100.288-224-224-224z m0 576c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32zM263.098 760.902c12.497 12.496 12.497 32.758 0 45.254l-45.254 45.255c-12.497 12.497-32.758 12.497-45.255 0s-12.497-32.758 0-45.255l45.255-45.254c12.496-12.497 32.758-12.497 45.254 0z m543.058 0l45.255 45.254c12.497 12.497 12.497 32.758 0 45.255s-32.758 12.497-45.255 0l-45.254-45.255c-12.497-12.496-12.497-32.758 0-45.254 12.496-12.497 32.758-12.497 45.254 0zM128 480c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H64c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h64z m832 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-64c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h64zM217.844 172.589l45.254 45.255c12.497 12.496 12.497 32.758 0 45.254-12.496 12.497-32.758 12.497-45.254 0l-45.255-45.254c-12.497-12.497-12.497-32.758 0-45.255s32.758-12.497 45.255 0z m633.567 0c12.497 12.497 12.497 32.758 0 45.255l-45.255 45.254c-12.496 12.497-32.758 12.497-45.254 0-12.497-12.496-12.497-32.758 0-45.254l45.254-45.255c12.497-12.497 32.758-12.497 45.255 0zM512 32c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32z" fill="#000000"/>
+</svg>

package/src/icons/svg/link.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <path d="M883.459773 504.826645a46.043165 46.043165 0 0 1-60.708766-0.937916 41.609379 41.609379 0 0 1-3.49587-58.236078l77.591261-77.932321a163.538503 163.538503 0 0 0-16.96776-229.10738c-67.359446-67.274181-166.863842-73.328004-223.053557-16.711964L439.995878 340.264961a163.538503 163.538503 0 0 0 17.053024 229.107381 41.609379 41.609379 0 0 1 0 60.367706 45.61684 45.61684 0 0 1-63.43725 0 246.330935 246.330935 0 0 1-16.967759-347.284839L593.473096 65.37021C686.753139-28.080362 845.090469-20.406501 945.959107 82.423235a246.24567 246.24567 0 0 1 15.603518 343.618438l-78.102852 78.784972z m-742.318145 13.64242a46.043165 46.043165 0 0 1 60.708766 0.937916c16.797229 15.518252 18.417266 40.927258 3.49587 58.236078l-77.59126 77.932321a163.538503 163.538503 0 0 0 16.967759 229.10738c67.359446 67.274181 166.863842 73.328004 223.053557 16.711964L584.605524 683.030749a163.538503 163.538503 0 0 0-17.053025-229.107381 41.609379 41.609379 0 0 1 0-60.367706 45.531575 45.531575 0 0 1 63.437251 0 246.330935 246.330935 0 0 1 16.967759 347.284839l-216.829204 217.170264c-93.280043 93.365308-251.617373 85.691447-352.486011-17.053025a246.24567 246.24567 0 0 1-15.603517-343.618438l78.102851-78.784972z"/>
+</svg>

package/src/icons/svg/loadError.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1712839685974" class="icon" viewBox="0 0 1433 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24325" xmlns:xlink="http://www.w3.org/1999/xlink" width="179.125" height="128"><path d="M138.0352 854.43584h34.4064v57.344h-34.4064z" fill="#B3CCFF" p-id="24326"></path><path d="M158.1056 865.90464h65.95584l-32.9728-57.344-32.9728-57.344-32.9728 57.344L92.16 865.8944z" fill="#A8C4FC" p-id="24327"></path><path d="M155.2384 837.2224h57.344L183.9104 788.48l-28.672-48.7424-28.672 48.7424-28.672 48.7424z" fill="#B9D1FF" p-id="24328"></path><path d="M158.1056 802.816h48.7424l-24.3712-43.008-24.3712-43.008-24.3712 43.008-24.3712 43.008z" fill="#CADDFD" p-id="24329"></path><path d="M1283.6864 707.3792h25.8048v43.01824h-25.8048z" fill="#B3CCFF" opacity=".577" p-id="24330"></path><path d="M1298.7392 715.9808h49.4592l-24.71936-43.008-24.73984-43.008-24.7296 43.008-24.7296 43.008z" fill="#A8C4FC" opacity=".577" p-id="24331"></path><path d="M1296.5888 694.4768h43.008l-21.504-36.5568-21.504-36.5568-21.504 36.5568-21.504 36.5568z" fill="#B9D1FF" opacity=".577" p-id="24332"></path><path d="M1298.7392 668.672h36.5568l-18.26816-32.256L1298.7392 604.16l-18.2784 32.256-18.2784 32.256z" fill="#CADDFD" opacity=".577" p-id="24333"></path><path d="M972.8 853.2992c-0.03072 13.18912 53.26848 23.8592 119.04 23.87968 65.78176 0 119.13216-10.67008 119.15264-23.8592v-0.01024c0.03072-13.17888-53.248-23.8592-119.05024-23.86944-65.77152 0-119.11168 10.67008-119.1424 23.84896v0.02048z" fill="#D7E3FF" p-id="24334"></path><path d="M1068.27776 826.53184l3.80928 15.9744s3.80928 7.6288-9.14432 6.93248h-55.6544s-3.05152-11.10016 16.00512-11.80672c0 0 20.5824 0.70656 22.1184-14.58176l22.86592 3.4816z m88.43264-1.39264l9.90208 16.66048s5.33504 7.63904-5.3248 7.63904h-42.7008s-6.8608-2.07872-1.52576-7.63904l18.29888-18.04288 21.3504 1.37216z" fill="#3B3E5C" p-id="24335"></path><path d="M1076.1728 649.87136c12.96384 24.29952 25.15968 49.29536 30.49472 75.6736 2.29376 13.89568 3.05152 27.79136 6.11328 40.98048 4.5568 19.43552 14.46912 37.48864 17.53088 57.63072 16.76288 5.55008 32.01024 0.69632 32.01024 0.69632-8.38656-21.52448-9.14432-44.4416-14.4896-66.6624-1.51552-7.63904-3.80928-14.58176-5.3248-21.52448-11.44832-47.21664-8.3968-102.07232-25.92768-147.90656l-6.0928-4.15744-80.04608 2.07872c-0.75776-0.70656-1.536 0-1.536 0.69632-2.28352 17.34656-1.52576 35.39968-1.52576 52.76672 0.768 62.49472 1.536 125.68576 15.2576 187.4944 10.67008 0.68608 25.92768-1.39264 25.92768-1.39264 8.36608-38.89152-5.35552-79.1552-3.06176-118.74304 0.768-19.456 6.11328-38.88128 10.67008-57.63072" fill="#598CFF" p-id="24336"></path><path d="M1066.27072 751.24736c-3.81952-9.728-7.6288-20.13184-7.6288-31.24224 0-5.57056 0.768-10.42432 1.536-15.9744 0-5.56032 0-11.1104-0.768-16.67072-0.75776-4.85376-2.29376-9.71776-2.29376-15.26784 0-4.864 2.29376-9.728 3.81952-15.27808 2.28352-13.19936-3.81952-27.78112 0.75776-40.96 3.81952 10.40384 9.91232 23.59296 14.47936 33.32096l-3.04128 11.80672s-8.3968 34.01728-7.6288 52.76672l0.768 37.49888z" fill="#3A85F6" p-id="24337"></path><path d="M1011.6096 634.88c0.2048 2.06848 0.2048 4.25984 1.024 6.37952 0.17408 2.49856 4.5056 4.864 6.10304 6.5024 1.59744 1.6384 2.79552 1.62816 4.4032 3.2768 0.93184 1.29024 1.18784 3.1744 2.5088 3.87072l0.65536 0.33792c1.024-0.24576 1.80224-1.45408 1.52576-2.4064-0.17408-2.48832-1.11616-3.7888-1.9456-6.63552-0.5632-1.8944-0.4608-3.44064-0.3584-4.99712 0.1024-1.54624 0.2048-3.10272 0.96256-4.3008 0.37888-0.59392 0.37888-0.59392 0.94208-0.86016 0.5632 0 0.89088 0.64512 1.2288 1.19808 0.32768 0.54272 0.57344 0.68608 0.83968 0.89088 0.9216 0.93184 2.2528 1.98656 3.584 2.68288 0.28672 0.11264 0.512 0.1536 0.67584 0.11264 0.16384-0.03072 0.27648-0.1536 0.34816-0.36864 0.768-1.19808 0.21504-3.10272-0.34816-4.99712-0.68608-3.61472-1.49504-6.5536-2.22208-10.41408-0.27648-0.95232-0.43008-6.72768-1.25952-9.5744 0 0-16.56832-0.512-16.9472 0.09216-0.38912 0.59392-0.69632 5.24288-0.69632 5.24288-0.49152 5.09952-0.7168 9.3184-1.024 13.96736z m100.07552-226.85696a20.62336 20.62336 0 0 1-3.87072-5.10976c-1.82272-1.87392-3.1744-2.816-5.55008-3.21536-2.36544-0.4096-4.63872-0.1024-7.00416-0.512-1.61792-0.48128-4.37248-1.1264-5.888-0.93184l-0.74752 0.1024c-0.62464 0.8704 0.29696 2.048 1.15712 2.73408 1.8432 1.87392 3.3792 1.59744 5.95968 3.3792 1.72032 1.16736 2.68288 2.4576 3.65568 3.72736 0.96256 1.28 1.92512 2.56 2.1504 3.93216 0.1024 0.68608 0.1024 0.68608-0.54272 1.47456-0.65536 0.78848-1.41312 0.88064-2.16064 0.9728-0.75776 0.1024-1.61792-0.50176-2.37568-0.39936-1.61792-0.49152-3.1232-0.29696-4.62848-0.1024-0.75776 0.1024-0.64512 0.78848-0.64512 0.78848 0.2048 1.37216 1.91488 2.56 3.64544 3.72736 3.33824 1.6896 6.03136 4.15744 9.3696 5.82656 0.84992 0.58368 1.72032 1.1776 2.47808 1.08544 1.59744 0.49152 3.1232 0.29696 5.38624 0 3.01056-0.37888 6.01088 0.6144 8.6016 2.38592 0 0 8.37632-7.51616 8.27392-8.21248-0.1024-0.68608-4.4544-3.47136-4.4544-3.47136-4.95616-2.17088-9.91232-4.34176-12.8-8.18176z" fill="#FFD2D2" p-id="24338"></path><path d="M1072.91648 453.376c-37.53984 3.7888-57.99936 18.432-61.36832 43.90912-3.3792 25.4976-3.3792 64.99328 0 118.50752l19.29216 0.83968 3.05152-27.0848c32.73728 7.6288 61.80864 7.6288 87.22432 0-6.4-22.2208-6.4-46.40768 0-72.56064 41.55392 1.71008 66.90816-1.14688 76.04224-8.57088 9.14432-7.41376-12.41088-37.9392-64.64512-91.5456l-15.77984 13.45536 44.22656 53.67808c-16.40448-10.71104-32.1536-18.69824-47.24736-23.95136-15.09376-5.25312-28.69248-7.4752-40.8064-6.67648z" fill="#FFFFFF" p-id="24339"></path><path d="M1101.824 455.96672l6.02112 2.39616-3.7376 68.13696 3.7376 68.12672h-8.30464l-3.7376-68.1472zM1047.38816 458.36288l6.02112 2.4064-3.7376 68.12672 3.7376 68.12672h-8.31488l-3.7376-68.1472z" fill="#598CFF" p-id="24340"></path><path d="M1163.14112 484.36224c-1.536-0.6656-2.2528-0.6656-2.14016 0 2.1504 11.7248 8.89856 31.49824 12.72832 31.49824 0.88064 0 2.89792-0.53248 3.90144-0.72704 0.67584-0.13312-4.15744-10.38336-14.4896-30.7712z m-128.77824 105.18528c-3.11296-63.86688-3.15392-97.34144-0.11264-100.42368 3.04128-3.08224 4.82304 30.8224 5.35552 101.70368l-5.24288-1.28z" fill="#E9EBF2" p-id="24341"></path><path d="M1107.43552 500.56192l12.1856 15.9744s-8.37632 36.80256-4.56704 55.552c0 0-1.51552-9.03168-4.57728-15.9744 0 0-5.3248-14.58176-0.75776-22.90688-0.75776 0.69632 8.3968-9.728-2.28352-32.64512" fill="#D7E3FF" p-id="24342"></path><path d="M1058.99008 425.5744a26.112 26.112 0 0 1-6.47168-17.3568c0-2.07872 0.7168-4.864 1.44384-6.2464a7.58784 7.58784 0 0 1 6.47168-3.4816c2.1504-0.68608 5.0176-0.68608 7.8848-0.68608 4.32128 0 9.35936 0 13.6704 0.68608 1.4336 0 3.584 0 5.03808 0.69632 3.584 0.69632 5.74464 3.4816 6.47168 6.95296 0 0.68608 0 2.07872 0.7168 2.7648 1.4336 1.39264 3.584 0.70656 5.7344 1.39264 2.17088 0.69632 2.88768 4.16768 2.17088 6.2464a148.5824 148.5824 0 0 1-3.60448 17.36704c-0.7168 1.3824-0.7168 3.4816-2.1504 4.85376a4.85376 4.85376 0 0 1-4.31104 2.78528l-33.06496-15.9744z" fill="#1C0F44" p-id="24343"></path><path d="M1092.18816 432.51712s-0.75776 14.592 3.04128 21.52448c0 0-15.23712 12.4928-24.38144 0 0 0 2.28352-7.6288 0-11.79648l21.34016-9.728z" fill="#F8C1C1" p-id="24344"></path><path d="M1055.5904 413.77792c-1.52576 3.47136-0.75776 6.93248 0 11.79648 0.75776 2.78528 0.75776 4.864 1.536 7.63904 0.75776 2.07872 0.75776 4.16768 1.51552 6.2464 0.768 4.16768 3.80928 9.03168 7.6288 11.12064 0.75776 0.68608 1.51552 0.68608 2.28352 0.68608h2.29376c4.56704-1.3824 9.14432-2.7648 12.9536-5.55008 3.80928-2.77504 6.8608-6.2464 8.38656-10.42432 0.75776 0 1.52576 0 1.52576-0.68608 0.75776-0.69632 0.75776-1.39264 0.75776-2.08896 0-2.07872 0.75776-4.15744 0-6.2464 0-0.69632 0-1.3824-0.75776-1.3824-0.768-1.39264-2.28352-1.39264-3.81952-0.69632a5.6832 5.6832 0 0 0-3.05152 2.77504c-2.28352-4.16768-3.04128-8.33536-2.28352-12.4928 0.768-0.70656-14.4896 2.7648-28.96896-0.70656" fill="#FFD2D2" p-id="24345"></path><path d="M1038.1312 507.56608c17.62304 1.82272 30.84288 2.7648 39.65952 2.84672 8.8064 0.08192 19.78368-0.65536 32.90112-2.19136 1.8944-0.5632 2.83648 11.91936 2.83648 37.4272 0 38.26688 9.4208 45.17888-6.0928 48.97792-10.3424 2.52928-33.44384 2.52928-69.29408 0-1.55648-21.248-2.33472-37.57056-2.33472-48.97792 0-11.40736 0.77824-24.09472 2.33472-38.08256z" fill="#598CFF" p-id="24346"></path><path d="M1103.28832 412.94848h4.90496c2.6624 0 4.44416-1.9456 4.44416-4.87424 0-2.9184-1.77152-4.864-4.44416-4.864h-4.90496c-2.22208-13.6192-12.9024-24.33024-26.2656-24.33024-13.35296 0-24.04352 10.71104-26.2656 24.33024h-4.90496c-2.6624 0-4.44416 1.9456-4.44416 4.864 0 2.92864 1.77152 4.87424 4.44416 4.87424h57.4464z" fill="#FBEA34" p-id="24347"></path><path d="M276.00896 782.6432a92.16 20.48 0 1 0 184.32 0 92.16 20.48 0 1 0-184.32 0Z" fill="#D3E0FA" p-id="24348"></path><path d="M372.8896 725.9136m-55.9104 0a55.9104 55.9104 0 1 0 111.8208 0 55.9104 55.9104 0 1 0-111.8208 0Z" fill="#89AFFF" p-id="24349"></path><path d="M245.44256 282.95168c-53.48352 75.81696 2.38592 284.0064 132.8128 411.58656 136.15104 133.18144 409.05728 215.63392 465.92 156.02688 45.8752-48.08704-4.10624-167.31136-111.36-297.79968C836.54656 681.73824 884.5312 801.66912 842.1376 844.0832c-52.3776 52.3776-223.05792-33.1776-382.9248-191.35488l-4.84352-4.8128C312.46336 506.0096 227.42016 354.53952 245.11488 284.16l0.32768-1.2288z" fill="#CCDDFF" p-id="24350"></path><path d="M454.51264 649.51296C293.26336 488.26368 205.43488 314.65472 258.34496 261.74464c52.3776-52.38784 223.05792 33.1776 382.9248 191.34464l4.84352 4.8128C807.36256 619.17184 895.19104 792.7808 842.28096 845.69088c-52.3776 52.3776-223.05792-33.1776-382.93504-191.35488l-4.83328-4.8128z" fill="#9FBEFF" p-id="24351"></path><path d="M574.0544 640.49152c-13.43488 13.43488-48.15872 0.512-77.55776-28.88704-29.3888-29.39904-42.33216-64.12288-28.88704-77.55776 13.43488-13.43488 48.15872-0.512 77.54752 28.88704 29.39904 29.39904 42.33216 64.12288 28.89728 77.55776z" fill="#DFEAFF" p-id="24352"></path><path d="M801.4848 326.20544L502.12864 552.96l46.03904 51.13856zM960.3072 192.04096a253.12256 253.12256 0 0 0-52.46976-48.87552C888.15616 129.49504 867.35872 119.48032 845.44512 113.11104c-3.05152-0.93184-5.7344-0.47104-7.92576 1.30048a7.75168 7.75168 0 0 0-2.93888 6.17472l0.01024 0.74752c0.0512 2.88768 1.08544 5.64224 3.1744 8.21248 1.9456 2.39616 4.18816 3.98336 6.73792 4.6592 19.32288 5.632 37.60128 14.47936 55.02976 26.56256a221.7984 221.7984 0 0 1 46.31552 43.07968 222.16704 222.16704 0 0 1 32.512 54.26176c8.15104 19.49696 13.04576 39.28064 14.5408 59.35104 0.12288 2.63168 1.20832 5.16096 3.15392 7.55712 2.31424 2.8672 4.9664 4.49536 8.01792 4.95616a7.75168 7.75168 0 0 0 6.64576-1.59744c2.23232-1.81248 3.19488-4.29056 2.9184-7.4752-1.72032-22.81472-7.23968-45.2096-16.4864-67.328a250.28608 250.28608 0 0 0-33.0752-56.77056l-3.75808-4.7616z m-85.93408 73.05216a68.16768 68.16768 0 0 0-24.53504-19.3024 11.23328 11.23328 0 0 0-5.67296-1.06496 8.84736 8.84736 0 0 0-4.864 1.92512 8.52992 8.52992 0 0 0-2.84672 4.5056 11.5712 11.5712 0 0 0-0.41984 2.74432c-0.0512 3.01056 0.96256 5.8368 3.1232 8.50944 1.40288 1.7408 3.01056 3.03104 4.8128 3.87072a40.94976 40.94976 0 0 1 14.75584 11.58144c4.13696 5.09952 6.912 10.72128 8.30464 16.896 0.54272 2.1504 1.42336 4.03456 2.73408 5.65248 2.8672 3.54304 6.32832 5.24288 10.40384 5.0176a8.52992 8.52992 0 0 0 5.00736-1.8432c2.94912-2.38592 4.00384-5.7344 3.072-10.06592a68.34176 68.34176 0 0 0-11.65312-25.5488l-2.22208-2.8672z m41.08288-36.864a165.30432 165.30432 0 0 0-31.62112-30.0032 137.12384 137.12384 0 0 0-37.31456-19.3024c-3.23584-1.1264-5.9392-0.7168-8.17152 1.09568a7.24992 7.24992 0 0 0-2.64192 4.53632l-0.23552 1.96608a13.11744 13.11744 0 0 0 3.14368 8.33536c1.82272 2.2528 3.90144 3.74784 6.36928 4.5568 10.72128 3.56352 20.8896 8.87808 30.5664 15.81056a132.46464 132.46464 0 0 1 25.84576 24.4736c7.5776 9.37984 13.76256 19.51744 18.57536 30.38208 4.77184 10.9056 7.85408 21.95456 9.1136 33.1776 0.26624 2.48832 1.30048 4.92544 3.04128 7.0656 2.32448 2.88768 5.12 4.54656 8.2944 4.9664a7.81312 7.81312 0 0 0 6.15424-1.52576c2.23232-1.81248 3.16416-4.42368 2.77504-7.76192a137.12384 137.12384 0 0 0-11.13088-40.51968 162.41664 162.41664 0 0 0-22.76352-37.25312z" fill="#CCDDFF" p-id="24353"></path><path d="M798.94528 355.88096a25.8048 25.8048 0 1 0 0-51.6096 25.8048 25.8048 0 0 0 0 51.6096z" fill="#A3C1FE" p-id="24354"></path></svg>

package/src/icons/svg/notFound.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1708575327957" class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10720" xmlns:xlink="http://www.w3.org/1999/xlink" width="170.625" height="128"><path d="M671.1552 90.683733L618.666667 199.2192l59.861333 26.794667-62.549333 86.673066 39.3216 10.7264-77.738667 76.842667 30.344533-62.549333-36.599466-11.613867 58.077866-79.522133-81.3056-34.8416 48.529067-121.045334h-286.549333a21.7088 21.7088 0 0 0-21.7088 21.7088v479.086934a21.7088 21.7088 0 0 0 21.7088 21.7088h595.6864a21.7088 21.7088 0 0 0 21.7088-21.7088V112.401067a21.7088 21.7088 0 0 0-21.7088-21.717334h-234.581334z" fill="#F3F3F3" p-id="10721"></path><path d="M429.397333 117.256533a27.963733 27.963733 0 1 1-21.521066-51.6096 27.963733 27.963733 0 0 1 21.521066 51.6096zM487.611733 64a74.231467 74.231467 0 0 0-137.028266 57.105067c23.278933 55.867733 78.1568 81.314133 126.549333 112.503466 12.578133-56.541867 33.928533-113.322667 10.478933-169.608533z" fill="#3C66FF" p-id="10722"></path><path d="M885.3504 267.118933a69.461333 69.461333 0 1 0-46.626133 65.604267 24.0896 24.0896 0 0 0 31.172266-21.947733 69.1456 69.1456 0 0 0 15.453867-43.656534z" fill="#FBDBC9" p-id="10723"></path><path d="M770.2528 255.9744a0.290133 0.290133 0 0 1-0.5888 0c0-0.162133 0.128-0.298667 0.290133-0.298667 0.170667 0 0.298667 0.136533 0.298667 0.298667z" fill="#888888" p-id="10724"></path><path d="M394.1376 822.272s-55.159467-57.173333-104.8832-9.053867c-9.472 9.173333-10.632533 23.995733-3.054933 34.7904l108.8 155.093334a27.118933 27.118933 0 0 0 39.108266 5.640533l81.066667-64.5888-93.696-141.696-27.3408 19.8144z" fill="#FFFFFF" p-id="10725"></path><path d="M894.344533 755.8656a5.6832 5.6832 0 0 1-5.691733-5.691733v-40.96s38.8096-63.479467 11.357867-96.034134H726.570667l-129.6384 61.175467a198.434133 198.434133 0 0 0-31.761067 18.781867L421.486933 802.474667l93.696 141.696 147.054934-120.644267 79.377066-29.559467v52.957867a67.2512 67.2512 0 0 0 67.259734 67.2512h132.206933V755.857067h-46.737067z" fill="#FFFFFF" p-id="10726"></path><path d="M904.004267 345.378133h35.063466l-11.588266-43.144533V261.632h-16.605867a26.538667 26.538667 0 1 1 0-53.077333h16.605867V153.941333s28.654933-2.602667 48.955733 24.456534l115.336533 235.8016s16.0512 50.005333-11.2384 81.297066c-27.281067 31.300267-49.749333 27.2896-49.749333 27.2896h-103.304533l-23.4752-177.408z" fill="#FBDBC9" p-id="10727"></path><path d="M558.7968 477.44l-208.896-129.322667 17.527467-27.281066c3.259733-5.077333 7.108267-9.710933 10.973866-14.336a25.147733 25.147733 0 0 0-28.3136-39.5776l-30.045866 19.293866h-31.684267V233.813333s-43.170133-4.488533-55.278933 29.986134c-8.584533 24.448 8.4736 44.373333 8.4736 44.373333v121.361067s-4.701867 47.061333 33.877333 53.649066c38.596267 6.587733 36.0448 11.758933 46.4384 18.397867L516.215467 623.445333s37.649067 23.0656 73.890133 16.9472c36.232533-6.1184 70.109867-42.350933 70.109867-42.350933l50.628266-44.885333-98.389333-121.7792-53.6576 46.071466z" fill="#FBDBC9" p-id="10728"></path><path d="M804.693333 319.3856c-87.560533 2.679467-182.929067 103.9616-182.929066 103.9616l-9.335467 8.004267L710.826667 553.130667l15.726933-13.934934v73.975467h200.900267V396.270933a65.3824 65.3824 0 0 0-33.314134-57.019733c-19.797333-11.1104-49.0496-21.102933-89.4464-19.8656z" fill="#F3F3F3" p-id="10729"></path><path d="M873.864533 440.558933l-84.9664-120.593066a2.807467 2.807467 0 0 0-2.6624-1.1776c-12.347733 1.6384-25.412267 5.290667-37.649066 9.890133a2.816 2.816 0 0 0-1.322667 4.224l101.5808 148.573867 25.019733-40.917334zM722.4832 590.592c0 1.416533 1.0496 2.619733 2.449067 2.816l130.039466 18.286933-13.354666-46.062933L725.674667 551.765333a2.8416 2.8416 0 0 0-3.182934 2.824534v36.010666z" fill="#FFFFFF" p-id="10730"></path><path d="M1030.766933 518.3232c0 68.8128-53.102933 124.586667-118.613333 124.586667-65.5104 0-118.613333-55.773867-118.613333-124.586667 0-68.804267 53.102933-124.586667 118.613333-124.586667 65.5104 0 118.613333 55.7824 118.613333 124.586667z" fill="#FFFFFF" p-id="10731"></path><path d="M999.8336 125.4656l60.561067-28.279467a19.131733 19.131733 0 1 1 5.794133 36.3264l-66.3552-8.046933z" fill="#FFFFFF" p-id="10732"></path><path d="M1011.2512 75.0592a18.005333 18.005333 0 1 1-36.010667 0 18.005333 18.005333 0 0 1 36.010667 0z" fill="#FFFFFF" p-id="10733"></path><path d="M770.2528 256.264533m-2.8416 0a2.8416 2.8416 0 1 0 5.6832 0 2.8416 2.8416 0 1 0-5.6832 0Z" fill="#000000" p-id="10734"></path><path d="M854.775467 433.211733c-8.234667-7.202133-22.9376-2.9952-29.2608 0 23.330133-28.296533 74.231467-56.490667 138.171733-27.2128 54.946133 27.6992 64.315733 82.346667 66.2528 98.7648 1.962667 16.6144-1.928533 50.5088-6.4256 55.005867-9.019733 9.019733-24.251733 15.726933-32.1536 18.218667-6.0416 1.902933-35.566933 6.6816-58.3936 4.104533-22.8352-2.568533-40.106667-13.661867-50.901333-28.757333-10.794667-15.0784-11.246933-43.665067-11.246934-68.753067 0-32.503467-5.751467-42.368-16.042666-51.370667z" fill="#F3F3F3" p-id="10735"></path><path d="M934.365867 577.032533a26.231467 26.231467 0 1 1 52.471466 0.008534 26.231467 26.231467 0 0 1-52.471466 0z" fill="#FFFFFF" p-id="10736"></path><path d="M896.597333 183.543467a25.557333 25.557333 0 1 1-51.114666 0 25.557333 25.557333 0 0 1 51.114666 0zM815.872 197.649067c-6.801067 0-13.3632 0.9984-19.575467 2.816 1.604267 24.0384 9.1648 67.063467 42.205867 80.605866 0 0 32.512-4.881067 31.3856 29.704534a69.461333 69.461333 0 0 0-54.016-113.1264z" fill="#000000" p-id="10737"></path></svg>

package/src/icons/svgo.yml

@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+  - removeAttrs:
+    attrs:
+      - fill
+      - fill-rule

package/src/layout/PageLayout.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useRoute } from 'vue-router'
+import useCachedViewStore from '@af-mobile-client-vue3/stores/modules/cachedView'
+import useRouteTransitionNameStore from '@af-mobile-client-vue3/stores/modules/routeTransitionName'
+import { getFunction } from '@af-mobile-client-vue3/utils/common'
+import Tabbar from '@af-mobile-client-vue3/components/core/Tabbar/index.vue'
+
+const cachedViews = computed(() => {
+  return useCachedViewStore().cachedViewList
+})
+
+const routeTransitionNameStore = useRouteTransitionNameStore()
+const { routeTransitionName } = storeToRefs(routeTransitionNameStore)
+
+const tabbarData: any = [...getFunction().children.sort((a, b) => a.position - b.position).map((item) => {
+  return {
+    icon: item.icon ? item.icon : 'svg:appDome',
+    title: item.name,
+    to: {
+      name: item.link,
+    },
+  }
+})]
+
+const route = useRoute()
+</script>
+
+<template>
+  <div class="pageLayout">
+    <router-view v-slot="{ Component, route }">
+      <transition :name="routeTransitionName">
+        <keep-alive :include="cachedViews">
+          <div :key="route.name" class="app-wrapper">
+            <component :is="Component" />
+          </div>
+        </keep-alive>
+      </transition>
+    </router-view>
+    <Tabbar v-show="route.meta.index !== undefined" :tabbar-data="tabbarData" />
+  </div>
+</template>
+
+<style lang="less" scoped>
+.app-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow-y: hidden;
+}
+</style>

package/src/layout/SingleLayout.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { storeToRefs } from 'pinia'
+import useCachedViewStore from '@af-mobile-client-vue3/stores/modules/cachedView'
+import useRouteTransitionNameStore from '@af-mobile-client-vue3/stores/modules/routeTransitionName'
+
+const cachedViews = computed(() => {
+  return useCachedViewStore().cachedViewList
+})
+
+const routeTransitionNameStore = useRouteTransitionNameStore()
+const { routeTransitionName } = storeToRefs(routeTransitionNameStore)
+</script>
+
+<template>
+  <div class="pageLayout">
+    <router-view v-slot="{ Component, route }">
+      <transition :name="routeTransitionName">
+        <keep-alive :include="cachedViews">
+          <div :key="route.name" class="app-wrapper">
+            <component :is="Component" />
+          </div>
+        </keep-alive>
+      </transition>
+    </router-view>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.app-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow-y: hidden;
+}
+</style>

package/src/locales/en-US.json

@@ -0,0 +1,25 @@
+{
+  "home": {
+    "darkMode": "🌗 Dark Mode",
+    "mockGuide": "💿 Mock Guide",
+    "language": "📚 Language",
+    "404Demo": "🙅 Page 404 Demo",
+    "echartsDemo": "📊 Echarts Demo",
+    "persistPiniaState": "🍍 Persistent Pinia state",
+    "unocssExample": "🎨 Unocss example"
+  },
+  "mock": {
+    "fromAsyncData": "Data from asynchronous requests",
+    "noData": "No data",
+    "pull": "Pull",
+    "reset": "Reset"
+  },
+  "charts": {
+    "January": "Jan",
+    "February": "Feb",
+    "March": "Mar",
+    "April": "Apr",
+    "May": "May",
+    "June": "Jun"
+  }
+}

package/src/locales/zh-CN.json

@@ -0,0 +1,25 @@
+{
+  "home": {
+    "darkMode": "🌗 暗黑模式",
+    "mockGuide": "💿 Mock 指南",
+    "language": "📚 语言",
+    "echartsDemo": "📊 Echarts 演示",
+    "persistPiniaState": "🍍 持久化 Pinia 状态",
+    "404Demo": "🙅 404页 演示",
+    "unocssExample": "🎨 Unocss 示例"
+  },
+  "mock": {
+    "fromAsyncData": "来自异步请求的数据",
+    "pull": "请求",
+    "reset": "清空",
+    "noData": "暂无数据"
+  },
+  "charts": {
+    "January": "1月",
+    "February": "2月",
+    "March": "3月",
+    "April": "4月",
+    "May": "5月",
+    "June": "6月"
+  }
+}