byt-ui 0.1.29 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "byt-ui",
-  "version": "0.1.29",
+  "version": "1.2.1",
   "private": false,
   "description": "byt组件库",
   "author": {
@@ -26,7 +26,8 @@
     "moment": "^2.29.4",
     "vue": "^2.6.14",
     "vue-i18n": "8",
-    "vxe-table": "3.8.9",
+    "vxe-pc-ui": "3.8.9",
+    "vxe-table": "3.17.6",
     "xe-utils": "^3.5.6"
   },
   "devDependencies": {
@@ -37,7 +38,7 @@
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "babel-plugin-component": "^1.1.1",
-    "babel-plugin-import": "1.13.6",
+    "babel-plugin-import": "^1.13.8",
     "babel-preset-env": "^1.7.0",
     "copy-webpack-plugin": "^13.0.0",
     "eslint": "^7.32.0",

package/packages/index.js

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2022-09-15 17:02:55
- * @LastEditTime: 2025-03-12 11:00:36
+ * @LastEditTime: 2025-08-07 11:07:32
  * @LastEditors: 王国火
  */
 // import Vue from 'vue'
@@ -12,7 +12,7 @@ import components from './components.js'
 import Common from './common/index'
 
 // 第三方依赖
-import { useElementUI, useVxeTable } from './plugins'
+import { useElementUI, useVxeTable, useVxeUI } from './plugins'
 import locale from './locale'
 
 const Cmps = {}
@@ -25,6 +25,7 @@ const install = function (Vue, opts = {}) {
   locale.use(opts.locale);
   locale.i18n(Vue, opts.i18n);
   useElementUI(Vue, opts);
+  useVxeUI(Vue, opts);
   useVxeTable(Vue, opts);
   components.map(component => {
     Vue.component(component.name, component);

package/packages/plugins/index.js

@@ -2,8 +2,8 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2025-03-12 10:56:47
- * @LastEditTime: 2025-03-12 10:58:31
+ * @LastEditTime: 2025-08-07 11:06:27
  * @LastEditors: 王国火
  */
 export { useElementUI } from './element-ui'
-export { useVxeTable } from './vxe-table'
+export { useVxeTable, useVxeUI } from './vxe-table'

package/packages/plugins/vxe-table.js

@@ -2,31 +2,52 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2024-06-26 11:20:33
- * @LastEditTime: 2025-03-12 10:59:33
+ * @LastEditTime: 2025-08-07 11:50:00
  * @LastEditors: 王国火
  */
 import { t } from '../locale';
+// 导入主题变量，也可以重写主题变量
+import 'vxe-table/styles/cssvar.scss'
+import 'vxe-pc-ui/styles/cssvar.scss'
+// 框架按需加载少引入一个scss文件，必须手动引入;
+import 'vxe-pc-ui/styles/theme/base.scss';
+import {
+  VxeIcon,
+  VxeInput,
+  VxeTooltip,
+  VxeSelect,
+  VxeOption
+} from 'vxe-pc-ui'
 import {
   // 全局实例对象
-  VXETable,
+  VxeUI as VXETable,
   // 可选组件
-  VxeIcon,
   VxeTable,
   VxeColumn,
   VxeColgroup,
-  VxeInput
+  VxeGrid,
+  VxeToolbar
 } from 'vxe-table'
 
+export const useVxeUI = function (Vue, opts = {}) {
+  Vue.use(VxeIcon)
+  Vue.use(VxeInput)
+  Vue.use(VxeInput)
+  Vue.use(VxeTooltip)
+  Vue.use(VxeSelect)
+  Vue.use(VxeOption)
+}
+
 export const useVxeTable = function (Vue, opts = {}) {
   VXETable.setConfig({
     size: opts.size || 'small',
+    zIndex: opts.zIndex || 3000,
     i18n: (key, value) => t(key, value)
   })
-
-  // 可选组件
-  Vue.use(VxeIcon)
+  VXETable.setTheme('light')
   Vue.use(VxeTable)
   Vue.use(VxeColumn)
   Vue.use(VxeColgroup)
-  Vue.use(VxeInput)
+  Vue.use(VxeGrid)
+  Vue.use(VxeToolbar)
 }

package/packages/common/modules/sentry.js

@@ -1,186 +0,0 @@
-/*
- * @Description:
- * @Author: 王国火
- * @Date: 2024-04-18 15:37:44
- * @LastEditTime: 2024-04-23 09:30:29
- * @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;
-    this.sentryModule = sentry
-    // 注册调用获取dsn;
-    this.register();
-  }
-
-  getUserInfo() {
-    // 处理要提交的用户信息
-    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
-    }
-    let opts = {};
-    if (userInfo) {
-      const info = JSON.parse(userInfo);
-      const { username, email } = info;
-      opts = Object.assign(params, info, {
-        id: tenantId,
-        username,
-        email
-      })
-    } else {
-      opts = params
-    }
-    return opts
-  }
-
-  captureEvent({
-    message = '',
-    level = 'info',
-    tags = {
-      type: 'xhr-error',
-      category: 'xhr-category'
-    },
-    extra = {},
-    breadcrumbs = []
-  }) {
-    // 错误上报
-    sentry.captureEvent({
-      message,
-      level,
-      tags,
-      extra,
-      breadcrumbs
-    })
-  }
-  init(dsn) {
-    // init调用
-    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) => {
-        // 请求发送前添加用户信息
-        e.user = this.getUserInfo();
-        return e;
-      },
-      beforeSendTransaction: (e) => {
-        // 请求发送前添加用户信息,修改transaction为title
-        const spans = e.spans;
-        const spanTemp = spans.find(
-          (item) => item.getSpanJSON().description == e.tags.transaction
-        );
-        if (spanTemp) {
-          e.user = JSON.parse(spanTemp.getSpanJSON().data.user);
-        } else {
-          e.user = this.getUserInfo();
-        }
-        e.transaction = spanTemp
-          ? spanTemp.getSpanJSON().description
-          : document.title;
-        return e;
-      },
-      // 任何请求都会调用的函数，处理请求status_code不是200时，或者code=1,自定义上报错误信息
-      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',
-      showError: false
-    }).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 {
-  install(Vue, options) {
-    const sentry = new Sentry(Object.assign({
-      Vue
-    }, options))
-    Vue.prototype.$sentry = sentry
-  }
-}
-