1

uni_modules/tmx-ui/config/observeAppTheme.uts

@@ -0,0 +1,197 @@
+import { xProvitae, xConfig } from "./xConfig.uts"
+import { xPageStyle} from "../interface.uts"
+
+/**
+ * 获取当前缓存的暗黑主题设置。
+ */
+export function getDarkMode() : 'light' | 'dark' {
+	let dark = getOsTheme();
+	
+	let model = "light" as 'light' | 'dark'
+	if (dark == 'dark' || dark == 'light') {
+		model = dark
+	}
+
+	let customSetings = uni.getStorageSync('tmuiXuiOsThemeSet');
+	if (customSetings != null && customSetings != 'auto' && customSetings!='') {
+		let dsd = customSetings as string;
+		if (dark == 'dark' || dark == 'light') {
+			model = dsd as 'light' | 'dark'
+		}
+	}
+	
+
+	return model;
+}
+/**
+ * 是否设置过暗黑主题，即是否有缓存。
+ */
+export function isCustomTheme() : boolean {
+
+	let issettheme = false
+	let customSetings = uni.getStorageSync('tmuiXuiOsThemeSet');
+	if (customSetings != null) {
+		let str = customSetings as string;
+		if (str == 'dark' || str == 'light' || str == 'auto') {
+			issettheme = true
+		}
+	}
+	return issettheme;
+}
+
+export function getOsTheme() : 'dark' | 'light' {
+	
+	let defaultModel = 'light' as 'dark' | 'light'
+	// #ifdef WEB
+	const mq = window.matchMedia('(prefers-color-scheme: dark)');
+	
+	if (mq.matches) {
+		defaultModel = 'dark'
+	}
+	
+	// #endif
+	// #ifdef APP
+	let str = uni.getSystemInfoSync().osTheme 
+	if (str != null) {
+		defaultModel = str
+	}
+	// #endif
+	
+	return defaultModel;
+
+}
+
+export function WebObserveTheme() {
+	// #ifdef WEB
+	const mq = window.matchMedia('(prefers-color-scheme: dark)');
+	const listener = (e) => {
+		
+		let customSetings = uni.getStorageSync('tmuiXuiOsThemeSet');
+		if (customSetings != 'auto') return;
+		if (e.matches) {
+			// 系统设置了主题为暗黑
+			xConfig.dark = 'dark'
+		} else {
+			// 系统设置了主题为非暗黑
+			xConfig.dark = 'light'
+		}
+		
+		setThemeDarkModel()
+	};
+	// 添加监听器  
+	mq.onchange = listener
+	// #endif
+	// #ifdef APP
+	uni.onOsThemeChange((res : OsThemeChangeResult) => {
+		let customSetings = uni.getStorageSync('tmuiXuiOsThemeSet');
+		if (customSetings != 'auto') return;
+		xConfig.dark = res.osTheme
+		setThemeDarkModel()
+	})
+	// #endif
+}
+
+export function setThemeDarkModel(){
+	setBgBodyColor();
+}
+
+export function setBgBodyColor(){
+	let dark = xConfig.dark
+	
+	
+	// #ifdef WEB
+	
+	let pages = getCurrentPages()
+	let page = pages[pages.length-1]
+	if(!page?.$getPageStyle||!page) return;
+	let pageJson = page.$getPageStyle()
+	let newpages = {} as UTSJSONObject
+	if(!xProvitae.pageStyle.has(page.route)){
+		let oldNavbgColor = ""
+		let oldNavTxtColor = ""
+		let oldbgColor = ""
+		// #ifdef WEB
+		oldNavbgColor = pageJson.navigationBarBackgroundColor||""
+		oldNavTxtColor = pageJson.navigationBarTextStyle||""
+		//h5无法获取背景色 sdk有bug
+		oldbgColor = pageJson.backgroundColorContent||""
+		// oldbgColor = document.body.style.getPropertyValue("--background-color-content")||""
+		// #endif
+		xProvitae.pageStyle.set(page.route,{
+			path:page.route,
+			backgroundColorContent:oldbgColor==null?"":oldbgColor,
+			navigationBarBackgroundColor:oldNavbgColor==null?"":oldNavbgColor,
+			navigationBarTextStyle:oldNavTxtColor==null?"":oldNavTxtColor
+		} as xPageStyle )
+	}
+	
+	let pageStyles = xProvitae.pageStyle.get(page.route) as xPageStyle
+	
+	document.body.style.setProperty('--header-bg-color',`#ffffff`)
+	document.body.style.setProperty('--header-title-color','black')
+	let header = document.body.querySelector("style")
+
+	if(!header){
+		let cssNode = document.createElement("style")
+		cssNode.id="xTmui4.0BodyCssId"
+		cssNode.type = 'text/css'
+		cssNode.innerHTML  = ".uni-page-head{background-color:var(--header-bg-color) !important;color:var(--header-title-color) !important;}"
+		document.body.appendChild(cssNode)
+		
+	}
+	if(dark=='light'){
+		let pageBgColor = pageStyles!.backgroundColorContent==""?xConfig.backgroundColorContentLight:pageStyles!.backgroundColorContent
+		let navBgColor = pageStyles!.navigationBarBackgroundColor==""?xConfig.navigationBarBackgroundColorLight:pageStyles!.navigationBarBackgroundColor
+		let navTextColor = pageStyles!.navigationBarTextStyle==""?xConfig.navigationBarTextStyleLight:pageStyles!.navigationBarTextStyle
+		
+		pageJson.backgroundColorContent = pageBgColor
+		pageJson.navigationBarBackgroundColor = navBgColor
+		pageJson.navigationBarTextStyle = navTextColor
+		if(pageBgColor){
+			document.body.style.setProperty('background-color',pageBgColor)
+			document.body.style.setProperty('--background-color-content',pageBgColor)
+		}
+
+		document.body.style.setProperty('--header-bg-color',navBgColor)
+		document.body.style.setProperty('--header-title-color',navTextColor)
+		
+	}
+	if(dark=='dark'){
+		pageJson.backgroundColorContent = xConfig.backgroundColorContentDark
+		pageJson.navigationBarBackgroundColor = xConfig.navigationBarBackgroundColorDark
+		pageJson.navigationBarTextStyle = xConfig.navigationBarTextStyleDark
+		
+		document.body.style.setProperty('background-color',xConfig.backgroundColorContentDark)
+	
+		document.body.style.setProperty('--background-color-content',xConfig.backgroundColorContentDark)
+		document.body.style.setProperty('--header-bg-color',xConfig.navigationBarBackgroundColorDark)
+		document.body.style.setProperty('--header-title-color',xConfig.navigationBarTextStyleDark)
+	
+	}
+	
+	uni.setTabBarStyle({
+		backgroundColor:dark=='dark'?xConfig.tabarBackgroundColorDark:xConfig.tabarBackgroundColorLight,
+		borderStyle:dark=='dark'?xConfig.tabarBackgroundColorDark:xConfig.tabarBackgroundColorLight,
+		fail:(result)=>{}
+	} as SetTabBarStyleOptions)
+	uni.setNavigationBarColor({
+		frontColor:dark=='dark'?'#ffffff':'#000000',
+		backgroundColor:pageJson.navigationBarBackgroundColor
+	} as SetNavigationBarColorOptions)
+	page.$setPageStyle(newpages)
+	// #endif
+	// #ifdef APP
+	uni.setAppTheme({
+		theme:dark,
+		success(_: SetAppThemeSuccessResult){
+			// console.log(uni.getSystemInfoSync().osTheme,'****')
+		},
+		fail(result: IAppThemeFail){
+			console.log(result)
+		}
+	})
+	
+	// #endif
+
+}
+

