vuepress-theme-uniapp-official 1.4.11

package/config/siderbar/uni-app.js

@@ -0,0 +1,210 @@
+export default {
+	contactItems: [{
+		name: 'uniCloud Web控制台',
+		url: 'https://unicloud.dcloud.net.cn',
+		imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg'
+	},
+	{
+		name: '论坛',
+		url: 'https://ask.dcloud.net.cn/explore/',
+		imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png'
+	},
+	{
+		name: 'uniAD',
+		url: 'https://uniad.dcloud.net.cn',
+		imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png'
+	},
+	{
+		name: 'uni统计',
+		url: 'https://tongji.dcloud.net.cn/',
+		imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png'
+	}
+	],
+	codeHosting: [{
+		name: '码云',
+		url: 'https://gitee.com/dcloud/uni-app'
+	},
+	{
+		name: 'GitHub',
+		url: 'http://github.com/dcloudio/uni-app'
+	}
+	],
+	qq_group: [
+		{
+			"number": "531031261",
+			"state": 1,
+			"prefix": "群1"
+		},
+		{
+			"number": "901474938",
+			"state": 1,
+			"prefix": "群2"
+		},
+		{
+			"number": "773794803",
+			"state": 1,
+			"prefix": "群3"
+		},
+		{
+			"number": "942702595",
+			"state": 1,
+			"prefix": "群4"
+		},
+		{
+			"number": "731951419",
+			"state": 1,
+			"prefix": "群5"
+		},
+		{
+			"number": "697264024",
+			"state": 1,
+			"prefix": "群6"
+		},
+		{
+			"number": "942061423",
+			"state": 1,
+			"prefix": "群7"
+		},
+		{
+			"number": "695442854",
+			"state": 1,
+			"prefix": "群8"
+		},
+		{
+			"number": "775128777",
+			"state": 1,
+			"prefix": "群9"
+		},
+		{
+			"number": "959059626",
+			"state": 1,
+			"prefix": "群10"
+		},
+		{
+			"number": "296811328",
+			"state": 1,
+			"prefix": "群11"
+		},
+		{
+			"number": "884860657",
+			"state": 1,
+			"prefix": "群12"
+		},
+		{
+			"number": "699478442",
+			"state": 1,
+			"prefix": "群13"
+		},
+		{
+			"number": "465953250",
+			"state": 1,
+			"prefix": "群14"
+		},
+		{
+			"number": "719211033",
+			"state": 1,
+			"prefix": "群16"
+		},
+		{
+			"number": "951348804",
+			"state": 1,
+			"prefix": "群17"
+		},
+		{
+			"number": "698592271",
+			"state": 1,
+			"prefix": "群18"
+		},
+		{
+			"number": "165657124",
+			"state": 1,
+			"prefix": "群19"
+		},
+		{
+			"number": "165796402",
+			"state": 1,
+			"prefix": "群20"
+		},
+		{
+			"number": "717019120",
+			"state": 1,
+			"prefix": "群21"
+		},
+		{
+			"number": "687186952",
+			"state": 1,
+			"prefix": "群22"
+		},
+		{
+			"number": "599958679",
+			"state": 1,
+			"prefix": "群23"
+		},
+		{
+			"number": "672494800",
+			"state": 1,
+			"prefix": "群24"
+		},
+		{
+			"number": "165297000",
+			"state": 1,
+			"prefix": "群25"
+		},
+		{
+			"number": "147867597",
+			"state": 1,
+			"prefix": "群26"
+		},
+		{
+			"number": "811363410",
+			"state": 1,
+			"prefix": "群27"
+		},
+		{
+			"number": "166188776",
+			"state": 1,
+			"prefix": "群28"
+		},
+		{
+			"number": "202965481",
+			"state": 1,
+			"prefix": "群29"
+		},
+		{
+			"number": "371046920",
+			"state": 1,
+			"prefix": "群30"
+		},
+		{
+			"number": "567471669",
+			"state": 1,
+			"prefix": "群31"
+		},
+		{
+			"number": "166188631",
+			"state": 1,
+			"prefix": "群32"
+		},
+		{
+			"number": "498071674",
+			"state": 1,
+			"prefix": "群33"
+		},
+		{
+			"number": "530305531",
+			"state": 1,
+			"prefix": "群34"
+		},
+		{
+			"number": "713420817",
+			"state": 1,
+			"prefix": "群35"
+		},
+		{
+			"number": "516984120",
+			"state": 0,
+			"prefix": "群15"
+		}
+	],
+	joinQQGroupHref: 'https://qm.qq.com/cgi-bin/qm/qr?k=nsW1gqNT9LqZLfcyntjd1paIKUzWewHN&jump_from=webapi'
+}

