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

Mikasa33

2021-05-18 f455fb97f9b70ca4979561a82ae0f25825527013

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

* feat(form): helpMessage

* feat(form): helpMessage

 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>
        );
      }

 src/components/Form/src/types/form.ts

@@ -125,7 +125,7 @@
  // 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