shineout 3.9.6 → 3.9.7-beta.10

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.6'
+  version: '3.9.7-beta.10'
 };

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.6');
+/* harmony default export */ var version = ('3.9.7-beta.10');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -20253,7 +20253,10 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({
   },
   rounded: {
     borderRadius: src.imageBorderRadius,
-    outline: "1px solid ".concat(src.imageBorderColor)
+    outline: "1px solid ".concat(src.imageBorderColor),
+    'a&:hover': {
+      outline: "1px solid ".concat(src.imageBorderColor)
+    }
   },
   thumbnail: {
     borderRadius: src.imageBorderRadius,
@@ -20302,7 +20305,10 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     height: '100%',
     margin: 'auto',
-    backgroundColor: src.imageErrorBackgroundColor
+    backgroundColor: src.imageErrorBackgroundColor,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
   },
   overlay: {
     position: 'absolute',
@@ -21738,7 +21744,11 @@ var menuStyle = {
       transform: 'rotate(90deg)'
     }
   },
-  icon: {},
+  icon: {
+    '& > svg': {
+      width: '100%'
+    }
+  },
   expandHover: {
     '&:hover': {
       backgroundColor: src.menuExpandHoverBackgroundColor
@@ -22353,7 +22363,8 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     zIndex: 0,
     '& svg': {
       zIndex: 1,
-      position: 'relative'
+      position: 'relative',
+      display: 'block'
     },
     '&:hover': {
       '&:after': objectSpread2_default()(objectSpread2_default()({}, hoverAfterStyles), {}, {
@@ -22610,12 +22621,14 @@ var jssInsertionPointId = 'shineout-next-jss-insertion-point__' + version;
 function appendNormalizeStyle(styleString, id) {
   var style = document.createElement('style');
   style.setAttribute('name', id);
+  style.setAttribute('data-alita-ignore', 'true');
   style.innerHTML = styleString;
   document.head.insertBefore(style, document.head.firstChild);
 }
 function appendJssInsertionPoint() {
   var insertionPoint = document.createElement('style');
   insertionPoint.setAttribute('name', jssInsertionPointId);
+  insertionPoint.setAttribute('data-alita-ignore', 'true');
   document.head.insertBefore(insertionPoint, document.head.firstChild);
   react_jss_esm_defaultJss.setup({
     insertionPoint: insertionPoint
@@ -23406,6 +23419,9 @@ var progressStyle = {
     flex: 1,
     minWidth: 0,
     overflow: 'hidden',
+    '&:has($lineSuccess)': {
+      position: 'relative'
+    },
     '$lineDefault &': {
       height: src.progressLineHeight,
       borderRadius: src.progressLineHeight
@@ -23416,6 +23432,20 @@ var progressStyle = {
     },
     background: src.progressBackground
   },
+  lineSuccess: {
+    position: 'absolute',
+    transition: 'width 0.32s linear',
+    left: 0,
+    top: 0,
+    height: '100%',
+    boxSizing: 'border-box',
+    borderRadius: 'inherit',
+    zIndex: 2,
+    backgroundColor: src.progressSuccessFrontBackgroundColor,
+    '& + $lineFront': {
+      zIndex: 1
+    }
+  },
   lineFront: {
     position: 'relative',
     transition: 'width 0.32s linear',
@@ -23564,6 +23594,12 @@ var progressStyle = {
     '$wrapperDanger &': {
       stroke: src.progressDangerFrontBackgroundColor
     }
+  },
+  circleSuccess: {
+    transform: 'rotate(-90deg)',
+    transformOrigin: '50% 50%',
+    transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
+    stroke: src.progressSuccessFrontBackgroundColor
   }
 };
 /* harmony default export */ var progress_progress = (progressStyle);
@@ -28598,12 +28634,16 @@ var TransferStyle = {
   simple: {
     '& $source': {
       borderRadius: "".concat(src.transferBorderRadius, " 0 0 ").concat(src.transferBorderRadius),
-      borderRight: 0
+      borderRight: 0,
+      '& $header': {
+        borderRadius: "".concat(src.transferBorderRadius, " 0 0 0")
+      }
     },
     '& $target': {
       borderRadius: "0 ".concat(src.transferBorderRadius, " ").concat(src.transferBorderRadius, " 0"),
       '& $header': {
-        paddingRight: 6
+        paddingRight: 6,
+        borderRadius: "0 ".concat(src.transferBorderRadius, " 0 0")
       }
     }
   },
@@ -30601,17 +30641,12 @@ var is_isEmpty = function isEmpty(val) {
 };
 var isLink = function isLink(el) {
   if (typeof_default()(el) === 'object') {
+    var _type;
     if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(el)) return false;
     if (!el.type) return false;
     if (el.type === 'a') return true;
-    // 只有当是已知的路由组件时才判断 to 属性
-    if (el.props && el.props.to) {
-      var typeName = typeof el.type === 'function' ? el.type.name : '';
-      var displayName = typeof_default()(el.type) === 'object' && el.type !== null ? el.type.displayName : '';
-      // 检查是否为常见的路由链接组件
-      var isRouterComponent = typeName === 'Link' || typeName === 'NavLink' || displayName === 'Link' || displayName === 'NavLink';
-      return isRouterComponent;
-    }
+    // 有 to 属性 和 render 函数 就认为是链接组件（react-router Link NavLink 的特征）
+    if (el.props && el.props.to && (_type = el.type) !== null && _type !== void 0 && _type.render) return true;
   }
   return false;
 };
@@ -35549,7 +35584,7 @@ var useDragMock = function useDragMock(props) {
     var deltaY = event.clientY - dragInfo.lastY;
     dragInfo.lastX = event.clientX;
     dragInfo.lastY = event.clientY;
-    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 || _props$onDragMove.call(props, deltaX, deltaY);
+    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 || _props$onDragMove.call(props, deltaX, deltaY, event);
   });
   var handleMouseUp = usePersistFn(function (event) {
     var _props$onDragEnd;
@@ -37609,9 +37644,15 @@ var useInputFormat = function useInputFormat(props) {
       value = value
       // -.0 => -0.0 .123 => 0.123
       .replace(/^(-)?(\.\d+)(?!=\.).*/g, '$10$2')
-      //0001.123 => 1.123
+      //0001.123 => 1.123, 保留 -0. 的情况
       // eslint-disable-next-line no-useless-escape
-      .replace(/(-|^)0+(?=0\.?|[^0\.])/g, '$1')
+      .replace(/(-|^)0+(?=0\.?|[^0\.])/g, function (match, p1) {
+        // 如果是负号开头且后面跟着0和小数点,保留-0
+        if (p1 === '-' && value.startsWith('-0.')) {
+          return '-0';
+        }
+        return p1;
+      })
       //  1. => 1
       .replace(/\.$/, '');
 
@@ -40823,7 +40864,7 @@ var useTree = function useTree(props) {
       var indexPath = [].concat(toConsumableArray_default()(index), [i]);
       ids.push(id);
       var children = [];
-      if (Array.isArray(item[childrenKey])) {
+      if (item && Array.isArray(item[childrenKey])) {
         var _children = initData(item[childrenKey], [].concat(toConsumableArray_default()(path), [id]), mode === MODE.MODE_4 ? disabled : _isDisabled, indexPath, level + 1, id);
         if (_children) children = _children;
       }
@@ -40859,7 +40900,7 @@ var useTree = function useTree(props) {
           result.push(node);
         }
       }
-      if (Array.isArray(item[childrenKey])) {
+      if (item && Array.isArray(item[childrenKey])) {
         initFlatData(item[childrenKey], [].concat(toConsumableArray_default()(path), [id]), level + 1, id, result);
       }
     }
@@ -57988,16 +58029,23 @@ var Tree = function Tree(props) {
     return props.height || styleHeight;
   };
   var handleUpdateActive = function handleUpdateActive(active, item) {
-    setActive(active);
-    if (active !== props.active) {
-      propSetActive === null || propSetActive === void 0 || propSetActive(active, item);
+    var fromUser = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (isActiveControlled && fromUser) {
+      // 受控模式下,用户点击时只调用外部回调,不更新内部状态
+      if (active !== props.active) {
+        propSetActive === null || propSetActive === void 0 || propSetActive(active, item);
+      }
+      return;
     }
+
+    // 其他情况(非受控模式,或受控模式下由 props.active 变化触发),更新内部状态和节点
+    setActive(active);
     datum.updateMap.forEach(function (update, id) {
       update('active', id === active);
     });
   };
   var handleNodeClick = function handleNodeClick(node, id) {
-    handleUpdateActive(id, node);
+    handleUpdateActive(id, node, true);
     if (onClick) {
       onClick(node, id, datum.getPath(id));
     }
@@ -61972,6 +62020,8 @@ var LinePopUp = function LinePopUp(props) {
 
 
 
+
+
 var Line = function Line(props) {
   var _props$jssStyle;
   var _props$shape = props.shape,
@@ -61981,7 +62031,8 @@ var Line = function Line(props) {
     _props$type = props.type,
     type = _props$type === void 0 ? 'info' : _props$type,
     iconSize = props.iconSize,
-    popup = props.popup;
+    popup = props.popup,
+    success = props.success;
   var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
   var isInner = shape === 'line-inner';
   var isInnerRight = isInner && value < 10;
@@ -62010,21 +62061,41 @@ var Line = function Line(props) {
       return p ? "".concat(p, ",").concat(col) : col;
     }, ''), ")");
   }
+
+  // Success progress bar style
+  var successStyle = success ? {
+    width: "".concat(success.value / 100 * 100, "%"),
+    borderRadius: props.strokeWidth && props.strokeWidth / 2
+  } : undefined;
+  if (successStyle && success) {
+    if (typeof success.color === 'string') {
+      successStyle.background = success.color;
+      successStyle.backgroundSize = '1em 1em';
+    } else if (typeof_default()(success.color) === 'object') {
+      successStyle.background = "linear-gradient(to right, ".concat(analyzeColor(success.color).reduce(function (p, v) {
+        var col = "".concat(v.color, " ").concat(v.pos);
+        return p ? "".concat(p, ",").concat(col) : col;
+      }, ''), ")");
+    }
+  }
   var children = props.children ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content),
     children: props.children
   }) : null;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, extractProps(props, 'mouse')), {}, {
     className: mc,
     style: props.style,
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineBg,
       style: bgStyle,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: [success && successStyle && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineSuccess,
+        style: successStyle
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineFront,
         style: frontStyle,
         children: isInner && children
-      })
+      })]
     }), isDefaultPop ? /*#__PURE__*/(0,jsx_runtime.jsx)(line_popup, {
       value: value,
       jssStyle: props.jssStyle,
@@ -62034,7 +62105,7 @@ var Line = function Line(props) {
       style: iconStyle,
       children: [type === 'info' && icons_config.progress.InfoLine, type === 'warning' && icons_config.progress.WarningLine, type === 'success' && icons_config.progress.SuccessLine, type === 'danger' && icons_config.progress.DangerLine]
     })]
-  });
+  }));
 };
 /* harmony default export */ var line = (Line);
 ;// CONCATENATED MODULE: ../base/src/progress/circle.tsx
