vuepress-theme-uniapp-official 1.4.18 → 1.4.19

package/README.md

@@ -1,22 +1,22 @@
-### uni-app official website theme for vuepress
-
-# vuepress-theme-uniapp-official
-
-[![NPM version](https://badgen.net/npm/v/vuepress-theme-uniapp-official)](https://www.npmjs.com/package/vuepress-theme-uniapp-official) [![NPM downloads](https://badgen.net/npm/dm/vuepress-theme-uniapp-official)](https://npmjs.com/package/vuepress-theme-uniapp-official)
-
-## Sites
-
-- clone this repo and run `yarn && yarn docs:dev`
-
-
-## Install
-
-```bash
-yarn add vuepress-theme-uniapp-official -D
-# OR npm install vuepress-theme-uniapp-official -D
-```
-
-
-## Usage
-
-[https://gitcode.net/dcloud/unidocs-uni-app-x-zh](https://gitcode.net/dcloud/unidocs-uni-app-x-zh)
+### uni-app official website theme for vuepress
+
+# vuepress-theme-uniapp-official
+
+[![NPM version](https://badgen.net/npm/v/vuepress-theme-uniapp-official)](https://www.npmjs.com/package/vuepress-theme-uniapp-official) [![NPM downloads](https://badgen.net/npm/dm/vuepress-theme-uniapp-official)](https://npmjs.com/package/vuepress-theme-uniapp-official)
+
+## Sites
+
+- clone this repo and run `yarn && yarn docs:dev`
+
+
+## Install
+
+```bash
+yarn add vuepress-theme-uniapp-official -D
+# OR npm install vuepress-theme-uniapp-official -D
+```
+
+
+## Usage
+
+[https://gitcode.net/dcloud/unidocs-uni-app-x-zh](https://gitcode.net/dcloud/unidocs-uni-app-x-zh)

package/components/AlgoliaSearchBox.vue

@@ -1,130 +1,130 @@
-<template>
-	<div id="docsearch">
-		<button
-			type="button"
-			class="DocSearch DocSearch-Button"
-			:aria-label="searchText"
-			@click="openSearch"
-		>
-			<span class="DocSearch-Button-Container">
-				<svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20">
-					<path
-						d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z"
-						stroke="currentColor"
-						fill="none"
-						fill-rule="evenodd"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					></path>
-				</svg>
-				<span class="DocSearch-Button-Placeholder">{{ searchText }}</span>
-			</span>
-			<span class="DocSearch-Button-Keys">
-				<span class="DocSearch-Button-Key">
-					<svg width="15" height="15" class="DocSearch-Control-Key-Icon">
-						<path
-							d="M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953"
-							stroke-width="1.2"
-							stroke="currentColor"
-							fill="none"
-							stroke-linecap="square"
-						></path>
-					</svg>
-				</span>
-				<span class="DocSearch-Button-Key">K</span>
-			</span>
-		</button>
-	</div>
-</template>
-
-<script>
-	import '@docsearch/css';
-	import { LOCALE_ZH_HANS } from '@theme-config/i18n';
-
-	export default {
-		name: 'AlgoliaSearchBox',
-
-		computed: {
-			searchText() {
-				return this.$lang === LOCALE_ZH_HANS ? '搜索文档' : 'Search';
-			},
-		},
-
-		methods: {
-			openSearch() {
-				this.$parent.$refs.dcloudSearchPage.onSearchOpen();
-			},
-		},
-	};
-</script>
-
-<style lang="stylus">
-	.DocSearch
-	   --docsearch-primary-color $accentColor
-	   --docsearch-highlight-color var(--docsearch-primary-color)
-	   --docsearch-searchbox-shadow inset 0 0 0 2px var(--docsearch-primary-color)
-
-	 #docsearch
-	   display flex
-	   flex-direction column
-	   justify-content center
-	 #docsearch span
-	   @media (min-width: 1200px)
-	    &
-	     display flex
-
-	 @media (max-width: 1200px)
-	   :root
-	     --docsearch-spacing 10px
-	     --docsearch-footer-height 40px
-	   .DocSearch-Button-Keys,.DocSearch-Button-Key,.DocSearch-Button-KeySeparator,.DocSearch-Button-Placeholder
-	     display none !important
-	   .DocSearch-Search-Icon
-	     vertical-align middle
-	   .DocSearch-Dropdown
-	     height 100%
-	   .DocSearch-Container
-	     height 100vh
-	     height -webkit-fill-available
-	     position absolute
-	   .DocSearch-Footer
-	     border-radius 0
-	     bottom 0
-	     position absolute
-	   .DocSearch-Hit-content-wrapper
-	     display flex
-	     position relative
-	     width 80%
-	   .DocSearch-Modal
-	     border-radius 0
-	     box-shadow none
-	     height 100vh
-	     height -webkit-fill-available
-	     margin 0
-	     max-width 100%
-	     width 100%
-	   .DocSearch-Cancel
-	     -webkit-appearance none
-	     -moz-appearance none
-	     appearance none
-	     background none
-	     border 0
-	     color var(--docsearch-highlight-color)
-	     cursor pointer
-	     display inline-block
-	     flex none
-	     font inherit
-	     font-size 1em
-	     font-weight 500
-	     margin-left var(--docsearch-spacing)
-	     outline none
-	     overflow hidden
-	     padding 0
-	     -webkit-user-select none
-	     -moz-user-select none
-	     -ms-user-select none
-	     user-select none
-	     white-space nowrap
-	   .DocSearch-Commands,.DocSearch-Hit-Tree
-	     display none
-</style>
+<template>
+	<div id="docsearch">
+		<button
+			type="button"
+			class="DocSearch DocSearch-Button"
+			:aria-label="searchText"
+			@click="openSearch"
+		>
+			<span class="DocSearch-Button-Container">
+				<svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20">
+					<path
+						d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z"
+						stroke="currentColor"
+						fill="none"
+						fill-rule="evenodd"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+					></path>
+				</svg>
+				<span class="DocSearch-Button-Placeholder">{{ searchText }}</span>
+			</span>
+			<span class="DocSearch-Button-Keys">
+				<span class="DocSearch-Button-Key">
+					<svg width="15" height="15" class="DocSearch-Control-Key-Icon">
+						<path
+							d="M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953"
+							stroke-width="1.2"
+							stroke="currentColor"
+							fill="none"
+							stroke-linecap="square"
+						></path>
+					</svg>
+				</span>
+				<span class="DocSearch-Button-Key">K</span>
+			</span>
+		</button>
+	</div>
+</template>
+
+<script>
+	import '@docsearch/css';
+	import { LOCALE_ZH_HANS } from '@theme-config/i18n';
+
+	export default {
+		name: 'AlgoliaSearchBox',
+
+		computed: {
+			searchText() {
+				return this.$lang === LOCALE_ZH_HANS ? '搜索文档' : 'Search';
+			},
+		},
+
+		methods: {
+			openSearch() {
+				this.$parent.$refs.dcloudSearchPage.onSearchOpen();
+			},
+		},
+	};
+</script>
+
+<style lang="stylus">
+	.DocSearch
+	   --docsearch-primary-color $accentColor
+	   --docsearch-highlight-color var(--docsearch-primary-color)
+	   --docsearch-searchbox-shadow inset 0 0 0 2px var(--docsearch-primary-color)
+
+	 #docsearch
+	   display flex
+	   flex-direction column
+	   justify-content center
+	 #docsearch span
+	   @media (min-width: 1200px)
+	    &
+	     display flex
+
+	 @media (max-width: 1200px)
+	   :root
+	     --docsearch-spacing 10px
+	     --docsearch-footer-height 40px
+	   .DocSearch-Button-Keys,.DocSearch-Button-Key,.DocSearch-Button-KeySeparator,.DocSearch-Button-Placeholder
+	     display none !important
+	   .DocSearch-Search-Icon
+	     vertical-align middle
+	   .DocSearch-Dropdown
+	     height 100%
+	   .DocSearch-Container
+	     height 100vh
+	     height -webkit-fill-available
+	     position absolute
+	   .DocSearch-Footer
+	     border-radius 0
+	     bottom 0
+	     position absolute
+	   .DocSearch-Hit-content-wrapper
+	     display flex
+	     position relative
+	     width 80%
+	   .DocSearch-Modal
+	     border-radius 0
+	     box-shadow none
+	     height 100vh
+	     height -webkit-fill-available
+	     margin 0
+	     max-width 100%
+	     width 100%
+	   .DocSearch-Cancel
+	     -webkit-appearance none
+	     -moz-appearance none
+	     appearance none
+	     background none
+	     border 0
+	     color var(--docsearch-highlight-color)
+	     cursor pointer
+	     display inline-block
+	     flex none
+	     font inherit
+	     font-size 1em
+	     font-weight 500
+	     margin-left var(--docsearch-spacing)
+	     outline none
+	     overflow hidden
+	     padding 0
+	     -webkit-user-select none
+	     -moz-user-select none
+	     -ms-user-select none
+	     user-select none
+	     white-space nowrap
+	   .DocSearch-Commands,.DocSearch-Hit-Tree
+	     display none
+</style>

package/components/DcloudSearchPage/components/Result.vue

@@ -1,160 +1,160 @@
-<template>
-	<li :class="li_class">
-		<a :href="handleUrl(item.url)">
-			<div class="DocSearch-Hit-Container">
-				<div
-					class="DocSearch-Hit-content-wrapper"
-					v-if="item.hierarchy[item.type] && item.type === 'lvl1'"
-				>
-					<span class="DocSearch-Hit-title" v-html="hierarchyLvl1Html" />
-					<span v-if="item.content" class="DocSearch-Hit-path" v-html="contentHtml" />
-				</div>
-
-				<div v-else-if="isContent" class="DocSearch-Hit-content-wrapper">
-					<span class="DocSearch-Hit-title" v-html="contentHtml" />
-					<span class="DocSearch-Hit-path" v-html="hierarchyLvl1Html || hierarchyLvl2Html" />
-				</div>
-
-				<div v-else class="DocSearch-Hit-content-wrapper">
-					<span
-						class="DocSearch-Hit-title"
-						v-html="snippetResultContent(`hierarchy.${item.type}`)"
-					/>
-					<span class="DocSearch-Hit-path" v-html="hierarchyLvl1Html" />
-				</div>
-
-				<span v-if="item.tag && item.tag !== 'uniCloud'" class="DocSearch-Hit-source_tag">
-					{{ item.tag }}
-				</span>
-			</div>
-		</a>
-	</li>
-</template>
-<script>
-	function getPropertyByPath(object, path) {
-		const parts = path.split('.');
-
-		return parts.reduce((prev, current) => {
-			if (prev && prev[current]) return prev[current];
-			return null;
-		}, object);
-	}
-
-	export default {
-		data() {
-			return {};
-		},
-		props: {
-			item: {
-				type: Object,
-				default: () => ({}),
-			},
-			index: {
-				type: Number,
-				default: 0,
-			},
-		},
-		computed: {
-			li_class() {
-				return ['DocSearch-Hit', this.item.__docsearch_parent && 'DocSearch-Hit--Child']
-					.filter(Boolean)
-					.join(' ');
-			},
-			isContent() {
-				return this.item.type === 'content';
-			},
-			contentHtml() {
-				return this.snippetResultContent('content');
-			},
-			hierarchyLvl1Html() {
-				return this.snippetResultContent('hierarchy.lvl1');
-			},
-			hierarchyLvl2Html() {
-				const lvl2 = this.snippetResultContent('hierarchy.lvl2');
-				return this.isContent ? this.contentHtml === lvl2 ? '' : lvl2 : '';
-			},
-		},
-		methods: {
-			snippetResultContent(attribute) {
-				return (
-					getPropertyByPath(this.item, `_snippetResult.${attribute}.value`) ||
-					getPropertyByPath(this.item, attribute)
-				);
-			},
-			handleUrl(url) {
-				const len = url.length
-				const lastIndex = url.lastIndexOf('/')
-				if (lastIndex === len - 1) {
-					return url
-				}
-				const front = url.substring(0, lastIndex + 1)
-				const end = url.substring(lastIndex + 1)
-				if (end.indexOf('.html') > -1) {
-					return url
-				}
-				if (end.indexOf('#') > -1) {
-					return front + end.replace(/([\s\S]+)#([\s\S]+)/, '$1.html#$2')
-				}
-				return `${url}.html`
-			}
-		},
-	};
-</script>
-<style lang="stylus">
-  .DocSearch-Hit-source_tag {
-    background-color: #f0f0f0;
-    font-size: 12px;
-    padding: 2px 4px;
-    color: #999;
-    border-radius: 3px;
-    margin-right: 5px;
-    font-weight: normal;
-  }
-	.DocSearch-Hit
-	  border-radius 0px
-	  display flex
-	  padding-bottom 0px
-	  position relative
-
-	  &:not(:first-child)
-	    border-top 1px solid #f5f6f7
-
-	  a
-	    background var(--docsearch-hit-background)
-	    border-radius 0px
-	    // box-shadow var(--docsearch-hit-shadow)
-	    box-shadow none
-	    display block
-	    padding-left var(--docsearch-spacing)
-	    width 100%
-
-	  .DocSearch-Hit-Container
-	    align-items center
-	    color #444950
-	    display flex
-	    flex-direction row
-	    height 56px
-	    padding 0 12px 0 0
-
-	  .DocSearch-Hit-content-wrapper
-	    overflow hidden
-	    display flex
-	    flex 1 1 auto
-	    flex-direction column
-	    font-weight 500
-	    justify-content center
-	    line-height 1.2em
-	    margin 0 8px
-	    overflow-x hidden
-	    position relative
-	    text-overflow ellipsis
-	    white-space nowrap
-	    width 80%
-
-	    .DocSearch-Hit-title
-	      font-size 0.9em
-
-	    .DocSearch-Hit-path
-	      // color $accentColor
-	      font-size 0.75em
-</style>
+<template>
+	<li :class="li_class">
+		<a :href="handleUrl(item.url)">
+			<div class="DocSearch-Hit-Container">
+				<div
+					class="DocSearch-Hit-content-wrapper"
+					v-if="item.hierarchy[item.type] && item.type === 'lvl1'"
+				>
+					<span class="DocSearch-Hit-title" v-html="hierarchyLvl1Html" />
+					<span v-if="item.content" class="DocSearch-Hit-path" v-html="contentHtml" />
+				</div>
+
+				<div v-else-if="isContent" class="DocSearch-Hit-content-wrapper">
+					<span class="DocSearch-Hit-title" v-html="contentHtml" />
+					<span class="DocSearch-Hit-path" v-html="hierarchyLvl1Html || hierarchyLvl2Html" />
+				</div>
+
+				<div v-else class="DocSearch-Hit-content-wrapper">
+					<span
+						class="DocSearch-Hit-title"
+						v-html="snippetResultContent(`hierarchy.${item.type}`)"
+					/>
+					<span class="DocSearch-Hit-path" v-html="hierarchyLvl1Html" />
+				</div>
+
+				<span v-if="item.tag && item.tag !== 'uniCloud'" class="DocSearch-Hit-source_tag">
+					{{ item.tag }}
+				</span>
+			</div>
+		</a>
+	</li>
+</template>
+<script>
+	function getPropertyByPath(object, path) {
+		const parts = path.split('.');
+
+		return parts.reduce((prev, current) => {
+			if (prev && prev[current]) return prev[current];
+			return null;
+		}, object);
+	}
+
+	export default {
+		data() {
+			return {};
+		},
+		props: {
+			item: {
+				type: Object,
+				default: () => ({}),
+			},
+			index: {
+				type: Number,
+				default: 0,
+			},
+		},
+		computed: {
+			li_class() {
+				return ['DocSearch-Hit', this.item.__docsearch_parent && 'DocSearch-Hit--Child']
+					.filter(Boolean)
+					.join(' ');
+			},
+			isContent() {
+				return this.item.type === 'content';
+			},
+			contentHtml() {
+				return this.snippetResultContent('content');
+			},
+			hierarchyLvl1Html() {
+				return this.snippetResultContent('hierarchy.lvl1');
+			},
+			hierarchyLvl2Html() {
+				const lvl2 = this.snippetResultContent('hierarchy.lvl2');
+				return this.isContent ? this.contentHtml === lvl2 ? '' : lvl2 : '';
+			},
+		},
+		methods: {
+			snippetResultContent(attribute) {
+				return (
+					getPropertyByPath(this.item, `_snippetResult.${attribute}.value`) ||
+					getPropertyByPath(this.item, attribute)
+				);
+			},
+			handleUrl(url) {
+				const len = url.length
+				const lastIndex = url.lastIndexOf('/')
+				if (lastIndex === len - 1) {
+					return url
+				}
+				const front = url.substring(0, lastIndex + 1)
+				const end = url.substring(lastIndex + 1)
+				if (end.indexOf('.html') > -1) {
+					return url
+				}
+				if (end.indexOf('#') > -1) {
+					return front + end.replace(/([\s\S]+)#([\s\S]+)/, '$1.html#$2')
+				}
+				return `${url}.html`
+			}
+		},
+	};
+</script>
+<style lang="stylus">
+  .DocSearch-Hit-source_tag {
+    background-color: #f0f0f0;
+    font-size: 12px;
+    padding: 2px 4px;
+    color: #999;
+    border-radius: 3px;
+    margin-right: 5px;
+    font-weight: normal;
+  }
+	.DocSearch-Hit
+	  border-radius 0px
+	  display flex
+	  padding-bottom 0px
+	  position relative
+
+	  &:not(:first-child)
+	    border-top 1px solid #f5f6f7
+
+	  a
+	    background var(--docsearch-hit-background)
+	    border-radius 0px
+	    // box-shadow var(--docsearch-hit-shadow)
+	    box-shadow none
+	    display block
+	    padding-left var(--docsearch-spacing)
+	    width 100%
+
+	  .DocSearch-Hit-Container
+	    align-items center
+	    color #444950
+	    display flex
+	    flex-direction row
+	    height 56px
+	    padding 0 12px 0 0
+
+	  .DocSearch-Hit-content-wrapper
+	    overflow hidden
+	    display flex
+	    flex 1 1 auto
+	    flex-direction column
+	    font-weight 500
+	    justify-content center
+	    line-height 1.2em
+	    margin 0 8px
+	    overflow-x hidden
+	    position relative
+	    text-overflow ellipsis
+	    white-space nowrap
+	    width 80%
+
+	    .DocSearch-Hit-title
+	      font-size 0.9em
+
+	    .DocSearch-Hit-path
+	      // color $accentColor
+	      font-size 0.75em
+</style>