shineout 3.8.7 → 3.8.8-beta.2

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.7'
+  version: '3.8.8-beta.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.8.7');
+/* harmony default export */ var version = ('3.8.8-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -36251,6 +36251,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({
@@ -36294,13 +36307,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", {
@@ -36718,9 +36731,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));
@@ -36728,9 +36742,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
   })), {}, {
@@ -37952,15 +37966,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
@@ -41974,7 +41989,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()]
   }));
 };
@@ -42487,7 +42502,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) {
@@ -43235,10 +43256,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,
@@ -48836,7 +48857,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()({
@@ -50318,13 +50339,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,
@@ -50576,9 +50597,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
   })), {}, {
@@ -58272,10 +58293,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,
@@ -58959,7 +58980,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) {
@@ -61244,6 +61265,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);
@@ -61332,13 +61354,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({
@@ -61350,7 +61373,7 @@ var Rate = function Rate(props0) {
         children: text
       })]
     })
-  });
+  }));
 };
 /* harmony default export */ var src_rate_rate = (Rate);
 ;// CONCATENATED MODULE: ./src/rate/rate.tsx
@@ -68633,6 +68656,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -68806,12 +68830,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);
@@ -69571,11 +69596,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,
@@ -70699,10 +70724,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,
@@ -70718,7 +70744,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
@@ -73348,7 +73374,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.7'
+  version: '3.8.8-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;