uni_modules/tmx-ui/config/xConfig.uts

@@ -0,0 +1,358 @@
+import { getDefaultColor } from "../core/util/xCoreColorUtil.uts"
+import { TABBAR_ITEM_INFO, xPageStyle, XPRIVATECONFIG, XTABBARCONFIG, XCONFIG } from "../interface.uts"
+import { getDarkMode, isCustomTheme, WebObserveTheme, setThemeDarkModel } from "./observeAppTheme.uts"
+import { mergeI18nOpts,$i18n,createI18n} from "@/uni_modules/x-vuei18n-s/index.uts"
+import { Tmui4xI18nTml} from "@/uni_modules/x-vuei18n-s/interface.uts"
+import {Tmui4xOptions} from "@/uni_modules/tmx-ui/interface.uts"
+
+import en from "@/uni_modules/tmx-ui/localLanuage/en.json"
+import zhHans from "@/uni_modules/tmx-ui/localLanuage/zh-Hans.json"
+import zhHant from "@/uni_modules/tmx-ui/localLanuage/zh-Hant.json"
+import ko from "@/uni_modules/tmx-ui/localLanuage/ko.json"
+import ja from "@/uni_modules/tmx-ui/localLanuage/ja.json"
+/**
+ * 下方是组件的语言包，以及你自己定义的语言包与组件合并即可。共用一个实例。
+ */
+const messages : UTSJSONObject = {
+	"en":en,
+	"zh-Hans":zhHans,
+	"zh-Hant":zhHant,
+	"ko":ko,
+	"ja":ja
+}
+/**
+ * 内部组件私有
+ */
+export const xProvitae = reactive({
+	/**
+	 * 供给需要页面滚动参数时组件使用。
+	 */
+	scrollTop: -1,
+	windowInnerWidth: 0,
+	windowInnerHeight: 0,
+	windowWidth: 0,
+	windowHeight: 0,
+	pageStyle: new Map<string, xPageStyle>(),
+	pageReady:false
+
+} as XPRIVATECONFIG)
+
+
+/**
+ * x-ui配置
+ */
+export const xConfig = reactive({
+	theme:new Map<string,string>([]),
+	i18n:createI18n({messages,locale:'zh-Hans'}),
+	/** 全局的主题色 */
+	color: "#0088ff",
+	/** 主题配置,auto,dark,light */
+	dark: 'auto',
+	/** 设计基准默认是375，如果修改会影响组件的尺寸，比如你设置为414，那么假设12号最终计算过程是414/375*12=13.248px,如果你小于375则不计算。 */
+	designSize: 375,
+	/** 当屏幕宽大于或者等于667时再直接采用以375为基座，按照designSize比例来的原始尺寸，即尺寸不会变大也不会变小了 */
+	maximumCalculatedSize:667,
+	/** 设计单位px,rpx */
+	unit: 'px',
+	/** 语言 */
+	language: "zh-Hans",
+	/** 如果你使用unit为rpx时，fontScale不要去设置,如果unit为px时，可以设置此值来缩放大小。 */
+	fontScale: 1,
+	/** x-text默认的字号，如果你使用unit为rpx时，fontScale不要去设置 */
+	fontSize: "16",
+	/** 全局默认的文本x-text色 */
+	fontColor:"#1d1d1f",
+	/** 全局默认的文本x-text暗黑字体色 */
+	fontDarkColor:"#f5f5f7",
+	navigationBarTextStyleDark: "#ffffff",
+	/** 注意局部的page.json节点配置会覆盖这里 */
+	navigationBarTextStyleLight: "#000000",
+
+	navigationBarBackgroundColorDark: "#000000",
+	/** 注意局部的page.json节点配置会覆盖这里 */
+	navigationBarBackgroundColorLight: "#f5f5f5",
+
+	backgroundColorContentDark: "#000000",
+	/** 注意局部的page.json节点配置会覆盖这里 */
+	backgroundColorContentLight: "#f5f5f5",
+
+	tabarBackgroundColorDark: "#0a0a0a",
+	tabarBackgroundColorLight: "#FFFFFF",
+
+
+	/** 一般容器sheet的暗黑背景 */
+	sheetDarkColor: '#141414',
+	sheetDarkBorderColor: ["#232323"],
+
+	/** 输入框暗黑背景 */
+	inputDarkColor: '#1E1E1F',
+	/** 输入框默认的亮系背景色方便统一设计稿 */
+	inputBgColor: '#f2f2f7',
+	/** 输入框默认的统一提示placeholderStyle方便统一设计稿 */
+	placeholderStyle: 'color:#aeaeb2',
+	borderDarkColor: '#1c1c1c',
+	
+	/** l输入框的圆角 */
+	inputRadius: "12",
+	inputFocusBorder:[],
+	/** 按钮的圆角 */
+	buttonRadius: "12",
+	/** 统一的标签圆角 */
+	tagRadius: "5",
+	/** 列表cell组件为card时的圆角 */
+	cellRadius: "12",
+	/** 列表为cellCard组件时的边距 */
+	cellMargin:['12px','0','12px','6px'],
+
+	/** 容器的全局圆角 */
+	sheetRadius: ["12"],
+	/** 容器的全局间隙 */
+	sheetMargin: ["14", "0", "14", "14"],
+	/** 容器的全局内间隙 */
+	sheetPadding: ["14"],
+	/**
+	 * 影响：
+	 * 抽屉打开方向为上和下时的圆角
+	 * 浮动面板
+	 * 动作菜单
+	 * */
+	drawerRadius: "26",
+	/** 对话框modal的圆角 */
+	modalRadius: "18",
+	/** 开关的圆角 */
+	switchRadius: "32",
+	/**进度条的圆角 */
+	progressRadius: "32",
+	/** 未选中时的颜色 */
+	unRadioAndCheckBoxColor: "#aeaeb2",
+	/** 单选按钮组的圆角 */
+	radioButtonRadius: "12",
+	/** 弹窗，弹层，对话框等等所有的动画类型。 */
+	animationFun: 'cubic-bezier(.42,.38,.15,.93)',
+	/** 卡片的圆角 */
+	cardRound: '12',
+	closeIcon:"close-circle-fill"
+
+} as XCONFIG)
+
+/**
+ * 获取当前的主题配色。
+ */
+export const getThemePrimary = () : string => {
+	return getDefaultColor(xConfig.color) as string
+}
+/**
+ * 设置全局主题色
+ */
+export const setThemePrimary = (scolor : string) : string => {
+	xConfig.color = getDefaultColor(scolor)
+	return xConfig.color as string
+}
+
+/**
+ * 设置暗黑主题配置
+ * @param {string} value - auto,dark,light
+ */
+export const setDarkModel = (value : 'dark' | 'auto' | 'light') => {
+	uni.setStorageSync('tmuiXuiOsThemeSet', value)
+	let darkmodl = getDarkMode();
+	xConfig.dark = darkmodl
+	setThemeDarkModel();
+}
+/**
+ * 获取当前的主题
+ */
+export const getDarkModel = () : 'dark' | 'auto' | 'light' => {
+	let darkmodl = uni.getStorageSync('tmuiXuiOsThemeSet');
+	let m = darkmodl == null ? 'dark' : darkmodl
+	return m as 'dark' | 'auto' | 'light'
+}
+
+
+/**
+ * 全局的tabbar配置。
+ */
+export const xTabbarConfig = reactive({
+	tabbarActiveIndex: 0,
+	tabaarHeight:60,
+	list: [] as TABBAR_ITEM_INFO[]
+} as XTABBARCONFIG)
+
+/**
+ * 处理xConfig配置表
+ */
+export const setConfig = (configs:Tmui4xOptions|null)=>{
+	let localLang = uni.getStorageSync("language") as string|null;
+	if(configs != null && configs?.i18nOptions != null){
+		let opts = configs.i18nOptions;
+		xConfig.i18n = createI18n(opts)
+	}
+	if(configs != null && configs?.config != null){
+		const config = configs.config
+		let cfg = config! as UTSJSONObject
+		if(cfg.getString('color')!=null&&cfg.getString('color')!=''){
+			xConfig.color = cfg.getString('color')!
+			
+		}
+		
+		if(cfg.getAny('theme')!=null){
+			let theme = cfg.getAny('theme')! as Map<string,string>
+			xConfig.theme = theme
+		}
+		if(cfg.getString('dark')!=null&&cfg.getString('dark')!=''){
+			xConfig.dark = cfg.getString('dark')! as "auto" | "dark" | "light"
+			setDarkModel(xConfig.dark)
+		}
+		if(cfg.getNumber('designSize')!=null){
+			xConfig.designSize = cfg.getNumber('designSize')!
+		}
+		if(cfg.getNumber('maximumCalculatedSize')!=null){
+			xConfig.maximumCalculatedSize = cfg.getNumber('maximumCalculatedSize')!
+		}
+		
+		if(cfg.getString('unit')!=null&&cfg.getString('unit')!=''){
+			xConfig.unit = cfg.getString('unit')! as "px"|"rpx"
+		}
+		
+		if(cfg.getString('language')!=null&&cfg.getString('language')!=''){
+			
+			if(localLang=='' || localLang == null){
+				xConfig.language = cfg.getString('language')!
+				xConfig.i18n.setLocale(xConfig.language )
+			}else{
+				xConfig.language = localLang!
+				xConfig.i18n.setLocale(localLang!)
+			}
+		}
+		
+		if(cfg.getString('language')==null||cfg.getString('language')==''){
+			if(localLang!=''&& typeof localLang == 'string'){
+				xConfig.language = localLang!
+				xConfig.i18n.setLocale(localLang!)
+			}
+		}
+		
+		
+		
+		if(cfg.getNumber('fontScale')!=null){
+			xConfig.fontScale = cfg.getNumber('fontScale')!
+		}
+		if(cfg.getString('fontSize')!=null&&cfg.getString('fontSize')!=''){
+			xConfig.fontSize = cfg.getString('fontSize')!
+		}
+		
+		if(cfg.getString('navigationBarTextStyleDark')!=null){
+			xConfig.navigationBarTextStyleDark = cfg.getString('navigationBarTextStyleDark')!
+		}
+		if(cfg.getString('navigationBarTextStyleLight')!=null){
+			xConfig.navigationBarTextStyleLight = cfg.getString('navigationBarTextStyleLight')!
+		}
+		if(cfg.getString('navigationBarBackgroundColorDark')!=null){
+			xConfig.navigationBarBackgroundColorDark = cfg.getString('navigationBarBackgroundColorDark')!
+		}
+		if(cfg.getString('navigationBarBackgroundColorLight')!=null){
+			xConfig.navigationBarBackgroundColorLight = cfg.getString('navigationBarBackgroundColorLight')!
+		}
+		if(cfg.getString('backgroundColorContentDark')!=null){
+			xConfig.backgroundColorContentDark = cfg.getString('backgroundColorContentDark')!
+		}
+		if(cfg.getString('backgroundColorContentLight')!=null){
+			xConfig.backgroundColorContentLight = cfg.getString('backgroundColorContentLight')!
+		}
+		if(cfg.getString('tabarBackgroundColorDark')!=null){
+			xConfig.tabarBackgroundColorDark = cfg.getString('tabarBackgroundColorDark')!
+		}
+		if(cfg.getString('tabarBackgroundColorLight')!=null){
+			xConfig.tabarBackgroundColorLight = cfg.getString('tabarBackgroundColorLight')!
+		}
+		if(cfg.getString('sheetDarkColor')!=null){
+			xConfig.sheetDarkColor = cfg.getString('sheetDarkColor')!
+		}
+		if(cfg.getString('fontColor')!=null){
+			xConfig.fontColor = cfg.getString('fontColor')!
+		}
+		if(cfg.getString('fontDarkColor')!=null){
+			xConfig.fontDarkColor = cfg.getString('fontDarkColor')!
+		}
+	
+		if(cfg.getArray<string>('sheetDarkBorderColor')!=null){
+			xConfig.sheetDarkBorderColor = cfg.getArray<string>('sheetDarkBorderColor')!
+		}
+		if(cfg.getString('inputDarkColor')!=null){
+			xConfig.inputDarkColor = cfg.getString('inputDarkColor')!
+		}
+		if(cfg.getString('sheetDarkColor')!=null){
+			xConfig.borderDarkColor = cfg.getString('borderDarkColor')!
+		}
+		if(cfg.getString('inputRadius')!=null){
+			xConfig.inputRadius = cfg.getString('inputRadius')!
+		}
+		if(cfg.getArray<string>('inputFocusBorder')!=null){
+			xConfig.inputFocusBorder = cfg.getArray<string>('inputFocusBorder')!
+		}
+		
+		if(cfg.getString('buttonRadius')!=null){
+			xConfig.buttonRadius = cfg.getString('buttonRadius')!
+		}
+		if(cfg.getString('tagRadius')!=null){
+			xConfig.tagRadius = cfg.getString('tagRadius')!
+		}
+		if(cfg.getString('cellRadius')!=null){
+			xConfig.cellRadius = cfg.getString('cellRadius')!
+		}
+		
+		if(cfg.getArray<string>('sheetRadius')!=null){
+			xConfig.sheetRadius = cfg.getArray<string>('sheetRadius')!
+		}
+		if(cfg.getArray<string>('sheetMargin')!=null){
+			xConfig.sheetMargin = cfg.getArray<string>('sheetMargin')!
+		}
+		if(cfg.getArray<string>('sheetPadding')!=null){
+			xConfig.sheetPadding = cfg.getArray<string>('sheetPadding')!
+		}
+		
+		
+		if(cfg.getString('drawerRadius')!=null){
+			xConfig.drawerRadius = cfg.getString('drawerRadius')!
+		}
+		if(cfg.getString('modalRadius')!=null){
+			xConfig.modalRadius = cfg.getString('modalRadius')!
+		}
+		if(cfg.getString('switchRadius')!=null){
+			xConfig.switchRadius = cfg.getString('switchRadius')!
+		}
+		if(cfg.getString('progressRadius')!=null){
+			xConfig.progressRadius = cfg.getString('progressRadius')!
+		}
+		if(cfg.getString('unRadioAndCheckBoxColor')!=null){
+			xConfig.unRadioAndCheckBoxColor = cfg.getString('unRadioAndCheckBoxColor')!
+		}
+		if(cfg.getString('radioButtonRadius')!=null){
+			xConfig.radioButtonRadius = cfg.getString('radioButtonRadius')!
+		}
+		if(cfg.getString('animationFun')!=null){
+			xConfig.animationFun = cfg.getString('animationFun')!
+		}
+		if(cfg.getString('cardRound')!=null){
+			xConfig.cardRound = cfg.getString('cardRound')!
+		}
+		if(cfg.getString('closeIcon')!=null){
+			xConfig.closeIcon = cfg.getString('closeIcon')!
+		}
+		if(cfg.getString('inputBgColor')!=null){
+			xConfig.inputBgColor = cfg.getString('inputBgColor')!
+		}
+		if(cfg.getString('placeholderStyle')!=null){
+			xConfig.placeholderStyle = cfg.getString('placeholderStyle')!
+		}
+		return;
+	}
+	
+	
+	xConfig.language = xConfig.i18n.ops.locale
+}
+
+export const getI18n = () : Tmui4xI18nTml => {
+	
+	return xConfig.i18n
+}

