create-bubbles 0.1.3 → 0.1.4

package/template-vue-vite-eslint/src/styles/plus-pro-components-variables.css

@@ -0,0 +1,3 @@
+:root .el-header {
+  --el-header-height: 56px;
+}

package/template-vue-vite-eslint/src/types/index.d.ts

@@ -0,0 +1 @@
+// 扩展 vue-router 的类型

package/template-vue-vite-eslint/src/utils/env.ts

@@ -3,8 +3,9 @@
  * @returns
  */
 export const envVariables = {
-  PUBLIC_PORT: import.meta.env.PUBLIC_PORT,
-  PUBLIC_PATH: import.meta.env.PUBLIC_PATH,
-  PUBLIC_APP_NAME: import.meta.env.PUBLIC_APP_NAME,
-  PUBLIC_API_AFFIX: import.meta.env.PUBLIC_API_AFFIX,
+  PORT: import.meta.env.VITE_PORT,
+  PATH: import.meta.env.VITE_PATH,
+  APP_NAME: import.meta.env.VITE_APP_NAME,
+  /** 后端接口前缀 */
+  API_AFFIX: import.meta.env.VITE_API_AFFIX,
 }

package/template-vue-vite-eslint/src/utils/request/core/index.ts

@@ -20,6 +20,9 @@ export interface baseRequestOption<AG extends AlovaGenerics> {
   timeout?: number
   commonHeaders?: Record<string, string | (() => string)>
   statusMap?: statusMap
+  isWrapped?: boolean
+  cacheFor?: AlovaOptions<AG>['cacheFor']
+  cacheLogger?: boolean
   codeMap?: codeMap
   responseDataKey?: string
   responseMessageKey?: string
@@ -51,6 +54,9 @@ export function createInstance(option: requestOption) {
       success: 200,
       unAuthorized: 401,
     },
+    isWrapped: true,
+    cacheFor: null,
+    cacheLogger: true,
     codeMap: {
       success: [200],
       unAuthorized: [401],
@@ -73,6 +79,8 @@ export function createInstance(option: requestOption) {
   const instance = createAlova({
     baseURL: mergeOption.baseUrl,
     timeout: mergeOption.timeout,
+    cacheFor: mergeOption.cacheFor,
+    cacheLogger: mergeOption.cacheLogger,
     statesHook: mergeOption?.statesHook,
     requestAdapter: mergeOption.requestAdapter as AlovaOptions<AlovaGenerics>['requestAdapter'],
     beforeRequest: async (method) => {
@@ -99,12 +107,19 @@ export function createInstance(option: requestOption) {
           }
           return Promise.reject(response)
         }
+        const { isWrapped, isShowSuccessMessage, successDefaultMessage } = mergeOption
+        if (!isWrapped) {
+          if (isShowSuccessMessage) {
+            mergeOption?.successMessageFunc?.(successDefaultMessage!)
+          }
+          return data
+        }
 
         const {
           responseDataKey,
           codeMap,
-          isShowSuccessMessage,
           responseMessageKey,
+          errorDefaultMessage,
           isShowErrorMessage,
         } = mergeOption
         const {
@@ -120,19 +135,19 @@ export function createInstance(option: requestOption) {
           }
           // 其他错误直接打印msg
 
-          const errorMessage = data[responseMessageKey as string] ?? mergeOption.errorDefaultMessage
+          const errorMessage = data[responseMessageKey as string] ?? errorDefaultMessage
           if (isShowErrorMessage)
             mergeOption?.errorMessageFunc?.(errorMessage)
           return Promise.reject(response)
         }
         if (isShowSuccessMessage)
-          mergeOption?.successMessageFunc?.(responseMessage ?? mergeOption.successDefaultMessage)
+          mergeOption?.successMessageFunc?.(responseMessage ?? successDefaultMessage)
         return responseData
       },
       onError: (error) => {
         if (mergeOption?.isShowErrorMessage) {
           mergeOption.errorMessageFunc?.(
-            error.response?.data?.message ?? mergeOption?.errorDefaultMessage,
+            mergeOption?.errorDefaultMessage ?? error.message,
           )
         }
       },
@@ -158,7 +173,6 @@ export function createDualCallInstance(baseConfig: baseRequestOption<AlovaGeneri
     return defaultInstance
   }
 
-  // 🎯 直接绑定 HTTP 方法，无需复杂类型注释
   dualInstance.Get = defaultInstance.Get.bind(defaultInstance)
   dualInstance.Post = defaultInstance.Post.bind(defaultInstance)
   dualInstance.Put = defaultInstance.Put.bind(defaultInstance)

package/template-vue-vite-eslint/src/utils/request/index.ts

@@ -1,14 +1,17 @@
 import { axiosRequestAdapter } from '@alova/adapter-axios'
 import vueHook from 'alova/vue'
 import { ElMessage } from 'element-plus'
+
 import { router } from '@/router'
+
 import { envVariables } from '../env'
 import { createDualCallInstance } from './core'
+
 import 'element-plus/es/components/message/style/css'
 
 function getBaseConfig(): Parameters<typeof createDualCallInstance>[0] {
   return {
-    baseUrl: `/${envVariables.PUBLIC_PORT}`,
+    baseUrl: `/${envVariables.API_AFFIX}`,
     statusMap: {
       success: 200,
       unAuthorized: 401,

package/template-vue-vite-eslint/src/views/data-statistics/config.ts

@@ -0,0 +1,11 @@
+import BCD from './CBC.vue'
+
+const Abc = defineAsyncComponent(() =>
+  import('.right/abc.vue'),
+)
+
+export const data = [
+  { label: '1级', value: '1', children: [
+    { label: '1-1级', value: '1-1', right: Abc, result: BCD },
+  ] },
+]

package/template-vue-vite-eslint/src/views/data-statistics/index.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+const treeSelect = ref()
+
+const rightComponent = computed(() => {
+  return treeSelect.value.right
+})
+</script>
+
+<template>
+  <div class="index-container" />
+
+  <el-tree v-model="treeSelect" />
+
+  <div />
+
+  <div>
+    <component :is="rightComponent" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

package/template-vue-vite-eslint/src/views/data-statistics/right/abc.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="index-container" />
+</template>
+
+<style lang="scss" scoped>
+
+</style>