npm - create-bubbles - Versions diffs - 0.1.7 → 0.1.9 - Mend

create-bubbles 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/template-taro-vue-eslint/src/api/common/upload.ts ADDED Viewed

@@ -0,0 +1,53 @@
+import { isH5, uploadApiAffix } from '@/utils/env'
+import { alovaUploadRequest } from '@/utils/request'
+interface UploadBaseParams {
+  fileMd5: string
+  fileSize: number
+  filename: string
+  companyId: string
+  projectId: string
+  indexDbId: number
+}
+export interface H5UploadParams extends UploadBaseParams {
+  file: Blob
+}
+export interface MpUploadParams extends UploadBaseParams {
+  filePath: string
+}
+export type UploadParams = H5UploadParams | MpUploadParams
+export function uploadFile(data: any) {
+  if (isH5) {
+    // H5 端用 fetch 发送 FormData，绕过 Taro 适配器的序列化问题
+    return fetch(`/${uploadApiAffix}/files/uploadFileAppend`, {
+      method: 'POST',
+      body: data,
+      // headers: {
+      // 'Content-Type': 'multipart/form-data',
+      // authorization: 'Bearer 9a2d60a8-d9a6-40a3-9b13-4288225d855d',
+      // },
+    }).then(res => res.json())
+  }
+  else {
+    // 小程序端：用 Taro uploadFile 适配器
+    const { filePath, fileMd5, fileSize, filename, companyId, projectId, indexDbId } = data
+    return alovaUploadRequest.Post(`/files/uploadFileAppend`, {
+      name: 'file',
+      filePath,
+      fileMd5,
+      fileSize,
+      filename,
+      companyId,
+      projectId,
+      indexDbId,
+    }, {
+      requestType: 'upload',
+      fileName: filename,
+      meta: { isWrapped: false },
+    })
+  }
+}

package/template-taro-vue-eslint/src/app.config.ts ADDED Viewed

@@ -0,0 +1,19 @@
+export default defineAppConfig({
+  pages: [
+    'pages/index/index',
+  ],
+  subPackages: [
+    {
+      root: 'pages/example',
+      pages: [
+        'upload/index',
+      ],
+    },
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black',
+  },
+})

package/template-taro-vue-eslint/src/app.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+import { setupStore } from './store'
+import '@nutui/touch-emulator'
+import 'uno.css'
+import '@/styles/index.css'
+const App = createApp({
+  onShow(_options) {},
+})
+setupStore(App)
+export default App

package/template-taro-vue-eslint/src/assets/image/.gitkeep ADDED Viewed

File without changes

package/template-taro-vue-eslint/src/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>myApp</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

package/template-taro-vue-eslint/src/pages/example/upload/index.config.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页',
+})

package/template-taro-vue-eslint/src/pages/example/upload/index.module.scss ADDED Viewed

@@ -0,0 +1,4 @@
+.red {
+  color: #fff;
+  background-color: red;
+}

package/template-taro-vue-eslint/src/pages/example/upload/index.vue ADDED Viewed

@@ -0,0 +1,71 @@
+<script lang="ts" setup>
+import Taro from '@tarojs/taro'
+import { uploadFile } from '@/api/common/upload'
+import { canvasToFile, file2Md5 } from '@/utils'
+import { isH5 } from '@/utils/env'
+async function handleConfirm(canvas: any, data: string) {
+  if (isH5) {
+    const file = await canvasToFile(canvas)
+    const fileMd5 = await file2Md5(file)
+    const data = new FormData()
+    data.append('file', file)
+    data.append('companyId', 'c35bd5e0d5834eccb1cfbf4dd538eb61')
+    data.append('projectId', 'eb42a2b7e680a4124e78951ccf7f1268')
+    data.append('indexDbId', '0')
+    data.append('fileMd5', fileMd5)
+    data.append('fileSize', `${file.size}`)
+    data.append('filename', file.name)
+    try {
+      const res = await uploadFile(data)
+      if (res.code === 200) {
+        // console.log('💦res.data', res.data)
+      }
+      else {
+        Taro.showToast({
+          title: res.message,
+        })
+      }
+    }
+    catch {
+      Taro.showToast({
+        title: '服务异常',
+      })
+    }
+  }
+  else {
+    // 小程序端：用 Taro uploadFile 适配器
+    Taro.getFileSystemManager().getFileInfo({
+      filePath: data,
+      success: async (res) => {
+        const params = {
+          filePath: data,
+          companyId: 'c35bd5e0d5834eccb1cfbf4dd538eb61',
+          projectId: 'eb42a2b7e680a4124e78951ccf7f1268',
+          indexDbId: '0',
+          fileMd5: res.digest,
+          fileSize: res.size,
+          filename: `${res.digest}.png`,
+        }
+        const uploadResStr = await uploadFile(params)
+        const uploadRes = JSON.parse(uploadResStr)
+        if (uploadRes.code === 200) {
+          // console.log('💦uploadRes.data', uploadRes.data)
+        }
+        else {
+          Taro.showToast({
+            title: uploadRes.message,
+          })
+        }
+      },
+    })
+  }
+}
+</script>
+<template>
+  <div class="text-red">
+    1112
+    <nut-signature @confirm="handleConfirm" />
+  </div>
+</template>