@@ -62045,6 +62116,8 @@ var Line = function Line(props) {
 
 
 
+
+
 var Circle = function Circle(props) {
   var _props$jssStyle;
   var _props$value = props.value,
@@ -62058,7 +62131,8 @@ var Circle = function Circle(props) {
     size = _props$size === void 0 ? 64 : _props$size,
     _props$strokeLinecap = props.strokeLinecap,
     strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
-    iconSize = props.iconSize;
+    iconSize = props.iconSize,
+    success = props.success;
   var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
   var iconStyle = {
     width: iconSize,
@@ -62076,8 +62150,13 @@ var Circle = function Circle(props) {
   }, props.style);
   var width = value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
   var objColor = color && typeof_default()(color) === 'object';
+
+  // Success circle calculation
+  var successDasharray = success ? [p * (success.value / 100), p * (1 - success.value / 100)] : null;
+  var successWidth = success && success.value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
+  var objSuccessColor = (success === null || success === void 0 ? void 0 : success.color) && typeof_default()(success.color) === 'object';
   var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger));
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, extractProps(props, 'mouse')), {}, {
     className: mc,
     style: style,
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
@@ -62096,6 +62175,20 @@ var Circle = function Circle(props) {
             }, c.pos);
           })
         })
+      }) : null, objSuccessColor && success !== null && success !== void 0 && success.color && typeof_default()(success.color) === 'object' ? /*#__PURE__*/(0,jsx_runtime.jsx)("defs", {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("linearGradient", {
+          id: "progress-success-linear",
+          x1: "50%",
+          x2: "50%",
+          y1: "0%",
+          y2: "100%",
+          children: analyzeColor(success.color).map(function (c) {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)("stop", {
+              offset: c.pos,
+              stopColor: c.color
+            }, c.pos);
+          })
+        })
       }) : null, /*#__PURE__*/(0,jsx_runtime.jsx)("circle", {
         className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circleBg,
         cx: cx,
@@ -62118,6 +62211,18 @@ var Circle = function Circle(props) {
         strokeDasharray: dasharray,
         strokeLinecap: strokeLinecap,
         strokeWidth: width
+      }), success && successDasharray && /*#__PURE__*/(0,jsx_runtime.jsx)("circle", {
+        className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circleSuccess,
+        cx: cx,
+        cy: cy,
+        r: r,
+        fill: "transparent",
+        style: {
+          stroke: objSuccessColor ? "url('#progress-success-linear')" : typeof success.color === 'string' ? success.color : undefined
+        },
+        strokeDasharray: successDasharray,
+        strokeLinecap: strokeLinecap,
+        strokeWidth: successWidth
       })]
     }), !showIcon && props.children && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content,
