shineout 3.9.0-beta.14 → 3.9.0-beta.16

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.9.0-beta.14'
+  version: '3.9.0-beta.16'
 };

package/cjs/upload/button.type.d.ts

@@ -5,7 +5,7 @@ export type BaseUploadButtonProps<T> = Omit<UnStyledUploadButtonProps<T>, 'jssSt
 export type UploadButtonProps<T> = GetWithFieldProps<BaseUploadButtonProps<T>, BaseUploadButtonProps<T>['value']>;
 /**
  * @title Upload.Button
- * @cn 基本API 和 Upload 一致，特定API如下
+ * @cn 不支持这些API: listType, imageStyle, canDelete, showUploadList, customResult, multiple, leftHandler, onPreview, renderContent, recoverAble，其他API 和 Upload 一致，特有API如下
  * @en The basic API is consistent with Upload, and the specific API is as follows
  * @sort 2
  */

package/dist/shineout.js

@@ -12386,7 +12386,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.9.0-beta.14');
+/* harmony default export */ var version = ('3.9.0-beta.16');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -17410,8 +17410,11 @@ var supportsHas = function supportsHas() {
     '&:hover': {
       borderColor: token.focusBorderColor
     }
-  }), "".concat(name, "Error"), defineProperty_default()(defineProperty_default()({}, "&:not($".concat(name, "Disabled)"), {
-    borderColor: token.errorBorderColor,
+  }), "".concat(name, "Error"), defineProperty_default()(defineProperty_default()({
+    '&&': {
+      borderColor: token.errorBorderColor
+    }
+  }, "&:not($".concat(name, "Disabled)"), {
     background: token.errorBackgroundColor,
     '&:hover': {
       borderColor: token.errorHoverBorderColor,
@@ -17424,19 +17427,17 @@ var supportsHas = function supportsHas() {
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
-  })), "".concat(name, "Disabled"), {
+  })), "".concat(name, "Disabled"), defineProperty_default()(defineProperty_default()({
     color: token.disabledFontColor,
     backgroundColor: token.disabledBackgroundColor,
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
-    cursor: 'not-allowed',
-    '&:hover': {
-      borderColor: token.disabledBorderColor
-    },
-    '& *': {
-      cursor: 'not-allowed'
-    }
-  }), defineProperty_default()(defineProperty_default()(_ref2, "".concat(name, "Underline"), {
+    cursor: 'not-allowed'
+  }, "&:not($".concat(name, "Error):hover"), {
+    borderColor: token.disabledBorderColor
+  }), '& *', {
+    cursor: 'not-allowed'
+  })), defineProperty_default()(defineProperty_default()(_ref2, "".concat(name, "Underline"), {
     '&&': {
       borderLeftColor: 'transparent',
       borderRightColor: 'transparent',
@@ -26819,10 +26820,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   rowHover: {
-    '& td': {
-      transition: 'background-color 0.2s'
-    },
     '&&:hover td': {
+      transition: 'background-color 0.2s',
       background: "".concat(src.tableTbodyHoverBackgroundColor)
     }
   },
@@ -27602,10 +27601,12 @@ var tabsStyle = {
       '& $tab': {
         display: 'block'
       },
-      '& $tab + $tab': {
+      '&& $tab + $tab': {
         marginTop: src.tabsNearlyMargin
       },
       '& $next,& $prev': {
+        // 考虑垂直方向可滚动功能时一并修复zIndex
+        // zIndex: 1,
         padding: "".concat(src.tabsActionVerticalPaddingY, " ").concat(src.tabsActionVerticalPaddingX),
         '&:after': {
           display: 'none'
@@ -36279,6 +36280,19 @@ var useCheck = function useCheck(props) {
   };
 };
 /* harmony default export */ var use_check = (useCheck);
+;// CONCATENATED MODULE: ../hooks/src/utils/dom/get-dataset.ts
+var getDataset = function getDataset(props) {
+  if (!props) return {};
+  var dataset = {};
+  var keys = Object.keys(props);
+  for (var i = 0; i < keys.length; i++) {
+    var _key = keys[i];
+    if (_key.startsWith('data-')) {
+      dataset[_key] = props[keys[i]];
+    }
+  }
+  return dataset;
+};
 ;// CONCATENATED MODULE: ../base/src/form/form-field-context.ts
 
 var FormFieldContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({
@@ -36322,13 +36336,13 @@ var Checkbox = function Checkbox(props) {
   var rootClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
   var indicatorClass = classnames_default()(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
   var inputProps = getInputProps();
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
   }, getRootProps({
     className: rootClass,
     style: style,
     needStopPropagation: props.needStopPropagation
-  })), {}, {
+  })), getDataset(props)), {}, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()(objectSpread2_default()({}, inputProps), {}, {
       type: "checkbox"
     })), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -36746,9 +36760,10 @@ var Input = function Input(props) {
     className: classnames_default()(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.input),
     onKeyUp: onKeyUp
   });
-  var inputElProps = removeProps(inputProps, {
+  var datasetProps = getDataset(props);
+  var inputElProps = removeProps(inputProps, objectSpread2_default()({
     formName: undefined
-  });
+  }, datasetProps));
   var inputEl = /*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
     type: "text"
   }, inputElProps));
@@ -36756,9 +36771,9 @@ var Input = function Input(props) {
     inputEl = renderInput(inputEl);
   }
   var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.rootClass, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapper, !!focused && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperFocus), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperDisabled), status === 'error' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperError), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperLarge), !!underline && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperUnderline), !border && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNoBorder), hasSuffix && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.password), showClearFromProp && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperShowClear), showClearFromProp && !is_isEmpty(inputElProps.value) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperHasValue));
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getRootProps({
+  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), datasetProps), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
@@ -38033,15 +38048,16 @@ var Carousel = function Carousel(props) {
       children: content
     });
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
     className: wrapperClasses,
     style: objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
       height: 'auto'
     }),
     onMouseEnter: func.stop,
-    onMouseLeave: func.start,
+    onMouseLeave: func.start
+  }, getDataset(props)), {}, {
     children: [renderItems(), renderIndicator(), renderArrow()]
-  });
+  }));
 };
 /* harmony default export */ var src_carousel_carousel = (Carousel);
 ;// CONCATENATED MODULE: ./src/carousel/carousel.tsx
@@ -42047,7 +42063,7 @@ var Tag = function Tag(props) {
   if (showInput) {
     return renderInput();
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getTagRootProps()), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, getTagRootProps()), getDataset(props)), {}, {
     children: [renderChildren(), renderClose()]
   }));
 };
@@ -42560,7 +42576,13 @@ var result_Result = function Result(props) {
             if (typeof element === 'string' || typeof element === 'number') return String(element);
             // 如果是 React Element，处理的是renderResult返回的是React Element的场景
             if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(element)) {
-              var _element$props;
+              var _element$type, _element$type2, _element$props;
+              // 跳过 Portal 类组件(Popover, Tooltip)
+              var portalComponents = ['ShineoutPopover', 'ShineoutTooltip'];
+              var displayName = ((_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.displayName) || ((_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.name);
+              if (portalComponents.includes(displayName)) {
+                return '';
+              }
               var children = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.children;
               if (Array.isArray(children)) {
                 return children.map(function (child) {
@@ -43316,10 +43338,10 @@ var Cascader = function Cascader(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       id: fieldId,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,
@@ -48917,7 +48939,7 @@ var DatePicker = function DatePicker(props0) {
       date_picker_devUseWarning.conflict('DatePicker', 'formatResult', 'inputable');
     }
   }, []);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute(defineProperty_default()(defineProperty_default()({}, 'input-border', 'true'), "type", type))), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, getDataAttribute(defineProperty_default()(defineProperty_default()({}, 'input-border', 'true'), "type", type))), getDataset(props)), {}, {
     className: classnames_default()(props.className, styles === null || styles === void 0 ? void 0 : styles.rootClass, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
     ref: targetRef,
     style: objectSpread2_default()({
@@ -50441,13 +50463,13 @@ var Dropdown = function Dropdown(props) {
     return d.children;
   });
   var targetProps = getTargetProps();
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     className: classnames_default()(className, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.rootClass, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.wrapper, !isSub && open && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.open)),
     style: style,
     "data-position": position,
     "data-role": "dropdown",
     ref: targetRef
-  }, targetProps), {}, {
+  }, targetProps), getDataset(props)), {}, {
     onClick: isSub ? openPop : targetProps.onClick,
     children: [renderButton(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       position: position,
@@ -50699,9 +50721,9 @@ var Textarea = function Textarea(props) {
       children: icons_config.textarea.Close
     });
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getRootProps({
+  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
@@ -58396,10 +58418,10 @@ function Select(props0) {
       filterText: filterText,
       highlight: highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onKeyDown: handleKeyDown,
@@ -59083,7 +59105,7 @@ var Pagination = function Pagination(props) {
       })
     }));
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getRootProps()), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, getRootProps()), getDataset(props)), {}, {
     className: rootClasses,
     children: layout.map(function (section, i) {
       switch (section) {
@@ -61368,6 +61390,7 @@ src_radio_radio_0.Group = radio_RadioGroup;
 
 
 
+
 var Rate = function Rate(props0) {
   var _props$jssStyle, _props$jssStyle$rate;
   var props = use_with_form_config(props0);
@@ -61456,13 +61479,14 @@ var Rate = function Rate(props0) {
     }, index);
   };
   var text = Array.isArray(props.text) && props.text[Math.ceil(value - 1)];
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
     className: classnames_default()(props.className, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.rootClass, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.wrapper),
     id: fieldId,
     style: props.style,
     onMouseLeave: function onMouseLeave() {
       setHoverValue(null);
-    },
+    }
+  }, getDataset(props)), {}, {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.inner,
       children: [Array.from({
@@ -61474,7 +61498,7 @@ var Rate = function Rate(props0) {
         children: text
       })]
     })
