javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 18:17:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue): input components update refs on ionInput (#26876)

Browse Source 
resolves #26700
This commit is contained in:
Liam DeBeasi
2023-03-02 09:09:25 -05:00
committed by GitHub
parent e11aa153e2
commit 7d9ce7420a
5 changed files with 44 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/vue/src/ionic-vue.ts
View File

@ -10,10 +10,19 @@ import type { App, Plugin } from "vue";
* otherwise the binding's callback will fire before any
* v-model values have been updated.
*/
const toKebabCase = (eventName: string) =>
eventName === "ionChange"
? "v-ion-change"
: eventName.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
const toKebabCase = (eventName: string) => {
const kebabConvert = (name: string) =>
name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
switch (eventName) {
case "ionInput":
return "v-ion-input";
case "ionChange":
return "v-ion-change";
default:
return kebabConvert(eventName);
}
};
const getHelperFunctions = () => {
return {

6
packages/vue/src/proxies.ts
View File

@ -434,7 +434,7 @@ export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput>('ion-input',
'ionFocus',
'ionStyle'
],
'value', 'v-ion-change', 'ionChange');
'value', 'v-ion-input', 'ionInput');
export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
@ -695,7 +695,7 @@ export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar>('ion
'ionFocus',
'ionStyle'
],
'value', 'v-ion-change', 'ionChange');
'value', 'v-ion-input', 'ionInput');
export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment>('ion-segment', defineIonSegment, [
@ -818,7 +818,7 @@ export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea>('ion-t
'ionBlur',
'ionFocus'
],
'value', 'v-ion-change', 'ionChange');
'value', 'v-ion-input', 'ionInput');
export const IonThumbnail = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);