@@ -62127,7 +62232,7 @@ var Circle = function Circle(props) {
       style: iconStyle,
       children: [type === 'info' && icons_config.progress.InfoCircle, type === 'warning' && icons_config.progress.WarningCircle, type === 'success' && icons_config.progress.SuccessCircle, type === 'danger' && icons_config.progress.DangerCircle]
     })]
-  });
+  }));
 };
 /* harmony default export */ var circle = (Circle);
 ;// CONCATENATED MODULE: ../base/src/progress/progress.tsx
@@ -63080,6 +63185,12 @@ var useSlider = function useSlider(props) {
       context.clickLock = false;
     }, 100);
   });
+  var isDisabled = use_persist_fn(function (value) {
+    if (typeof props.disabled === 'function') {
+      return props.disabled(value);
+    }
+    return !!props.disabled;
+  });
   var handleDragEnd = use_persist_fn(function () {
     lockClick();
     var start = getValueFromRate(rate[0], scale, step);
@@ -63091,20 +63202,56 @@ var useSlider = function useSlider(props) {
       props.onChange(end);
     }
   });
-  var handleDragMove = use_persist_fn(function (deltaX, deltaY) {
+  var handleDragMove = use_persist_fn(function (deltaX, deltaY, mouseEvent) {
     setRate(function (r) {
       var target = trackRef.current;
       if (!target) return r;
       var newRate = toConsumableArray_default()(r);
       var v = context.dragIndex === 0 ? r[0] : r[1];
-      var max = props.vertical ? target.clientHeight : target.clientWidth;
-      var delta = props.vertical ? deltaY * -1 : deltaX * (isReserve ? -1 : 1);
-      var rate = Math.max(v + delta / max, 0);
+      var rate;
+
+      // If disabled function is used and we have mouse event, use absolute position
+      if (typeof props.disabled === 'function' && mouseEvent) {
+        var rect = target.getBoundingClientRect();
+        var currentIndicatorRate = v;
+
+        // Calculate mouse position rate
+        var mouseRate;
+        if (props.vertical) {
+          mouseRate = (rect.bottom - mouseEvent.clientY) / rect.height;
+        } else {
+          mouseRate = isReserve ? (rect.right - mouseEvent.clientX) / rect.width : (mouseEvent.clientX - rect.left) / rect.width;
+        }
+
+        // Only allow movement if mouse crossed the indicator position
+        if (mouseRate > currentIndicatorRate) {
+          // Mouse is to the right/top, allow moving right/up
+          rate = Math.max(Math.min(mouseRate, 1), 0);
+        } else if (mouseRate < currentIndicatorRate) {
+          // Mouse is to the left/bottom, allow moving left/down
+          rate = Math.max(Math.min(mouseRate, 1), 0);
+        } else {
+          // Mouse is at same position, no change
+          return r;
+        }
+      } else {
+        // Normal delta-based movement
+        var max = props.vertical ? target.clientHeight : target.clientWidth;
+        var delta = props.vertical ? deltaY * -1 : deltaX * (isReserve ? -1 : 1);
+        rate = Math.max(v + delta / max, 0);
+      }
       if (rate > 1) {
         rate = 1;
         if (typeof props.onIncrease === 'function') props.onIncrease();
       }
       newRate[context.dragIndex] = rate;
+
+      // Check if the new value would be disabled
+      var newValue = getValueFromRate(newRate[context.dragIndex], scale, step);
+      if (isDisabled(newValue)) {
+        // Stay at current position to prevent flickering
+        return r;
+      }
       if (newRate[0] > newRate[1]) {
         context.dragIndex = context.dragIndex === 0 ? 1 : 0;
         var temp = newRate[0];
@@ -63133,6 +63280,9 @@ var useSlider = function useSlider(props) {
     var rect = target.getBoundingClientRect();
     var rate = !props.vertical ? (isReserve ? rect.right - e.clientX : e.clientX - rect.left) / rect.width : (rect.bottom - e.clientY) / rect.height;
     var value = getValueFromRate(rate, scale, step);
+
+    // Check if the clicked value would be disabled
+    if (isDisabled(value)) return;
     if (props.range) {
       var _start = startValue;
       var _end = endValue;
@@ -63169,8 +63319,10 @@ var useSlider = function useSlider(props) {
     handleEndMouseDown: handleEndMouseDown,
     handleTrackClick: handleTrackClick
   });
-  var start = dragInfo.isDragging ? rate[0] : getRateFromValue(startValue, scale);
-  var end = dragInfo.isDragging ? rate[1] : getRateFromValue(endValue, scale);
+
+  // During dragging, optionally snap to quantized values in discrete mode
+  var start = dragInfo.isDragging ? props.discrete ? getRateFromValue(getValueFromRate(rate[0], scale, step), scale) : rate[0] : getRateFromValue(startValue, scale);
+  var end = dragInfo.isDragging ? props.discrete ? getRateFromValue(getValueFromRate(rate[1], scale, step), scale) : rate[1] : getRateFromValue(endValue, scale);
   var innerStyle = getTrackInnerStyle(start, end);
   return {
     func: func,
@@ -63226,7 +63378,9 @@ var Slider = function Slider(props0) {
       step: step,
       vertical: !!props.vertical,
       onIncrease: props.onIncrease,
-      direction: config.direction
+      direction: config.direction,
+      disabled: props.disabled,
+      discrete: props.discrete
     }),
     func = _useSlider.func,
     trackRef = _useSlider.trackRef,
@@ -63248,12 +63402,20 @@ var Slider = function Slider(props0) {
       children: formated
     });
   };
+  var isDisabled = function isDisabled(value) {
+    if (typeof props.disabled === 'function') {
+      return props.disabled(value);
+    }
+    return !!props.disabled;
+  };
   var renderIndicator = function renderIndicator(position) {
     if (!props.range && position === 0) return null;
     var handleEndMouseDown = position === 0 ? func.handleStartMouseDown : func.handleEndMouseDown;
+    var value = position === 0 ? startValue : endValue;
+    var disabled = isDisabled(value);
     return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        onMouseDown: props.disabled ? undefined : handleEndMouseDown,
+        onMouseDown: disabled ? undefined : handleEndMouseDown,
         className: classnames_default()(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicator, position === 0 ? sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorStart : sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorEnd, dragIndex === position && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorActive), tipType === 'hover' && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorHover)),
         dir: config.direction
       }), renderIndicatorValue(position)]
@@ -63269,14 +63431,30 @@ var Slider = function Slider(props0) {
   var verticalStyle = props.vertical ? {
     height: height
   } : {};
+
+  // For boolean disabled, use it directly; for function disabled, check all values
+  var isWholeDisabled = function isWholeDisabled() {
+    if (typeof props.disabled === 'boolean' || props.disabled === undefined) {
+      return !!props.disabled;
+    }
+    // For function disabled, the component is not fully disabled (individual indicators are)
+    return false;
+  };
+  var shouldDisableTrackClick = function shouldDisableTrackClick() {
+    if (typeof props.disabled === 'boolean' || props.disabled === undefined) {
+      return !!props.disabled;
+    }
+    // For function disabled, allow track clicks
+    return false;
+  };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     id: fieldId,
-    className: classnames_default()(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), props.disabled && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
+    className: classnames_default()(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), isWholeDisabled() && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
     style: objectSpread2_default()(objectSpread2_default()({}, verticalStyle), props.style),
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.track,
       ref: trackRef,
-      onClick: props.disabled ? undefined : func.handleTrackClick,
+      onClick: shouldDisableTrackClick() ? undefined : func.handleTrackClick,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackInner,
         style: innerStyle,
@@ -68467,14 +68645,14 @@ var TabsPanel = function TabsPanel(props) {
   var isActive = active === id;
   var keekAlive = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
-    var tabData = {
+    var tabData = objectSpread2_default()({
       id: id,
       tab: tab,
       disabled: props.disabled,
       jssStyle: jssStyle,
       background: shape !== 'button' && shape !== 'fill' ? background : undefined,
       color: props.color || (active === id ? color : undefined)
-    };
+    }, extractProps(props, 'data-attr'));
     setTabs(function (prev) {
       var oldTab = prev.find(function (item) {
         return item.id === id;
@@ -68763,9 +68941,9 @@ var Tab = function Tab(props, _ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  var containerProps = objectSpread2_default()(objectSpread2_default()({
+  var containerProps = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     className: tabClass
-  }, getStateProps()), {}, {
+  }, getStateProps()), extractProps(props, "data-attr")), {}, {
     style: style,
     onClick: handleClick,
     ref: _ref,
@@ -74878,7 +75056,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.6'
+  version: '3.9.7-beta.10'
 });
 }();
 /******/ 	return __webpack_exports__;