-  });
+  }));
 };
 /* harmony default export */ var src_rate_rate = (Rate);
 ;// CONCATENATED MODULE: ./src/rate/rate.tsx
@@ -61511,12 +61535,14 @@ RateComp.displayName = 'ShineoutRate';
 /* harmony default export */ var src_rate_0 = (RateComp);
 ;// CONCATENATED MODULE: ../hooks/src/utils/rule/required.ts
 
+
+
 var options = {
   skipUndefined: true
 };
 var requiredMessage = function requiredMessage(props) {
   var type = props.type === 'array' ? 'array' : 'string';
-  return "$rules.required.".concat(type);
+  return substitute(getLocale(src_config_config.locale, "rules.required.".concat(type)), props);
 };
 /* harmony default export */ var required = (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -64596,7 +64622,7 @@ var useTableVirtual = function useTableVirtual(props) {
         context.autoAddRows = addonCount;
       }
     }
-  }, []);
+  }, [props.data.length]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 记录preIndex
     context.preIndex = startIndex;
@@ -66728,7 +66754,7 @@ var emptyRef = {
         jssStyle: props.jssStyle
       });
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
+        className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && browserScrollbarWidth > 0 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
         ref: function ref(el) {
           context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
         },
@@ -67067,6 +67093,12 @@ var emptyRef = {
       children: props.children
     })
   });
