feat: 更新 PInputText 组件,优化组件名称并调整类型声明
This commit is contained in:
@ -15,6 +15,8 @@ import {
|
||||
import { messages } from '../sections/messages';
|
||||
import { h, markRaw } from 'vue';
|
||||
|
||||
// https://github.com/formkit/formkit/blob/e57ad1632b95d34d9e6cf046a4802f7ae389700e/packages/vue/src/composables/createInput.ts
|
||||
|
||||
/**
|
||||
* Input definition for a text.
|
||||
* @public
|
||||
|
@ -5,21 +5,14 @@ import InputTextCmp from 'primevue/inputtext';
|
||||
import { markRaw } from 'vue';
|
||||
import { messages } from '../sections/messages';
|
||||
|
||||
declare module '@formkit/inputs' {
|
||||
// https://formkit.com/essentials/custom-inputs#typescript-support
|
||||
interface FormKitInputProps<Props extends FormKitInputs<Props>> {
|
||||
PInputText: {
|
||||
type: 'PInputText';
|
||||
};
|
||||
}
|
||||
}
|
||||
const cmpName = `SchemaComponentPInputText`;
|
||||
|
||||
export const PInputText: FormKitTypeDefinition = {
|
||||
type: 'input',
|
||||
schema: outer(
|
||||
label('$label'),
|
||||
createSection('input', () => ({
|
||||
$cmp: 'InputTextCmp',
|
||||
$cmp: cmpName,
|
||||
bind: '$attrs',
|
||||
props: {
|
||||
invalid: '$state.invalid',
|
||||
@ -37,8 +30,17 @@ export const PInputText: FormKitTypeDefinition = {
|
||||
messages(),
|
||||
),
|
||||
library: {
|
||||
InputTextCmp: markRaw(InputTextCmp),
|
||||
[cmpName]: markRaw(InputTextCmp),
|
||||
},
|
||||
features: [casts],
|
||||
// schemaMemoKey: 'g2f31c24kjh',
|
||||
};
|
||||
|
||||
declare module '@formkit/inputs' {
|
||||
// https://formkit.com/essentials/custom-inputs#typescript-support
|
||||
interface FormKitInputProps<Props extends FormKitInputs<Props>> {
|
||||
PInputText: {
|
||||
type: 'PInputText';
|
||||
};
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user