package/config/siderbar/uniCloud.js

@@ -0,0 +1,55 @@
+export default {
+  contactItems: [
+    {
+      name: 'uniCloud Web控制台',
+      url: 'https://unicloud.dcloud.net.cn',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg'
+    },
+    {
+      name: '论坛',
+      url: 'https://ask.dcloud.net.cn/explore/',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png'
+    },
+    {
+      name: 'uniAD',
+      url: 'https://uniad.dcloud.net.cn',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png'
+    },
+    {
+      name: 'uni统计',
+      url: 'https://tongji.dcloud.net.cn/',
+      imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png'
+    }
+  ],
+  qq_group: [
+    {
+      "number": "1012245137",
+      "state": 1,
+      "prefix": "群1"
+    },
+    {
+      "number": "749911289",
+      "state": 1,
+      attendance: 1000,
+      "prefix": "群2"
+    },
+    {
+      "number": "599819864",
+      "state": 1,
+      attendance: 1000,
+      "prefix": "群3"
+    },
+    {
+      "number": "641753405",
+      "state": 1,
+      attendance: 1000,
+      "prefix": "群4"
+    },
+    {
+      "number": "806429316",
+      "state": 0,
+      "prefix": "群5"
+    }
+  ],
+	joinQQGroupHref: 'https://qm.qq.com/cgi-bin/qm/qr?k=ez84UYIZgPKpTvrXD8GINUr62u8CF96x&jump_from=webapi'
+}

package/config/toc.js

@@ -0,0 +1,5 @@
+export default {
+  onThisPage: '文档结构',
+  collapseText: '展开全部',
+  expandText: '收起目录'
+}

package/enhanceApp.js

