shineout 3.8.0-beta.20 → 3.8.0-beta.21

package/cjs/date-picker/date-picker.js

@@ -24,7 +24,7 @@ var jssStyle = {
   popover: _shineoutStyle.usePopoverStyle,
   link: _shineoutStyle.useLinkStyle
 };
-var BaseDatePicker = function BaseDatePicker(props) {
+var DatePicker = function DatePicker(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.DatePicker, _objectSpread({
     jssStyle: jssStyle
   }, props));
@@ -55,5 +55,5 @@ var _default = exports.default = function _default(props) {
   }, []);
   return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), {}, {
     defaultValue: defaultValue
-  }), BaseDatePicker);
+  }), DatePicker);
 };

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.8.0-beta.20'
+  version: '3.8.0-beta.21'
 };

package/cjs/rate/rate.js

@@ -18,17 +18,17 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var jssStyle = {
   rate: _shineoutStyle.useRateStyle
 };
-var BaseRate = function BaseRate(props) {
+var Rate = function Rate(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Rate, _objectSpread({
     jssStyle: jssStyle
   }, props));
 };
-var Rate = function Rate(props) {
-  return (0, _useFieldCommon.default)(props, BaseRate, 'number');
+var WrappedRate = function WrappedRate(props) {
+  return (0, _useFieldCommon.default)(props, Rate, 'number');
 };
 var _default = exports.default = function _default(background, front, opts) {
   var RateIns = function RateIns(props) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Rate, _objectSpread(_objectSpread({}, opts), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedRate, _objectSpread(_objectSpread({}, opts), {}, {
       background: background,
       front: front || background
     }, props));

package/cjs/select/select.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SelectPropsA, SelectPropsB } from './select.type';
-declare function Select<DataItem, Value>(props: SelectPropsA<DataItem, Value>): JSX.Element;
-declare function Select<DataItem, Value>(props: SelectPropsB<DataItem, Value>): JSX.Element;
-export default Select;
+declare function SelectComponent<DataItem, Value>(props: SelectPropsA<DataItem, Value>): JSX.Element;
+declare function SelectComponent<DataItem, Value>(props: SelectPropsB<DataItem, Value>): JSX.Element;
+export default SelectComponent;

package/cjs/select/select.js

@@ -27,12 +27,12 @@ var jssStyle = {
   spin: _shineoutStyle.useSpinStyle,
   common: _shineoutStyle.useCommonStyle
 };
-function SelectComponent(props) {
+function Select(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Select, _objectSpread({
     jssStyle: jssStyle
   }, props));
 }
-function Select(props) {
-  return (0, _useFieldCommon.default)(props, SelectComponent, 'array');
+function SelectComponent(props) {
+  return (0, _useFieldCommon.default)(props, Select, 'array');
 }
-var _default = exports.default = Select;
+var _default = exports.default = SelectComponent;

package/dist/shineout.js

@@ -12234,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.8.0-beta.20');
+/* harmony default export */ var version = ('3.8.0-beta.21');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -30846,6 +30846,10 @@ var getFieldId = function getFieldId(name, formName) {
   if (!name) return undefined;
   return "".concat(formName ? "".concat(formName, "_") : '').concat(name);
 };
+var getOriginField = function getOriginField(name, formName) {
+  if (!name || !formName) return '';
+  return name.replace("".concat(formName, "_"), '');
+};
 ;// CONCATENATED MODULE: ../hooks/src/utils/attribute.ts
 var getDataAttribute = function getDataAttribute(attrs) {
   return Object.keys(attrs).reduce(function (acc, key) {
@@ -42892,6 +42896,7 @@ var useFormBind = function useFormBind() {
 var FormItemContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext({
   updateError: function updateError() {}
 });
+FormItemContext.displayName = 'FormItemContext';
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form-fieldset/fieldset-context.ts
 'use client';
 
@@ -43549,6 +43554,15 @@ function useFormControl(props) {
     name: name
   };
 }
+;// CONCATENATED MODULE: ../hooks/src/components/use-form/form-schema-context.ts
+"use client";
+
+
+var FormSchemaContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext(null);
+var useFormSchema = function useFormSchema() {
+  return external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext(FormSchemaContext);
+};
+FormSchemaContext.displayName = 'FormSchemaContext';
 ;// CONCATENATED MODULE: ../base/src/form/form-field.tsx
 
 
@@ -43626,9 +43640,31 @@ var FormField = function FormField(props) {
   } else {
     finalChildren = children;
   }
+  var formSchema = useFormSchema();
+  var _useContext3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormItemContext),
+    label = _useContext3.label;
+  var finalFieldId = formFieldId || fieldId || fieldsetPathId;
+
+  // 只有当 formConfig.formName 存在时才运行 schema 逻辑
+  if (formConfig.formName && formSchema && finalFieldId) {
+    var schemaFields = finalFieldId.split(separator) || [];
+    var schemaMeta = formSchema.buildSchemaFromComponent({
+      componentElement: finalChildren,
+      rules: props.rules,
+      label: label,
+      finalFieldId: finalFieldId,
+      separator: separator
+    });
+    schemaFields.forEach(function (field) {
+      formSchema.updateSchema({
+        path: getOriginField(field, formConfig.formName),
+        meta: schemaMeta
+      });
+    });
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsx)(FormFieldContext.Provider, {
     value: {
-      fieldId: formFieldId || fieldId || fieldsetPathId,
+      fieldId: finalFieldId,
       separator: separator
     },
     children: finalChildren
@@ -48409,7 +48445,7 @@ var date_picker_jssStyle = {
   popover: usePopoverStyle,
   link: useLinkStyle
 };
-var BaseDatePicker = function BaseDatePicker(props) {
+var date_picker_DatePicker = function DatePicker(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_date_picker_date_picker, objectSpread2_default()({
     jssStyle: date_picker_jssStyle
   }, props));
@@ -48440,7 +48476,7 @@ var BaseDatePicker = function BaseDatePicker(props) {
   }, []);
   return use_field_common(objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     defaultValue: defaultValue
-  }), BaseDatePicker);
+  }), date_picker_DatePicker);
 });
 ;// CONCATENATED MODULE: ./src/date-picker/index.ts
 
