@smart100/spu-web-plugin 0.0.1

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@smart100/spu-web-plugin",
+  "version": "0.0.1",
+  "description": "",
+  "scripts": {
+    "dev": "rollup -c -w",
+    "build": "rollup -c",
+    "build1": "rollup -c --environment NODE_ENV:production",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "tarymee",
+  "type": "module",
+  "browser": "dist/spu-web-plugin.umd.js",
+  "main": "dist/spu-web-plugin.cjs",
+  "module": "dist/spu-web-plugin.mjs",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/lodash-es": "^4.17.10",
+    "@types/node": "^20.8.10",
+    "postcss": "^8.4.31",
+    "rollup": "^4.2.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-vue": "^6.0.0",
+    "tslib": "^2.6.2"
+  },
+  "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "axios": "^1.6.0",
+    "co": "^4.6.0",
+    "dayjs": "^1.11.10",
+    "jwt-decode": "^3.1.2",
+    "lodash-es": "^4.17.21",
+    "uuid": "^9.0.1",
+    "vconsole": "^3.15.1"
+  },
+  "peerdependencies": {
+    "vue": "^3.2.13"
+  }
+}

package/src/AMapLoader.ts

@@ -0,0 +1,46 @@
+import AMapLoader from '@amap/amap-jsapi-loader'
+
+// 高德地图 web端key 和 安全密钥
+const amapKey = {
+  // 测试开发环境
+  dev: {
+    key: '38fa4702d240e1e6ee5cc8ca059b254f',
+    securityjscode: '96f2af5670b7a41a56dcd2e8b63c1e06'
+  },
+  // 生产环境
+  production: {
+    key: '1993ac213d2f4675ac1bffb1b03ef1f0',
+    securityjscode: '816fe46b7b7bce145940b93c1e4818fa'
+  }
+}
+// const amapkey = process.env.NODE_ENV !== 'production' ? amapKey.dev.key : amapKey.production.key
+// const amapsecurityjscode = process.env.NODE_ENV !== 'production' ? amapKey.dev.securityjscode : amapKey.production.securityjscode
+
+const amapkey = amapKey.production.key
+const amapsecurityjscode = amapKey.production.securityjscode
+
+const load = (options?: {
+  plugins?: Array<string>
+  AMapUI?: {
+    plugins?: Array<string>
+  }
+}) => {
+  if (!window._AMapSecurityConfig) {
+    window._AMapSecurityConfig = {
+      securityJsCode: amapsecurityjscode
+    }
+  }
+  return AMapLoader.load({
+    key: amapkey,
+    version: '2.0',
+    plugins: options?.plugins || [],
+    AMapUI: {
+      version: '1.1',
+      plugins: options?.AMapUI?.plugins || []
+    }
+  })
+}
+
+export default {
+  load
+}

package/src/axios.ts

