1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,41 @@
+import { clsx } from 'clsx';
+import * as React from 'react';
+import SliderContext from "../context";
+import { getDirectionStyle } from "../util";
+const Dot = props => {
+  const {
+    prefixCls,
+    value,
+    style,
+    activeStyle
+  } = props;
+  const {
+    min,
+    max,
+    direction,
+    included,
+    includedStart,
+    includedEnd
+  } = React.useContext(SliderContext);
+  const dotClassName = `${prefixCls}-dot`;
+  const active = included && includedStart <= value && value <= includedEnd;
+
+  // ============================ Offset ============================
+  let mergedStyle = {
+    ...getDirectionStyle(direction, value, min, max),
+    ...(typeof style === 'function' ? style(value) : style)
+  };
+  if (active) {
+    mergedStyle = {
+      ...mergedStyle,
+      ...(typeof activeStyle === 'function' ? activeStyle(value) : activeStyle)
+    };
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: clsx(dotClassName, {
+      [`${dotClassName}-active`]: active
+    }),
+    style: mergedStyle
+  });
+};
+export default Dot;