From 2a4b8d81599ec57c9d8a7a6de0dd87aaa501454e Mon Sep 17 00:00:00 2001 From: Masha_Rudenko Date: Fri, 14 Jul 2023 17:57:41 +0300 Subject: [PATCH] [add] avatar form control api --- .../avatar_afterchangeproperties_event.md | 21 ++++++ .../form/api/avatar/avatar_afterhide_event.md | 22 ++++++ .../form/api/avatar/avatar_aftershow_event.md | 21 ++++++ .../api/avatar/avatar_beforechange_event.md | 27 +++++++ .../avatar_beforechangeproperties_event.md | 25 +++++++ .../api/avatar/avatar_beforehide_event.md | 26 +++++++ .../api/avatar/avatar_beforeshow_event.md | 25 +++++++ .../avatar/avatar_beforeuploadfile_event.md | 25 +++++++ docs/form/api/avatar/avatar_change_event.md | 21 ++++++ .../api/avatar/avatar_getproperties_method.md | 72 +++++++++++++++++++ .../api/avatar/avatar_setproperties_method.md | 66 +++++++++++++++++ .../api/avatar/avatar_uploadbegin_event.md | 21 ++++++ .../api/avatar/avatar_uploadcomplete_event.md | 21 ++++++ .../api/avatar/avatar_uploadfail_event.md | 21 ++++++ .../api/avatar/avatar_uploadfile_event.md | 22 ++++++ .../api/avatar/avatar_uploadprogress_event.md | 22 ++++++ ...implevault_beforechangeproperties_event.md | 4 +- sidebars.js | 23 +++++- 18 files changed, 480 insertions(+), 5 deletions(-) create mode 100644 docs/form/api/avatar/avatar_afterchangeproperties_event.md create mode 100644 docs/form/api/avatar/avatar_afterhide_event.md create mode 100644 docs/form/api/avatar/avatar_aftershow_event.md create mode 100644 docs/form/api/avatar/avatar_beforechange_event.md create mode 100644 docs/form/api/avatar/avatar_beforechangeproperties_event.md create mode 100644 docs/form/api/avatar/avatar_beforehide_event.md create mode 100644 docs/form/api/avatar/avatar_beforeshow_event.md create mode 100644 docs/form/api/avatar/avatar_beforeuploadfile_event.md create mode 100644 docs/form/api/avatar/avatar_change_event.md create mode 100644 docs/form/api/avatar/avatar_uploadbegin_event.md create mode 100644 docs/form/api/avatar/avatar_uploadcomplete_event.md create mode 100644 docs/form/api/avatar/avatar_uploadfail_event.md create mode 100644 docs/form/api/avatar/avatar_uploadfile_event.md create mode 100644 docs/form/api/avatar/avatar_uploadprogress_event.md diff --git a/docs/form/api/avatar/avatar_afterchangeproperties_event.md b/docs/form/api/avatar/avatar_afterchangeproperties_event.md new file mode 100644 index 000000000..3d24f877e --- /dev/null +++ b/docs/form/api/avatar/avatar_afterchangeproperties_event.md @@ -0,0 +1,21 @@ +--- +sidebar_label: afterChangeProperties +title: JavaScript Form - afterChangeProperties Avatar Event +description: You can explore the afterChangeProperties event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# afterChangeProperties + +@short: fires after configuration attributes of the control have been changed dynamically + +@signature: {'afterChangeProperties: (properties: object) => void;'} + +@params: +- `properties: object` - an object with the [configuration attributes](form/api/avatar/avatar_setproperties_method.md) of the control and their new values + +@example: +form.getItem("avatar").events.on("afterChangeProperties", properties => { + console.log("afterChangeProperties", properties); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_afterhide_event.md b/docs/form/api/avatar/avatar_afterhide_event.md new file mode 100644 index 000000000..5129e0000 --- /dev/null +++ b/docs/form/api/avatar/avatar_afterhide_event.md @@ -0,0 +1,22 @@ +--- +sidebar_label: afterHide +title: JavaScript Form - afterHide Avatar Event +description: You can explore the afterHide event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# afterHide + +@short: fires after a control is hidden + +@signature: {'afterHide: (value: object, init: boolean) => void;'} + +@params: +- `value: object` - the current value of the control +- `init: boolean` - *true*, if the event is triggered on the control initialization; otherwise, *false* + +@example: +form.getItem("avatar").events.on("afterHide", value => { + console.log("afterHide", value); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_aftershow_event.md b/docs/form/api/avatar/avatar_aftershow_event.md new file mode 100644 index 000000000..8bd80e726 --- /dev/null +++ b/docs/form/api/avatar/avatar_aftershow_event.md @@ -0,0 +1,21 @@ +--- +sidebar_label: afterShow +title: JavaScript Form - afterShow Avatar Event +description: You can explore the afterShow event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# afterShow + +@short: fires after a control is shown + +@signature: {'afterShow: (value: object) => void;'} + +@params: +- `value: object` - the current value of the control + +@example: +form.getItem("avatar").events.on("afterShow", value => { + console.log("afterShow", value); +}); + +@descr: diff --git a/docs/form/api/avatar/avatar_beforechange_event.md b/docs/form/api/avatar/avatar_beforechange_event.md new file mode 100644 index 000000000..01384fba5 --- /dev/null +++ b/docs/form/api/avatar/avatar_beforechange_event.md @@ -0,0 +1,27 @@ +--- +sidebar_label: beforeChange +title: JavaScript Form - beforeChange Avatar Event +description: You can explore the beforeChange event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# beforeChange + +@short: fires before changing the value of a control + +@signature: {'beforeChange: (value: object) => boolean | void;'} + +@params: + +- `value: object` - the value expected to be applied after changes + +@returns: +Return `false` to prevent changing the value of the control; otherwise, `true`. + +@example: +form.getItem("avatar").events.on("beforeChange", value => { + return (value.file && value.file?.name?.length > 10) ?? true; + // prevent changes if the name of the uploaded file is + // less than 10 characters including the extension +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_beforechangeproperties_event.md b/docs/form/api/avatar/avatar_beforechangeproperties_event.md new file mode 100644 index 000000000..3deedeaa4 --- /dev/null +++ b/docs/form/api/avatar/avatar_beforechangeproperties_event.md @@ -0,0 +1,25 @@ +--- +sidebar_label: beforeChangeProperties +title: JavaScript Form - beforeChangeProperties Avatar Event +description: You can explore the beforeChangeProperties event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# beforeChangeProperties + +@short: fires before configuration attributes of the control are changed dynamically + +@signature: {'beforeChangeProperties: (properties: object) => boolean | void;'} + +@params: +- `properties: object` - an object with the [configuration attributes](form/api/avatar/avatar_setproperties_method.md) of the control and their new values + +@returns: +Return `false` to cancel the default action of the event; otherwise, `true`. + +@example: +form.getItem("avatar").events.on("beforeChangeProperties", properties => { + console.log("beforeChangeProperties", properties); + return false; +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_beforehide_event.md b/docs/form/api/avatar/avatar_beforehide_event.md new file mode 100644 index 000000000..b2b578f73 --- /dev/null +++ b/docs/form/api/avatar/avatar_beforehide_event.md @@ -0,0 +1,26 @@ +--- +sidebar_label: beforeHide +title: JavaScript Form - beforeHide Avatar Event +description: You can explore the beforeHide event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# beforeHide + +@short: fires before a control is hidden + +@signature: {'beforeHide: (value: object, init: boolean) => boolean | void;'} + +@params: +- `value: object` - the current value of the control +- `init: boolean` - *true*, if the event is triggered on the control initialization; otherwise, *false* + +@returns: +Return `false` to prevent a control from being hidden; otherwise, `true`. + +@example: +form.getItem("avatar").events.on("beforeHide", value => { + console.log("beforeHide", value); + return true; +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_beforeshow_event.md b/docs/form/api/avatar/avatar_beforeshow_event.md new file mode 100644 index 000000000..33d611ff6 --- /dev/null +++ b/docs/form/api/avatar/avatar_beforeshow_event.md @@ -0,0 +1,25 @@ +--- +sidebar_label: beforeShow +title: JavaScript Form - beforeShow Avatar Event +description: You can explore the beforeShow event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# beforeShow + +@short: fires before a control is shown + +@signature: {'beforeShow: (value: object) => boolean | void;'} + +@params: +- `value: object` - the current value of the control + +@returns: +Return `false` to prevent a control from being shown; otherwise, `true`. + +@example: +form.getItem("avatar").events.on("beforeShow", value => { + console.log("beforeShow", value); + return true; +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_beforeuploadfile_event.md b/docs/form/api/avatar/avatar_beforeuploadfile_event.md new file mode 100644 index 000000000..fdfebe7be --- /dev/null +++ b/docs/form/api/avatar/avatar_beforeuploadfile_event.md @@ -0,0 +1,25 @@ +--- +sidebar_label: beforeUploadFile +title: JavaScript Form - beforeUploadFile Avatar Event +description: You can explore the beforeUploadFile event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# beforeUploadFile + +@short: fires before file upload begins + +@signature: {'beforeUploadFile: (value: object) => boolean | void;'} + +@params: +- `value: object` - the current value of the control + +@returns: +Return `false` to cancel file uploading; otherwise, `true`. + +@example: +form.getItem("avatar").events.on("beforeUploadFile", (value) => { + console.log("beforeUploadFile", value); + return true; +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_change_event.md b/docs/form/api/avatar/avatar_change_event.md new file mode 100644 index 000000000..46bbd3d89 --- /dev/null +++ b/docs/form/api/avatar/avatar_change_event.md @@ -0,0 +1,21 @@ +--- +sidebar_label: change +title: JavaScript Form - change Avatar Event +description: You can explore the change event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# change + +@short: fires on changing the value of a control + +@signature: {'change: (value: object) => void;'} + +@params: +- `value: object` - the current value of the control + +@example: +form.getItem("avatar").events.on("change", value => { + console.log("change", value); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_getproperties_method.md b/docs/form/api/avatar/avatar_getproperties_method.md index e69de29bb..238fdc6f7 100644 --- a/docs/form/api/avatar/avatar_getproperties_method.md +++ b/docs/form/api/avatar/avatar_getproperties_method.md @@ -0,0 +1,72 @@ +--- +sidebar_label: getProperties() +title: JavaScript Form - getProperties Avatar Method +description: You can explore the getProperties method of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# getProperties() + +@short: returns an object with the available configuration attributes of the control + +@signature: {'getProperties(): object;'} + +@returns: +An object with the available attributes of the control and their values. + +@example: +const form = new dhx.Form("form_container", { + rows: [ + { + type: "avatar", + name:"avatar", + helpMessage: "Help information", + required: true, + label: "Avatar", + labelWidth: 140, + target: "https://docs.dhtmlx.com/suite/backend/upload", + } + ] +}); + +form.getItem("avatar").getProperties(); + +@descr: + +The returned object of the **Avatar** control looks like: + +~~~js +{ + "css": "", + "width": "content", + "height": "content", + "padding": undefined, + "label": "Avatar", + "labelWidth": 140, + "labelPosition": "top", + "hiddenLabel": false, + "helpMessage": "Help information", + "required": true, + "preMessage": "", + "successMessage": "", + "errorMessage": "", + "validation": undefined, + "readOnly": false, + "removeIcon": true, + "size": "medium", + "circle": false, + "alt": "", + "icon": "", + "placeholder": "", + "preview": "", + "accept": "", + "target": "https://docs.dhtmlx.com/suite/backend/upload", + "fieldName": "file", + "autosend": false, + "params": undefined, + "headerParams": undefined, + "updateFromResponse": true +} +~~~ + +You will find the description of these properties [here](form/api/avatar/api_avatar_properties.md). + diff --git a/docs/form/api/avatar/avatar_setproperties_method.md b/docs/form/api/avatar/avatar_setproperties_method.md index e69de29bb..ff0c0522f 100644 --- a/docs/form/api/avatar/avatar_setproperties_method.md +++ b/docs/form/api/avatar/avatar_setproperties_method.md @@ -0,0 +1,66 @@ +--- +sidebar_label: setProperties() +title: JavaScript Form - setProperties Avatar Method +description: You can explore the setProperties method of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# setProperties() + +@short: allows changing available configuration attributes of the control dynamically + +@signature: {'setProperties(properties: object): void;'} + +@params: +- `properties: object` - an object with the available attributes of the control and their new values + +@example: +form.getItem("avatar").setProperties({ + labelWidth: "140px", + labelPosition: "top" +}); + +@descr: + +:::info +The method invokes the [](form/api/avatar/avatar_afterchangeproperties_event.md) and [](form/api/avatar/avatar_beforechangeproperties_event.md) events. +::: + +It is possible to change values of the following configuration attributes of the **Avatar** control: + +~~~js +{ + css?: string; + width?: string | number | "content"; + height?: string | number | "content"; + padding?: string | number; + label?: string; + labelWidth?: string | number; + labelPosition?: "left" | "top"; + hiddenLabel?: boolean; + helpMessage?: string; + required?: boolean; + preMessage?: string; + successMessage?: string; + errorMessage?: string; + validation?: (value: object) => boolean; + readOnly?: boolean; + removeIcon?: boolean; + size?: "small" | "medium" | "large" | number; + circle?: boolean; + alt?: string; + icon?: string; + placeholder?: string; + preview?: string; + accept?: string; + target?: string; + fieldName?: string; + autosend?: boolean; + params?: { [key: string]: any }; + headerParams?: { [key: string]: any }; + updateFromResponse?: boolean; +} +~~~ + +You will find the description of these properties [here](form/api/avatar/api_avatar_properties.md). + + diff --git a/docs/form/api/avatar/avatar_uploadbegin_event.md b/docs/form/api/avatar/avatar_uploadbegin_event.md new file mode 100644 index 000000000..cea8bb72e --- /dev/null +++ b/docs/form/api/avatar/avatar_uploadbegin_event.md @@ -0,0 +1,21 @@ +--- +sidebar_label: uploadBegin +title: JavaScript Form - uploadBegin Avatar Event +description: You can explore the uploadBegin event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# uploadBegin + +@short: fires when file upload begins + +@signature: {'uploadBegin: (value: object) => void;'} + +@params: +- `value: object` - the current value of the control + +@example: +form.getItem("avatar").events.on("uploadBegin", (value) => { + console.log("uploadBegin", value); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_uploadcomplete_event.md b/docs/form/api/avatar/avatar_uploadcomplete_event.md new file mode 100644 index 000000000..cba1793d3 --- /dev/null +++ b/docs/form/api/avatar/avatar_uploadcomplete_event.md @@ -0,0 +1,21 @@ +--- +sidebar_label: uploadComplete +title: JavaScript Form - uploadComplete Avatar Event +description: You can explore the uploadComplete event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# uploadComplete + +@short: fires when upload is completed + +@signature: {'uploadComplete: (value: object) => void;'} + +@params: +- `value: object` - the current value of the control + +@example: +form.getItem("avatar").events.on("uploadComplete", (value) => { + console.log("uploadComplete", value); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_uploadfail_event.md b/docs/form/api/avatar/avatar_uploadfail_event.md new file mode 100644 index 000000000..db40d0b3c --- /dev/null +++ b/docs/form/api/avatar/avatar_uploadfail_event.md @@ -0,0 +1,21 @@ +--- +sidebar_label: uploadFail +title: JavaScript Form - uploadFail Avatar Event +description: You can explore the uploadFail event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# uploadFail + +@short: fires if the file upload failed + +@signature: {'uploadFail: (value: object) => void;'} + +@params: +- `value: object` - the current value of the control + +@example: +form.getItem("avatar").events.on("uploadFail", (value) => { + console.log("uploadFail", value); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_uploadfile_event.md b/docs/form/api/avatar/avatar_uploadfile_event.md new file mode 100644 index 000000000..bc3035eaf --- /dev/null +++ b/docs/form/api/avatar/avatar_uploadfile_event.md @@ -0,0 +1,22 @@ +--- +sidebar_label: uploadFile +title: JavaScript Form - uploadFile Avatar Event +description: You can explore the uploadFile event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# uploadFile + +@short: fires when a file has been uploaded + +@signature: {'uploadFile: (value: object, extra?: { [key: string]: string }) => void;'} + +@params: +- `value: object` - the current value of the control +- `extra: any` - the server response + +@example: +form.getItem("avatar").events.on("uploadFile", (value, extra) => { + console.log("uploadFile", value, extra); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/avatar/avatar_uploadprogress_event.md b/docs/form/api/avatar/avatar_uploadprogress_event.md new file mode 100644 index 000000000..49d398966 --- /dev/null +++ b/docs/form/api/avatar/avatar_uploadprogress_event.md @@ -0,0 +1,22 @@ +--- +sidebar_label: uploadProgress +title: JavaScript Form - uploadProgress Avatar Event +description: You can explore the uploadProgress event of the Avatar control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# uploadProgress + +@short: fires on each percent of a file uploading + +@signature: {'uploadProgress: (progress: number, value: object) => void;'} + +@params: +- `progress: number` - the current percent of the file uploading, a number from 0 to 100 +- `value: object` - the current value of the control + +@example: +form.getItem("avatar").events.on("uploadProgress", (progress, value) => { + console.log("uploadProgress", progress, value); +}); + +@descr: \ No newline at end of file diff --git a/docs/form/api/simplevault/simplevault_beforechangeproperties_event.md b/docs/form/api/simplevault/simplevault_beforechangeproperties_event.md index a6e4a408c..f9a1904e5 100644 --- a/docs/form/api/simplevault/simplevault_beforechangeproperties_event.md +++ b/docs/form/api/simplevault/simplevault_beforechangeproperties_event.md @@ -1,7 +1,7 @@ --- sidebar_label: beforeChangeProperties title: JavaScript Form - beforeChangeProperties Simple Vault Event -description: You can explore the beforeChangeProperties Sevent of the Simple Vault control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +description: You can explore the beforeChangeProperties event of the Simple Vault control of Form in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. --- # beforeChangeProperties @@ -11,7 +11,7 @@ description: You can explore the beforeChangeProperties Sevent of the Simple Vau @signature: {'beforeChangeProperties: (properties: object) => boolean | void;'} @params: -- `properties: object` - an object with [configuration attributes](form/api/simplevault/simplevault_setproperties_method.md) of the control and their new values +- `properties: object` - an object with the [configuration attributes](form/api/simplevault/simplevault_setproperties_method.md) of the control and their new values @returns: Return `false` to cancel the default action of the event; otherwise, `true`. diff --git a/sidebars.js b/sidebars.js index b48463c9a..3ee74cb4a 100644 --- a/sidebars.js +++ b/sidebars.js @@ -830,17 +830,21 @@ module.exports = { image: '/img/docusaurus.png' }, items: [ + "form/api/avatar/avatar_blur_method", "form/api/avatar/avatar_clear_method", "form/api/avatar/avatar_clearvalidate_method", "form/api/avatar/avatar_destructor_method", "form/api/avatar/avatar_disable_method", "form/api/avatar/avatar_enable_method", + "form/api/avatar/avatar_focus_method", + "form/api/avatar/avatar_getproperties_method", "form/api/avatar/avatar_getvalue_method", "form/api/avatar/avatar_hide_method", "form/api/avatar/avatar_isdisabled_method", "form/api/avatar/avatar_isvisible_method", "form/api/avatar/avatar_selectfile_method", "form/api/avatar/avatar_send_method", + "form/api/avatar/avatar_setproperties_method", "form/api/avatar/avatar_setvalue_method", "form/api/avatar/avatar_show_method", "form/api/avatar/avatar_validate_method" @@ -856,10 +860,23 @@ module.exports = { keywords: ['form avatar events'], image: '/img/docusaurus.png' }, - items: [ + items: [ + "form/api/avatar/avatar_afterchangeproperties_event", + "form/api/avatar/avatar_afterhide_event", + "form/api/avatar/avatar_aftershow_event", "form/api/avatar/avatar_aftervalidate_event", - "form/api/avatar/avatar_beforevalidate_event", - + "form/api/avatar/avatar_beforechange_event", + "form/api/avatar/avatar_beforechangeproperties_event", + "form/api/avatar/avatar_beforehide_event", + "form/api/avatar/avatar_beforeshow_event", + "form/api/avatar/avatar_beforeuploadfile_event", + "form/api/avatar/avatar_beforevalidate_event", + "form/api/avatar/avatar_change_event", + "form/api/avatar/avatar_uploadbegin_event", + "form/api/avatar/avatar_uploadcomplete_event", + "form/api/avatar/avatar_uploadfail_event", + "form/api/avatar/avatar_uploadfile_event", + "form/api/avatar/avatar_uploadprogress_event", ], }, {