@@ -0,0 +1,142 @@
+import getRedirectRouter from '@theme-config/redirectRouter';
+import VueRouter from 'vue-router';
+import { isServer } from './util';
+import OutboundLink from '@theme/components/OutboundLink.vue';
+
+const originalPush = VueRouter.prototype.push;
+VueRouter.prototype.push = function push(location, resolve, reject) {
+	if (resolve || reject) return originalPush.call(this, location, resolve, reject);
+	return originalPush.call(this, location).catch(err => err);
+};
+
+function handleRedirectForCleanUrls(router, to) {
+	if (isRouteExists(router, to.path)) {
+		return to.path;
+	} else {
+		if (!/(\/|\.html)$/.test(to.path)) {
+			const endingSlashUrl = to.path + '/';
+			const endingHtmlUrl = to.path + '.html';
+			if (isRouteExists(router, endingHtmlUrl)) {
+				return endingHtmlUrl;
+			} else if (isRouteExists(router, endingSlashUrl)) {
+				return endingSlashUrl;
+			} else {
+				return to.path.replace(/\.md$/, '');
+			}
+		} else if (/\/$/.test(to.path)) {
+			const endingHtmlUrl = to.path.replace(/\/$/, '') + '.html';
+			if (isRouteExists(router, endingHtmlUrl)) {
+				return endingHtmlUrl;
+			} else {
+				return to.path;
+			}
+		} else {
+			return to.path;
+		}
+	}
+}
+
+function isRouteExists(router, path) {
+	const pathLower = path.toLowerCase();
+	return router.options.routes.some(route => route.path.toLowerCase() === pathLower);
+}
+
+function resolveRouterBase(router, redirectPath) {
+	if (router.options.base !== '/') redirectPath = (router.options.base + redirectPath).replace(/\/\//g, '/');
+	return redirectPath;
+}
+
+function handlePath(router, to) {
+	// 重定向路由表
+	const redirectRouter = getRedirectRouter(to);
+	if (redirectRouter && !isServer) return location.replace(redirectRouter.path + (redirectRouter.hash || ''));
+
+	const id = to.query.id;
+	delete to.query.id;
+	let hash = decodeURIComponent(id || to.hash).toLowerCase();
+	if (hash && hash.indexOf('#') !== 0) hash = '#' + hash;
+	const redirectPath = handleRedirectForCleanUrls(router, to);
+	if (id) {
+		return {
+			path: resolveRouterBase(router, redirectPath),
+			replace: true,
+			hash,
+			query: to.query,
+		};
+	}
+	if (redirectPath !== to.path) {
+		return {
+			path: resolveRouterBase(router, redirectPath),
+			replace: true,
+			hash,
+			query: to.query,
+		};
+	}
+	if (/\bREADME\b/.test(to.path)) {
+		return {
+			path: to.path.replace(/\bREADME\b/, ''),
+			replace: true,
+			hash,
+			query: to.query,
+		};
+	}
+}
+
+export default ({ Vue, options, router, siteData }) => {
+	let mounted = Vue.$vuepress.store._isMounted;
+	// debugger
+	const ScrollBehavior = 'instant';
+
+	router.beforeHooks.unshift((to, from, next) => {
+		const _next = handlePath(router, to);
+		if (_next && /\.html$/.test(_next.path) && !isServer) return location.replace(_next.path + (_next.hash || ''));
+		else next(_next);
+	});
+
+	router.options.scrollBehavior = function scrollBehavior(to, from, savedPosition) {
+		if (savedPosition) {
+			return window.scrollTo({
+				top: savedPosition.y,
+				behavior: ScrollBehavior,
+			});
+		} else if (to.hash) {
+			if (Vue.$vuepress.$get('disableScrollBehavior')) {
+				return false;
+			}
+			const selector = decodeURIComponent(to.hash.toLowerCase());
+			return new Promise((resolve, reject) => {
+				setTimeout(
+					() => {
+						if (!mounted) mounted = true;
+						const targetElement = document.querySelector(selector);
+						if (targetElement) {
+							return window.scrollTo({
+								top: getElementPosition(targetElement).y,
+								behavior: ScrollBehavior,
+							});
+						}
+						return resolve(false);
+					},
+					mounted ? 0 : 700
+				);
+			});
+		} else {
+			return window.scrollTo({
+				top: 0,
+				behavior: ScrollBehavior,
+			});
+		}
+	};
+
+	Vue.component('OutboundLink', OutboundLink);
+};
+
+function getElementPosition(el) {
+	const docEl = document.documentElement;
+	const docRect = docEl.getBoundingClientRect();
+	const elRect = el.getBoundingClientRect();
+	return {
+		x: elRect.left - docRect.left,
+		y: elRect.top - docRect.top,
+	};
+}

package/global-components/CodeSimulator.vue

@@ -0,0 +1,211 @@
+<script>
+import clientRootMixin from 'vuepress-plugin-juejin-style-copy/clientRootMixin';
+
+export default {
+	mixins:[clientRootMixin],
+	props:{
+		src:{
+			type:String,
+			default:''
+		}
+	},
+	data(){
+		return {
+			activeIndex: 0
+		}
+	},
+	mounted(){
+		this.$copyUpdates && this.$copyUpdates()
+		this.onWindowResize()
+		window.addEventListener('resize', this.onWindowResize)
+	},
+	beforeDestroy(){
+		window.removeEventListener('resize', this.onWindowResize)
+	},
+	methods:{
+		onWindowResize(){
+			const contentWidth = getComputedStyle(document.querySelector('.theme-default-content')).width
+			if (window.matchMedia('(max-width: 410px)').matches) {
+				this.$refs.codeIframe.style.maxWidth = contentWidth
+			}
+		},
+		onClick(index){
+			this.activeIndex = index
+		},
+		createdDom(h,node){
+			let headerDom = []
+			node.forEach((v,index)=>{
+				headerDom.push(h('p',{class:`pages-tabs-header-text ${this.activeIndex === index?'pages-tabs--active':''}`,on:{click:(e)=>{
+						this.onClick(index)
+				}}},v.title),)
+			})
+			return this.renderDom(h,h('div',{class:'page-tabs'},[
+				h('div',{class:'pages-tabs-header'},headerDom),
+				h('div',{class:'page-snippet-code',key:this.activeIndex},[node[this.activeIndex].node]),
+			]))
+		},
+		renderDom(h,node){
+			return h('div',{class:'page-runtime'},
+				[
+					h('div',{class:'page-snippet'},[node]),
+					h('div',{class:'code-content',style:{display:this.src?'block':'none'}},[
+						h('iframe',{class:'code-iframe',attrs:{
+							src:this.src,
+							frameborder:'0',
+							allow:'geolocation https://hellouniappx.dcloud.net.cn'
+						},ref:'codeIframe'})
+					]),
+
+				]
+			)
+		}
+	},
+	render(h){
+		const columns = this.$slots.default || []
+		let boxObj = []
+		let realDom = []
+		columns.forEach((v,i)=>{
+			if(v.tag && v.children){
+				realDom.push(v)
+			}
+		})
+		realDom.forEach((vnode,index)=>{
+			let code = vnode.children[0]
+			if(vnode.tag === 'div' && code.tag === 'pre'){
+				let i = index - 1
+				if(i >= 0){
+					let textDom = realDom[i]
+					if(textDom.tag === 'blockquote'){
+						let text = textDom.children[0]
+						let p = text.children[0]
+						boxObj.push({
+							title:p.text,
+							node:vnode
+						})
+					}
+
+				}
+			}
+		})
+		if(boxObj.length > 0){
+			return h('div',null,[this.createdDom(h,boxObj)])
+		}else{
+			if(this.src){
+				return this.renderDom(h,this.$slots.default)
+			}else{
+				return h('div',null,this.$slots.default)
+			}
+		}
+	}
+}
+</script>
+
+<style lang="stylus" scoped>
+$pages-tabs-header-height = 44px
+.page-runtime {
+	display: flex;
+	max-height: 667px;
+	border: 1px #eee solid;
+	margin-top: 16px;
+}
+.page-snippet {
+	width: 100%;
+	overflow: hidden;
+
+}
+.page-snippet-code {
+	height: calc(100% - $pages-tabs-header-height);
+}
+
+.page-tabs {
+	height: 100%;
+	box-sizing: border-box;
+}
+.pages-tabs-header {
+	display: flex;
+	height: $pages-tabs-header-height;
+	background-color: #222;
+}
+.pages-tabs-header-text {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	margin: 5px;
+	margin-bottom: 0px;
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+	padding: 0 45px;
+	text-align: center;
+	font-size: 16px;
+	color: #eee;
+	background:transparent;
+	cursor: pointer;
+	-moz-user-select:none; /*火狐*/
+	-webkit-user-select:none; /*webkit浏览器*/
+	-ms-user-select:none; /*IE10*/
+	-khtml-user-select:none; /*早期浏览器*/
+	user-select:none;
+}
+.pages-tabs--active {
+	// background:#282c34;
+	background-color: #292d3e;
+	color: #fff;
+	font-weight: bold;
+}
+
+.page-snippet div[class*="language-"]{
+	width: 100%;
+	height: 100%;
+	border-radius: 0;
+	overflow: auto;
+
+}
+.page-snippet pre[class*="language-"]{
+	margin: 0;
+	padding: 20px 20px;
+	width: 100%;
+	height: 100%;
+	// overflow: auto;
+	box-sizing: border-box;
+}
+.code-iframe {
+	flex-shrink: 0;
+	width: 375px;
+	height: 667px;
+}
+
+@media (max-width: $MQMobileNarrow)
+	{$contentClass}
+    div[class*="language-"]
+			margin 0 !important
+
+/* .page-runtime pre::-webkit-scrollbar {
+	display: none
+} */
+::-webkit-scrollbar {
+	width: 8px !important;
+	height: 8px !important;
+	background: transparent;
+	filter: invert();
+}
+::-webkit-scrollbar:hover {
+	background: rgba(128, 128, 128, 0.2);
+}
+::-webkit-scrollbar-thumb {
+	border: 1px solid rgba(255, 255, 255, 0.4) !important;
+	background-color: rgba(0, 0, 0, 0.4) !important;
+	z-index: 2147483647;
+	-webkit-border-radius: 12px;
+	background-clip: content-box;
+}
+::-webkit-scrollbar-corner {
+	background: rgba(255, 255, 255, 0.3);
+	border: 1px solid transparent;
+}
+::-webkit-scrollbar-thumb:hover {
+	background-color: rgba(0, 0, 0, 0.8) !important;
+}
+::-webkit-scrollbar-thumb:active {
+	background-color: rgba(0, 0, 0, 0.6) !important;
+}
+</style>