opensource/yn
3
0
Fork 0
mirror of https://github.com/purocean/yn.git synced 2026-09-24 15:46:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update input modal to support maxlength property

Browse Source
This commit is contained in:
purocean
2024-07-25 03:45:44 +08:00
parent 7060f17e55
commit 9017deb35b
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/ModalUi.vue
+5 -2
View File
@@ -5,8 +5,8 @@
<component v-if="component" :is="component" />
<p class="content" v-if="content">{{content}}</p>
<template v-if="type === 'input'">
<textarea class="textarea" v-if="inputType === 'textarea'" ref="refInput" rows="5" :placeholder="inputHint" :readonly="inputReadonly" v-model="inputValue" tabindex="2" />
<input class="input" v-else ref="refInput" :type="inputType" :placeholder="inputHint" :readonly="inputReadonly" v-model="inputValue" @keypress.enter.stop.prevent="ok" tabindex="2" />
<textarea class="textarea" v-if="inputType === 'textarea'" ref="refInput" rows="5" :placeholder="inputHint" :readonly="inputReadonly" v-model="inputValue" tabindex="2" :maxlength="inputMaxLength > 0 ? inputMaxLength : undefined" />
<input class="input" v-else ref="refInput" :type="inputType" :placeholder="inputHint" :readonly="inputReadonly" v-model="inputValue" @keypress.enter.stop.prevent="ok" tabindex="2" :maxlength="inputMaxLength > 0 ? inputMaxLength : undefined" />
</template>
<div class="action">
<component v-if="action" :is="action" />
@@ -47,6 +47,7 @@ export default defineComponent({
const inputValue = ref('')
const inputHint = ref('')
const inputReadonly = ref(false)
const inputMaxLength = ref(0)
const modalWidth = ref<string | undefined>(undefined)
let resolveFun: Function | null = null
@@ -113,6 +114,7 @@ export default defineComponent({
inputType.value = params.type || 'text'
inputValue.value = params.value || ''
inputHint.value = params.hint || ''
inputMaxLength.value = params.maxlength || 0
inputReadonly.value = params.readonly || false
modalWidth.value = params.modalWidth
component.value = params.component
@@ -155,6 +157,7 @@ export default defineComponent({
inputValue,
inputHint,
inputReadonly,
inputMaxLength,
modalWidth,
}
},
src/renderer/types.ts
+1
View File
@@ -112,6 +112,7 @@ export namespace Components {
export interface InputModalParams extends BaseParams {
type?: string;
maxlength?: number;
value?: string;
hint?: string;
readonly?: boolean;