vue2-client 1.11.1 → 1.11.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -774,7 +774,9 @@ export default {
     },
     labelCol: {
       type: Object,
-      default: () => { return { span: 8 } }
+      default: () => {
+        return { span: 8 }
+      }
     }
   },
   provide () {
@@ -1095,6 +1097,8 @@ export default {
         } else if (this.attr.keyName.indexOf('async ') !== -1 || this.attr.keyName.indexOf('function ') !== -1) {
           this.updateOptions()
         }
+      } else if (this.attr.keys) {
+        this.getDataCallback(this.attr.keys)
       }
       this.focusInput()
     },
@@ -1110,14 +1114,16 @@ export default {
     getDataCallback (res) {
       this.option = res
       if (this.attr.type === 'treeSelect') {
-        this.$refs.xTreeSelect.init({
-          option: this.option,
-          form: this.form,
-          queryType: this.attr.queryType,
-          name: this.attr.name,
-          model: this.attr.model,
-          mode: this.mode,
-          disabled: this.disabled
+        this.$nextTick(() => {
+          this.$refs.xTreeSelect.init({
+            option: this.option,
+            form: this.form,
+            queryType: this.attr.queryType,
+            name: this.attr.name,
+            model: this.attr.model,
+            mode: this.mode,
+            disabled: this.disabled
+          })
         })
       } else if (this.attr.type === 'radio' || ['radioGroup', 'clickChange'].includes(this.attr.showMode)) {
         this.initRadioValue()

package/src/base-client/components/common/XForm/XTreeSelect.vue

@@ -89,6 +89,7 @@ export default {
             if (this.mode === '查询') {
               const values = []
               this.getValues(option, value, values)
+              this.$emit('onChange', values)
             } else {
               this.value = value
             }
@@ -101,14 +102,25 @@ export default {
       this.$emit('mounted', this)
       this.loaded = true
     },
-    getValues (option, value, values, flag) {
+    getValues (option, value, values) {
       for (const item of option) {
         if (value.includes(item.value)) {
           values.push(item.value)
-          flag = true
+          // 找到匹配节点后，递归添加所有子节点的值
+          if (item.children && item.children.length) {
+            this.getAllChildrenValues(item.children, values)
+          }
         }
         if (item.children && item.children.length) {
-          this.getValues(item.children, value, values, flag)
+          this.getValues(item.children, value, values)
+        }
+      }
+    },
+    getAllChildrenValues (children, values) {
+      for (const child of children) {
+        values.push(child.value)
+        if (child.children && child.children.length) {
+          this.getAllChildrenValues(child.children, values)
         }
       }
     },
@@ -181,7 +193,9 @@ export default {
             const values = []
             if (extra.allCheckedNodes) {
               for (const item of extra.allCheckedNodes) {
-                if (item.node.key && item.node?.data?.props?.label !== item.node?.data?.props?.value) {
+                console.log(item.node.key, '=====', item.children)
+                if (item.node.key) {
+                // if (item.node.key && item.node?.data?.props?.label !== item.node?.data?.props?.value) {
                   values.push(`${item.node.key}`)
                 }
                 if (item.children && item.children.length) {

package/src/base-client/components/common/XFormGroupDetails/XFormGroupDetails.vue

@@ -8,7 +8,7 @@
               <a-rate disabled v-model="formJson.default[item.groupName][col.model]" />
             </template>
             <template v-else>
-              {{formJson.default[item.groupName][col.model]}}
+              {{ formJson.default[item.groupName][col.model] }}
             </template>
           </a-descriptions-item>
         </template>

package/src/base-client/components/common/XFormTable/demo.vue

@@ -6,7 +6,7 @@
       title="示例表单"
       :queryParamsName="queryParamsName"
       :fixedAddForm="fixedAddForm"
-      service-name="af-system"
+      service-name="af-revenue"
       @action="action"
       @columnClick="columnClick"
       ref="xFormTable">
@@ -25,7 +25,7 @@ export default {
   data () {
     return {
       // 查询配置文件名
-      queryParamsName: 'ceshiCRUD',
+      queryParamsName: 'ExceptionQueryCRUD',
       // 查询配置左侧tree
       // xTreeConfigName: 'addressType',
       // 新增表单固定值

package/src/mock/common/reportData.js

@@ -1,16 +1,16 @@
 const reportData = [
-  { '气费': { 'span': 8 } },
+  { 气费: { span: 8 } },
   ['付款方式', '用户类型', '用气性质', '笔数', '气量', '应收金额', '实收金额', '滞纳金'],
   {
-    '刷卡': {
-      '非民用': {
-        '公服用气': [3, 2777, 6998.04, 7000, 0],
-        '商业用气': [17, 28720, 83811.50, 83806.70, 0]
+    刷卡: {
+      非民用: {
+        公服用气: [3, 2777, 6998.04, 7000, 0],
+        商业用气: [17, 28720, 83811.50, 83806.70, 0]
       },
-      '民用': {
-        '居民用气': [255, 19310, 44219.70, 44345.50, 0]
+      民用: {
+        居民用气: [255, 19310, 44219.70, 44345.50, 0]
       },
-      '合计': { 'span': 2, 'value': [275, 50807, 135029.24, 135152.20, 0] }
+      合计: { span: 2, value: [275, 50807, 135029.24, 135152.20, 0] }
     }
   }
 ]

package/src/pages/ReportView.vue

@@ -22,7 +22,7 @@ export default {
     searchReport (source) {
       return post('/rs/report/saleMonthReport', {
         // data: this.data.data
-        data: this.data['data']
+        data: this.data.data
       }).then(res => {
         this.model = res
       }).catch(err => {

package/src/pages/resourceManage/depListManage.vue

@@ -6,7 +6,7 @@
 
 <script>
   export default {
-    name: 'depListManage',
+    name: 'DepListManage',
     data () {
       return {}
     },

package/src/pages/resourceManage/funListManage.vue

@@ -6,7 +6,7 @@
 
 <script>
   export default {
-    name: 'funListManage',
+    name: 'FunListManage',
     data () {
       return {}
     },

package/src/pages/resourceManage/orgListManage.vue

@@ -55,7 +55,7 @@
   import { getConfigByName } from '@vue2-client/services/api/common'
   export default {
     // 组织管理
-    name: 'orgListManage',
+    name: 'OrgListManage',
     data () {
       return {
         columnsJson: [],

package/src/pages/resourceManage/roleListManage.vue

@@ -6,7 +6,7 @@
 
 <script>
   export default {
-    name: 'roleListManage',
+    name: 'RoleListManage',
     data () {
       return {}
     },

package/src/pages/resourceManage/staffListManage.vue

@@ -6,7 +6,7 @@
 
 <script>
   export default {
-    name: 'staffListManage',
+    name: 'StaffListManage',
     data () {
       return {}
     },

package/src/router/async/router.map.js

@@ -1,188 +1,114 @@
 const { homePage } = require('../../config')
-    // 视图组件
+// 视图组件
 const view = {
-        tabs: () =>
-            import('@vue2-client/layouts/tabs'),
-        blank: () =>
-            import('@vue2-client/layouts/BlankView'),
-        page: () =>
-            import('@vue2-client/layouts/PageView'),
-        // his-web$ceshiGrid?type=GridView&configName=RxPreparedMed
-        gridView: () =>
-            import('@vue2-client/layouts/GridView'),
-        login: () =>
-            import('@vue2-client/pages/login/Login'),
-        loginv3: () =>
-            import('@vue2-client/pages/login/LoginV3')
-    }
-    // 动态路由对象定义
+  tabs: () => import('@vue2-client/layouts/tabs'),
+  blank: () => import('@vue2-client/layouts/BlankView'),
+  page: () => import('@vue2-client/layouts/PageView'),
+  // his-web$ceshiGrid?type=GridView&configName=RxPreparedMed
+  gridView: () => import('@vue2-client/layouts/GridView'),
+  login: () => import('@vue2-client/pages/login/Login'),
+  loginv3: () => import('@vue2-client/pages/login/LoginV3')
+}
+// 动态路由对象定义
 const routerResource = {}
-    // --------------------------------------基本视图组件--------------------------------------
-    // 空白视图
+// --------------------------------------基本视图组件--------------------------------------
+// 空白视图
 routerResource.blank = view.blank
-    // 单页面视图
+// 单页面视图
 routerResource.singlePage = view.blank
-    // 栅格配置视图
+// 栅格配置视图
 routerResource.gridView = view.gridView
 
 // --------------------------------------仪表盘--------------------------------------
 routerResource.dashboard = view.blank
-    // 工作台
+// 工作台
 routerResource.workplace = () =>
-    import('@vue2-client/pages/dashboard/workplace')
-    // --------------------------------------系统配置--------------------------------------
+  import('@vue2-client/pages/dashboard/workplace')
+// --------------------------------------系统配置--------------------------------------
 routerResource.system = view.blank
-    // 字典管理
-routerResource.dictionaryManage = () =>
-    import('@vue2-client/pages/system/dictionary')
-    // 文件管理
-routerResource.fileManager = () =>
-    import('@vue2-client/pages/system/file')
-    // 登录日志
-routerResource.loginInfor = () =>
-    import('@vue2-client/pages/system/monitor/loginInfor')
-    // 操作日志
-routerResource.operLog = () =>
-    import('@vue2-client/pages/system/monitor/operLog')
-    // 系统问题反馈工单
-routerResource.submitTicket = () =>
-    import('@vue2-client/pages/system/ticket')
-    // 通用服务评价
-routerResource.ServiceReview = () =>
-    import('@vue2-client/pages/ServiceReview')
-    // 系统设置
-routerResource.settings = () =>
-    import('@vue2-client/pages/system/settings')
-    // AMIS示例页面
-routerResource.amisDemo = () =>
-    import('@vue2-client/pages/AMisDemo/AMisDemo')
-    // 页面编辑器
-routerResource.editablePage = () =>
-  import('@vue2-client/pages/lowCode/lowCodeEditor.vue')
-    // 数据检索
-routerResource.dynamicStatistics = () =>
-    import('@vue2-client/pages/DynamicStatistics')
-    // 数据检索(新)
-routerResource.newDynamicStatistics = () =>
-  import('@vue2-client/pages/NewDynamicStatistics')
-    // 示例页面
+// 字典管理
+routerResource.dictionaryManage = () => import('@vue2-client/pages/system/dictionary')
+// 文件管理
+routerResource.fileManager = () => import('@vue2-client/pages/system/file')
+// 登录日志
+routerResource.loginInfor = () => import('@vue2-client/pages/system/monitor/loginInfor')
+// 操作日志
+routerResource.operLog = () => import('@vue2-client/pages/system/monitor/operLog')
+// 系统问题反馈工单
+routerResource.submitTicket = () => import('@vue2-client/pages/system/ticket')
+// 通用服务评价
+routerResource.ServiceReview = () => import('@vue2-client/pages/ServiceReview')
+// 系统设置
+routerResource.settings = () => import('@vue2-client/pages/system/settings')
+// AMIS示例页面
+routerResource.amisDemo = () => import('@vue2-client/pages/AMisDemo/AMisDemo')
+// 页面编辑器
+routerResource.editablePage = () => import('@vue2-client/pages/lowCode/lowCodeEditor.vue')
+// 数据检索
+routerResource.dynamicStatistics = () => import('@vue2-client/pages/DynamicStatistics')
+// 数据检索(新)
+routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynamicStatistics')
+// 示例页面
 routerResource.example = {
-    path: 'example',
-    name: '示例主页面',
-    component: () => import('@vue2-client/pages/Example'),
-    children: [
-      {
-          path: '',
-          name: '示例页面2',
-          redirect: 'default',
-          meta: {
-              // 菜单中不显示
-              invisible: true,
-          }
-      },
-      {
-          path: 'default',
-          name: '示例页面',
-          // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
-          component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
-          // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XConversation/XConversationDemo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XCheckList/XCheckList.vue'),
-          // component: () => import('@vue2-client/base-client/components/common/XPrint/Demo.vue'),
-          // component: () => import('@vue2-client/base-client/components/AI/demo.vue'),
-          // component: () => import('@vue2-client/components/g2Charts/demo.vue'),
-          meta: {
-              // 菜单中不显示
-              invisible: true,
-          }
-      },
-      {
-        path: 'sub-example',
-        name: '示例页面1',
-        component: () => import('@vue2-client/pages/SubExample'),
-        meta: {
-          // 菜单中不显示
-          invisible: true,
-          // 跳转不打开新页签
-          noPusTabs: true
-        }
-      },
-      {
-        path: 'x-tree-one-pro-example',
-        name: 'TreeView布局示例',
-        component: () => import('@vue2-client/pages/XTreeOneProExample'),
-        meta: {
-          // 菜单中不显示
-          invisible: true,
-          // 跳转不打开新页签
-          noPusTabs: true
-        }
-      },
-      {
-        path: 'page-view-example',
-        name: 'PageView示例',
-        component: () => import('@vue2-client/pages/XPageViewExample'),
-        meta: {
-          // 菜单中不显示
-          invisible: true,
-          // 跳转不打开新页签
-          noPusTabs: true
-        }
-      },
-    ]
+  path: 'example',
+  name: '示例主页面',
+  // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
+  component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
+  // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XConversation/XConversationDemo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XCheckList/XCheckList.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XPrint/Demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/AI/demo.vue'),
+  // component: () => import('@vue2-client/components/g2Charts/demo.vue'),
 }
 // routerResource.example = () =>
 //    import('@vue2-client/pages/Example')
-routerResource.XReportView = () =>
-    import('@vue2-client/pages/XReportView')
+routerResource.XReportView = () => import('@vue2-client/pages/XReportView')
 
-routerResource.XReportGrid = () =>
-    import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo')
+routerResource.XReportGrid = () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo')
 
-routerResource.XTab = () =>
-  import('@vue2-client/base-client/components/common/XTab/XTabDemo')
+routerResource.XTab = () => import('@vue2-client/base-client/components/common/XTab/XTabDemo')
 
-console.log(process.env)
-    // 基础路由组件注册
+// 基础路由组件注册
 const routerMap = {
-    login: {
-        authority: '*',
-        path: '/login',
-        component: process.env.VUE_APP_LOGIN_VERSION === 'V3'
-            ? view.loginv3 : view.login
-    },
-    root: {
-        path: '/',
-        name: '首页',
-        redirect: homePage,
-        component: process.env.VUE_APP_SINGLE_PAPER === 'TRUE' ? view.blank : view.tabs,
-    },
-    exp403: {
-        authority: '*',
-        name: 'exp403',
-        path: '403',
-        component: () =>
-            import('@vue2-client/pages/exception/403')
-    },
-    exp404: {
-        name: 'exp404',
-        path: '404',
-        component: () =>
-            import('@vue2-client/pages/exception/404')
-    },
-    exp500: {
-        name: 'exp500',
-        path: '500',
-        component: () =>
-            import('@vue2-client/pages/exception/500')
-    }
+  login: {
+    authority: '*',
+    path: '/login',
+    component: process.env.VUE_APP_LOGIN_VERSION === 'V3'
+      ? view.loginv3 : view.login
+  },
+  root: {
+    path: '/',
+    name: '首页',
+    redirect: homePage,
+    component: process.env.VUE_APP_SINGLE_PAPER === 'TRUE' ? view.blank : view.tabs,
+  },
+  exp403: {
+    authority: '*',
+    name: 'exp403',
+    path: '403',
+    component: () =>
+      import('@vue2-client/pages/exception/403')
+  },
+  exp404: {
+    name: 'exp404',
+    path: '404',
+    component: () =>
+      import('@vue2-client/pages/exception/404')
+  },
+  exp500: {
+    name: 'exp500',
+    path: '500',
+    component: () =>
+      import('@vue2-client/pages/exception/500')
+  }
 }
 Object.assign(routerMap, routerResource)
 export default routerMap

package/src/utils/indexedDB.js

@@ -1,214 +1,234 @@
-import { post } from '@vue2-client/services/api'
-
-const DB_CONFIG = {
-  NAME: window.__MICRO_APP_NAME__ ? `view_${window.__MICRO_APP_NAME__}` : 'view',
-  STORE_NAME: 'metaCache',
-  VERSION: 1,
-  CURRENT_VERSION: 1
-}
-
-class IndexedDBManager {
-  constructor () {
-    this.db = undefined
-    this.locks = {}
-    this.isInMicroApp = !!window.__MICRO_APP_NAME__
-    this.microAppName = window.__MICRO_APP_NAME__ || ''
-    this.indexedDB = window?.rawWindow?.indexedDB || window.indexedDB || window.webkitindexedDB
-    this.IDBKeyRange = window?.rawWindow?.IDBKeyRange || window.IDBKeyRange || window.webkitIDBKeyRange
-  }
-
-  async openDatabase () {
-    try {
-      return await new Promise((resolve, reject) => {
-        const checkRequest = this.indexedDB.open(DB_CONFIG.NAME)
-
-        checkRequest.onsuccess = (e) => {
-          const db = e.target.result
-          const currentVersion = db.version
-          db.close()
-
-          DB_CONFIG.CURRENT_VERSION = Math.max(currentVersion, DB_CONFIG.VERSION)
-          const request = this.indexedDB.open(DB_CONFIG.NAME, DB_CONFIG.CURRENT_VERSION)
-
-          request.onerror = (e) => reject(e.currentTarget.error)
-
-          request.onsuccess = (e) => {
-            const db = e.target.result
-            if (!db.objectStoreNames.contains(DB_CONFIG.STORE_NAME)) {
-              db.close()
-              DB_CONFIG.CURRENT_VERSION++
-              this.upgradeDatabase(resolve, reject)
-            } else {
-              resolve(db)
-            }
-          }
-
-          request.onupgradeneeded = (e) => {
-            const db = e.target.result
-            if (!db.objectStoreNames.contains(DB_CONFIG.STORE_NAME)) {
-              db.createObjectStore(DB_CONFIG.STORE_NAME, { keyPath: 'key' })
-            }
-          }
-        }
-
-        checkRequest.onerror = (e) => reject(e.currentTarget.error)
-      })
-    } catch (error) {
-      console.error('打开数据库失败:', error)
-      throw error
-    }
-  }
-
-  async upgradeDatabase (resolve, reject) {
-    const request = this.indexedDB.open(DB_CONFIG.NAME, DB_CONFIG.CURRENT_VERSION)
-
-    request.onupgradeneeded = (e) => {
-      const db = e.target.result
-      if (!db.objectStoreNames.contains(DB_CONFIG.STORE_NAME)) {
-        db.createObjectStore(DB_CONFIG.STORE_NAME, { keyPath: 'key' })
-      }
-    }
-
-    request.onsuccess = (e) => resolve(e.target.result)
-    request.onerror = (e) => reject(e.currentTarget.error)
-  }
-
-  async openDB (callback) {
-    try {
-      if (this.db) {
-        const isAlive = await this.checkConnection()
-        if (isAlive) {
-          callback(this.db)
-          return
-        }
-      }
-
-      this.db = await this.openDatabase()
-      callback(this.db)
-    } catch (error) {
-      console.error('数据库操作失败:', error)
-      if (error.message?.includes('version')) {
-        await this.recreateDatabase()
-        callback(this.db)
-      }
-    }
-  }
-
-  async checkConnection () {
-    try {
-      const transaction = this.db.transaction([DB_CONFIG.STORE_NAME], 'readwrite')
-      const store = transaction.objectStore(DB_CONFIG.STORE_NAME)
-      await this.promisifyRequest(store.add({ key: 'alive', data: true }))
-      return true
-    } catch {
-      return false
-    }
-  }
-
-  promisifyRequest (request) {
-    return new Promise((resolve, reject) => {
-      request.onsuccess = () => resolve(request.result)
-      request.onerror = () => reject(request.error)
-    })
-  }
-
-  async getByWeb (key, url, params, callback, processFun) {
-    if (this.locks[key]) {
-      await this.locks[key]
-      return this.getByWeb(key, url, params, callback, processFun)
-    }
-
-    this.locks[key] = (async () => {
-      try {
-        const data = await this.getData(key)
-        if (!data && url) {
-          const res = await post(url, params)
-          const processedData = processFun ? processFun(res) : res
-
-          if (process.env.NODE_ENV === 'production' || key !== 'webMobileConfig') {
-            await this.add(key, processedData)
-          }
-
-          callback(processedData)
-        } else {
-          callback(data)
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-        if (process.env.NODE_ENV === 'production' && key !== 'webMobileConfig') {
-          await this.add(key, null)
-        }
-        callback(null)
-      }
-    })()
-
-    try {
-      await this.locks[key]
-    } finally {
-      delete this.locks[key]
-    }
-  }
-
-  async getData (key) {
-    return new Promise((resolve) => {
-      this.openDB((db) => {
-        const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
-        const request = store.get(key)
-        request.onsuccess = (e) => resolve(e.target.result?.data)
-        request.onerror = () => resolve(null)
-      })
-    })
-  }
-
-  async add (key, data) {
-    this.openDB((db) => {
-      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
-      const request = store.add({ key, data })
-      request.onerror = () => this.update(key, data)
-    })
-  }
-
-  async update (key, data) {
-    this.openDB((db) => {
-      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
-      const request = store.put({ key, data })
-      request.onerror = () => console.error('数据更新失败')
-    })
-  }
-
-  async delete (key) {
-    this.openDB((db) => {
-      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
-      const request = store.delete(key)
-      request.onerror = () => console.error('数据删除失败')
-    })
-  }
-
-  async clear (callback) {
-    this.openDB((db) => {
-      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
-      const request = store.clear()
-      request.onerror = () => {
-        console.error('数据删除失败')
-        callback()
-      }
-      request.onsuccess = () => {
-        if (typeof callback === 'function') {
-          callback()
-        }
-      }
-    })
-  }
-
-  clearCache () {
-    if (this.indexedDB) {
-      this.clear(() => {
-        location.reload()
-      })
-    } else {
-      location.reload()
-    }
-  }
-}
-
-export const indexedDB = new IndexedDBManager()
+import { post } from '@vue2-client/services/api'
+
+const DB_CONFIG = {
+  NAME: window.__MICRO_APP_NAME__ ? `view_${window.__MICRO_APP_NAME__}` : 'view',
+  STORE_NAME: 'metaCache',
+  VERSION: 1,
+  CURRENT_VERSION: 1
+}
+
+export class IndexedDBManager {
+  constructor () {
+    this.db = undefined
+    this.locks = {}
+    this.isInMicroApp = !!window.__MICRO_APP_NAME__
+    this.microAppName = window.__MICRO_APP_NAME__ || ''
+    this.indexedDB = window?.rawWindow?.indexedDB || window.indexedDB || window.webkitindexedDB
+    this.IDBKeyRange = window?.rawWindow?.IDBKeyRange || window.IDBKeyRange || window.webkitIDBKeyRange
+  }
+
+  async openDatabase () {
+    try {
+      return await new Promise((resolve, reject) => {
+        const checkRequest = this.indexedDB.open(DB_CONFIG.NAME)
+
+        checkRequest.onsuccess = (e) => {
+          const db = e.target.result
+          const currentVersion = db.version
+          db.close()
+
+          DB_CONFIG.CURRENT_VERSION = Math.max(currentVersion, DB_CONFIG.VERSION)
+          const request = this.indexedDB.open(DB_CONFIG.NAME, DB_CONFIG.CURRENT_VERSION)
+
+          request.onerror = (e) => reject(e.currentTarget.error)
+
+          request.onsuccess = (e) => {
+            const db = e.target.result
+            if (!db.objectStoreNames.contains(DB_CONFIG.STORE_NAME)) {
+              db.close()
+              DB_CONFIG.CURRENT_VERSION++
+              this.upgradeDatabase(resolve, reject)
+            } else {
+              resolve(db)
+            }
+          }
+
+          request.onupgradeneeded = (e) => {
+            const db = e.target.result
+            if (!db.objectStoreNames.contains(DB_CONFIG.STORE_NAME)) {
+              db.createObjectStore(DB_CONFIG.STORE_NAME, { keyPath: 'key' })
+            }
+          }
+        }
+
+        checkRequest.onerror = (e) => reject(e.currentTarget.error)
+      })
+    } catch (error) {
+      console.error('打开数据库失败:', error)
+      throw error
+    }
+  }
+
+  async upgradeDatabase (resolve, reject) {
+    const request = this.indexedDB.open(DB_CONFIG.NAME, DB_CONFIG.CURRENT_VERSION)
+
+    request.onupgradeneeded = (e) => {
+      const db = e.target.result
+      if (!db.objectStoreNames.contains(DB_CONFIG.STORE_NAME)) {
+        db.createObjectStore(DB_CONFIG.STORE_NAME, { keyPath: 'key' })
+      }
+    }
+
+    request.onsuccess = (e) => resolve(e.target.result)
+    request.onerror = (e) => reject(e.currentTarget.error)
+  }
+
+  async openDB (callback) {
+    try {
+      if (this.db) {
+        const isAlive = await this.checkConnection()
+        if (isAlive) {
+          callback(this.db)
+          return
+        }
+      }
+
+      this.db = await this.openDatabase()
+      callback(this.db)
+    } catch (error) {
+      console.error('数据库操作失败:', error)
+      if (error.message?.includes('version')) {
+        await this.recreateDatabase()
+        callback(this.db)
+      }
+    }
+  }
+
+  async checkConnection () {
+    try {
+      const transaction = this.db.transaction([DB_CONFIG.STORE_NAME], 'readwrite')
+      const store = transaction.objectStore(DB_CONFIG.STORE_NAME)
+      await this.promisifyRequest(store.add({ key: 'alive', data: true }))
+      return true
+    } catch {
+      return false
+    }
+  }
+
+  promisifyRequest (request) {
+    return new Promise((resolve, reject) => {
+      request.onsuccess = () => resolve(request.result)
+      request.onerror = () => reject(request.error)
+    })
+  }
+
+  async getByWeb (key, url, params, callback, processFun) {
+    if (this.locks[key]) {
+      await this.locks[key]
+      return this.getByWeb(key, url, params, callback, processFun)
+    }
+
+    this.locks[key] = (async () => {
+      try {
+        const data = await this.getData(key)
+        if (!data && url) {
+          const res = await post(url, params)
+          const processedData = processFun ? processFun(res) : res
+
+          if (process.env.NODE_ENV === 'production' || key !== 'webMobileConfig') {
+            await this.add(key, processedData)
+          }
+
+          callback(processedData)
+        } else {
+          callback(data)
+        }
+      } catch (error) {
+        console.error('获取数据失败:', error)
+        if (process.env.NODE_ENV === 'production' && key !== 'webMobileConfig') {
+          await this.add(key, null)
+        }
+        callback(null)
+      }
+    })()
+
+    try {
+      await this.locks[key]
+    } finally {
+      delete this.locks[key]
+    }
+  }
+
+  async getData (key) {
+    return new Promise((resolve) => {
+      this.openDB((db) => {
+        const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
+        const request = store.get(key)
+        request.onsuccess = (e) => resolve(e.target.result?.data)
+        request.onerror = () => resolve(null)
+      })
+    })
+  }
+
+  async add (key, data) {
+    this.openDB((db) => {
+      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
+      const request = store.add({ key, data })
+      request.onerror = () => this.update(key, data)
+    })
+  }
+
+  async update (key, data) {
+    this.openDB((db) => {
+      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
+      const request = store.put({ key, data })
+      request.onerror = () => console.error('数据更新失败')
+    })
+  }
+
+  async delete (key) {
+    this.openDB((db) => {
+      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
+      const request = store.delete(key)
+      request.onerror = () => console.error('数据删除失败')
+    })
+  }
+
+  async clear (callback) {
+    this.openDB((db) => {
+      const store = db.transaction(DB_CONFIG.STORE_NAME, 'readwrite').objectStore(DB_CONFIG.STORE_NAME)
+      const request = store.clear()
+      request.onerror = () => {
+        console.error('数据删除失败')
+        callback()
+      }
+      request.onsuccess = () => {
+        if (typeof callback === 'function') {
+          callback()
+        }
+      }
+    })
+  }
+
+  clearCache () {
+    if (this.indexedDB) {
+      this.clear(() => {
+        location.reload()
+      })
+    } else {
+      location.reload()
+    }
+  }
+
+  async getAll () {
+    return new Promise((resolve, reject) => {
+      this.openDB((db) => {
+        const store = db.transaction(DB_CONFIG.STORE_NAME, 'readonly').objectStore(DB_CONFIG.STORE_NAME)
+        const request = store.getAll()
+        request.onsuccess = (e) => resolve(e.target.result)
+        request.onerror = (e) => reject(e.target.error)
+      })
+    })
+  }
+
+  getAllLegacy (callback) {
+    this.openDB((res) => {
+      const store = res.transaction(DB_CONFIG.STORE_NAME, 'readonly').objectStore(DB_CONFIG.STORE_NAME)
+      const request = store.getAll()
+      request.onerror = (e) => callback(null, e.target.error)
+      request.onsuccess = (e) => callback(e.target.result)
+    })
+  }
+}
+
+export const indexedDB = new IndexedDBManager()

package/src/utils/theme-color-replacer-extend.js

@@ -1,91 +1,92 @@
-const { cssResolve } = require('../config/replacer')
-// 修正 webpack-theme-color-replacer 插件提取的 css 结果
-function resolveCss (output, srcArr) {
-  const regExps = []
-  // 提取 resolve 配置中所有的正则配置
-  Object.keys(cssResolve).forEach(key => {
-    let isRegExp
-    let reg = {}
-    try {
-      reg = eval(key)
-      isRegExp = reg instanceof RegExp
-    } catch (e) {
-      isRegExp = false
-    }
-    if (isRegExp) {
-      regExps.push([reg, cssResolve[key]])
-    }
-  })
-
-  // 去重
-  srcArr = dropDuplicate(srcArr)
-
-  // 处理 css
-  const outArr = []
-  srcArr.forEach(text => {
-    // 转换为 css 对象
-    const cssObj = parseCssObj(text)
-    // 根据selector匹配配置，匹配成功，则按配置处理 css
-    if (cssResolve[cssObj.selector] !== undefined) {
-      const cfg = cssResolve[cssObj.selector]
-      if (cfg) {
-        outArr.push(cfg.resolve(text, cssObj))
-      }
-    } else {
-      let cssText = ''
-      // 匹配不成功，则测试是否有匹配的正则配置，有则按正则对应的配置处理
-      for (const regExp of regExps) {
-        if (regExp[0].test(cssObj.selector)) {
-          const cssCfg = regExp[1]
-          cssText = cssCfg ? cssCfg.resolve(text, cssObj) : ''
-          break
-        }
-        // 未匹配到正则，则设置 cssText 为默认的 css（即不处理）
-        cssText = text
-      }
-      if (cssText !== '') {
-        outArr.push(cssText)
-      }
-    }
-  })
-  output = outArr.join('\n')
-  return output
-}
-
-// 数组去重
-function dropDuplicate (arr) {
-  const map = {}
-  const r = []
-  for (const s of arr) {
-    if (!map[s]) {
-      r.push(s)
-      map[s] = 1
-    }
-  }
-  return r
-}
-
-/**
- * 从字符串解析 css 对象
- * @param cssText
- * @returns {{
- *   name: String,
- *   rules: Array[String],
- *   toText: function
- * }}
- */
-function parseCssObj (cssText) {
-  const css = {}
-  const ruleIndex = cssText.indexOf('{')
-  css.selector = cssText.substring(0, ruleIndex)
-  const ruleBody = cssText.substring(ruleIndex + 1, cssText.length - 1)
-  css.rules = ruleBody.split(';')
-  css.toText = function () {
-    let body = ''
-    this.rules.forEach(item => { body += item + ';' })
-    return `${this.selector}{${body}}`
-  }
-  return css
-}
-
-module.exports = { resolveCss }
+const { cssResolve } = require('../config/replacer')
+// 修正 webpack-theme-color-replacer 插件提取的 css 结果
+function resolveCss (output, srcArr) {
+  const regExps = []
+  // 提取 resolve 配置中所有的正则配置
+  Object.keys(cssResolve).forEach(key => {
+    let isRegExp
+    let reg = {}
+    try {
+      // eslint-disable-next-line no-eval
+      reg = eval(key)
+      isRegExp = reg instanceof RegExp
+    } catch (e) {
+      isRegExp = false
+    }
+    if (isRegExp) {
+      regExps.push([reg, cssResolve[key]])
+    }
+  })
+
+  // 去重
+  srcArr = dropDuplicate(srcArr)
+
+  // 处理 css
+  const outArr = []
+  srcArr.forEach(text => {
+    // 转换为 css 对象
+    const cssObj = parseCssObj(text)
+    // 根据selector匹配配置，匹配成功，则按配置处理 css
+    if (cssResolve[cssObj.selector] !== undefined) {
+      const cfg = cssResolve[cssObj.selector]
+      if (cfg) {
+        outArr.push(cfg.resolve(text, cssObj))
+      }
+    } else {
+      let cssText = ''
+      // 匹配不成功，则测试是否有匹配的正则配置，有则按正则对应的配置处理
+      for (const regExp of regExps) {
+        if (regExp[0].test(cssObj.selector)) {
+          const cssCfg = regExp[1]
+          cssText = cssCfg ? cssCfg.resolve(text, cssObj) : ''
+          break
+        }
+        // 未匹配到正则，则设置 cssText 为默认的 css（即不处理）
+        cssText = text
+      }
+      if (cssText !== '') {
+        outArr.push(cssText)
+      }
+    }
+  })
+  output = outArr.join('\n')
+  return output
+}
+
+// 数组去重
+function dropDuplicate (arr) {
+  const map = {}
+  const r = []
+  for (const s of arr) {
+    if (!map[s]) {
+      r.push(s)
+      map[s] = 1
+    }
+  }
+  return r
+}
+
+/**
+ * 从字符串解析 css 对象
+ * @param cssText
+ * @returns {{
+ *   name: String,
+ *   rules: Array[String],
+ *   toText: function
+ * }}
+ */
+function parseCssObj (cssText) {
+  const css = {}
+  const ruleIndex = cssText.indexOf('{')
+  css.selector = cssText.substring(0, ruleIndex)
+  const ruleBody = cssText.substring(ruleIndex + 1, cssText.length - 1)
+  css.rules = ruleBody.split(';')
+  css.toText = function () {
+    let body = ''
+    this.rules.forEach(item => { body += item + ';' })
+    return `${this.selector}{${body}}`
+  }
+  return css
+}
+
+module.exports = { resolveCss }