package/template-taro-vue-eslint/src/pages/index/index.config.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})

package/template-taro-vue-eslint/src/pages/index/index.module.scss ADDED Viewed

@@ -0,0 +1,4 @@
+.red {
+  color: #fff;
+  background-color: red;
+}

package/template-taro-vue-eslint/src/pages/index/index.vue ADDED Viewed

@@ -0,0 +1,71 @@
+<script lang="ts" setup>
+import Taro from '@tarojs/taro'
+import { uploadFile } from '@/api/common/upload'
+import { canvasToFile, file2Md5 } from '@/utils'
+import { isH5 } from '@/utils/env'
+async function handleConfirm(canvas: any, data: string) {
+  if (isH5) {
+    const file = await canvasToFile(canvas)
+    const fileMd5 = await file2Md5(file)
+    const data = new FormData()
+    data.append('file', file)
+    data.append('companyId', 'c35bd5e0d5834eccb1cfbf4dd538eb61')
+    data.append('projectId', 'eb42a2b7e680a4124e78951ccf7f1268')
+    data.append('indexDbId', '0')
+    data.append('fileMd5', fileMd5)
+    data.append('fileSize', `${file.size}`)
+    data.append('filename', file.name)
+    try {
+      const res = await uploadFile(data)
+      if (res.code === 200) {
+        // console.log('💦res.data', res.data)
+      }
+      else {
+        Taro.showToast({
+          title: res.message,
+        })
+      }
+    }
+    catch {
+      Taro.showToast({
+        title: '服务异常',
+      })
+    }
+  }
+  else {
+    // 小程序端：用 Taro uploadFile 适配器
+    Taro.getFileSystemManager().getFileInfo({
+      filePath: data,
+      success: async (res) => {
+        const params = {
+          filePath: data,
+          companyId: 'c35bd5e0d5834eccb1cfbf4dd538eb61',
+          projectId: 'eb42a2b7e680a4124e78951ccf7f1268',
+          indexDbId: '0',
+          fileMd5: res.digest,
+          fileSize: res.size,
+          filename: `${res.digest}.png`,
+        }
+        const uploadResStr = await uploadFile(params)
+        const uploadRes = JSON.parse(uploadResStr)
+        if (uploadRes.code === 200) {
+          // console.log('💦uploadRes.data', uploadRes.data)
+        }
+        else {
+          Taro.showToast({
+            title: uploadRes.message,
+          })
+        }
+      },
+    })
+  }
+}
+</script>
+<template>
+  <div class="text-red">
+    1112
+    <nut-signature @confirm="handleConfirm" />
+  </div>
+</template>

package/template-taro-vue-eslint/src/store/index.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+export const store = createPinia()
+store.use(piniaPluginPersistedstate)
+export function setupStore(app: App) {
+  app.use(store)
+}

package/template-taro-vue-eslint/src/store/modules/user.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { TaroStorage } from '../taroStorage'
+export const useUserStore = defineStore('user', () => {
+  const user = ref('1')
+  return {
+    user,
+  }
+}, {
+  persist: {
+    storage: TaroStorage,
+  },
+})

package/template-taro-vue-eslint/src/store/taroStorage.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import Taro from '@tarojs/taro'
+export const TaroStorage = {
+  getItem: (name: string) => Taro.getStorageSync(name),
+  setItem: (name: string, value: string) => Taro.setStorageSync(name, value),
+  removeItem: (name: string) => Taro.removeStorageSync(name),
+}

package/template-taro-vue-eslint/src/styles/index.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @import './nut-theme.css';

package/template-taro-vue-eslint/src/styles/nut-theme.css ADDED Viewed

@@ -0,0 +1,4 @@
+:root,
+page {
+  --nut-primary-color: #1677ff;
+}

package/template-taro-vue-eslint/src/utils/env.ts ADDED Viewed

