shineout 3.9.5 → 3.9.6-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.9.5'
+  version: '3.9.6-beta.2'
 };

package/dist/shineout.js

@@ -12401,7 +12401,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.5');
+/* harmony default export */ var version = ('3.9.6-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -31270,6 +31270,32 @@ var getDataAttribute = function getDataAttribute(attrs) {
 var getDataAttributeName = function getDataAttributeName(name) {
   return "data-soui-".concat(name);
 };
+/**
+ * Extract specific types of props from the props object
+ * @param props - The props object to extract from
+ * @param type - The type of props to extract ('mouse' for mouse events, 'data-attr' for data-* attributes)
+ * @returns An object containing only the extracted props
+ */
+var extractProps = function extractProps(props, type) {
+  var result = {};
+  if (type === 'mouse') {
+    // Only extract onMouseEnter and onMouseLeave for Tooltip support
+    if (props.onMouseEnter && typeof props.onMouseEnter === 'function') {
+      result.onMouseEnter = props.onMouseEnter;
+    }
+    if (props.onMouseLeave && typeof props.onMouseLeave === 'function') {
+      result.onMouseLeave = props.onMouseLeave;
+    }
+  } else if (type === 'data-attr') {
+    // Extract all data-* attributes
+    Object.keys(props).forEach(function (key) {
+      if (key.startsWith('data-')) {
+        result[key] = props[key];
+      }
+    });
+  }
+  return result;
+};
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/get-position-style.ts
 
 var ReverseDir = {
@@ -37051,6 +37077,7 @@ var Checkbox = function Checkbox(props) {
     size = props.size,
     theme = props.theme,
     rest = objectWithoutProperties_default()(props, simple_checkbox_excluded);
+  var mouseEvents = extractProps(rest, 'mouse');
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
   var checkboxStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
@@ -37066,9 +37093,9 @@ 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()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
-  }, getRootProps({
+  }, mouseEvents), getRootProps({
     className: rootClass,
     style: style,
     needStopPropagation: props.needStopPropagation
@@ -58227,6 +58254,7 @@ var Radio = function Radio(props) {
     size = props.size,
     theme = props.theme,
     rest = objectWithoutProperties_default()(props, simple_radio_excluded);
+  var mouseEvents = extractProps(rest, 'mouse');
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
   var radioClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$radio = jssStyle.radio) === null || _jssStyle$radio === void 0 ? void 0 : _jssStyle$radio.call(jssStyle);
@@ -58239,11 +58267,11 @@ var Radio = function Radio(props) {
   var rootClass = classnames_default()([radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.rootClass, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapper, className, !!disabled && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperDisabled), !!checked && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperChecked), size === 'small' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperSmall), size === 'large' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperLarge)]);
   var indicatorClass = classnames_default()(radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.indicatorWrapper, theme === 'dark' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.darkIndicatorWrapper));
   var inputProps = getInputProps();
-  var rootProps = getRootProps({
+  var rootProps = objectSpread2_default()(objectSpread2_default()({}, mouseEvents), getRootProps({
     className: rootClass,
     style: style,
     needStopPropagation: true
-  });
+  }));
   var indicatorProps = getIndicatorProps();
   var indicator = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()(objectSpread2_default()({}, inputProps), {}, {
@@ -60897,6 +60925,21 @@ var MenuItem = function MenuItem(props) {
     }),
     shouldHideChildren = _useCollapseAnimation.shouldHide,
     shouldKeepOpen = _useCollapseAnimation.shouldKeepOpen;
+
+  // 合并自定义属性：优先级 getItemProps > dataItem 中的 data-* 属性
+  var customAttributes = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    var _props$getItemProps;
+    // 1. 从 dataItem 中提取 data-* 和 aria-* 属性（方案2）
+    var dataAttrs = extractProps(props.dataItem, 'data-attr');
+
+    // 2. 通过 getItemProps 函数生成自定义属性（方案1，优先级更高）
+    var fnAttrs = ((_props$getItemProps = props.getItemProps) === null || _props$getItemProps === void 0 ? void 0 : _props$getItemProps.call(props, props.dataItem, {
+      level: props.level,
+      hasChildren: expandAble,
+      index: props.index
+    })) || {};
+    return objectSpread2_default()(objectSpread2_default()({}, dataAttrs), fnAttrs);
+  }, [props.dataItem, props.getItemProps, props.level, props.index, expandAble]);
   var renderChildren = function renderChildren() {
     var _items;
     var items = children;
@@ -61015,7 +61058,7 @@ var MenuItem = function MenuItem(props) {
       }));
     }
     if (props.frontCaret) {
-      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, expandAble ? customAttributes : undefined), {}, {
         className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
         onClick: handleItemClick,
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -61030,9 +61073,9 @@ var MenuItem = function MenuItem(props) {
             children: frontCaretType === 'hollow' ? icons_config.menu.CollapseArrow : icons_config.menu.FrontSolidArrowDown
           })
         }), title]
-      });
+      }));
     } else {
-      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, expandAble ? customAttributes : undefined), {}, {
         className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
         onClick: handleItemClick,
         children: [title, expandAble && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -61047,17 +61090,17 @@ var MenuItem = function MenuItem(props) {
             children: icons_config.menu.CollapseArrow
           })
         })]
-      });
+      }));
     }
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", objectSpread2_default()(objectSpread2_default()({}, expandAble ? undefined : customAttributes), {}, {
     className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), (isOpen || popOpen || shouldKeepOpen) && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), shouldKeepOpen && (classes === null || classes === void 0 ? void 0 : classes.itemClosing), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     dir: config.direction,
     ref: liRef,
     children: [renderItem(), renderChildren()]
-  });
+  }));
 };
 /* harmony default export */ var menu_item = (MenuItem);
 ;// CONCATENATED MODULE: ../base/src/menu/menu.tsx
@@ -61194,7 +61237,8 @@ var Menu = function Menu(props) {
             theme: theme,
             renderIcon: props.renderIcon,
             collapse: collapse,
-            isEdgeItem: false
+            isEdgeItem: false,
+            getItemProps: props.getItemProps
           }, key);
         })
       })
@@ -64206,6 +64250,8 @@ StickyComp.displayName = 'ShineoutSticky';
 
 
 
+var switch_excluded = ["jssStyle", "content", "size", "loading", "className", "style"];
+
 
 
 
@@ -64222,7 +64268,9 @@ var Switch = function Switch(props0) {
     size = props.size,
     loading = props.loading,
     className = props.className,
-    style = props.style;
+    style = props.style,
+    rest = objectWithoutProperties_default()(props, switch_excluded);
+  var mouseEvents = extractProps(rest, 'mouse');
   var config = useConfig();
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
@@ -64258,10 +64306,10 @@ var Switch = function Switch(props0) {
     checkedContent = _ref2[0],
     unCheckedContent = _ref2[1];
   var rootClassName = classnames_default()(className, switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.rootClass, switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.wrapper, !!checked && (switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.wrapperChecked), disabled && (switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.wrapperDisabled), size === 'small' && (switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.wrapperSmall), size === 'large' && (switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.wrapperLarge));
-  var rootProps = getRootProps({
+  var rootProps = objectSpread2_default()(objectSpread2_default()({}, mouseEvents), getRootProps({
     className: rootClassName,
     style: style
-  });
+  }));
   var inputProps = getInputProps();
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("button", objectSpread2_default()(objectSpread2_default()({
     type: 'button',
@@ -74770,7 +74818,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.5'
+  version: '3.9.6-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;