admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 10:02:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Refactor input components to composition API (no-changelog) (#9744)

Browse Source
This commit is contained in:
Elias Meire
2024-06-18 15:04:08 +02:00
committed by GitHub
parent 8f94dcc0e9
commit e3cbce5028
12 changed files with 1007 additions and 1178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/editor-ui/src/components/ExpandableInput/ExpandableInputBase.vue
View File

@@ -5,23 +5,24 @@
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
<script setup lang="ts">
import { computed } from 'vue';
export default defineComponent({
name: 'ExpandableInputBase',
props: ['modelValue', 'placeholder', 'staticSize'],
computed: {
hiddenValue() {
let value = (this.modelValue as string).replace(/\s/g, '.'); // force input to expand on space chars
if (!value) {
// @ts-ignore
value = this.placeholder;
}
type Props = {
modelValue: string;
placeholder?: string;
staticSize?: boolean;
};
return `${value}`; // adjust for padding
},
},
const props = withDefaults(defineProps<Props>(), { staticSize: false, placeholder: '' });
const hiddenValue = computed(() => {
let value = props.modelValue.replace(/\s/g, '.'); // force input to expand on space chars
if (!value) {
value = props.placeholder;
}
return `${value}`; // adjust for padding
});
</script>