@@ -0,0 +1,13 @@
+const apiUrl = process.env.TARO_APP_API_URL
+const apiAffix = process.env.TARO_APP_API_AFFIX
+const uploadApiAffix = process.env.TARO_APP_UPLOAD_API_AFFIX
+const weappId = process.env.TARO_APP_ID
+const isH5 = process.env.TARO_ENV === 'h5'
+export {
+  apiAffix,
+  apiUrl,
+  isH5,
+  uploadApiAffix,
+  weappId,
+}

package/template-taro-vue-eslint/src/utils/index.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import Taro from '@tarojs/taro'
+import SparkMD5 from 'spark-md5'
+/**
+ * H5 端：canvas 元素转 File
+ */
+export function canvasToFile(canvas, filename = 'image.png', mimeType = 'image/png', quality = 1): Promise<File> {
+  return new Promise((resolve) => {
+    canvas.toBlob((blob) => {
+      const file = new File([blob], filename, { type: mimeType })
+      resolve(file)
+    }, mimeType, quality)
+  })
+}
+/**
+ * 获取本地文件信息（小程序端）
+ */
+export function getFileInfo(filePath: string): Promise<Taro.getFileInfo.SuccessCallbackResult> {
+  return new Promise((resolve, reject) => {
+    Taro.getFileInfo({
+      filePath,
+      success: resolve,
+      fail: reject,
+    })
+  })
+}
+export function file2Md5(file): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = (e: ProgressEvent<FileReader>) => {
+      const spark = new SparkMD5.ArrayBuffer()
+      spark.append(e.target?.result)
+      resolve(spark.end())
+    }
+    reader.onerror = reject
+    reader.readAsArrayBuffer(file)
+  })
+}

package/template-taro-vue-eslint/src/utils/request/core/index.ts ADDED Viewed