@@ -0,0 +1,144 @@
+import axios from 'axios'
+import type {
+  AxiosInstance,
+  AxiosError,
+  AxiosResponse
+} from 'axios'
+import { get } from 'lodash-es'
+// import { Message } from 'element-ui'
+import loadding from './loadding/index'
+import login from './login'
+
+interface Response {
+  code: number | string
+  data: any
+  msg: string
+}
+
+const createAxiosInstance = (type: 'spu' | 'apaas' = 'spu', options: SPUWebPluginOptions) => {
+  const axiosInstance: AxiosInstance = axios.create({
+    baseURL: type === 'spu' ? `/api/${options.modulekey}/${options.moduleversion}` : '',
+    // timeout: 36000000
+    // withCredentials: true, // 不能开启 影响ali oss
+    // headers: {
+    //   // 'Content-Type': 'application/json;charset=UTF-8',
+    //   // 'app_id': '100'
+    // }
+  })
+
+  axiosInstance.interceptors.request.use((config: any) => {
+    // const isShowLoading = typeof config?.isShowLoading !== 'undefined' ? config.isShowLoading : true
+    const isShowLoading = get(config, 'isShowLoading', true)
+    isShowLoading && loadding.open()
+
+    const isSendToken = get(config, 'isSendToken', true)
+    if (isSendToken) {
+      const token = login.getToken()
+      if (config?.headers && token) {
+        config.headers.token = token
+      }
+    }
+    return config
+  }, error => {
+    return Promise.reject(error)
+  })
+
+  axiosInstance.interceptors.response.use((res: AxiosResponse) => {
+    // debugger
+    const isShowLoading = get(res, 'config.isShowLoading', true)
+    isShowLoading && loadding.close()
+
+    let realRes: Response = {
+      code: 404,
+      data: '',
+      msg: ''
+    }
+
+    if (type === 'spu') {
+      if (res.data.code === 200) {
+        // return res.data
+        realRes = {
+          code: res.data.code,
+          data: res.data.data,
+          msg: res.data.msg
+        }
+        return realRes
+      } else {
+        const msg = res?.data?.msg || '网络异常，请稍后重试。'
+        const isShowErrorMessage = get(res, 'config.isShowErrorMessage', true)
+        // isShowErrorMessage && Message.error(msg)
+
+        realRes = {
+          code: res.data.code,
+          data: res.data.data,
+          msg: res.data.msg
+        }
+        return Promise.reject(realRes) as any
+      }
+    } else if (type === 'apaas') {
+      realRes = {
+        code: res.status || 200,
+        data: res.data?.resp_data || res.data,
+        msg: res.data?.error_code || ''
+      }
+      return realRes
+    }
+  }, (err: AxiosError) => {
+    // console.log(err)
+    // debugger
+    const isShowLoading = get(err, 'config.isShowLoading', true)
+    isShowLoading && loadding.close()
+
+    // console.log(err)
+    // debugger
+    // 兼容处理接口新方案 通过传参配置区分 默认使用新方案
+    // 接口返回非 200 状态码 肯定是报错必须要提示
+    const msg = (type === 'spu' ? get(err, 'response.data.msg') : get(err, 'response.data.error_code')) || get(err, 'response.statusText') || get(err, 'message', '网络异常，请稍后重试。')
+
+    const isShowErrorMessage = get(err, 'config.isShowErrorMessage', true)
+    // isShowErrorMessage && Message.error(msg)
+
+    const isNoLogin = () => {
+      if (type === 'spu') {
+        if (msg === '未授权' && get(err, 'response.data.code') === 401) {
+          return true
+        } else {
+          return false
+        }
+      } else if (type === 'apaas') {
+        if (msg.indexOf('token is invalid(decode).') !== -1 || msg.indexOf('token is invalid(null).') !== -1 || msg === 'token无效，请重新登录' || msg === 'jwt token无效') {
+          return true
+        } else {
+          return false
+        }
+      }
+    }
+
+    const noLoginFn = () => {
+      if (isNoLogin()) {
+
+      }
+    }
+
+    return Promise.reject(err)
+  })
+
+  return axiosInstance
+}
+
+// const spuAxios: AxiosInstance = createAxiosInstance('spu')
+// const apaasAxios: AxiosInstance = createAxiosInstance('apaas')
+
+let spuAxios: any = null
+let apaasAxios: any = null
+
+function initAxios (options: SPUWebPluginOptions) {
+  spuAxios = createAxiosInstance('spu', options)
+  apaasAxios = createAxiosInstance('apaas', options)
+}
+
+export {
+  initAxios,
+  spuAxios,
+  apaasAxios
+}

package/src/cloudServ.ts

