byt-ui 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "byt-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "private": false,
   "description": "byt组件库",
   "author": {
@@ -16,6 +16,8 @@
   },
   "main": "lib/byt-ui.umd.min.js",
   "dependencies": {
+    "@sentry/vue": "^7.110.1",
+    "axios": "^1.6.8",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.10",
     "js-cookie": "^3.0.1",
@@ -70,4 +72,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.com/"
   }
-}
+}

package/packages/common/index.js

@@ -1,20 +1,20 @@
 /*
- * @Description: 
+ * @Description:
  * @Author: 王国火
  * @Date: 2022-09-19 10:17:14
- * @LastEditTime: 2022-10-25 09:48:55
+ * @LastEditTime: 2024-04-18 16:26:34
  * @LastEditors: 王国火
  */
 // 动态引入
 let conmmon = {};
 const requireContext = require.context('./modules', true, /.*\.js/)
 requireContext.keys().map(key => {
-  const reg=/\w+/
-  const k=key.match(reg)[0]
-  if(requireContext(key).default){
-    conmmon[k]=requireContext(key).default
-  }else{
-    conmmon=Object.assign(conmmon,requireContext(key))
+  const reg = /\w+/
+  const k = key.match(reg)[0]
+  if (requireContext(key).default) {
+    conmmon[k] = requireContext(key).default
+  } else {
+    conmmon = Object.assign(conmmon, requireContext(key))
   }
 })
-export default conmmon
+export default conmmon

package/packages/common/modules/Sentry.js

@@ -0,0 +1,157 @@
+/*
+ * @Description:
+ * @Author: 王国火
+ * @Date: 2024-04-18 15:37:44
+ * @LastEditTime: 2024-04-19 13:50:16
+ * @LastEditors: 王国火
+ */
+import * as sentry from '@sentry/vue'
+import { getCookie } from './cookie'
+import { getStore } from './store'
+class Sentry {
+  constructor(config = {}) {
+    const { axios, Vue, project, router, options = {}} = config
+    this.axios = axios;
+    this.Vue = Vue || window.Vue;
+    this.project = project;
+    this.router = router;
+    this.options = options;
+
+    // 注册调用获取dsn;
+    this.register();
+  }
+
+  captureEvent({
+    message = '',
+    level = 'error',
+    tags = {
+      type: 'xhr-error',
+      category: 'xhr-category'
+    },
+    extra = {},
+    breadcrumbs = []
+  }) {
+    sentry.captureEvent({
+      message,
+      level,
+      tags,
+      extra,
+      breadcrumbs
+    })
+  }
+  init(dsn) {
+    const params = {
+      Vue: this.Vue,
+      dsn,
+      logErrors: false,
+      integrations: [
+        sentry.browserTracingIntegration(),
+        sentry.replayIntegration({
+          maskAllText: false,
+          blockAllMedia: false
+        }),
+        sentry.breadcrumbsIntegration({
+          // 关闭控制台打印捕获
+          console: false
+        })
+      ],
+      initialScope: (scope) => {
+        return scope
+      },
+      beforeSend: (e) => {
+        // 请求发送前添加用户信息
+        const { fullPath } = this.router.currentRoute;
+        const userInfo = getCookie('userInfo') || getStore('userInfo');
+        const tenantId = getCookie('tenantId') || ''
+        const params = {
+          path: fullPath,
+          title: document.title,
+          ip: window.location.host
+        }
+        if (userInfo) {
+          const info = JSON.parse(userInfo);
+          const { username, email } = info;
+          e.user = Object.assign(params, info, {
+            id: tenantId,
+            username,
+            email
+          })
+        } else {
+          e.user = params
+        }
+        return e;
+      },
+      beforeSendTransaction: (e) => {
+        e.transaction = document.title
+        return e
+      },
+      // 任何请求都会调用的函数，处理请求status_code不是200时，自定义上报错误信息
+      beforeBreadcrumb: (scope, hint) => {
+        if (scope.category == 'xhr') {
+          const statusCode = scope.data.status_code;
+          const response = JSON.parse(hint.xhr.responseText);
+          const { code, msg } = response;
+          switch (statusCode * 1) {
+            case 200:
+              if (code == 1) {
+                this.captureEvent({
+                  message: msg,
+                  level: 'error',
+                  extra: {
+                    message: hint.xhr.__sentry_xhr_v3__,
+                    type: 'request'
+                  }
+                })
+              }
+              break;
+            default:
+              this.captureEvent({
+                message: msg,
+                level: 'error',
+                extra: {
+                  message: hint.xhr.__sentry_xhr_v3__,
+                  type: 'request'
+                }
+              })
+              break;
+          }
+        }
+        return scope
+      },
+      // 版本号，默认情况下会自动设置或读取环境变量中 SENTRY_RELEASE 的值，一般需要搭配其他插件配套使用。
+      release: this.project, // 区分项目版本号
+      // Sentry SDK 将任何上下文数据标准化到给定的深度。任何包含结构比这更深的数据的 key 都将使用其类型（[Object] 或 [Array]）进行修剪和标记，而不会进一步遍历树。默认情况下，步行执行 3 级深度。
+      normalizeDepth: 3, // 默认3
+      // 该变量控制应捕获的面包屑总量。该默认为100，但您可以将其设置为任何数字。但是，您应该知道Sentry有一个最大有效负载大小，任何超过该有效负载大小的事件都将被丢弃。
+      maxBreadcrumbs: 50,
+      // Performance Monitoring
+      tracesSampleRate: 1.0, // Capture 100% of the transactions
+      // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
+      tracePropagationTargets: ['localhost'],
+      // Session Replay
+      replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+      replaysOnErrorSampleRate: 1.0 // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+    }
+    // 允许自定义配置覆盖、合并默认配置
+    sentry.init(Object.assign({}, params, this.options))
+  }
+  register() {
+    this.axios({
+      url: '/leo-tech-bridge/sysParam/getSentryDsn',
+      method: 'GET'
+    }).then((res) => {
+      // 需要兼容商城和业务中台
+      const val = res instanceof Object ? res.data : res
+      if (val) {
+        // 重新处理拼接dsn地址
+        const localhost = window.location;
+        const result = val.split('@');
+        const dsn = `${localhost.protocol}//${result[0]}@${localhost.host}${result[1]}`;
+        this.init(dsn);
+      }
+    })
+  }
+}
+
+export default Sentry
+

package/packages/common/modules/cookie.js

@@ -1,27 +1,15 @@
 /*
- * @Description: 
+ * @Description:
  * @Author: 王国火
  * @Date: 2022-10-18 12:37:03
- * @LastEditTime: 2023-07-11 14:28:17
+ * @LastEditTime: 2024-04-19 13:27:26
  * @LastEditors: 王国火
  */
 import Cookie from 'js-cookie'
 import website from './website'
-export const getCookie = (key, context) => {
+export const getCookie = (key) => {
   const searchKey = `${website.key}-${key}`
-  if (context && context.req) {
-    if (context.req.headers.cookie) {
-      const arr = context.req.headers.cookie.split(';')
-      const cookie = arr.find((item) => {
-        return (item.split('=')[0]).trim() === searchKey
-      })
-      return cookie ? cookie.split('=')[1] : ''
-    } else {
-      return ''
-    }
-  } else {
-    return Cookie.get(searchKey) ? Cookie.get(searchKey) : ''
-  }
+  return Cookie.get(searchKey) || ''
 }
 
 export const setCookie = (key, value, expires = 7, path = '/') => {
@@ -29,9 +17,8 @@ export const setCookie = (key, value, expires = 7, path = '/') => {
 }
 
 export const removeCookie = (key, path = '/') => {
-  console.log(`${website.key}-${key}`)
-  return Cookie.remove(`${website.key}-${key}`, { 
+  return Cookie.remove(`${website.key}-${key}`, {
     path,
-    domain:window.location.hostname
+    domain: window.location.hostname
   })
-}
+}

package/packages/common/modules/store.js

@@ -1,18 +1,18 @@
 /*
- * @Description: 
+ * @Description:
  * @Author: 王国火
  * @Date: 2022-10-08 09:10:49
- * @LastEditTime: 2022-10-25 11:03:35
+ * @LastEditTime: 2024-04-18 16:26:42
  * @LastEditors: 王国火
  */
 import { validatenull } from './validate'
 import website from './website'
-//存储前缀 避免与同域的其它项目冲突
+// 存储前缀 避免与同域的其它项目冲突
 const keyName = website.key
 /**
  * 存储localStorage
  */
-export const setStore = (key,value,type=0) => {
+export const setStore = (key, value, type = 0) => {
   const name = `${keyName}-${key}`
   const obj = {
     dataType: typeof (value),
@@ -30,9 +30,9 @@ export const setStore = (key,value,type=0) => {
  * 获取localStorage
  */
 
-export const getStore = (key,debug = false) => {
+export const getStore = (key, debug = false) => {
   const name = `${keyName}-${key}`
-  let obj = window.sessionStorage.getItem(name)||window.localStorage.getItem(name)
+  let obj = window.sessionStorage.getItem(name) || window.localStorage.getItem(name)
   let content
   if (validatenull(obj)) return null
   try {
@@ -66,7 +66,7 @@ export const removeStore = (key) => {
 /**
  * 获取全部localStorage
  */
-export const getAllStore = (type=0) => {
+export const getAllStore = (type = 0) => {
   const list = []
   if (type) {
     for (let i = 0; i <= window.sessionStorage.length; i++) {
@@ -94,7 +94,7 @@ export const getAllStore = (type=0) => {
 /**
  * 清空全部localStorage
  */
-export const clearStore = (type=0) => {
+export const clearStore = (type = 0) => {
   if (type) {
     window.sessionStorage.clear()
   } else {

package/packages/common/modules/website.js

@@ -2,12 +2,12 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2022-07-13 12:31:34
- * @LastEditTime: 2022-10-08 10:51:37
+ * @LastEditTime: 2024-04-18 16:26:47
  * @LastEditors: 王国火
  */
-export default{
+export default {
   key: 'bonyear', // 配置主键,目前用于存储
   formLoginClient: 'pig:pig', // 用户名密码登录的 client 信息
   smsLoginClient: 'app:app', // 验证码登录的 client 信息
-  socialLoginClient: 'social:social', // 社交登录的 client 信息
-}
+  socialLoginClient: 'social:social' // 社交登录的 client 信息
+}

package/packages/components/basic-view/index.vue

@@ -2,8 +2,8 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2022-07-12 17:47:20
- * @LastEditTime: 2024-03-04 15:16:54
- * @LastEditors: hcm
+ * @LastEditTime: 2024-04-18 16:27:18
+ * @LastEditors: 王国火
 -->
 
 <template>
@@ -212,11 +212,11 @@ export default {
     }
   },
   mounted() {
-    
+
   },
   methods: {
-    init(form){
-      this.searchForm=Object.assign({},this.searchForm,form);
+    init(form) {
+      this.searchForm = Object.assign({}, this.searchForm, form);
       // 有些特殊情况需要手动请求列表数据
       if (this.autoLoad) this.fetchData();
     },
@@ -279,7 +279,7 @@ export default {
       this.searchForm = {};
       this.fetchData();
     },
-    clear(){
+    clear() {
       this.$refs.search.init();
     },
     onSizeChange(size) {

package/packages/components/form-view/index.vue

@@ -2,8 +2,8 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2022-07-13 08:46:34
- * @LastEditTime: 2023-10-16 10:21:19
- * @LastEditors: hcm
+ * @LastEditTime: 2024-04-19 13:29:06
+ * @LastEditors: 王国火
 -->
 <!--  -->
 <template>
@@ -60,7 +60,7 @@
         >
         </el-date-picker>
       </template>
-      
+
       <!-- add by hcm  加时间区间类型-->
       <template v-if="item.type=='datetimerange'">
         <el-date-picker
@@ -96,11 +96,11 @@ export default {
   props: {
     labelWidth: {
       type: Number,
-      defualt: 80
+      default: 80
     },
     inline: {
       type: Boolean,
-      defualt: false
+      default: false
     },
     searchList: {
       type: Array,
@@ -148,7 +148,7 @@ export default {
   components: {},
   computed: {},
   mounted() {
-    
+
   },
   methods: {
     formateDate(type) {
@@ -204,24 +204,24 @@ export default {
       }
     },
     formatForm(list) {
-      //有些查询条件初始携带默认值，需要处理；
+      // 有些查询条件初始携带默认值，需要处理；
       this.form = Object.assign({}, this.form, list.reduce((obj, el) => {
         obj[el.key] = this.setDefaultVal(el)
         return obj
       }, {}))
     },
-    init(){
+    init() {
       this.formatForm(this.searchList);
       this.$emit('init', this.form)
     }
   },
   watch: {
-    searchList:{
-      handler(){
+    searchList: {
+      handler() {
         this.init();
       },
-      immediate:true,
-      deep:true
+      immediate: true,
+      deep: true
     },
     form: {
       handler(val) {

package/packages/components/message-push-target/MessageOne.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: hcm
  * @Date: 2023-05-29 13:18:19
- * @LastEditors: hcm
- * @LastEditTime: 2024-04-10 17:09:38
+ * @LastEditors: 王国火
+ * @LastEditTime: 2024-04-18 17:59:13
  * @Description: 消息推送选择目标组件
 -->
 <template>
@@ -68,12 +68,8 @@ export default {
       type: Object,
       default: null
     },
-    value: { // 单选时，传入值，如'user$$111'
-      type: [String, Number],
-      default: null
-    },
-    valueList: { // 多选时，传入数组，如['user$$111', 'dept$$221']
-      type: Array,
+    value: { // 单选时，传入值，如'user$$111' // 多选时，传入数组，如['user$$111', 'dept$$221']
+      type: [String, Number, Array],
       default: null
     },
     multiple: { // 推送目标允许多选
@@ -127,22 +123,19 @@ export default {
     }
   },
   watch: {
-    value() {
-      if (this.value) {
-        const list = this.value.split('$$')
-        this.currentValue = [list[0], list[1]]
-        this.$emit('labelMapInit', this.labelMap, this.channelType)
-        console.log('value转化:', this.currentValue)
-      }
-    },
-    valueList: {
+    value: {
       handler() {
-        if (this.valueList) {
-          this.currentValue = this.valueList.map(value => {
+        if (this.value && Array.isArray(this.value)) {
+          this.currentValue = this.value.map(value => {
             const list = value.split('$$')
             return [list[0], list[1]]
           })
-          console.log('valueList转化:', this.currentValue)
+          // console.log('value list转化:', this.currentValue)
+          this.$emit('labelMapInit', this.labelMap, this.channelType)
+        } else if (this.value && typeof this.value === 'string') {
+          const list = this.value.split('$$')
+          this.currentValue = [list[0], list[1]]
+          // console.log('value转化:', this.currentValue)
           this.$emit('labelMapInit', this.labelMap, this.channelType)
         } else {
           this.currentValue = []
@@ -199,7 +192,7 @@ export default {
     // -----其他方法 start-----
     // 按钮点击事件
     handleClick() {
-      console.log(this.$refs.mptCascader)
+      // console.log(this.$refs.mptCascader)
       // 主动触发点击事件
       this.$refs.mptCascader.$el.click()
       // dispatchEvent(new MouseEvent('click'));
@@ -213,7 +206,11 @@ export default {
           })
         }
       } else {
-        val = `${this.currentValue[0]}$$${this.currentValue[1]}`
+        if (this.currentValue && this.currentValue[1]) {
+          val = `${this.currentValue[0]}$$${this.currentValue[1]}`
+        } else {
+          val = ''
+        }
       }
       // console.log('MessageOne返回值:', val, this.channelType, this.labelMap, this.currentValue)
       this.$emit('change', val, this.channelType, this.labelMap, this.currentValue)

package/packages/components/message-push-target/index.vue

@@ -2,7 +2,7 @@
  * @Author: hcm
  * @Date: 2023-05-29 13:18:19
  * @LastEditors: hcm
- * @LastEditTime: 2024-04-11 09:37:02
+ * @LastEditTime: 2024-04-12 11:51:14
  * @Description: 消息推送选择目标
 -->
 <template>
@@ -11,7 +11,7 @@
       <div v-if="!titleHide" class="mpt-title">{{ channelTypeMap[multiKey] }}</div>
       <MessageOne
         :channel-type="multiKey"
-        :value-list="formMap[multiKey]"
+        :value="formMap[multiKey]"
         :box-class="boxClass"
         :target-class="targetClass"
         :type-class="typeClass"
@@ -29,7 +29,7 @@
     <!-- multiKeys null 为单框模式 -->
     <MessageOne
       v-if="!multiKeys"
-      :value-list="formMap.value"
+      :value="formMap.value"
       :box-class="boxClass"
       :target-class="targetClass"
       :type-class="typeClass"
@@ -168,9 +168,19 @@ export default {
       if (this.multiKeys) {
         this.formMap[channelType] = value
         this.formNameMap[this.channelTypeMap[channelType]] = labelMap
+        for (const key in this.formMap) { // 去空
+          if (this.formMap[key].length === 0) {
+            delete this.formMap[key]
+            delete this.formNameMap[this.channelTypeMap[key]]
+          }
+        }
         this.$emit('change', this.formMap, this.formNameMap)
       } else {
-        this.$emit('change', value, labelMap)
+        if (value) {
+          this.$emit('change', value, labelMap)
+        } else {
+          this.$emit('change', value, {})
+        }
       }
     },
     labelMapInit(labelMap, channelType) {

package/packages/components.js

@@ -1,20 +1,20 @@
 /*
- * @Description: 
+ * @Description:
  * @Author: 王国火
  * @Date: 2022-09-19 14:31:00
- * @LastEditTime: 2024-02-27 16:36:04
- * @LastEditors: hcm
+ * @LastEditTime: 2024-04-18 16:27:09
+ * @LastEditors: 王国火
  */
-import BaseView from "./components/basic-view/index"
-import FormView from "./components/form-view/index"
-import BytMessagePushTarget from "./components/message-push-target/index"
-import BytMessageOne from "./components/message-push-target/MessageOne"
+import BaseView from './components/basic-view/index'
+import FormView from './components/form-view/index'
+import BytMessagePushTarget from './components/message-push-target/index'
+import BytMessageOne from './components/message-push-target/MessageOne'
 
-const components=[
+const components = [
   BaseView,
   FormView,
   BytMessagePushTarget,
   BytMessageOne
 ]
 
-export default components
+export default components

package/packages/index.js

@@ -1,15 +1,15 @@
 /*
- * @Description: 
+ * @Description:
  * @Author: 王国火
  * @Date: 2022-09-15 17:02:55
- * @LastEditTime: 2022-10-25 09:47:57
+ * @LastEditTime: 2024-04-18 16:27:33
  * @LastEditors: 王国火
  */
 import Vue from 'vue'
-//通用组件
-import components from "./components.js"
-//公用方法
-import Common from "./common/index"
+// 通用组件
+import components from './components.js'
+// 公用方法
+import Common from './common/index'
 
 // 第三方依赖
 import 'xe-utils'
@@ -23,25 +23,26 @@ Vue.use(ElementUI, {
   menuType: 'text'
 })
 
-const Cmps={}
+const Cmps = {}
 components.map(component => {
-  Cmps[component.name]=component
+  Cmps[component.name] = component
 })
 
-
 // install组件api
 const install = function (Vue) {
   components.map(component => {
     Vue.component(component.name, component);
   })
-  Vue.prototype.$byt=Common;
+  Vue.prototype.$byt = Common;
 }
 
-
-export default{
+const BytUI = {
   install,
   ...Cmps,
   ...Common
 }
+export default {
+  ...BytUI
+}
 
-export const utils=Common
+export const utils = Common