uni_modules/tmx-ui/config/xui.uts

@@ -0,0 +1,82 @@
+import { xProvitae, xConfig ,setConfig} from "./xConfig.uts"
+import { Tmui4xI18nTml} from "@/uni_modules/x-vuei18n-s/interface.uts"
+import { getDarkMode, isCustomTheme, WebObserveTheme, setThemeDarkModel } from "./observeAppTheme.uts"
+import {Tmui4xOptions} from "@/uni_modules/tmx-ui/interface.uts"
+const xui = definePlugin({
+	install(app:VueApp,config:Tmui4xOptions|null) {
+		setConfig(config)
+		
+		/**
+		 * 组合式代码中使用
+		 */
+		app.config.globalProperties.$i18n = xConfig.i18n
+		let darkModel = getDarkMode();
+		if (isCustomTheme()) {
+			xConfig.dark = darkModel
+		} else {
+			if (xConfig.dark == 'auto') {
+				uni.setStorageSync('tmuiXuiOsThemeSet', darkModel)
+				xConfig.dark = darkModel
+			} else {
+				uni.setStorageSync('tmuiXuiOsThemeSet', xConfig.dark)
+			}
+		}
+		WebObserveTheme()
+		setThemeDarkModel()
+		app.mixin({
+			data() {
+				return {
+					/**
+					 * 模板vue内及选项式this.i18n可调用使用
+					 */
+					i18n: xConfig.i18n as Tmui4xI18nTml
+				}
+			},
+			computed:{
+				// #ifdef MP
+				xThemeConfigBgColor():string{
+					return xConfig.dark=='dark'?xConfig.backgroundColorContentDark:xConfig.backgroundColorContentLight
+				},
+				xThemeConfigNavBgColor():string{
+					return xConfig.dark=='dark'?xConfig.navigationBarBackgroundColorDark:xConfig.navigationBarBackgroundColorLight
+				},
+				xThemeConfigNavFontColor():string{
+					return xConfig.dark=='dark'?xConfig.navigationBarTextStyleDark:xConfig.navigationBarTextStyleLight
+				},
+				xThemeConfigIsDark():boolean{
+					return xConfig.dark=='dark'
+				}
+				// #endif
+			},
+			onPageScroll(e) {
+				xProvitae.scrollTop = e.scrollTop
+				uni.$emit('onPageScroll', e.scrollTop)
+			},
+			onResize() {
+				uni.$emit('onResize', function () { })
+			},
+			onLoad() {
+
+			},
+			onHide() {
+				uni.$emit('onHide', function () { })
+			},
+			onReady(){
+				uni.$emit('onReady', function () { })
+				xProvitae.pageReady = true;
+			},
+			onShow() {
+				// #ifdef WEB
+				this.$nextTick(()=>{
+					setThemeDarkModel()
+				})
+				// #endif
+				uni.$emit('onShow', function () { })
+			}
+		})
+	}
+})
+
+
+
+export default xui