Forráskód Böngészése

feat(form): helpMessage Increase function type value (#616)

* feat(form): helpMessage

* feat(form): helpMessage
Mikasa33 3 éve
szülő
commit
f455fb97f9

+ 3 - 2
src/components/Form/src/components/FormItem.vue

@@ -261,13 +261,14 @@
         ) : (
           label
         );
-        if (!helpMessage || (Array.isArray(helpMessage) && helpMessage.length === 0)) {
+        const getHelpMessage = isFunction(helpMessage) ? helpMessage(unref(getValues)) : helpMessage;
+        if (!getHelpMessage || (Array.isArray(getHelpMessage) && getHelpMessage.length === 0)) {
           return renderLabel;
         }
         return (
           <span>
             {renderLabel}
-            <BasicHelp placement="top" class="mx-1" text={helpMessage} {...helpComponentProps} />
+            <BasicHelp placement="top" class="mx-1" text={getHelpMessage} {...helpComponentProps} />
           </span>
         );
       }

+ 1 - 1
src/components/Form/src/types/form.ts

@@ -125,7 +125,7 @@ export interface FormSchema {
   // Auxiliary text
   subLabel?: string;
   // Help text on the right side of the text
-  helpMessage?: string | string[];
+  helpMessage?: string | string[] | ((renderCallbackParams: RenderCallbackParams) => string | string[]);
   // BaseHelp component props
   helpComponentProps?: Partial<HelpComponentProps>;
   // Label width, if it is passed, the labelCol and WrapperCol configured by itemProps will be invalid