verce-vue-test 0.0.26 → 0.0.27

package/mini2.0-main/package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "@iconify/vue": "^5.0.1",
         "@vueuse/core": "^14.3.0",
+        "adm-zip": "^0.5.17",
         "axios": "^1.16.1",
         "clipboard": "^2.0.11",
         "crypto-js": "^4.2.0",
@@ -25,6 +26,7 @@
       },
       "devDependencies": {
         "@tsconfig/node24": "^24.0.4",
+        "@types/adm-zip": "^0.5.8",
         "@types/node": "^24.12.2",
         "@vitejs/plugin-vue": "^6.0.6",
         "@vue/eslint-config-typescript": "^14.7.0",
@@ -1463,6 +1465,16 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/adm-zip": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/@types/adm-zip/-/adm-zip-0.5.8.tgz",
+      "integrity": "sha512-RVVH7QvZYbN+ihqZ4kX/dMiowf6o+Jk1fNwiSdx0NahBJLU787zkULhGhJM8mf/obmLGmgdMM0bXsQTmyfbR7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/esrecurse": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
@@ -2198,6 +2210,15 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/adm-zip": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.17.tgz",
+      "integrity": "sha512-+Ut8d9LLqwEvHHJl1+PIHqoyDxFgVN847JTVM3Izi3xHDWPE4UtzzXysMZQs64DMcrJfBeS/uoEP4AD3HQHnQQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
     "node_modules/agent-base": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",

package/mini2.0-main/package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@iconify/vue": "^5.0.1",
     "@vueuse/core": "^14.3.0",
+    "adm-zip": "^0.5.17",
     "axios": "^1.16.1",
     "clipboard": "^2.0.11",
     "crypto-js": "^4.2.0",
@@ -37,6 +38,7 @@
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
+    "@types/adm-zip": "^0.5.8",
     "@types/node": "^24.12.2",
     "@vitejs/plugin-vue": "^6.0.6",
     "@vue/eslint-config-typescript": "^14.7.0",

package/mini2.0-main/plugins/bump-version.ts

@@ -1,7 +1,7 @@
-import { readFileSync, writeFileSync, cpSync } from 'node:fs'
+import { readFileSync, writeFileSync, cpSync, rmSync } from 'node:fs'
 import { resolve, basename } from 'node:path'
-import { execSync } from 'node:child_process'
 import type { Plugin } from 'vite'
+import AdmZip from 'adm-zip'
 
 /**
  * 打包时自增版本号、复制配置文件、压缩 dist 为 zip
@@ -40,10 +40,17 @@ export function bumpVersion(mode: string): Plugin {
 
       console.log(`[plugin.properties] version: ${oldCode} → ${newCode} (${versionName})`)
 
-      // 压缩 dist 为 zip
+      // 压缩 dist 为 zip（使用 adm-zip，跨平台兼容）
       const distDir = resolve(outDir, '..')
       const zipName = `dist_${newCode}.zip`
-      execSync(`cd ${distDir} && zip -r ${zipName} www plugin.properties config.properties`, { stdio: 'inherit' })
+      const zipPath = resolve(distDir, zipName)
+      const zip = new AdmZip()
+
+      zip.addLocalFolder(resolve(distDir, 'www'), 'www')
+      zip.addLocalFile(resolve(distDir, 'plugin.properties'))
+
+      rmSync(zipPath, { force: true })
+      zip.writeZip(zipPath)
       console.log(`[zip] 已生成 ${basename(distDir)}/${zipName}`)
     },
   }

package/mini2.0-main/src/config/plugin.properties.test

@@ -1,6 +1,6 @@
 app_id=vue_demo;
-version_code=315018;
-version_name=3.15.018;
+version_code=315026;
+version_name=3.15.026;
 type=html5;
 frame=vue;
 platform=[mac,win,ios,android];

package/mini2.0-main/src/main.ts

@@ -5,8 +5,9 @@ import 'vant/lib/index.css' // Vant 基础样式，必须引入否则组件无
 
 import App from './App.vue'
 import router from './router'
+import { isNativeApp } from '@/core/mxApi'
 
-if (import.meta.env.VITE_APP_ENV !== 'production') {
+if (import.meta.env.VITE_APP_ENV === 'test' && isNativeApp()) {
   import('vconsole').then(({ default: VConsole }) => new VConsole())
 }
 

package/mini2.0-main/src/router/index.ts

@@ -1,8 +1,8 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import { useUserStore } from '@/stores/user'
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHashHistory(),
   routes: [
     {
       path: '/',

package/mini2.0-main/src/stores/user.ts

@@ -13,7 +13,7 @@ export const useUserStore = defineStore(
     // -------------------------------- State --------------------------------
 
     /** 登录凭证，登录成功后由后端返回，后续请求通过请求头携带 */
-    const token = ref('')
+    const token = ref('7')
 
     // ------------------------------ Actions --------------------------------
 

package/mini2.0-main/vite.config.ts

@@ -14,6 +14,7 @@ export default defineConfig(({ mode }) => {
   const apiBaseUrl = env.VITE_API_BASE_URL || '/api'
 
   return {
+    base: './',
     plugins: [
       vue(),
       vueDevTools(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verce-vue-test",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "private": false,
   "type": "module",
   "scripts": {

package/src/App.vue

@@ -89,6 +89,10 @@ function toggleCollapse() {
             <el-icon><TrendCharts /></el-icon>
             <span>总行管理员首页</span>
           </el-menu-item>
+          <el-menu-item index="/fund-cockpit">
+            <el-icon><TrendCharts /></el-icon>
+            <span>资金驾驶舱</span>
+          </el-menu-item>
           <el-menu-item index="/notice-announcement">
             <el-icon><Bell /></el-icon>
             <span>通知公告</span>

package/src/components/ElButtonPro.vue

@@ -0,0 +1,215 @@
+<script setup lang="ts">
+import { ref, computed, useAttrs } from 'vue'
+import { ElMessageBox, ElMessage } from 'element-plus'
+
+/**
+ * 增强版按钮组件
+ * 基于 el-button，提供权限控制、防抖、确认对话框等功能
+ */
+defineOptions({
+  name: 'ElButtonPro',
+  inheritAttrs: false,
+})
+
+const attrs = useAttrs()
+
+const props = withDefaults(
+  defineProps<{
+    /** 权限码，用于权限控制 */
+    permission?: string | string[]
+    /** 是否启用防抖，单位毫秒 */
+    debounce?: number
+    /** 是否启用节流，单位毫秒 */
+    throttle?: number
+    /** 点击前是否显示确认对话框 */
+    confirm?: boolean | string
+    /** 确认对话框标题 */
+    confirmTitle?: string
+    /** 确认对话框类型 */
+    confirmType?: 'warning' | 'info' | 'success' | 'error'
+    /** 是否显示取消按钮 */
+    showCancelButton?: boolean
+    /** 取消按钮文本 */
+    cancelButtonText?: string
+    /** 确认按钮文本 */
+    confirmButtonText?: string
+    /** 确认按钮类型 */
+    confirmButtonType?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
+    /** 是否显示成功提示 */
+    showSuccessMessage?: boolean | string
+    /** 成功提示文本 */
+    successMessage?: string
+    /** 是否显示失败提示 */
+    showErrorMessage?: boolean
+    /** 失败提示文本 */
+    errorMessage?: string
+    /** 是否自动处理错误 */
+    autoHandleError?: boolean
+  }>(),
+  {
+    debounce: 0,
+    throttle: 0,
+    confirm: false,
+    confirmTitle: '提示',
+    confirmType: 'warning',
+    showCancelButton: true,
+    cancelButtonText: '取消',
+    confirmButtonText: '确定',
+    confirmButtonType: 'primary',
+    showSuccessMessage: false,
+    successMessage: '操作成功',
+    showErrorMessage: true,
+    errorMessage: '操作失败',
+    autoHandleError: true,
+  },
+)
+
+const emit = defineEmits<{
+  /** 点击事件 */
+  'click': [event: MouseEvent]
+  /** 确认后点击事件 */
+  'confirm': [event: MouseEvent]
+  /** 成功事件 */
+  'success': [data?: any]
+  /** 失败事件 */
+  'error': [error: Error]
+}>()
+
+/** 内部加载状态 */
+const internalLoading = ref(false)
+
+/** 从 attrs 中提取 disabled */
+const disabled = computed(() => attrs.disabled as boolean | undefined)
+
+/** 从 attrs 中提取外部 loading */
+const externalLoading = computed(() => attrs.loading as boolean | undefined)
+
+/** 最终的加载状态（合并外部 loading 和内部 loading） */
+const finalLoading = computed(() => externalLoading.value || internalLoading.value)
+
+/** 过滤后的 attrs（移除 loading 和 disabled） */
+const filteredAttrs = computed(() => {
+  const { loading, disabled: _, ...rest } = attrs
+  return rest
+})
+
+/** 防抖/节流定时器 */
+let timer: ReturnType<typeof setTimeout> | null = null
+let lastTime = 0
+
+/**
+ * 处理点击事件
+ */
+const handleClick = async (event: MouseEvent) => {
+  // 如果按钮被禁用或正在加载，不处理点击
+  if (disabled.value || finalLoading.value) {
+    return
+  }
+
+  // 防抖处理
+  if (props.debounce > 0) {
+    if (timer) {
+      clearTimeout(timer)
+    }
+    timer = setTimeout(() => {
+      handleConfirmClick(event)
+    }, props.debounce)
+    return
+  }
+
+  // 节流处理
+  if (props.throttle > 0) {
+    const now = Date.now()
+    if (now - lastTime < props.throttle) {
+      return
+    }
+    lastTime = now
+  }
+
+  await handleConfirmClick(event)
+}
+
+/**
+ * 处理确认后的点击事件
+ */
+const handleConfirmClick = async (event: MouseEvent) => {
+  // 如果需要确认对话框
+  if (props.confirm) {
+    try {
+      const confirmText = typeof props.confirm === 'string' ? props.confirm : '确定要执行此操作吗？'
+      await ElMessageBox.confirm(confirmText, props.confirmTitle, {
+        confirmButtonText: props.confirmButtonText,
+        cancelButtonText: props.cancelButtonText,
+        type: props.confirmType,
+        showCancelButton: props.showCancelButton,
+        confirmButtonClass: `el-button--${props.confirmButtonType}`,
+      })
+    } catch {
+      // 用户取消操作
+      return
+    }
+  }
+
+  // 触发点击事件
+  emit('click', event)
+  emit('confirm', event)
+}
+
+/**
+ * 执行异步操作
+ */
+const execute = async <T = any>(fn: () => Promise<T>): Promise<T | undefined> => {
+  if (finalLoading.value) {
+    return
+  }
+
+  internalLoading.value = true
+
+  try {
+    const result = await fn()
+    
+    // 显示成功提示
+    if (props.showSuccessMessage) {
+      const message = typeof props.showSuccessMessage === 'string' ? props.showSuccessMessage : props.successMessage
+      ElMessage.success(message)
+    }
+    
+    emit('success', result)
+    return result
+  } catch (error) {
+    const err = error instanceof Error ? error : new Error(String(error))
+    
+    // 显示失败提示
+    if (props.showErrorMessage) {
+      const message = props.errorMessage || err.message
+      ElMessage.error(message)
+    }
+    
+    emit('error', err)
+    
+    if (!props.autoHandleError) {
+      throw err
+    }
+  } finally {
+    internalLoading.value = false
+  }
+}
+
+/**
+ * 暴露方法给父组件
+ */
+defineExpose({
+  execute,
+  loading: finalLoading,
+})
+</script>
+
+<template>
+  <el-button
+    :loading="finalLoading"
+    v-bind="filteredAttrs"
+    @click="handleClick"
+  >
+    <slot />
+  </el-button>
+</template>

package/src/components/ElUploadButton.vue

@@ -0,0 +1,261 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import type { UploadInstance, UploadProps, UploadRawFile, UploadUserFile } from 'element-plus'
+
+/**
+ * 基于 Element Plus 的上传按钮组件
+ * 使用 el-button 作为按钮样式，封装 el-upload 功能
+ */
+defineOptions({
+  name: 'ElUploadButton',
+  inheritAttrs: false,
+})
+
+const props = withDefaults(
+  defineProps<{
+    /** 按钮文本 */
+    text?: string
+    /** 按钮类型 */
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
+    /** 按钮大小 */
+    size?: 'large' | 'default' | 'small'
+    /** 是否禁用 */
+    disabled?: boolean
+    /** 是否显示为加载状态 */
+    loading?: boolean
+    /** 是否为朴素按钮 */
+    plain?: boolean
+    /** 是否为圆角按钮 */
+    round?: boolean
+    /** 是否为圆形按钮 */
+    circle?: boolean
+    /** 按钮图标 */
+    icon?: any
+    /** 上传的地址 */
+    action?: string
+    /** 上传的文件字段名 */
+    name?: string
+    /** 上传时附带的额外参数 */
+    data?: Record<string, any>
+    /** 上传请求的 headers */
+    headers?: Record<string, any>
+    /** 是否支持多选文件 */
+    multiple?: boolean
+    /** 是否禁用拖拽上传 */
+    drag?: boolean
+    /** 接受上传的文件类型 */
+    accept?: string
+    /** 文件大小限制，单位为字节 */
+    maxSize?: number
+    /** 最大上传文件数 */
+    limit?: number
+    /** 是否自动上传 */
+    autoUpload?: boolean
+    /** 是否显示文件列表 */
+    showFileList?: boolean
+    /** 是否启用上传进度条 */
+    withCredentials?: boolean
+    /** 上传之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传 */
+    beforeUpload?: (file: UploadRawFile) => boolean | Promise<boolean>
+    /** 文件上传成功时的钩子 */
+    onSuccess?: (response: any, file: UploadUserFile, fileList: UploadUserFile[]) => void
+    /** 文件上传失败时的钩子 */
+    onError?: (error: Error, file: UploadUserFile, fileList: UploadUserFile[]) => void
+    /** 文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用 */
+    onChange?: (file: UploadUserFile, fileList: UploadUserFile[]) => void
+    /** 文件列表移除文件时的钩子 */
+    onRemove?: (file: UploadUserFile, fileList: UploadUserFile[]) => void
+    /** 文件超出限制时的钩子 */
+    onExceed?: (files: File[], fileList: UploadUserFile[]) => void
+    /** 文件上传进度时的钩子 */
+    onProgress?: (event: any, file: UploadUserFile, fileList: UploadUserFile[]) => void
+  }>(),
+  {
+    text: '上传文件',
+    type: 'primary',
+    size: 'default',
+    disabled: false,
+    loading: false,
+    plain: false,
+    round: false,
+    circle: false,
+    name: 'file',
+    multiple: false,
+    drag: false,
+    autoUpload: true,
+    showFileList: false,
+    withCredentials: false,
+  },
+)
+
+const emit = defineEmits<{
+  /** 上传成功事件 */
+  'update:modelValue': [fileList: UploadUserFile[]]
+  /** 文件状态改变事件 */
+  'change': [file: UploadUserFile, fileList: UploadUserFile[]]
+  /** 上传成功事件 */
+  'success': [response: any, file: UploadUserFile, fileList: UploadUserFile[]]
+  /** 上传失败事件 */
+  'error': [error: Error, file: UploadUserFile, fileList: UploadUserFile[]]
+  /** 文件移除事件 */
+  'remove': [file: UploadUserFile, fileList: UploadUserFile[]]
+  /** 文件超出限制事件 */
+  'exceed': [files: File[], fileList: UploadUserFile[]]
+  /** 上传进度事件 */
+  'progress': [event: any, file: UploadUserFile, fileList: UploadUserFile[]]
+}>()
+
+/** 上传组件实例引用 */
+const uploadRef = ref<UploadInstance>()
+
+/** 文件列表 */
+const fileList = ref<UploadUserFile[]>([])
+
+/**
+ * 上传之前的钩子
+ * 检查文件大小是否超过限制
+ */
+const handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {
+  if (props.maxSize && file.size > props.maxSize) {
+    const maxSizeMB = (props.maxSize / 1024 / 1024).toFixed(2)
+    console.error(`文件大小不能超过 ${maxSizeMB}MB`)
+    return false
+  }
+  return props.beforeUpload?.(file) ?? true
+}
+
+/**
+ * 文件上传成功时的钩子
+ */
+const handleSuccess: UploadProps['onSuccess'] = (response, file, uploadFileList) => {
+  props.onSuccess?.(response, file, uploadFileList)
+  emit('success', response, file, uploadFileList)
+}
+
+/**
+ * 文件上传失败时的钩子
+ */
+const handleError: UploadProps['onError'] = (error, file, uploadFileList) => {
+  props.onError?.(error, file, uploadFileList)
+  emit('error', error, file, uploadFileList)
+}
+
+/**
+ * 文件状态改变时的钩子
+ */
+const handleChange: UploadProps['onChange'] = (file, uploadFileList) => {
+  fileList.value = uploadFileList
+  props.onChange?.(file, uploadFileList)
+  emit('change', file, uploadFileList)
+  emit('update:modelValue', uploadFileList)
+}
+
+/**
+ * 文件列表移除文件时的钩子
+ */
+const handleRemove: UploadProps['onRemove'] = (file, uploadFileList) => {
+  fileList.value = uploadFileList
+  props.onRemove?.(file, uploadFileList)
+  emit('remove', file, uploadFileList)
+  emit('update:modelValue', uploadFileList)
+}
+
+/**
+ * 文件超出限制时的钩子
+ */
+const handleExceed: UploadProps['onExceed'] = (files, uploadFileList) => {
+  props.onExceed?.(files, uploadFileList)
+  emit('exceed', files, uploadFileList)
+}
+
+/**
+ * 文件上传进度时的钩子
+ */
+const handleProgress: UploadProps['onProgress'] = (event, file, uploadFileList) => {
+  props.onProgress?.(event, file, uploadFileList)
+  emit('progress', event, file, uploadFileList)
+}
+
+/**
+ * 手动上传文件
+ */
+const submit = () => {
+  uploadRef.value?.submit()
+}
+
+/**
+ * 清空文件列表
+ */
+const clearFiles = () => {
+  uploadRef.value?.clearFiles()
+}
+
+/**
+ * 取消上传请求
+ */
+const abort = (file?: UploadUserFile) => {
+  if (file) {
+    uploadRef.value?.abort(file as any)
+  } else {
+    uploadRef.value?.abort()
+  }
+}
+
+/**
+ * 暴露方法给父组件
+ */
+defineExpose({
+  submit,
+  clearFiles,
+  abort,
+  uploadRef,
+})
+</script>
+
+<template>
+  <el-upload
+    ref="uploadRef"
+    :action="action"
+    :name="name"
+    :data="data"
+    :headers="headers"
+    :multiple="multiple"
+    :drag="drag"
+    :accept="accept"
+    :limit="limit"
+    :auto-upload="autoUpload"
+    :show-file-list="showFileList"
+    :with-credentials="withCredentials"
+    :before-upload="handleBeforeUpload"
+    :on-success="handleSuccess"
+    :on-error="handleError"
+    :on-change="handleChange"
+    :on-remove="handleRemove"
+    :on-exceed="handleExceed"
+    :on-progress="handleProgress"
+    :file-list="fileList"
+    v-bind="$attrs"
+  >
+    <el-button
+      :type="type"
+      :size="size"
+      :disabled="disabled"
+      :loading="loading"
+      :plain="plain"
+      :round="round"
+      :circle="circle"
+      :icon="icon"
+    >
+      <slot v-if="$slots.default" />
+      <template v-else>{{ text }}</template>
+    </el-button>
+
+    <template v-if="$slots.tip" #tip>
+      <slot name="tip" />
+    </template>
+
+    <template v-if="$slots.file" #file="{ file }">
+      <slot name="file" :file="file" />
+    </template>
+  </el-upload>
+</template>