ZF sun
c01a026149
1. 修改全局配置的多语言刷新逻辑，新增参数控制全量刷新时机 2. 为主题颜色生成添加缓存，避免重复遍历主题对象计算CSS变量 3. 从本地存储初始化主题配置，持久化主题状态
247 lines
6.7 KiB
JavaScript
247 lines
6.7 KiB
JavaScript
// 内部 helper：获取当前页面实例
|
||
const _getCurrentPage = () => {
|
||
const pages = getCurrentPages();
|
||
return pages.length === 0 ? null : pages[pages.length - 1];
|
||
};
|
||
|
||
// 内部 helper：获取当前页面路由（统一提取 route 或 $page.path）
|
||
const _getCurrentRoute = (currentPage) => {
|
||
if (!currentPage) return '';
|
||
if (currentPage.route) return currentPage.route;
|
||
if (currentPage.$page && currentPage.$page.path) return currentPage.$page.path;
|
||
return '';
|
||
};
|
||
|
||
// 内部 helper：判断 tabBarList 是否已加载且有 list 配置
|
||
const _isValidTabBarList = (tabBarList) => {
|
||
return tabBarList && tabBarList.list;
|
||
};
|
||
|
||
// 内部 helper：规范化路由：无前导斜杠时补全
|
||
const _normalizeLeadingSlash = (route) => {
|
||
if (!route) return route;
|
||
return route.startsWith('/') ? route : '/' + route;
|
||
};
|
||
|
||
// 内部 helper：通过 $util 方法的安全调用
|
||
const _callUtil = (vm, method, ...args) => {
|
||
if (vm.$util && vm.$util[method]) {
|
||
return vm.$util[method](...args);
|
||
}
|
||
return null;
|
||
};
|
||
|
||
export default {
|
||
onLoad() { },
|
||
onShow() {
|
||
// 刷新多语言(仅刷新标题,不触发全页面 $forceUpdate)
|
||
// 全量刷新仅在语言包真正变化时由 lang.js emitUpdated 触发
|
||
this.$langConfig.refresh(false);
|
||
|
||
// TabBar 根页面时隐藏系统导航栏的返回按钮
|
||
// （uni-app 的系统导航栏在通过 navigateTo 跳转到 tab 页时可能残留返回键）
|
||
const tabBarList = this.$store.state.tabBarList;
|
||
if (!_isValidTabBarList(tabBarList)) return;
|
||
const currentRoute = _getCurrentRoute(_getCurrentPage());
|
||
if (!currentRoute) return;
|
||
const isRoot = _callUtil(this, 'isTabBarRootPage', currentRoute, tabBarList) || false;
|
||
if (isRoot) {
|
||
// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO || MP-QQ || MP-ALIPAY
|
||
try { uni.hideHomeButton(); } catch (e) { /* 兼容 */ }
|
||
// #endif
|
||
}
|
||
},
|
||
computed: {
|
||
// 是否是英文环境
|
||
isEnEnv() {
|
||
return this.$langConfig.getCurrentLocale() === 'en-us';
|
||
},
|
||
// 动态判断：当前页面是否是 TabBar 根页面（tab 根页不应显示返回按钮）
|
||
isTabRootPage() {
|
||
const tabBarList = this.$store.state.tabBarList;
|
||
if (!_isValidTabBarList(tabBarList)) return false;
|
||
const currentRoute = _getCurrentRoute(_getCurrentPage());
|
||
if (!currentRoute) return false;
|
||
return _callUtil(this, 'isTabBarRootPage', currentRoute, tabBarList) || false;
|
||
},
|
||
themeStyle() {
|
||
return this.$store.state.themeStyle;
|
||
},
|
||
themeColor() {
|
||
return this.$store.state.themeColor;
|
||
},
|
||
// 插件是否存在
|
||
addonIsExist() {
|
||
return this.$store.state.addonIsExist;
|
||
},
|
||
tabBarList() {
|
||
return this.$store.state.tabBarList;
|
||
},
|
||
shouldShowTabBar() {
|
||
const tabBarList = this.$store.state.tabBarList;
|
||
if (!_isValidTabBarList(tabBarList)) return false;
|
||
const mode = tabBarList.page_visibility_mode;
|
||
const routeList = tabBarList.page_routes || [];
|
||
if (!mode || mode === 'all') return true;
|
||
if (mode === 'none') return false;
|
||
const currentPage = _getCurrentPage();
|
||
if (!currentPage) return true;
|
||
const currentRoute = _normalizeLeadingSlash(_getCurrentRoute(currentPage));
|
||
if (!currentRoute) return true;
|
||
const inList = _callUtil(this, 'isPageInRouteList', currentRoute, routeList) || false;
|
||
if (mode === 'whitelist') return inList;
|
||
if (mode === 'blacklist') return !inList;
|
||
return true;
|
||
},
|
||
tabBarPagePaddingStyle() {
|
||
return this.$util.objToStyle({
|
||
height: `calc(100vh - ${this.tabBarHeight})`,
|
||
paddingBottom: this.tabBarHeight
|
||
});
|
||
},
|
||
siteInfo() {
|
||
return this.$store.state.siteInfo;
|
||
},
|
||
memberInfo() {
|
||
return this.$store.state.memberInfo;
|
||
},
|
||
storeToken() {
|
||
return this.$store.state.token;
|
||
},
|
||
bottomNavHidden() {
|
||
return this.$store.state.bottomNavHidden;
|
||
},
|
||
globalStoreConfig() {
|
||
return this.$store.state.globalStoreConfig;
|
||
},
|
||
globalStoreInfo() {
|
||
return this.$store.state.globalStoreInfo;
|
||
},
|
||
// 定位信息
|
||
location() {
|
||
return this.$store.state.location;
|
||
},
|
||
// 定位信息（缓存）
|
||
locationStorage() {
|
||
let data = uni.getStorageSync('location');
|
||
if (data) {
|
||
var date = new Date();
|
||
if (this.mapConfig.wap_valid_time > 0) {
|
||
data.is_expired = (date.getTime() / 1000) > data.valid_time; // 是否过期
|
||
} else {
|
||
data.is_expired = false;
|
||
}
|
||
}
|
||
return data;
|
||
},
|
||
// 默认总店（定位失败后使用）
|
||
defaultStoreInfo() {
|
||
return this.$store.state.defaultStoreInfo;
|
||
},
|
||
// 组件刷新计数
|
||
componentRefresh() {
|
||
return this.$store.state.componentRefresh;
|
||
},
|
||
// AI客服配置
|
||
globalAIKefuConfig() {
|
||
return this.$store.state.globalAIKefuConfig;
|
||
},
|
||
// 客服配置
|
||
servicerConfig() {
|
||
return this.$store.state.servicerConfig;
|
||
},
|
||
// 企业微信配置
|
||
wxworkConfig() {
|
||
return this.$store.state.wxworkConfig;
|
||
},
|
||
diySeckillInterval() {
|
||
return this.$store.state.diySeckillInterval;
|
||
},
|
||
tabBarHeight() {
|
||
return this.shouldShowTabBar ? this.$store.state.tabBarHeight : '0rpx';
|
||
},
|
||
mapConfig() {
|
||
return this.$store.state.mapConfig;
|
||
},
|
||
copyright() {
|
||
let copyright = this.$store.state.copyright;
|
||
// 判断是否授权
|
||
if (copyright && !copyright.auth) {
|
||
copyright.logo = '';
|
||
copyright.copyright_link = '';
|
||
}
|
||
return copyright;
|
||
},
|
||
cartList() {
|
||
return this.$store.state.cartList;
|
||
},
|
||
cartIds() {
|
||
return this.$store.state.cartIds;
|
||
},
|
||
cartNumber() {
|
||
return this.$store.state.cartNumber;
|
||
},
|
||
cartMoney() {
|
||
return this.$store.state.cartMoney;
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
// 颜色变浅（>0）、变深函数（<0）
|
||
lightenDarkenColor(color, amount) {
|
||
|
||
var usePound = false;
|
||
|
||
if (color[0] == "#") {
|
||
color = color.slice(1);
|
||
usePound = true;
|
||
}
|
||
|
||
var num = parseInt(color, 16);
|
||
|
||
var r = (num >> 16) + amount;
|
||
|
||
if (r > 255) r = 255;
|
||
else if (r < 0) r = 0;
|
||
|
||
var b = ((num >> 8) & 0x00FF) + amount;
|
||
|
||
if (b > 255) b = 255;
|
||
else if (b < 0) b = 0;
|
||
|
||
var g = (num & 0x0000FF) + amount;
|
||
|
||
if (g > 255) g = 255;
|
||
else if (g < 0) g = 0;
|
||
|
||
return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
|
||
|
||
},
|
||
/**
|
||
* 切换门店
|
||
* @param {Object} info 门店信息
|
||
* @param {Object} isJump 是否跳转到首页
|
||
*/
|
||
changeStore(info, isJump) {
|
||
if (info) {
|
||
this.$store.commit('setGlobalStoreInfo', info);
|
||
}
|
||
let route = this.$util.getCurrRoute();
|
||
if (isJump && route != 'pages/index/index') {
|
||
uni.setStorageSync('manual_change_store', true); // 手动切换门店
|
||
this.$store.dispatch('getCartNumber'); //重新获取购物车数据
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
},
|
||
filters: {
|
||
/**
|
||
* 金额格式化输出
|
||
* @param {Object} money
|
||
*/
|
||
moneyFormat(money) {
|
||
if (isNaN(parseFloat(money))) return money;
|
||
return parseFloat(money).toFixed(2);
|
||
}
|
||
}
|
||
} |