@@ -0,0 +1,121 @@
+import { lsProxy } from './storageProxy'
+
+// let cacheStorage: NormalizedCloudServ | null = null
+
+// const CLOUDSERVE = 'cloudserv'
+
+// const set = (storage: NormalizedCloudServ | string) => {
+//   if (typeof storage === 'object') {
+//     cacheStorage = storage
+//     storage = JSON.stringify(storage)
+//   }
+//   lsProxy.setItem(CLOUDSERVE, storage)
+// }
+
+// const get = (key: StorageType = 'storage'): NormalizedCloudServItem | null => {
+//   if (cacheStorage) {
+//     return cacheStorage[key as StorageType] || null
+//   }
+//   const storageStr = lsProxy.getItem(CLOUDSERVE)
+//   if (!storageStr) {
+//     return null
+//   }
+//   const storage = JSON.parse(storageStr)
+//   cacheStorage = storage
+//   return storage[key]
+// }
+
+// const getProvider = (sign: StorageType = 'storage') => {
+//   const storage: NormalizedCloudServItem | null = get(sign)
+//   if (!storage) {
+//     return false
+//   }
+//   return storage.cloudserv_storage_provider
+// }
+
+// const isAliyun = (sign: StorageType = 'storage') => {
+//   return getProvider(sign) === 'aliyun'
+// }
+
+// const isAzure = (sign: StorageType = 'storage') => {
+//   return getProvider(sign) === 'azure'
+// }
+
+// const isAwss3 = (sign: StorageType = 'storage') => {
+//   return getProvider(sign) === 'awss3'
+// }
+
+// const isHuawei = (sign: StorageType = 'storage') => {
+//   return getProvider(sign) === 'huawei'
+// }
+
+// export default {
+//   set,
+//   get,
+//   isAliyun,
+//   isAzure,
+//   isAwss3,
+//   isHuawei
+// }
+
+class CloudServ {
+  CLOUD_SERVE_KEY = 'cloudserv'
+
+  cacheStorage: NormalizedCloudServ | null = null
+
+  public get (key: StorageType = 'storage'): NormalizedCloudServItem | null {
+    if (this.cacheStorage) {
+      return this.cacheStorage[key] || null
+    }
+    const storageStr = lsProxy.getItem(this.CLOUD_SERVE_KEY)
+    if (!storageStr) {
+      return null
+    }
+    const storage = JSON.parse(storageStr)
+    this.cacheStorage = storage
+    return storage[key]
+  }
+
+  public set (storage: NormalizedCloudServ | string) {
+    if (typeof storage === 'object') {
+      this.cacheStorage = storage
+      storage = JSON.stringify(storage)
+    }
+    lsProxy.setItem(this.CLOUD_SERVE_KEY, storage)
+  }
+
+  private getProvider (sign: StorageType = 'storage') {
+    const storage: NormalizedCloudServItem | null = this.get(sign)
+    if (!storage) {
+      return false
+    }
+    return storage.cloudserv_storage_provider
+  }
+
+
+  public isAliyun (sign: StorageType = 'storage') {
+    return this.getProvider(sign) === 'aliyun'
+  }
+
+  public isAzure (sign: StorageType = 'storage') {
+    return this.getProvider(sign) === 'azure'
+  }
+
+  public isAwss3 (sign: StorageType = 'storage') {
+    return this.getProvider(sign) === 'awss3'
+  }
+
+  public isHuawei (sign: StorageType = 'storage') {
+    return this.getProvider(sign) === 'huawei'
+  }
+}
+
+export default new CloudServ()
+
+
+
+
+
+
+
+

package/src/index.ts

@@ -0,0 +1,31 @@
+import { version } from '../package.json'
+import { install } from './install'
+import { lsProxy, ssProxy } from './storageProxy'
+import { getLocation, getDistance } from './location'
+import { spuAxios, apaasAxios } from './axios'
+import { downloadService, uploadService } from './oss'
+// import { downloadService } from './oss'
+
+// class SPUWebPlugin {
+//   static install = install
+//   static version = version
+// }
+// // SPUWebPlugin.install = install
+// // SPUWebPlugin.version = version
+
+const SPUWebPlugin = {
+  install,
+  version
+}
+
+export {
+  SPUWebPlugin as default,
+  lsProxy,
+  ssProxy,
+  getLocation,
+  getDistance,
+  spuAxios,
+  apaasAxios,
+  downloadService,
+  uploadService
+}

package/src/install.ts

