foxit-component 0.0.1-alpha.32 → 0.0.1-alpha.33

package/es/Form/FormItem.d.ts

@@ -2,7 +2,8 @@ import React, { ReactNode } from 'react';
 import './form.css';
 interface FormItemProps {
     name: string;
-    label?: string;
+    label?: string | ReactNode;
+    extra?: string | ReactNode;
     rules?: {
         required?: boolean;
         message?: string;

package/es/Form/FormItem.js

@@ -1,11 +1,11 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useContext, useEffect, useCallback } from 'react';
 import { FormContext } from './FormContext.js';
 
 var FormItem = function (_a) {
     var _b, _c, _d;
-    var name = _a.name, label = _a.label, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children;
+    var name = _a.name, label = _a.label, extra = _a.extra, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children;
     var _f = useContext(FormContext), form = _f.form, formFields = _f.formFields;
     // Register field when component mounts
     useEffect(function () {
@@ -23,7 +23,7 @@ var FormItem = function (_a) {
         var newValue = ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.value) !== undefined ? e.target.value : e;
         form.setFieldsValue((_a = {}, _a[name] = newValue, _a));
     }, [form, name]);
-    return (jsxs("div", __assign({ className: "foxit-form-item" }, { children: [label && (jsxs("label", { children: [label, rules.some(function (rule) { return rule.required; }) && jsx("span", __assign({ className: "foxit-form-required" }, { children: "*" }))] })), jsx("span", __assign({ className: "".concat(error ? 'foxit-form-error-component' : warning ? 'foxit-form-warning-component' : '') }, { children: React.Children.map(children, function (child) {
+    return (jsxs("div", __assign({ className: "foxit-form-item" }, { children: [label && (jsxs("label", { children: [label, rules.some(function (rule) { return rule.required; }) && jsx("span", __assign({ className: "foxit-form-required" }, { children: "*" })), extra && jsx(Fragment, { children: extra })] })), jsx("span", __assign({ className: "".concat(error ? 'foxit-form-error-component' : warning ? 'foxit-form-warning-component' : '') }, { children: React.Children.map(children, function (child) {
                     return React.cloneElement(child, {
                         value: value,
                         onChange: handleChange

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foxit-component",
-  "version": "0.0.1-alpha.32",
+  "version": "0.0.1-alpha.33",
   "author": {
     "name": "linye",
     "email": "869675630@qq.com"