replace el-input with InputGroup

This commit is contained in:
pa
2026-01-12 20:09:58 +09:00
committed by Natsumi
parent 4749e8cb56
commit 065870a7f8
67 changed files with 707 additions and 366 deletions
+4 -4
View File
@@ -27,9 +27,8 @@
</Select>
</div>
<div class="favorites-toolbar__right">
<el-input
<InputGroupSearch
v-model="avatarFavoriteSearch"
clearable
class="favorites-toolbar__search"
:placeholder="t('view.favorite.avatars.search')"
@input="searchAvatarFavorites" />
@@ -280,11 +279,11 @@
<span>{{ t('view.favorite.avatars.new_group') }}</span>
</div>
</TooltipWrapper>
<el-input
<InputGroupField
v-else
ref="newLocalGroupInput"
v-model="newLocalGroupName"
size="small"
size="sm"
class="group-item__input"
:placeholder="t('view.favorite.avatars.new_group')"
@keyup.enter="handleLocalGroupCreationConfirm"
@@ -515,6 +514,7 @@
import { MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
import { Ellipsis, RefreshCcw } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { InputGroupField, InputGroupSearch } from '@/components/ui/input-group';
import { Loader } from 'lucide-vue-next';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';
+2 -2
View File
@@ -27,9 +27,8 @@
</Select>
</div>
<div class="favorites-toolbar__right">
<el-input
<InputGroupSearch
v-model="friendFavoriteSearch"
clearable
class="favorites-toolbar__search"
:placeholder="t('view.favorite.worlds.search')"
@input="searchFriendFavorites" />
@@ -297,6 +296,7 @@
import { computed, onBeforeMount, ref, watch } from 'vue';
import { MoreFilled, Refresh } from '@element-plus/icons-vue';
import { Button } from '@/components/ui/button';
import { InputGroupSearch } from '@/components/ui/input-group';
import { ElMessageBox } from 'element-plus';
import { Ellipsis } from 'lucide-vue-next';
import { Spinner } from '@/components/ui/spinner';
+4 -4
View File
@@ -27,9 +27,8 @@
</Select>
</div>
<div class="favorites-toolbar__right">
<el-input
<InputGroupSearch
v-model="worldFavoriteSearch"
clearable
class="favorites-toolbar__search"
:placeholder="t('view.favorite.worlds.search')"
@input="searchWorldFavorites" />
@@ -266,11 +265,11 @@
<el-icon><Plus /></el-icon>
<span>{{ t('view.favorite.worlds.new_group') }}</span>
</div>
<el-input
<InputGroupField
v-else
ref="newLocalGroupInput"
v-model="newLocalGroupName"
size="small"
size="sm"
class="group-item__input"
:placeholder="t('view.favorite.worlds.new_group')"
@keyup.enter="handleLocalGroupCreationConfirm"
@@ -428,6 +427,7 @@
import { MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
import { Ellipsis, RefreshCcw } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { InputGroupField, InputGroupSearch } from '@/components/ui/input-group';
import { ElMessageBox } from 'element-plus';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';
@@ -47,15 +47,13 @@
</Select>
</div>
<br />
<el-input
<InputGroupTextareaField
v-model="avatarExportContent"
type="textarea"
size="small"
:rows="15"
resize="none"
readonly
style="margin-top: 15px"
@click="handleCopyAvatarExportData"></el-input>
input-class="resize-none"
@click="handleCopyAvatarExportData" />
</el-dialog>
</template>
@@ -63,6 +61,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Checkbox } from '@/components/ui/checkbox';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
@@ -20,13 +20,11 @@
</Button>
</div>
</div>
<el-input
<InputGroupTextareaField
v-model="avatarImportDialog.input"
type="textarea"
size="small"
:rows="10"
resize="none"
style="margin-top: 10px"></el-input>
style="margin-top: 10px"
input-class="resize-none" />
<div style="display: flex; align-items: center; justify-content: space-between; margin-top: 5px">
<div>
<div class="flex items-center gap-2">
@@ -163,6 +161,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { Loading } from '@element-plus/icons-vue';
import { Trash2 } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
@@ -21,15 +21,13 @@
<br />
<el-input
<InputGroupTextareaField
v-model="friendExportContent"
type="textarea"
size="small"
:rows="15"
resize="none"
readonly
style="margin-top: 15px"
@click="handleCopyFriendExportData"></el-input>
input-class="resize-none"
@click="handleCopyFriendExportData" />
</el-dialog>
</template>
@@ -37,6 +35,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { storeToRefs } from 'pinia';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
@@ -20,13 +20,11 @@
</Button>
</div>
</div>
<el-input
<InputGroupTextareaField
v-model="friendImportDialog.input"
type="textarea"
size="small"
:rows="10"
resize="none"
style="margin-top: 10px" />
style="margin-top: 10px"
input-class="resize-none" />
<div style="display: flex; align-items: center; justify-content: space-between; margin-top: 5px">
<div>
<Select
@@ -121,6 +119,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { Loading } from '@element-plus/icons-vue';
import { Trash2 } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
@@ -44,15 +44,13 @@
<br />
<el-input
<InputGroupTextareaField
v-model="worldExportContent"
type="textarea"
size="small"
:rows="15"
resize="none"
readonly
style="margin-top: 15px"
@click="handleCopyWorldExportData"></el-input>
input-class="resize-none"
@click="handleCopyWorldExportData" />
</el-dialog>
</template>
@@ -60,6 +58,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Checkbox } from '@/components/ui/checkbox';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
@@ -21,13 +21,11 @@
</Button>
</div>
</div>
<el-input
<InputGroupTextareaField
v-model="worldImportDialog.input"
type="textarea"
size="small"
:rows="10"
resize="none"
style="margin-top: 10px"></el-input>
style="margin-top: 10px"
input-class="resize-none" />
<div style="display: flex; align-items: center; justify-content: space-between; margin-top: 5px">
<div>
<div class="flex items-center gap-2">
@@ -165,6 +163,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { Loading } from '@element-plus/icons-vue';
import { Trash2 } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';