@@ -0,0 +1,193 @@
+import type { TaroConfig } from '@alova/adapter-taro'
+import type Taro from '@tarojs/taro'
+import type {
+  AlovaGlobalCacheAdapter,
+  AlovaOptions,
+  AlovaRequestAdapter,
+  GlobalCacheConfig,
+  StatesExport,
+  StatesHook,
+} from 'alova'
+import type { FetchRequestInit } from 'alova/fetch'
+import { createAlova } from 'alova'
+import adapterFetch from 'alova/fetch'
+import { deepMergeObject, isReadableStream } from './utils'
+// ---- Taro 适配器的响应类型 ----
+type TaroResponse
+  = | Taro.request.SuccessCallbackResult<any>
+    | Taro.uploadFile.SuccessCallbackResult
+    | Taro.downloadFile.FileSuccessCallbackResult
+type TaroResponseHeader = Taro.request.SuccessCallbackResult<any>['header']
+// ---- 支持的适配器联合类型 ----
+type SupportedRequestConfig = TaroConfig | FetchRequestInit
+type SupportedResponse = TaroResponse | Response
+type SupportedResponseHeader = TaroResponseHeader | Headers
+interface StatusMap {
+  success?: number
+  unAuthorized?: number
+}
+interface CodeMap {
+  success?: number[]
+  unAuthorized?: number[]
+}
+export interface BaseRequestOption<
+  RC extends SupportedRequestConfig = SupportedRequestConfig,
+  RE extends SupportedResponse = SupportedResponse,
+  RH extends SupportedResponseHeader = SupportedResponseHeader,
+  SE extends StatesExport<any> = StatesExport<any>,
+> {
+  baseUrl?: string
+  timeout?: number
+  commonHeaders?: Record<string, string | (() => string)>
+  statusMap?: StatusMap
+  isWrapped?: boolean
+  cacheFor?: GlobalCacheConfig<any>
+  cacheLogger?: boolean
+  codeMap?: CodeMap
+  responseDataKey?: string
+  responseMessageKey?: string
+  isTransformResponse?: boolean
+  isShowSuccessMessage?: boolean
+  successDefaultMessage?: string
+  isShowErrorMessage?: boolean
+  errorDefaultMessage?: string
+  statesHook?: StatesHook<SE>
+  successMessageFunc?: (message: string) => void
+  errorMessageFunc?: (message: string) => void
+  unAuthorizedResponseFunc?: () => void
+  requestAdapter?: AlovaRequestAdapter<RC, RE, RH>
+  storageAdapter?: AlovaGlobalCacheAdapter
+}
+/** method.meta 中可按请求覆盖的字段 */
+export interface RequestMeta {
+  isTransformResponse?: boolean
+  isShowSuccessMessage?: boolean
+  isShowErrorMessage?: boolean
+}
+function getMetaFlag(meta: Record<string, any> | undefined, key: string, fallback: boolean): boolean {
+  if (meta && typeof meta[key] === 'boolean')
+    return meta[key]
+  return fallback
+}
+export function createInstance<
+  RC extends SupportedRequestConfig = SupportedRequestConfig,
+  RE extends SupportedResponse = SupportedResponse,
+  RH extends SupportedResponseHeader = SupportedResponseHeader,
+  SE extends StatesExport<any> = StatesExport<any>,
+>(option: BaseRequestOption<RC, RE, RH, SE>) {
+  const defaultOption: BaseRequestOption = {
+    baseUrl: '/',
+    timeout: 0,
+    statusMap: { success: 200, unAuthorized: 401 },
+    isWrapped: true,
+    cacheFor: null,
+    cacheLogger: true,
+    codeMap: { success: [200], unAuthorized: [401] },
+    responseDataKey: 'data',
+    responseMessageKey: 'message',
+    isTransformResponse: true,
+    isShowSuccessMessage: false,
+    successDefaultMessage: '操作成功',
+    isShowErrorMessage: true,
+    errorDefaultMessage: '服务异常',
+    requestAdapter: adapterFetch() as AlovaRequestAdapter<any, any, any>,
+  }
+  const config = deepMergeObject(defaultOption, option) as Required<
+    Pick<BaseRequestOption, 'statusMap' | 'codeMap' | 'responseDataKey' | 'responseMessageKey'>
+  > & BaseRequestOption<RC, RE, RH, SE>
+  const alovaOptions: AlovaOptions<{
+    Responded: any
+    Transformed: any
+    RequestConfig: RC
+    Response: RE
+    ResponseHeader: RH
+    L1Cache: AlovaGlobalCacheAdapter
+    L2Cache: AlovaGlobalCacheAdapter
+    StatesExport: SE
+  }> = {
+    baseURL: config.baseUrl,
+    timeout: config.timeout,
+    cacheFor: config.cacheFor as any,
+    cacheLogger: config.cacheLogger,
+    statesHook: config.statesHook,
+    l2Cache: config.storageAdapter,
+    requestAdapter: config.requestAdapter!,
+    beforeRequest: async (method) => {
+      for (const [key, value] of Object.entries(config.commonHeaders ?? {})) {
+        method.config.headers[key] = typeof value === 'function' ? value() : value
+      }
+    },
+    responded: {
+      onSuccess: async (response, method) => {
+        const meta = method.meta as Record<string, any> | undefined
+        const shouldTransform = getMetaFlag(meta, 'isTransformResponse', config.isTransformResponse ?? true)
+        const showSuccess = getMetaFlag(meta, 'isShowSuccessMessage', config.isShowSuccessMessage ?? false)
+        const showError = getMetaFlag(meta, 'isShowErrorMessage', config.isShowErrorMessage ?? true)
+        const isWrapped = getMetaFlag(meta, 'isWrapped', config.isWrapped ?? true)
+        if (!shouldTransform)
+          return response
+        // 兼容 fetch (status) 和 Taro (statusCode)
+        const status = (response as any).statusCode ?? (response as any).status
+        // 兼容 fetch (body 是 ReadableStream) 和 Taro (data 直接可用)
+        const data
+          = (response as any)?.body && isReadableStream((response as any).body)
+            ? await (response as Response).json()
+            : (response as any).data ?? response
+        if (status !== config.statusMap.success) {
+          if (config.statusMap.unAuthorized === status)
+            config.unAuthorizedResponseFunc?.()
+          if (showError)
+            config.errorMessageFunc?.(config.errorDefaultMessage ?? '服务异常')
+          return Promise.reject(response)
+        }
+        if (!isWrapped || (isWrapped === undefined || !config.isWrapped)) {
+          if (showSuccess)
+            config.successMessageFunc?.(config.successDefaultMessage ?? '操作成功')
+          return data
+        }
+        const code = data?.code
+        const responseData = data?.[config.responseDataKey]
+        const responseMessage = data?.[config.responseMessageKey]
+        if (!config.codeMap.success?.includes(+code)) {
+          if (config.codeMap.unAuthorized?.includes(+code)) {
+            config.unAuthorizedResponseFunc?.()
+            return Promise.reject(response)
+          }
+          if (showError)
+            config.errorMessageFunc?.(responseMessage ?? config.errorDefaultMessage ?? '服务异常')
+          return Promise.reject(response)
+        }
+        if (showSuccess)
+          config.successMessageFunc?.(responseMessage ?? config.successDefaultMessage)
+        return responseData
+      },
+      onError: (error, method) => {
+        const meta = method.meta as Record<string, any> | undefined
+        const showError = getMetaFlag(meta, 'isShowErrorMessage', config.isShowErrorMessage ?? true)
+        if (showError)
+          config.errorMessageFunc?.(config.errorDefaultMessage ?? error.message)
+        return Promise.reject(error)
+      },
+    },
+  }
+  return createAlova(alovaOptions)
+}

