vuepress-theme-uniapp-official 1.4.11

package/components/DcloudSearchPage/utils/searchUtils.js

@@ -0,0 +1,52 @@
+export function groupBy(values, predicate) {
+  return values.reduce((acc, item) => {
+    const key = predicate(item);
+
+    if (!acc.hasOwnProperty(key)) {
+      acc[key] = [];
+    }
+
+    // We limit each section to show 5 hits maximum.
+    // This acts as a frontend alternative to `distinct`.
+    if (acc[key].length < 5) {
+      acc[key].push(item);
+    }
+    return acc;
+  }, {});
+}
+
+
+const regexHighlightTags = /(<mark>|<\/mark>)/g;
+const regexHasHighlightTags = RegExp(regexHighlightTags.source);
+
+export function removeHighlightTags(hit) {
+  const internalDocSearchHit = hit
+
+  if (!internalDocSearchHit.__docsearch_parent && !hit._highlightResult) {
+    return hit.hierarchy.lvl0;
+  }
+
+  const { value } =
+    (internalDocSearchHit.__docsearch_parent
+      ? ((internalDocSearchHit.__docsearch_parent._highlightResult || {}).hierarchy || {}).lvl0
+        :((hit._highlightResult || {}).hierarchy || {}).lvl0) || {};
+
+  let removeHighLightValue =  value && regexHasHighlightTags.test(value)
+    ? value.replace(regexHighlightTags, '')
+    : value;
+  // if (internalDocSearchHit.tag) removeHighLightValue = `${removeHighLightValue} ${internalDocSearchHit.tag}`
+  return removeHighLightValue
+  // return internalDocSearchHit.tag ? internalDocSearchHit.tag : removeHighLightValue
+}
+
+export function isEditingContent(event) {
+  const element = event.target;
+  const tagName = element.tagName;
+
+  return (
+    element.isContentEditable ||
+    tagName === 'INPUT' ||
+    tagName === 'SELECT' ||
+    tagName === 'TEXTAREA'
+  );
+}

package/components/Footer.vue

@@ -0,0 +1,142 @@
+<template>
+	<div ref="container" id="footNavBox">
+		<div class="footNav">
+			<div id="footNavClassify">
+				<footNavItem :list="footNavList" />
+			</div>
+			<div id="aboutusBox">
+				<footNavItem :list="aboutusList" />
+			</div>
+		</div>
+		<div class="hbLogo"></div>
+		<div class="introduce">
+			<template v-for="col in about">
+				<div class="introduce-item" :key="col.title">
+					<span class="introduce-title">{{ col.title }}：</span>
+					<template v-for="(item, index) in col.content">
+						<a class="navItemDetail" :key="item.url" :href="item.url" target="_blank">
+							{{ item.subTitle }}
+						</a>
+					</template>
+				</div>
+			</template>
+		</div>
+		<div v-if="$lang === LOCALE_ZH_HANS">
+			<div class="companyBox">
+
+				<span class="companyInfo"><span class="companyInfo-dcloud">DCloud.io</span>&nbsp;数字天堂（北京）网络技术有限公司是</span>
+				<div style="display: inline; margin-left: 5px" class="companyInfo">
+					<!-- <a href="//www.w3.org/" target="_blank" class="w3c">W3C</a>
+					成员及 -->
+					<a href="//www.html5plus.org/" target="_blank" class="html5">HTML5中国产业联盟</a>
+					发起单位
+				</div>
+			</div>
+			<div class="beianBox">
+				<a
+					id="domain"
+					class="beian"
+					href="https://beian.miit.gov.cn/#/Integrated/index"
+					target="_blank"
+				>
+					{{ domain }}
+				</a>
+				<div class="domainImgBox">
+					<img class="domainImg" :src="domainImg" />
+					<a class="beian" :href="beian" target="_blank">京公网安备：11010802035340号&nbsp;</a>
+				</div>
+
+				<span class="anbaoInfo">&nbsp;&nbsp;国家信息安全等级保护三级，证书编号：11010813802-20001</span>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	import footerConfig from '@theme-config/footer';
+	import { LOCALE_ZH_HANS } from '@theme-config/i18n';
+	const { footNavList, aboutusList, aboutus, concatus, domainImg, beian } = footerConfig;
+
+	export default {
+		components: {
+			footNavItem: {
+				functional: true,
+				props: {
+					list: {
+						type: Array,
+						default: () => [],
+					},
+				},
+				render: (h, { props }) => {
+					return props.list.map((footNavListItem, _index) =>
+						h('div', { staticClass: 'footNavItem', key: footNavListItem.title || _index }, [
+							h('div', { staticClass: 'navItemTitle' }, footNavListItem.title),
+							h('div', { staticClass: 'navLine' }),
+							h(
+								'div',
+								{ staticClass: 'navItemDetailBox' },
+								footNavListItem.content.map((item, index) =>
+									h(
+										'a',
+										{
+											staticClass: 'navItemDetail',
+											key: item.url || index,
+											attrs: {
+												target: '_blank',
+												href: item.url,
+											},
+										},
+										item.subTitle
+									)
+								)
+							),
+						])
+					);
+				},
+			},
+		},
+		data: () => ({
+			footNavList: Object.freeze(footNavList),
+			aboutusList: Object.freeze(aboutusList),
+			about: Object.freeze([aboutus, concatus]),
+			domain: '',
+			domainImg,
+			beian,
+			LOCALE_ZH_HANS,
+		}),
+		mounted() {
+			if (location.hostname === 'uniapp.dcloud.io') {
+				this.domain = '蒙ICP备14002744号-1';
+			} else {
+				this.domain = '京ICP备12046007号-4';
+			}
+			this.fixBottom();
+		},
+		methods: {
+			fixBottom() {
+				this.$nextTick(() => {
+					this.$refs.container.style.bottom = `0px`;
+					const bottom =
+						document.documentElement.clientHeight -
+						this.$refs.container.getBoundingClientRect().bottom;
+					if (bottom > 0) {
+						// const preBottom = parseFloat(this.$refs.container.style.bottom);
+						this.$refs.container.style.position = 'relative';
+						this.$refs.container.style.bottom = `-${bottom}px`;
+					} else {
+						this.$refs.container.removeAttribute('style');
+					}
+				});
+			},
+		},
+		watch: {
+			$route() {
+				this.fixBottom();
+			},
+		},
+	};
+</script>
+
+<style lang="stylus" scoped>
+	@import '../styles/footer.styl'
+</style>