@@ -0,0 +1,88 @@
+import { initStorageProxy } from './storageProxy'
+import login from './login'
+import { initAxios } from './axios'
+import urlquery from './urlquery'
+// import tenantInfo from './tenantInfo'
+// import { downloadService } from './oss'
+
+const install = (app: any, options: SPUWebPluginOptions) => {
+  // console.log(app)
+  // console.log(app.version)
+  console.log(options)
+
+  // if (install.installed) return
+  // install.installed = true
+  // debugger
+
+  const version = Number(app.version.split('.')[0])
+  if (version < 3) {
+    console.error('This plugin requires Vue 3')
+    return false
+  }
+
+  initStorageProxy(options)
+  initAxios(options)
+  urlquery.init()
+  login.startRefreshtoken()
+
+
+
+
+  // setTimeout(async () => {
+  //   const a = await downloadService.getUrl({
+  //     // source: 'a1b9954a-fb39-4bb2-aa0b-501f4af0d99e.jpeg',
+  //     // datetime: '1698832693257',
+  //     // source: '2f7dfe47-1827-4db1-9d99-3ddb08bb7e21.jpg',
+  //     // datetime: '1698832697897',
+  //     source: 'e3befbe5-8954-46d2-a368-5f812a5530e5.jpg',
+  //     datetime: '1699527237567',
+  //     // cope: {
+  //     //   width: 100
+  //     // }
+  //   })
+  //   console.log(a)
+  //   console.log(71117)
+  // }, 1000)
+
+
+  // tenantInfo.getAndSave()
+
+  if (options.router) {
+    options.router.beforeEach(async (to: any, from: any, next: any) => {
+      // console.log(from)
+      // console.log(to)
+      // const isInitVisit = from.path === '/' && from.name === undefined // 路由初始化访问
+      // console.log('isInitVisit', isInitVisit)
+
+      // 自动登录
+      if (to.query.token) {
+        const singleLoginRes = await login.singleLogin(to.query)
+        next({
+          path: to.path,
+          params: to.params,
+          query: singleLoginRes.query
+        })
+      } else {
+        next()
+      }
+    })
+  } else {
+    console.error('请传入 router 实例。')
+  }
+
+  // Vue.component('xt-engine', components.engine)
+  // Vue.prototype.$xtEngine = () => {
+  //   console.log('$xtEngine')
+  // }
+
+  // const component = options?.component
+  // if (component) {
+  //   for (const x in component) {
+  //     register(x, component[x])
+  //   }
+  // }
+}
+
+export {
+  install
+}

package/src/loadding/index.ts

@@ -0,0 +1,83 @@
+import { createVNode, render } from 'vue'
+import loadding from './index.vue'
+
+class Loadding {
+  private count = 0
+
+  private mountNode: HTMLDivElement | null = null
+
+  open () {
+    this.count++
+    if (!this.mountNode) {
+      const vm = createVNode(loadding, {
+        // ...options
+      })
+      this.mountNode = document.createElement('div')
+      render(vm, this.mountNode)
+      document.body.appendChild(this.mountNode)
+    }
+  }
+
+  close () {
+    this.count--
+    if (this.count <= 0) {
+      this.count = 0
+      if (this.mountNode) {
+        document.body.removeChild(this.mountNode)
+        this.mountNode = null
+      }
+    }
+  }
+}
+
+// class Loadding2 {
+//   constructor () {
+//     this.MyVueElement = defineCustomElement({
+//       // 这里是普通的 Vue 组件选项
+//       // props: {},
+//       // emits: {},
+//       template: `
+//         5436546546
+//         <div class="aaa">231365135</div>
+//       `,
+//       styles: [`
+//         .aaa {
+//           display: block;
+//         }
+//       `]
+//     })
+//     this.MyVueElement = defineCustomElement(loadding)
+//     customElements.define('my-vue-element', this.MyVueElement)
+//   }
+
+//   public MyVueElement
+//   public count = 0
+
+//   public mountNode: any = null
+
+//   open () {
+//     this.count++
+//     if (!this.mountNode) {
+//       this.mountNode = new this.MyVueElement({
+//         // 初始化的 prop (可选)
+//         msg: 'ssssss'
+//       })
+//       console.log(this.mountNode)
+//       document.body.appendChild((this.mountNode as any))
+//     }
+//   }
+
+//   close () {
+//     this.count--
+//     if (this.count <= 0) {
+//       this.count = 0
+//       // wx.hideLoading()
+//       if (this.mountNode) {
+//         document.body.removeChild(this.mountNode)
+//         this.mountNode = null
+//       }
+//     }
+//   }
+// }
+
+export default new Loadding()

package/src/loadding/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="loadding">
+    <div class="loadding-icon">
+      <img src="./img/loading.gif" alt="" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  props: {
+    msg: String
+  },
+  setup () {
+    const show = ref(true)
+    return { show }
+  }
+})
+</script>
+
+<style scoped>
+.loadding {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.loadding-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.loadding-icon img {
+  display: block;
+  width: 24px;
+  height: 24px;
+}
+</style>