package/template-taro-vue-eslint/src/utils/request/core/utils.ts ADDED Viewed

@@ -0,0 +1,30 @@
+export function deepMergeObject<T = any>(source: T, target: Partial<T>): T {
+  const isObject = (obj: any): obj is Record<string, any> =>
+    obj && typeof obj === 'object' && !Array.isArray(obj)
+  const merge = (src: any, tgt: any): any => {
+    const result = { ...src }
+    if (isObject(result) && isObject(tgt)) {
+      Object.keys(tgt).forEach((key) => {
+        if (isObject(tgt[key])) {
+          result[key] = merge(result[key] || {}, tgt[key])
+        }
+        else {
+          result[key] = tgt[key]
+        }
+      })
+    }
+    return result
+  }
+  return merge(source, target)
+}
+/**
+ * 判断一个变量是不是可读流
+ */
+export function isReadableStream(data: unknown): boolean {
+  if (typeof ReadableStream === 'undefined')
+    return false
+  return data instanceof ReadableStream
+}

package/template-taro-vue-eslint/src/utils/request/index.ts ADDED Viewed

@@ -0,0 +1,73 @@
+import type { TaroConfig } from '@alova/adapter-taro'
+import type { VueHookExportType } from 'alova/vue'
+import AdapterTaroVue from '@alova/adapter-taro/vue'
+import Taro from '@tarojs/taro'
+import { apiAffix, apiUrl, isH5, uploadApiAffix } from '@/utils/env'
+import { createInstance } from './core'
+type TaroResponse
+  = | Taro.request.SuccessCallbackResult<any>
+    | Taro.uploadFile.SuccessCallbackResult
+    | Taro.downloadFile.FileSuccessCallbackResult
+type TaroResponseHeader = Taro.request.SuccessCallbackResult<any>['header']
+const taroAdapter = AdapterTaroVue()
+const alovaRequest = createInstance<
+  TaroConfig,
+  TaroResponse,
+  TaroResponseHeader,
+  VueHookExportType<unknown>
+>({
+  baseUrl: isH5 ? `/${apiAffix}` : `${apiUrl}/${apiAffix}`,
+  statusMap: { success: 200, unAuthorized: 401 },
+  codeMap: { success: [200] },
+  responseDataKey: 'data',
+  responseMessageKey: 'msg',
+  commonHeaders: {},
+  successMessageFunc: (msg) => {
+    Taro.showToast({ title: msg })
+  },
+  errorMessageFunc: (msg) => {
+    Taro.showToast({ title: msg, icon: 'error' })
+  },
+  unAuthorizedResponseFunc: () => {
+    Taro.showToast({ title: '登录过期或未登录' })
+    Taro.navigateTo({ url: '/pages/login/index' })
+  },
+  statesHook: taroAdapter.statesHook,
+  requestAdapter: taroAdapter.requestAdapter,
+  storageAdapter: taroAdapter.storageAdapter,
+})
+export default alovaRequest
+const alovaUploadRequest = createInstance<
+  TaroConfig,
+  TaroResponse,
+  TaroResponseHeader,
+  VueHookExportType<unknown>
+>({
+  baseUrl: isH5 ? `/${uploadApiAffix}` : `${apiUrl}/${uploadApiAffix}`,
+  statusMap: { success: 200, unAuthorized: 401 },
+  codeMap: { success: [200] },
+  responseDataKey: 'data',
+  responseMessageKey: 'msg',
+  commonHeaders: {},
+  successMessageFunc: (msg) => {
+    Taro.showToast({ title: msg })
+  },
+  errorMessageFunc: (msg) => {
+    Taro.showToast({ title: msg, icon: 'error' })
+  },
+  unAuthorizedResponseFunc: () => {
+    Taro.showToast({ title: '登录过期或未登录' })
+    Taro.navigateTo({ url: '/pages/login/index' })
+  },
+  statesHook: taroAdapter.statesHook,
+  requestAdapter: taroAdapter.requestAdapter,
+  storageAdapter: taroAdapter.storageAdapter,
+})
+export { alovaUploadRequest }