package/components/MainNavbarLink.vue

@@ -0,0 +1,57 @@
+<template>
+  <div
+    v-if="show"
+    class="main-navbar-link"
+  >
+    <DropdownLink
+      v-if="item.type === 'links'"
+      :item="item"
+    />
+    <NavLink
+      v-else
+      :item="item"
+    />
+  </div>
+</template>
+
+<script>
+import DropdownLink from '@theme/components/DropdownLink.vue'
+import NavLink from '@theme/components/NavLink.vue'
+
+export default {
+  name: 'MainNavbarLink',
+
+  components: {
+    DropdownLink,
+    NavLink
+  },
+
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+
+  computed: {
+    show() {
+      return this.item.type === 'link' 
+        ? this.item.link
+        : this.item.type === 'links'
+          ? !!this.item.items.length
+          : false
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scope>
+.main-navbar-link a
+ color inherit
+
+@media (max-width: $MQMobile)
+ ul
+  list-style none
+  a
+    padding-top 0 !important
+</style>

package/components/NavLink.vue

@@ -0,0 +1,95 @@
+<template>
+  <RouterLink
+    v-if="isInternal"
+    class="nav-link"
+    :to="link"
+    :exact="exact"
+    @focusout.native="focusoutAction"
+  >
+    {{ item.text }}
+  </RouterLink>
+  <a
+    v-else
+    :href="link"
+    class="nav-link external"
+    :target="target"
+    :rel="rel"
+    @focusout="focusoutAction"
+  >
+    {{ item.text }}
+    <OutboundLink v-if="item.needOutbound !== false && isBlankTarget" :link="item.text === link ? '' : link" />
+  </a>
+</template>
+
+<script>
+import { isExternal, isMailto, isTel, ensureExt } from '../util'
+import OutboundLink from '@theme/components/OutboundLink.vue';
+
+export default {
+  name: 'NavLink',
+
+  components: { OutboundLink },
+
+  inject: [ 'customNavBar' ],
+
+  props: {
+    item: {
+      required: true
+    }
+  },
+
+  computed: {
+    link () {
+      return ensureExt(this.item.link)
+    },
+
+    exact () {
+      if (this.$site.locales) {
+        return Object.keys(this.$site.locales).some(rootLink => rootLink === this.link)
+      }
+      return this.link === '/'
+    },
+
+    isNonHttpURI () {
+      return isMailto(this.link) || isTel(this.link)
+    },
+
+    isBlankTarget () {
+      return this.target === '_blank'
+    },
+
+    isInternal () {
+      return !isExternal(this.link) && !this.isBlankTarget
+    },
+
+    target () {
+      if (this.isNonHttpURI) {
+        return null
+      }
+      if (this.item.target) {
+        return this.item.target
+      }
+      return isExternal(this.link) ? '_blank' : ''
+    },
+
+    rel () {
+      if (this.isNonHttpURI) {
+        return null
+      }
+      if (this.item.rel === false) {
+        return null
+      }
+      if (this.item.rel) {
+        return this.item.rel
+      }
+      return this.isBlankTarget ? 'noopener noreferrer' : null
+    }
+  },
+
+  methods: {
+    focusoutAction () {
+      this.$emit('focusout')
+    }
+  }
+}
+</script>

package/components/NavLinks.vue

@@ -0,0 +1,173 @@
+<template>
+  <nav
+    v-if="(userLinks.length || repoLink) && showSubNavBar"
+    class="nav-links"
+  >
+    <!-- user links -->
+    <div
+      v-for="item in userLinks"
+      :key="item.link"
+      class="nav-item"
+    >
+      <DropdownLink
+        v-if="item.type === 'links'"
+        :item="item"
+      />
+      <NavLink
+        v-else
+        :item="item"
+      />
+    </div>
+
+    <!-- repo link -->
+    <!-- <a
+      v-if="repoLink"
+      :href="repoLink"
+      class="repo-link"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {{ repoLabel }}
+      <OutboundLink />
+    </a> -->
+  </nav>
+</template>
+
+<script>
+import DropdownLink from '@theme/components/DropdownLink.vue'
+import { resolveNavLinkItem } from '../util'
+import NavLink from '@theme/components/NavLink.vue'
+import navInject from '../mixin/navInject';
+
+export default {
+  name: 'NavLinks',
+
+  mixins: [ navInject ],
+
+  components: {
+    NavLink,
+    DropdownLink
+  },
+
+  computed: {
+    userNav () {
+      return this.customNavBar[this.navConfig.userNavIndex].items || []
+      // return this.$themeLocaleConfig.nav || this.$site.themeConfig.nav || []
+    },
+
+    nav () {
+      const { locales } = this.$site
+      if (locales && Object.keys(locales).length > 1) {
+        const currentLink = this.$page.path
+        const routes = this.$router.options.routes
+        const themeLocales = this.$site.themeConfig.locales || {}
+        const languageDropdown = {
+          text: this.$themeLocaleConfig.selectText || 'Languages',
+          ariaLabel: this.$themeLocaleConfig.ariaLabel || 'Select language',
+          items: Object.keys(locales).map(path => {
+            const locale = locales[path]
+            const text = themeLocales[path] && themeLocales[path].label || locale.lang
+            let link
+            // Stay on the current page
+            if (locale.lang === this.$lang) {
+              link = currentLink
+            } else {
+              // Try to stay on the same page
+              link = currentLink.replace(this.$localeConfig.path, path)
+              // fallback to homepage
+              if (!routes.some(route => route.path === link)) {
+                link = path
+              }
+            }
+            return { text, link }
+          })
+        }
+        return [...this.userNav, languageDropdown]
+      }
+      return this.userNav
+    },
+
+    userLinks () {
+      return (this.nav || []).map(link => {
+        return Object.assign(resolveNavLinkItem(link), {
+          items: (link.items || []).map(resolveNavLinkItem)
+        })
+      })
+    },
+
+    repoLink () {
+      const { repo } = this.$site.themeConfig
+      if (repo) {
+        return /^https?:/.test(repo)
+          ? repo
+          : `https://github.com/${repo}`
+      }
+      return null
+    },
+
+    repoLabel () {
+      if (!this.repoLink) return
+      if (this.$site.themeConfig.repoLabel) {
+        return this.$site.themeConfig.repoLabel
+      }
+
+      const repoHost = this.repoLink.match(/^https?:\/\/[^/]+/)[0]
+      const platforms = ['GitHub', 'GitLab', 'Bitbucket']
+      for (let i = 0; i < platforms.length; i++) {
+        const platform = platforms[i]
+        if (new RegExp(platform, 'i').test(repoHost)) {
+          return platform
+        }
+      }
+
+      return 'Source'
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.nav-links
+  display inline-block
+  a
+    line-height 1.4rem
+    color inherit
+    &:hover, &.router-link-active
+      color $accentColor
+  .nav-item
+    position relative
+    display inline-block
+    margin-left 0.8rem
+    line-height 2rem
+    &:first-child
+      margin-left 0
+  .repo-link
+    margin-left 1.5rem
+
+@media (max-width: $MQMobile)
+  .nav-links
+    .nav-item, .repo-link
+      margin-left 0
+
+@media (min-width: $MQMobile)
+  .nav-item > .nav-link:not(.external)
+    display block
+    height 40px
+    line-height 40px
+    min-width 24px
+    padding 0 1.6vw
+    background-color #fff
+    border-radius 4px
+    transition background .3s
+    font-size 14px
+
+  /* .nav-links a
+    &:hover, &.router-link-active
+      color $textColor*/
+  .nav-item > a:not(.external)
+    &:hover
+      background-color #f0f0f0
+    &.router-link-active
+      color #fff
+      background-color $accentColor
+</style>