chore(ui): 升级基础库

app/web/component/layout/activity/index.ts

@@ -31,7 +31,7 @@ if (EASY_ENV_IS_BROWSER) {
   const fromHost = getParameterByName('fromHost', window.location.href);
   if (isSafari.test(navigator.userAgent) && fromHost?.indexOf('xc.bmall') === -1 && fromHost?.indexOf('tob') === -1) {
     window.onpageshow = function(e) {
-      if (e.persisted || (window.performance && window.performance.navigation.type == 2)) {
+      if (e.persisted || (window.performance && window.performance.navigation.type === 2)) {
         window.location.reload();
       }
     };

app/web/page/activity/view/activity/index.ts

@@ -78,7 +78,14 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
   mounted() {
     this.targetEle = document.querySelector('body');
     this.showBackTop = true;
-    isApp && setAppTitleColor(this.pageData.props.titleBgColor);
+    if (EASY_ENV_IS_BROWSER) {
+      this.pageVisibilityChange();
+    }
+    if (isApp) {
+      this.$nextTick(() => {
+        setAppTitleColor(this.pageData.props.titleBgColor);
+      });
+    }
   }
   fetchApi(options) {
     const { store, route } = options;
@@ -121,7 +128,27 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
   hideBottomBtns(state) {
     this.showBackTop = state;
   }
-
+  pageVisibilityChange() {
+    let hidden = 'hidden';
+    let visibilityChange = 'visibilitychange';
+    if (typeof document.hidden !== 'undefined') {
+      hidden = 'hidden';
+      visibilityChange = 'visibilitychange';
+    } else if (typeof document.webkitHidden !== 'undefined') {
+      hidden = 'webkitHidden';
+      visibilityChange = 'webkitvisibilitychange';
+    }
+    window.addEventListener(visibilityChange, () => {
+      this.handleChange(document[hidden]);
+    }, false);
+  }
+  handleChange(state) {
+    if (!state) {
+      if (isApp) {
+        setAppTitleColor(this.pageData.props.titleBgColor);
+      }
+    }
+  }
   modfiTabsStyle() {
     const tabsEle = document.querySelector('.tabs');
     // console.log('tabsEle', tabsEle);

app/web/service/utils.service.ts

@@ -162,69 +162,3 @@ export const throttle = (event, time) => {
     }
   }
 }
-
-// RGB转HEX
-export function rgbToHex(r, g, b) {
-  const hex = ((r << 16) | (g << 8) | b).toString(16);
-  return "#" + new Array(Math.abs(hex.length - 7)).join("0") + hex;
-}
-// HEX转RGB
-export function hexToRgb(hex) {
-  var rgb = [];
-  for (let i = 1; i < 7; i += 2) {
-    rgb.push(parseInt("0x" + hex.slice(i, i + 2)));
-  }
-  return rgb;
-}
-// 计算RGB渐变色色值
-export function gradient(startColor, endColor, step) {
-  // 将 hex 转换为rgb
-  let sColor = hexToRgb(startColor);
-  let eColor = hexToRgb(endColor);
-
-  // 计算R\G\B每一步的差值
-  let rStep = (eColor[0] - sColor[0]) / step;
-  let gStep = (eColor[1] - sColor[1]) / step;
-  let bStep = (eColor[2] - sColor[2]) / step;
-
-  let gradientColorArr = [];
-  for (let i = 0; i < step; i++) {
-    // 计算每一步的hex值
-    gradientColorArr.push(
-      rgbToHex(
-        parseInt(rStep * i + sColor[0]),
-        parseInt(gStep * i + sColor[1]),
-        parseInt(bStep * i + sColor[2])
-      )
-    );
-  }
-  return gradientColorArr;
-}
-export function colorToRgb(color) {
-  // 16进制颜色值的正则
-  let reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
-  // 把颜色值变成小写
-  color = color.toLowerCase();
-  if (reg.test(color)) {
-    // 如果只有三位的值，需变成六位，如：#fff => #ffffff
-    if (color.length === 4) {
-      let colorNew = "#";
-      for (let i = 1; i < 4; i += 1) {
-        colorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1));
-      }
-      color = colorNew;
-    }
-    // 处理六位的颜色值，转为RGB
-    let colorChange = [];
-    for (let i = 1; i < 7; i += 2) {
-      colorChange.push(parseInt("0x" + color.slice(i, i + 2)));
-    }
-    return "RGB(" + colorChange.join(",") + ")";
-  } else {
-    return color;
-  }
-}
-// RGB TO RGBA
-export function rgbToRgba(rgb, opacity) {
-  return rgb.replace(")", `, ${opacity})`);
-}
\ No newline at end of file

config/apollo.ssr.json

 {
-  "apiHost": "https://quantum-blocks-vcc2.liangkebang.net",
-  "h5Host": "https://quantum-h5-vcc2.liangkebang.net",
-  "opapiHost": "https://opapi-vcc2.liangkebang.net",
-  "passportHost": "https://passportapi-vcc2.liangkebang.net",
-  "kdspHost": "https://talos-vcc2.liangkebang.net",
+  "apiHost": "https://quantum-blocks-test1.liangkebang.net",
+  "h5Host": "https://quantum-h5-test1.liangkebang.net",
+  "opapiHost": "https://opapi-test1.liangkebang.net",
+  "passportHost": "https://passportapi-test1.liangkebang.net",
+  "kdspHost": "https://talos-test1.liangkebang.net",
   "loginUrl": "",
-  "h5ShopHost": "https://tenet-vcc2.liangkebang.net/#",
+  "h5ShopHost": "https://tenet-test1.liangkebang.net/#",
   "qiniuUpHost": "https://up-z0.qiniup.com",
   "qiniuHost": "https://appsync.lkbang.net"
 }
\ No newline at end of file

config/config.local.ts

@@ -29,8 +29,8 @@ export default (appInfo: EggAppConfig) => {
 
   exports.redis = {
     client: {
-      port: 31565,          // Redis port
-      host: '172.17.5.13',   // Redis host
+      port: 32625,          // Redis port
+      host: '172.17.5.17',   // Redis host
       password: '',
       db: 0
     }

package-lock.json

@@ -1658,9 +1658,9 @@
       }
     },
     "@qg/citrus-ui": {
-      "version": "0.2.20",
-      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.2.20.tgz",
-      "integrity": "sha512-eKyAqqsUgk34ztLfnL7XyCbariEtkVv30FltCfxm/zx9QhqzFLmB54VR6/F3lOeGQveQcT/NE9hXHsC9K+QjaQ==",
+      "version": "0.2.22",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.2.22.tgz",
+      "integrity": "sha512-KPUpR/mA9+Qz15IUarqB/Hb6e4FQWrOcx0OEjJehyrAhxPC42M3f9PpCgbiIjICaL0fUBx7/LQEt0+fowEEljg==",
       "requires": {
         "@better-scroll/core": "^2.1.1",
         "@qg/cherry-ui": "^2.21.1",
@@ -20956,9 +20956,9 @@
       }
     },
     "sa-sdk-javascript": {
-      "version": "1.18.12",
-      "resolved": "http://npmprivate.quantgroups.com/sa-sdk-javascript/-/sa-sdk-javascript-1.18.12.tgz",
-      "integrity": "sha512-D4ov1/fwhYKdUoG2bvX1gjSgMY2/5oIyGH3g1dH8pTLfJB1L3dHXXTSz18u1mJ1TfbGIcgCtgVCH3kd8B7FF2Q=="
+      "version": "1.18.13",
+      "resolved": "http://npmprivate.quantgroups.com/sa-sdk-javascript/-/sa-sdk-javascript-1.18.13.tgz",
+      "integrity": "sha512-nS8OlmEnXeX/fAnjBrxjJTS6Dp3F2DfGm/XP+xpvcBXQ+GDXWL3saSCT66pRhhE2SSCZ+6WCDDLh03fMK7+PXg=="
     },
     "safe-buffer": {
       "version": "5.2.1",

package.json

@@ -24,7 +24,7 @@
     "@better-scroll/core": "^2.0.5",
     "@qg/apollo-nodejs": "^2.1.2",
     "@qg/cherry-ui": "2.21.1",
-    "@qg/citrus-ui": "0.2.20",
+    "@qg/citrus-ui": "0.2.22",
     "@qg/js-bridge": "^1.1.7",
     "babel-plugin-transform-vue-jsx": "^4.0.1",
     "cos-nodejs-sdk-v5": "^2.9.12",