306 lines
10 KiB
JavaScript
306 lines
10 KiB
JavaScript
|
"use strict";
|
|||
|
|
var __defProp = Object.defineProperty;
|
|||
|
|
var __defProps = Object.defineProperties;
|
|||
|
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|||
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|||
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|||
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|||
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|||
|
|
var __spreadValues = (a, b) => {
|
|||
|
|
for (var prop in b || (b = {}))
|
|||
|
|
if (__hasOwnProp.call(b, prop))
|
|||
|
|
__defNormalProp(a, prop, b[prop]);
|
|||
|
|
if (__getOwnPropSymbols)
|
|||
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
|||
|
|
if (__propIsEnum.call(b, prop))
|
|||
|
|
__defNormalProp(a, prop, b[prop]);
|
|||
|
|
}
|
|||
|
|
return a;
|
|||
|
|
};
|
|||
|
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|||
|
|
const common_vendor = require("../../../common/vendor.js");
|
|||
|
|
const tmui_tool_lib_tmpinia = require("../../tool/lib/tmpinia.js");
|
|||
|
|
const tmui_tool_lib_minxs = require("../../tool/lib/minxs.js");
|
|||
|
|
const tmui_tool_useFun_useTheme = require("../../tool/useFun/useTheme.js");
|
|||
|
|
const tmui_tool_useFun_useWindowInfo = require("../../tool/useFun/useWindowInfo.js");
|
|||
|
|
require("../../tool/theme/theme.js");
|
|||
|
|
require("../../tool/theme/colortool.js");
|
|||
|
|
require("../../tool/lib/interface.js");
|
|||
|
|
require("../../tool/function/util.js");
|
|||
|
|
require("../../tool/function/preview.js");
|
|||
|
|
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
|
|
__name: "tm-app",
|
|||
|
|
props: __spreadProps(__spreadValues({}, tmui_tool_lib_minxs.custom_props), {
|
|||
|
|
/**
|
|||
|
|
* 是否透明背景
|
|||
|
|
*/
|
|||
|
|
transprent: {
|
|||
|
|
type: [Boolean, String],
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 是否透明背景,等同transprent,因单词拼写错误，现在写一个正确的。
|
|||
|
|
*/
|
|||
|
|
transparent: {
|
|||
|
|
type: [Boolean, String],
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
//整体的主题色调同全局色一样。
|
|||
|
|
/**暂时不可用 */
|
|||
|
|
theme: {
|
|||
|
|
type: String,
|
|||
|
|
default: "grey-5"
|
|||
|
|
},
|
|||
|
|
bgImg: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
/** 背景层div的样式 */
|
|||
|
|
bgStyle: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
//应用的背景颜色。
|
|||
|
|
color: {
|
|||
|
|
type: String,
|
|||
|
|
default: "grey-4"
|
|||
|
|
},
|
|||
|
|
/**自定义暗黑的背景，你也可以通过全局配置 */
|
|||
|
|
darkColor: {
|
|||
|
|
type: String,
|
|||
|
|
default: "#050505"
|
|||
|
|
},
|
|||
|
|
/**是否模糊背景，暂时不可用 */
|
|||
|
|
blur: {
|
|||
|
|
type: [Boolean, String],
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
/**这是一个淘汰的属性，请在pages.json中配置即可，会自动读取。而不需要在这里设置 */
|
|||
|
|
navbar: {
|
|||
|
|
type: Object,
|
|||
|
|
default: () => {
|
|||
|
|
return {
|
|||
|
|
background: "",
|
|||
|
|
fontColor: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
/**是否自动修改系统自带的navbar的主题。 */
|
|||
|
|
navbarDarkAuto: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true
|
|||
|
|
}
|
|||
|
|
}),
|
|||
|
|
setup(__props, { expose }) {
|
|||
|
|
const props = __props;
|
|||
|
|
const store = tmui_tool_lib_tmpinia.useTmpiniaStore();
|
|||
|
|
const tmcfg = common_vendor.computed(() => store.tmStore);
|
|||
|
|
const isSetThemeOk = common_vendor.ref(false);
|
|||
|
|
const {
|
|||
|
|
dark,
|
|||
|
|
isNvue,
|
|||
|
|
customCSSStyle,
|
|||
|
|
customClass,
|
|||
|
|
parentClass,
|
|||
|
|
transparent,
|
|||
|
|
_props,
|
|||
|
|
proxy,
|
|||
|
|
blur,
|
|||
|
|
round,
|
|||
|
|
margin,
|
|||
|
|
padding,
|
|||
|
|
theme
|
|||
|
|
} = tmui_tool_useFun_useTheme.useTheme(common_vendor.computed(() => props), tmcfg);
|
|||
|
|
const tmcomputed = theme();
|
|||
|
|
let isTabbarPage = false;
|
|||
|
|
let nowPage = getCurrentPages().pop();
|
|||
|
|
const _bgStyle = common_vendor.computed(() => props.bgStyle);
|
|||
|
|
let winSize = tmui_tool_useFun_useWindowInfo.useWindowInfo();
|
|||
|
|
let appConfig = common_vendor.ref({
|
|||
|
|
width: winSize.width,
|
|||
|
|
height: winSize.height,
|
|||
|
|
theme: tmcomputed.value.backgroundColor,
|
|||
|
|
bgImg: props.bgImg,
|
|||
|
|
dark: dark.value
|
|||
|
|
});
|
|||
|
|
common_vendor.onLoad((opts) => {
|
|||
|
|
var _a, _b;
|
|||
|
|
try {
|
|||
|
|
(_b = store.tmuiConfig.router) == null ? void 0 : _b.useTmRouterAfter({
|
|||
|
|
path: (_a = nowPage == null ? void 0 : nowPage.route) != null ? _a : "",
|
|||
|
|
opts,
|
|||
|
|
context: proxy != null ? proxy : null
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
common_vendor.onMounted(() => {
|
|||
|
|
_onInit();
|
|||
|
|
});
|
|||
|
|
function _onInit() {
|
|||
|
|
var _a, _b;
|
|||
|
|
let barLit = (_b = (_a = common_vendor.index.$tm.tabBar) == null ? void 0 : _a.list) != null ? _b : [];
|
|||
|
|
for (let i = 0; i < barLit.length; i++) {
|
|||
|
|
if ((nowPage == null ? void 0 : nowPage.route) == barLit[i].pagePath) {
|
|||
|
|
isTabbarPage = true;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (store.tmuiConfig.autoDark) {
|
|||
|
|
osChangeTheme(common_vendor.index.getSystemInfoSync().osTheme);
|
|||
|
|
} else {
|
|||
|
|
setAppStyle();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
common_vendor.watch([() => tmcfg.value.color, dark], () => {
|
|||
|
|
isSetThemeOk.value = false;
|
|||
|
|
setAppStyle();
|
|||
|
|
});
|
|||
|
|
common_vendor.watch([() => props.color], () => {
|
|||
|
|
appConfig.value.theme = tmcomputed.value.backgroundColor;
|
|||
|
|
});
|
|||
|
|
function setAppStyle() {
|
|||
|
|
var _a, _b, _c;
|
|||
|
|
if (dark.value) {
|
|||
|
|
appConfig.value.theme = ((_c = (_b = (_a = store.tmuiConfig) == null ? void 0 : _a.themeConfig) == null ? void 0 : _b.dark) == null ? void 0 : _c.bodyColor) || props.darkColor;
|
|||
|
|
} else {
|
|||
|
|
appConfig.value.theme = tmcomputed.value.backgroundColor;
|
|||
|
|
}
|
|||
|
|
common_vendor.index.setBackgroundColor({
|
|||
|
|
backgroundColor: appConfig.value.theme,
|
|||
|
|
backgroundColorBottom: appConfig.value.theme,
|
|||
|
|
backgroundColorTop: appConfig.value.theme
|
|||
|
|
}).catch((error) => {
|
|||
|
|
});
|
|||
|
|
if (dark.value) {
|
|||
|
|
try {
|
|||
|
|
if (!common_vendor.index.$tm.isOpenDarkModel && props.navbarDarkAuto) {
|
|||
|
|
common_vendor.index.setNavigationBarColor({
|
|||
|
|
backgroundColor: "#000000",
|
|||
|
|
frontColor: "#ffffff"
|
|||
|
|
}).catch((error) => {
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
}
|
|||
|
|
if (isTabbarPage) {
|
|||
|
|
if (common_vendor.index.$tm.tabBar.selectedColor.indexOf("@") == -1) {
|
|||
|
|
common_vendor.index.setTabBarStyle({
|
|||
|
|
backgroundColor: "#141415",
|
|||
|
|
borderStyle: "black",
|
|||
|
|
color: "#ffffff",
|
|||
|
|
selectedColor: common_vendor.index.$tm.tabBar.selectedColor || tmcomputed.value.textColor
|
|||
|
|
}).catch((error) => {
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
try {
|
|||
|
|
let nowPageConfigs = common_vendor.index.$tm.pages.filter((el) => el.path == (nowPage == null ? void 0 : nowPage.route));
|
|||
|
|
if (nowPageConfigs.length > 0 && !props.navbar.background) {
|
|||
|
|
if (nowPageConfigs[0].navigationBarTextStyle.indexOf("@") > -1)
|
|||
|
|
return;
|
|||
|
|
let tcolor = nowPageConfigs[0].navigationBarTextStyle;
|
|||
|
|
tcolor = tcolor.toLocaleLowerCase();
|
|||
|
|
tcolor = tcolor == "black" ? "#000000" : tcolor;
|
|||
|
|
tcolor = tcolor == "white" ? "#ffffff" : tcolor;
|
|||
|
|
if (props.navbarDarkAuto) {
|
|||
|
|
common_vendor.index.setNavigationBarColor({
|
|||
|
|
backgroundColor: nowPageConfigs[0].navigationBarBackgroundColor,
|
|||
|
|
frontColor: tcolor
|
|||
|
|
}).catch((error) => {
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
common_vendor.index.setStorageSync(
|
|||
|
|
"tmuiNavStyle",
|
|||
|
|
JSON.stringify({
|
|||
|
|
navbarBackground: nowPageConfigs[0].navigationBarBackgroundColor,
|
|||
|
|
navbarFontColor: tcolor
|
|||
|
|
})
|
|||
|
|
);
|
|||
|
|
} else if (!common_vendor.index.$tm.isOpenDarkModel) {
|
|||
|
|
if (props.navbarDarkAuto) {
|
|||
|
|
common_vendor.index.setNavigationBarColor({
|
|||
|
|
backgroundColor: props.navbar.background,
|
|||
|
|
frontColor: props.navbar.fontColor
|
|||
|
|
}).catch((error) => {
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
common_vendor.index.setStorageSync(
|
|||
|
|
"tmuiNavStyle",
|
|||
|
|
JSON.stringify({
|
|||
|
|
navbarBackground: props.navbar.background,
|
|||
|
|
navbarFontColor: props.navbar.fontColor
|
|||
|
|
})
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
if (isTabbarPage && !common_vendor.index.$tm.isOpenDarkModel) {
|
|||
|
|
common_vendor.index.setTabBarStyle({
|
|||
|
|
backgroundColor: common_vendor.index.$tm.tabBar.backgroundColor || props.navbar.background,
|
|||
|
|
borderStyle: common_vendor.index.$tm.tabBar.borderStyle || "white",
|
|||
|
|
color: common_vendor.index.$tm.tabBar.color || props.navbar.fontColor,
|
|||
|
|
selectedColor: common_vendor.index.$tm.tabBar.selectedColor || tmcomputed.value.textColor
|
|||
|
|
}).catch((error) => {
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
isSetThemeOk.value = true;
|
|||
|
|
}
|
|||
|
|
function setTheme(colorName) {
|
|||
|
|
store.setTmVuetifyTheme(colorName);
|
|||
|
|
}
|
|||
|
|
function setDark(darks) {
|
|||
|
|
let maindark = !dark.value;
|
|||
|
|
if (typeof darks !== "undefined" && typeof darks == "boolean") {
|
|||
|
|
maindark = darks;
|
|||
|
|
}
|
|||
|
|
appConfig.value.dark = maindark;
|
|||
|
|
store.setTmVuetifyDark(maindark);
|
|||
|
|
setAppStyle();
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
common_vendor.index.onThemeChange((ev) => {
|
|||
|
|
osChangeTheme(ev.theme);
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
console.warn("没有主题切换功能：", error);
|
|||
|
|
}
|
|||
|
|
function osChangeTheme(ev) {
|
|||
|
|
if (!store.tmuiConfig.autoDark)
|
|||
|
|
return;
|
|||
|
|
if (ev === "light") {
|
|||
|
|
setDark(false);
|
|||
|
|
} else if (ev === "dark") {
|
|||
|
|
setDark(true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
common_vendor.provide(
|
|||
|
|
"appTextColor",
|
|||
|
|
common_vendor.computed(() => tmcomputed.value.textColor)
|
|||
|
|
);
|
|||
|
|
common_vendor.provide("custom_space_size", [0, 0]);
|
|||
|
|
expose({
|
|||
|
|
setTheme,
|
|||
|
|
setDark
|
|||
|
|
});
|
|||
|
|
return (_ctx, _cache) => {
|
|||
|
|
return {
|
|||
|
|
a: common_vendor.s(common_vendor.unref(appConfig).theme ? {
|
|||
|
|
background: common_vendor.unref(transparent) ? "" : common_vendor.unref(appConfig).theme
|
|||
|
|
} : ""),
|
|||
|
|
b: common_vendor.s(common_vendor.unref(_props).bgImg ? {
|
|||
|
|
backgroundImage: `url(${common_vendor.unref(_props).bgImg})`
|
|||
|
|
} : ""),
|
|||
|
|
c: common_vendor.s(common_vendor.unref(_bgStyle))
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-690d8382"], ["__file", "D:/WebstormProjects/uni-ticket-system/src/tmui/components/tm-app/tm-app.vue"]]);
|
|||
|
|
wx.createComponent(Component);
|