Fix indentation (#12615)
This commit is contained in:
		| @@ -26,35 +26,35 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| </section> | ||||
| <!-- フォルダの中にはカスタム絵文字やフォルダがある --> | ||||
| <section v-else v-panel style="border-radius: 6px; border-bottom: 0.5px solid var(--divider);"> | ||||
|   <header class="_acrylic" @click="shown = !shown"> | ||||
|     <i class="toggle ti-fw" :class="shown ? 'ti ti-chevron-down' : 'ti ti-chevron-up'"></i> <slot></slot> (<i class="ti ti-folder ti-fw"></i>:{{ customEmojiTree.length }} <i class="ti ti-icons ti-fw"></i>:{{ emojis.length }}) | ||||
|   </header> | ||||
|   <div v-if="shown" style="padding-left: 9px;"> | ||||
|       <MkEmojiPickerSection | ||||
|           v-for="child in customEmojiTree" | ||||
|           :key="`custom:${child.value}`" | ||||
|           :initialShown="initialShown" | ||||
|           :emojis="computed(() => customEmojis.filter(e => e.category === child.category).map(e => `:${e.name}:`))" | ||||
|           :hasChildSection="child.children.length !== 0" | ||||
|           :customEmojiTree="child.children" | ||||
|           @chosen="nestedChosen" | ||||
|       > | ||||
|           {{ child.value || i18n.ts.other }} | ||||
|       </MkEmojiPickerSection> | ||||
|   </div> | ||||
|   <div v-if="shown" class="body"> | ||||
|     <button | ||||
|         v-for="emoji in emojis" | ||||
|         :key="emoji" | ||||
|         :data-emoji="emoji" | ||||
|         class="_button item" | ||||
|         @pointerenter="computeButtonTitle" | ||||
|         @click="emit('chosen', emoji, $event)" | ||||
|     > | ||||
|       <MkCustomEmoji v-if="emoji[0] === ':'" class="emoji" :name="emoji" :normal="true"/> | ||||
|       <MkEmoji v-else class="emoji" :emoji="emoji" :normal="true"/> | ||||
|     </button> | ||||
|   </div> | ||||
| 	<header class="_acrylic" @click="shown = !shown"> | ||||
| 		<i class="toggle ti-fw" :class="shown ? 'ti ti-chevron-down' : 'ti ti-chevron-up'"></i> <slot></slot> (<i class="ti ti-folder ti-fw"></i>:{{ customEmojiTree.length }} <i class="ti ti-icons ti-fw"></i>:{{ emojis.length }}) | ||||
| 	</header> | ||||
| 	<div v-if="shown" style="padding-left: 9px;"> | ||||
| 		<MkEmojiPickerSection | ||||
| 			v-for="child in customEmojiTree" | ||||
| 			:key="`custom:${child.value}`" | ||||
| 			:initialShown="initialShown" | ||||
| 			:emojis="computed(() => customEmojis.filter(e => e.category === child.category).map(e => `:${e.name}:`))" | ||||
| 			:hasChildSection="child.children.length !== 0" | ||||
| 			:customEmojiTree="child.children" | ||||
| 			@chosen="nestedChosen" | ||||
| 		> | ||||
| 			{{ child.value || i18n.ts.other }} | ||||
| 		</MkEmojiPickerSection> | ||||
| 	</div> | ||||
| 	<div v-if="shown" class="body"> | ||||
| 		<button | ||||
| 			v-for="emoji in emojis" | ||||
| 			:key="emoji" | ||||
| 			:data-emoji="emoji" | ||||
| 			class="_button item" | ||||
| 			@pointerenter="computeButtonTitle" | ||||
| 			@click="emit('chosen', emoji, $event)" | ||||
| 		> | ||||
| 			<MkCustomEmoji v-if="emoji[0] === ':'" class="emoji" :name="emoji" :normal="true"/> | ||||
| 			<MkEmoji v-else class="emoji" :emoji="emoji" :normal="true"/> | ||||
| 		</button> | ||||
| 	</div> | ||||
| </section> | ||||
| </template> | ||||
|  | ||||
|   | ||||
| @@ -77,8 +77,8 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 				:key="`custom:${child.value}`" | ||||
| 				:initialShown="false" | ||||
| 				:emojis="computed(() => customEmojis.filter(e => child.value === '' ? (e.category === 'null' || !e.category) : e.category === child.value).filter(filterAvailable).map(e => `:${e.name}:`))" | ||||
|         :hasChildSection="child.children.length !== 0" | ||||
|         :customEmojiTree="child.children" | ||||
| 				:hasChildSection="child.children.length !== 0" | ||||
| 				:customEmojiTree="child.children" | ||||
| 				@chosen="chosen" | ||||
| 			> | ||||
| 				{{ child.value || i18n.ts.other }} | ||||
| @@ -103,12 +103,12 @@ import { ref, shallowRef, computed, watch, onMounted } from 'vue'; | ||||
| import * as Misskey from 'misskey-js'; | ||||
| import XSection from '@/components/MkEmojiPicker.section.vue'; | ||||
| import { | ||||
|   emojilist, | ||||
|   emojiCharByCategory, | ||||
|   UnicodeEmojiDef, | ||||
|   unicodeEmojiCategories as categories, | ||||
|   getEmojiName, | ||||
|   CustomEmojiFolderTree | ||||
| 	emojilist, | ||||
| 	emojiCharByCategory, | ||||
| 	UnicodeEmojiDef, | ||||
| 	unicodeEmojiCategories as categories, | ||||
| 	getEmojiName, | ||||
| 	CustomEmojiFolderTree | ||||
| } from '@/scripts/emojilist.js'; | ||||
| import MkRippleEffect from '@/components/MkRippleEffect.vue'; | ||||
| import * as os from '@/os.js'; | ||||
| @@ -176,9 +176,9 @@ function parseAndMergeCategories(input: string, root: CustomEmojiFolderTree): Cu | ||||
| } | ||||
|  | ||||
| customEmojiCategories.value.forEach(ec => { | ||||
|   if (ec !== null) { | ||||
|     parseAndMergeCategories(ec, customEmojiFolderRoot); | ||||
|   } | ||||
| 	if (ec !== null) { | ||||
| 		parseAndMergeCategories(ec, customEmojiFolderRoot); | ||||
| 	} | ||||
| }); | ||||
|  | ||||
| parseAndMergeCategories('', customEmojiFolderRoot); | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 woxtu
					woxtu