@@ -49996,7 +50032,10 @@ var Textarea = function Textarea(props) {
       });
     }
   }, [focused]);
-  var textareaEl = /*#__PURE__*/(0,jsx_runtime.jsx)("textarea", objectSpread2_default()({}, textareaProps));
+  var textareaElProps = removeProps(textareaProps, {
+    formName: undefined
+  });
+  var textareaEl = /*#__PURE__*/(0,jsx_runtime.jsx)("textarea", objectSpread2_default()({}, textareaElProps));
   if (typeof renderTextarea === 'function') {
     textareaEl = renderTextarea(textareaEl);
   }
@@ -50738,6 +50777,7 @@ EmptyComp.displayName = 'ShineoutEmpty';
 
 
 
+
 var topPath = {
   path: '',
   validateFieldSet: function validateFieldSet() {}
@@ -50746,7 +50786,8 @@ var Provider = function Provider(props) {
   var children = props.children,
     formConfig = props.formConfig,
     formValue = props.formValue,
-    formFunc = props.formFunc;
+    formFunc = props.formFunc,
+    formSchema = props.formSchema;
   return /*#__PURE__*/(0,jsx_runtime.jsx)(FormFuncContext.Provider, {
     value: formFunc,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(FormBindContext.Provider, {
@@ -50755,7 +50796,10 @@ var Provider = function Provider(props) {
         value: topPath,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(FormConfigContext.Provider, {
           value: formConfig,
-          children: children
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(FormSchemaContext.Provider, {
+            value: formSchema,
+            children: children
+          })
         })
       })
     })
@@ -50854,6 +50898,303 @@ function use_previous_usePrevious(value) {
   });
   return ref.current;
 }
+;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form-schema/form-schema-builder.ts
+
+
+
+
+
+
+var form_schema_builder_excluded = ["required"];
+var SchemaBuilder = /*#__PURE__*/function () {
+  function SchemaBuilder(formName) {
+    classCallCheck_default()(this, SchemaBuilder);
+    defineProperty_default()(this, "schema", void 0);
+    this.schema = {
+      type: 'object',
+      title: formName,
+      properties: {}
+    };
+  }
+  createClass_default()(SchemaBuilder, [{
+    key: "updateSchema",
+    value: function updateSchema(_ref) {
+      var path = _ref.path,
+        meta = _ref.meta;
+      var pathSegments = this.parsePath(path);
+      if (!pathSegments) return;
+      this.mergeSchema(this.schema, pathSegments, meta);
+    }
+
+    /**
+     * 根据组件信息构建 schema meta
+     */
+  }, {
+    key: "buildSchemaFromComponent",
+    value: function buildSchemaFromComponent(params) {
+      var _componentElement$pro;
+      var componentElement = params.componentElement,
+        rules = params.rules,
+        label = params.label,
+        finalFieldId = params.finalFieldId,
+        separator = params.separator;
+      var fieldSchemaInfo = {
+        title: label
+      };
+      var data = componentElement.props.data;
+      var isRequired = rules === null || rules === void 0 ? void 0 : rules.some(function (rule) {
+        return rule.required;
+      });
+      fieldSchemaInfo.required = isRequired;
+      fieldSchemaInfo.description = '';
+      if (rules !== null && rules !== void 0 && rules.length) {
+        var messageRules = rules.filter(function (rule) {
+          return typeof rule.message === 'string';
+        });
+        if (messageRules.length) {
+          fieldSchemaInfo.description += "rules: ".concat(messageRules.map(function (rule) {
+            return rule.message;
+          }).join(', '), ";");
+        }
+      }
+      var itemType;
+      if (typeof componentElement.type === 'function') {
+        switch (componentElement.type.name) {
+          case 'Input':
+            fieldSchemaInfo.type = 'string';
+            break;
+          case 'InputNumber':
+            fieldSchemaInfo.type = 'number';
+            break;
+          case 'InputPassword':
+            fieldSchemaInfo.type = 'string';
+            break;
+          case 'Textarea':
+            fieldSchemaInfo.type = 'string';
+            break;
+          case 'Select':
+          case 'TreeSelect':
+            {
+              var format = componentElement.props.format || componentElement.props.keygen;
+              if (typeof componentElement.props.keygen !== 'boolean') {
+                if (typeof format === 'string') {
+                  var _data$;
+                  itemType = typeof_default()(data === null || data === void 0 ? void 0 : data[0]) === 'object' ? typeof_default()(data === null || data === void 0 || (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[format]) : typeof_default()(data === null || data === void 0 ? void 0 : data[0]);
+                } else if (typeof format === 'function') {
+                  itemType = typeof_default()(format(data === null || data === void 0 ? void 0 : data[0]));
+                } else {
+                  itemType = typeof_default()(data === null || data === void 0 ? void 0 : data[0]);
+                }
+              } else {
+                itemType = typeof_default()(data === null || data === void 0 ? void 0 : data[0]);
+              }
+              if (componentElement.props.multiple) {
+                fieldSchemaInfo.type = 'array';
+                fieldSchemaInfo.items = {
+                  type: itemType
+                };
+              } else {
+                fieldSchemaInfo.type = itemType;
+              }
+              // props.data格式： [
+              //   { "value": 1, "title": "年假" },
+              //   { "value": 2, "title": "调休" },
+              //   { "value": 3, "title": "事假" },
+              //   { "value": 4, "title": "病假" },
+              //   { "value": 5, "title": "其他" }
+              // ]
+              // 转换为jsonschema中的enum格式：
+              // "enum": {
+              //   "anyOf": [
+              //     { "const": 1, "title": "年假" },
+              //     { "const": 2, "title": "调休" },
+              //     { "const": 3, "title": "事假" },
+              //     { "const": 4, "title": "病假" },
+              //     { "const": 5, "title": "其他" }
+              //   ]
+              // }
+              fieldSchemaInfo.enum = {
+                anyOf: componentElement.props.data.map(function (item) {
+                  return {
+                    const: (item === null || item === void 0 ? void 0 : item[format]) || item,
+                    title: (item === null || item === void 0 ? void 0 : item.title) || item
+                  };
+                })
+              };
+              break;
+            }
+          case 'DatePicker':
+            if (componentElement.props.range) {
+              if (finalFieldId !== null && finalFieldId !== void 0 && finalFieldId.includes(separator || '')) {
+                fieldSchemaInfo.type = 'string';
+                fieldSchemaInfo.format = 'date';
+              } else {
+                fieldSchemaInfo.type = 'array';
+                fieldSchemaInfo.items = {
+                  type: 'string',
+                  format: 'date'
+                };
+              }
+            } else {
+              fieldSchemaInfo.type = 'string';
+              fieldSchemaInfo.format = 'date';
+            }
+            fieldSchemaInfo.description += "\u9ED8\u8BA4\u65F6\u95F4\uFF1A".concat(((_componentElement$pro = componentElement.props.defaultTime) === null || _componentElement$pro === void 0 ? void 0 : _componentElement$pro.toString()) || '', "; \u683C\u5F0F\uFF1A").concat(componentElement.props.format || '', " ");
+            break;
+          case 'Checkbox':
+            fieldSchemaInfo.type = 'array';
+            fieldSchemaInfo.items = {
+              type: 'string'
+            };
+            break;
+          case 'Radio':
+            fieldSchemaInfo.type = 'string';
+            break;
+          case 'Rate':
+            fieldSchemaInfo.type = 'number';
+            break;
+          default:
+            if (Array.isArray(componentElement.props.value) && componentElement.props.value.length === 0) {
+              fieldSchemaInfo.type = 'array';
+              fieldSchemaInfo.items = {
+                type: 'string'
+              };
+            } else {
+              fieldSchemaInfo.type = typeof_default()(componentElement.props.value);
+            }
+            break;
+        }
+      }
+      return fieldSchemaInfo;
+    }
+
+    // 解析路径字符串，如 'a[0].b1' -> ['a', '[0]', 'b1']
+  }, {
+    key: "parsePath",
+    value: function parsePath(path) {
+      if (!path) return null;
+      var segments = [];
+      var current = '';
+      var inBracket = false;
+      for (var i = 0; i < path.length; i++) {
+        var char = path[i];
+        if (char === '[') {
+          if (current) {
+            segments.push(current);
+            current = '';
+          }
+          current = '[';
+          inBracket = true;
+        } else if (char === ']') {
+          current += ']';
+          segments.push(current);
+          current = '';
+          inBracket = false;
+        } else if (char === '.' && !inBracket) {
+          if (current) {
+            segments.push(current);
+            current = '';
+          }
+        } else {
+          current += char;
+        }
+      }
+      if (current) {
+        segments.push(current);
+      }
+      return segments;
+    }
+
+    // 递归合并 schema
+  }, {
+    key: "mergeSchema",
+    value: function mergeSchema(currentSchema, pathSegments, meta) {
+      if (pathSegments.length === 0) {
+        // 到达叶子节点，应用元数据
+        Object.assign(currentSchema, meta);
+        return;
+      }
+      var _pathSegments = toArray_default()(pathSegments),
+        currentSegment = _pathSegments[0],
+        remainingSegments = _pathSegments.slice(1);
+      if (currentSegment.startsWith('[') && currentSegment.endsWith(']')) {
+        // 处理数组索引，如 [0]
+        this.handleArraySegment(currentSchema, remainingSegments, meta);
+      } else {
+        // 处理对象属性
+        this.handleObjectProperty(currentSchema, currentSegment, remainingSegments, meta);
+      }
+    }
+  }, {
+    key: "handleArraySegment",
+    value: function handleArraySegment(currentSchema, remainingSegments, meta) {
+      // 当前节点应该是数组类型
+      if (!currentSchema.items) {
+        currentSchema.type = 'array';
+        currentSchema.items = {
+          type: 'object',
+          properties: {}
+        };
+      }
+      this.mergeSchema(currentSchema.items, remainingSegments, meta);
+    }
+  }, {
+    key: "handleObjectProperty",
+    value: function handleObjectProperty(currentSchema, propertyName, remainingSegments, meta) {
+      // 确保当前节点有 properties
+      if (!currentSchema.properties) {
+        currentSchema.properties = {};
+      }
+
+      // 如果属性不存在，创建它
+      if (!currentSchema.properties[propertyName]) {
+        currentSchema.properties[propertyName] = remainingSegments.length > 0 ? {
+          type: 'object'
+        } : {};
+      }
+      if (remainingSegments.length === 0) {
+        // 叶子节点，应用元数据并处理 required
+        var required = meta.required,
+          restMeta = objectWithoutProperties_default()(meta, form_schema_builder_excluded);
+        Object.assign(currentSchema.properties[propertyName], restMeta);
+        if (typeof required === 'boolean') {
+          this.handleRequired(currentSchema, propertyName, required);
+        }
+      } else {
+        // 继续递归
+        this.mergeSchema(currentSchema.properties[propertyName], remainingSegments, meta);
+      }
+    }
+  }, {
+    key: "handleRequired",
+    value: function handleRequired(parentSchema, propertyName, isRequired) {
+      // 如果required是布尔值，转换为数组形式
+      if (typeof parentSchema.required === 'boolean') {
+        return;
+      }
+      if (!parentSchema.required) {
+        parentSchema.required = [];
+      }
+      var requiredIndex = parentSchema.required.indexOf(propertyName);
+      if (isRequired && requiredIndex === -1) {
+        parentSchema.required.push(propertyName);
+      } else if (!isRequired && requiredIndex !== -1) {
+        parentSchema.required.splice(requiredIndex, 1);
+      }
+
+      // 如果 required 数组为空，删除它
+      if (parentSchema.required.length === 0) {
+        delete parentSchema.required;
+      }
+    }
+  }, {
+    key: "getFormSchema",
+    value: function getFormSchema() {
+      return this.schema;
+    }
+  }]);
+  return SchemaBuilder;
+}();
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form.ts
 
 
@@ -50866,6 +51207,7 @@ function use_previous_usePrevious(value) {
 
 
 
+
 var globalKey = '__global__&&@@';
 var SUBMIT_TIMEOUT = 10;
 
@@ -50914,7 +51256,8 @@ var useForm = function useForm(props) {
       resetTime: 0,
       mounted: false,
       unmounted: false,
-      removeLock: false
+      removeLock: false,
+      schema: props.name ? new SchemaBuilder(props.name) : null
     }),
     context = _React$useRef.current;
   var getValue = use_persist_fn(function (name) {
@@ -51425,7 +51768,11 @@ var useForm = function useForm(props) {
     validateFieldset: validateFieldset,
     insertError: insertError,
     spliceError: spliceError,
-    scrollToField: scrollToField
+    scrollToField: scrollToField,
+    getFormSchema: function getFormSchema() {
+      var _context$schema;
+      return (_context$schema = context.schema) === null || _context$schema === void 0 ? void 0 : _context$schema.getFormSchema();
+    }
   });
   var formConfig = external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo(function () {
     return {
@@ -51494,7 +51841,8 @@ var useForm = function useForm(props) {
     ProviderProps: {
       formValue: formValue,
       formConfig: formConfig,
-      formFunc: formFunc
+      formFunc: formFunc,
+      formSchema: context.schema
     },
     formFunc: formFunc
   };
@@ -51578,7 +51926,8 @@ var Form = function Form(props) {
     validateFieldsWithValue: validateFieldsWithValue,
     validateFieldsWithError: formFunc.validateFields,
     set: formFunc.setValue,
-    scrollToField: formFunc.scrollToField
+    scrollToField: formFunc.scrollToField,
+    getFormSchema: formFunc.getFormSchema
   });
   external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(function () {
     if (formRef) {
@@ -51726,7 +52075,7 @@ var form_item_excluded = ["children", "jssStyle", "className", "style", "label",
 
 
 var FormItem = function FormItem(props) {
-  var _jssStyle$formItem;
+  var _jssStyle$formItem, _labelRef$current, _labelTipRef$current;
   var children = props.children,
     jssStyle = props.jssStyle,
     className = props.className,
@@ -51737,7 +52086,7 @@ var FormItem = function FormItem(props) {
     rest = objectWithoutProperties_default()(props, form_item_excluded);
   var formItemClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$formItem = jssStyle.formItem) === null || _jssStyle$formItem === void 0 ? void 0 : _jssStyle$formItem.call(jssStyle);
   var _useFormItem = use_form_item(),
-    Provider = _useFormItem.Provider,
+    FormItemContextProvider = _useFormItem.Provider,
     ProviderValue = _useFormItem.ProviderValue,
     labelConfig = _useFormItem.labelConfig,
     errors = _useFormItem.errors,
@@ -51797,11 +52146,19 @@ var FormItem = function FormItem(props) {
       children: label
     });
   };
+  var labelRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var labelTipRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var labelText = (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.textContent;
+  if ((_labelTipRef$current = labelTipRef.current) !== null && _labelTipRef$current !== void 0 && _labelTipRef$current.textContent) {
+    var _labelTipRef$current2;
+    labelText += " (tip: ".concat((_labelTipRef$current2 = labelTipRef.current) === null || _labelTipRef$current2 === void 0 ? void 0 : _labelTipRef$current2.textContent, ")");
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
     className: classnames_default()(className, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelTop, labelAlign === 'top'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalMiddle, labelAlign !== 'top' && labelVerticalAlign === 'middle'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalBottom, labelAlign !== 'top' && labelVerticalAlign === 'bottom'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperInline, inline), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperKeepHeight, keepErrorHeight), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperRequired, required), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperHideRequired, required === false), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperTip, showError || tip))
   }, attributes), {}, {
     style: style,
     children: [label !== undefined ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      ref: labelRef,
       className: classnames_default()(formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.label, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelLeft, labelAlign === 'left'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelWithColon, colon), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelWithTooltip, label && typeof_default()(label) === 'object' && 'tooltip' in label)),
       style: labelAlign !== 'top' || inline ? {
         width: labelWidth
@@ -51812,10 +52169,13 @@ var FormItem = function FormItem(props) {
     }, getDataAttribute({
       role: 'form-control'
     })), {}, {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Provider, {
-        value: ProviderValue,
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(FormItemContextProvider, {
+        value: objectSpread2_default()(objectSpread2_default()({}, ProviderValue), {}, {
+          label: labelText
+        }),
         children: children
       }), !!tip && (!showError || keepErrorBelow) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        ref: labelTipRef,
         className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
         children: tip
       }), showError && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -60343,17 +60703,17 @@ var Rate = function Rate(props0) {
 var rate_jssStyle = {
   rate: useRateStyle
 };
-var BaseRate = function BaseRate(props) {
+var rate_Rate = function Rate(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_rate_rate, objectSpread2_default()({
     jssStyle: rate_jssStyle
   }, props));
 };
-var rate_Rate = function Rate(props) {
-  return use_field_common(props, BaseRate, 'number');
+var WrappedRate = function WrappedRate(props) {
+  return use_field_common(props, rate_Rate, 'number');
 };
 /* harmony default export */ var src_rate_rate_0 = (function (background, front, opts) {
   var RateIns = function RateIns(props) {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(rate_Rate, objectSpread2_default()(objectSpread2_default()({}, opts), {}, {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(WrappedRate, objectSpread2_default()(objectSpread2_default()({}, opts), {}, {
       background: background,
       front: front || background
     }, props));
@@ -60574,15 +60934,15 @@ var select_jssStyle = {
   spin: useSpinStyle,
   common: useCommonStyle
 };
-function SelectComponent(props) {
+function select_Select(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_select_select, objectSpread2_default()({
     jssStyle: select_jssStyle
   }, props));
 }
-function select_Select(props) {
-  return use_field_common(props, SelectComponent, 'array');
+function SelectComponent(props) {
+  return use_field_common(props, select_Select, 'array');
 }
-/* harmony default export */ var src_select_select_0 = (select_Select);
+/* harmony default export */ var src_select_select_0 = (SelectComponent);
 ;// CONCATENATED MODULE: ./src/select/index.ts
 
 var SelectComp = src_select_select_0;
@@ -72246,7 +72606,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.20'
+  version: '3.8.0-beta.21'
 });
 }();
 /******/ 	return __webpack_exports__;