+  var absoluteProviderValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return {
+      absolute: true,
+      scrollElRef: scrollRef
+    };
+  }, [scrollRef]);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(tableWrapperClass, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tableClasses.sticky, props.sticky), tableClasses.floatLeft, floatLeft), tableClasses.floatRight, floatRight)),
@@ -67077,10 +67109,7 @@ var emptyRef = {
       ref: tableRef,
       dir: config.direction,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)(absolute_context.Provider, {
-        value: {
-          absolute: true,
-          scrollElRef: scrollRef
-        },
+        value: absoluteProviderValue,
         children: [renderTable(), renderLoading(), props.children]
       })
     })), renderPagination()]
@@ -68889,6 +68918,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -69062,12 +69092,13 @@ var Transfer = function Transfer(props) {
       filterTargetText: filterTargetText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
       className: rootClass,
       style: style,
-      id: fieldId,
+      id: fieldId
+    }, getDataset(props)), {}, {
       children: [renderSourceList, !simple && renderOperations(), renderTargetList]
-    })
+    }))
   });
 };
 /* harmony default export */ var src_transfer_transfer = (Transfer);
@@ -69828,11 +69859,11 @@ var TreeSelect = function TreeSelect(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       id: fieldId,
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,
@@ -70956,10 +70987,11 @@ var Upload = function Upload(props0) {
   var shouldRenderLeft = listType !== 'image' || leftHandler;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
     id: fieldId,
     style: props.style,
-    className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className)
+  }, getDataset(props)), {}, {
     children: renderCustomResult ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [shouldRenderLeft && renderHandler(), renderCustomResult({
         value: value,
@@ -70975,7 +71007,7 @@ var Upload = function Upload(props0) {
     }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [shouldRenderLeft && !hideHandler && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && !hideHandler && renderHandler(), renderRecover()]
     })
-  });
+  }));
 };
 /* harmony default export */ var src_upload_upload = (Upload);
 ;// CONCATENATED MODULE: ./src/upload/use-upload-common.ts
@@ -73605,7 +73637,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.0-beta.14'
+  version: '3.9.0-beta.16'
 });
 }();
 /******/ 	return __webpack_exports__;