Fix textarea reloading

This commit is contained in:
kwaroran
2024-11-04 19:01:37 +09:00
parent b714e01aba
commit d02d17f177
2 changed files with 17 additions and 4 deletions

View File

@@ -10,6 +10,7 @@
import OptionInput from "../../UI/GUI/OptionInput.svelte"; import OptionInput from "../../UI/GUI/OptionInput.svelte";
import Arcodion from "src/lib/UI/Arcodion.svelte"; import Arcodion from "src/lib/UI/Arcodion.svelte";
import NumberInput from "src/lib/UI/GUI/NumberInput.svelte"; import NumberInput from "src/lib/UI/GUI/NumberInput.svelte";
import { ReloadGUIPointer } from "src/ts/stores.svelte";
interface Props { interface Props {
value: customscript; value: customscript;
@@ -108,9 +109,13 @@
{#if open} {#if open}
<div class="seperator p-2"> <div class="seperator p-2">
<span class="text-textcolor mt-6">{language.name}</span> <span class="text-textcolor mt-6">{language.name}</span>
<TextInput size="sm" bind:value={value.comment} /> <TextInput size="sm" bind:value={value.comment} onchange={(e) => {
$ReloadGUIPointer += 1
}} />
<span class="text-textcolor mt-4">Modification Type</span> <span class="text-textcolor mt-4">Modification Type</span>
<SelectInput bind:value={value.type}> <SelectInput bind:value={value.type} onchange={(e) => {
$ReloadGUIPointer += 1
}}>
<OptionInput value="editinput">{language.editInput}</OptionInput> <OptionInput value="editinput">{language.editInput}</OptionInput>
<OptionInput value="editoutput">{language.editOutput}</OptionInput> <OptionInput value="editoutput">{language.editOutput}</OptionInput>
<OptionInput value="editprocess">{language.editProcess}</OptionInput> <OptionInput value="editprocess">{language.editProcess}</OptionInput>
@@ -120,7 +125,9 @@
<span class="text-textcolor mt-6">IN:</span> <span class="text-textcolor mt-6">IN:</span>
<TextInput size="sm" bind:value={value.in} /> <TextInput size="sm" bind:value={value.in} />
<span class="text-textcolor mt-6">OUT:</span> <span class="text-textcolor mt-6">OUT:</span>
<TextAreaInput highlight autocomplete="off" size="sm" bind:value={value.out} /> <TextAreaInput highlight autocomplete="off" size="sm" bind:value={value.out} onInput={(e) => {
$ReloadGUIPointer += 1
}} />
{#if value.ableFlag} {#if value.ableFlag}
<!-- <span class="text-textcolor mt-6">FLAG:</span> <!-- <span class="text-textcolor mt-6">FLAG:</span>
<TextInput size="sm" bind:value={value.flag} /> --> <TextInput size="sm" bind:value={value.flag} /> -->

View File

@@ -65,6 +65,7 @@
value = e.currentTarget.value value = e.currentTarget.value
onInput() onInput()
} }
onchange()
}} }}
></textarea> ></textarea>
{:else} {:else}
@@ -86,6 +87,9 @@
insertTextAtSelection(text) insertTextAtSelection(text)
} }
}} }}
onchange={(e) => {
onchange()
}}
bind:this={inputDom} bind:this={inputDom}
translate="no" translate="no"
>{value ?? ''}</div> >{value ?? ''}</div>
@@ -119,6 +123,7 @@
className?: string; className?: string;
optimaizedInput?: boolean; optimaizedInput?: boolean;
highlight?: boolean; highlight?: boolean;
onchange?: () => void;
} }
let { let {
@@ -134,7 +139,8 @@
height = 'default', height = 'default',
className = '', className = '',
optimaizedInput = true, optimaizedInput = true,
highlight = false highlight = false,
onchange = () => {}
}: Props = $props(); }: Props = $props();
let selectingAutoComplete = $state(0) let selectingAutoComplete = $state(0)
let highlightId = highlight ? getNewHighlightId() : 0 let highlightId = highlight ? getNewHighlightId() : 0