@douyinfe/semi-foundation 2.24.2 → 2.25.0-alpha.0

package/lib/cjs/skeleton/variables.scss

@@ -15,6 +15,6 @@ $height-skeleton_button: $height-control-default; // 按钮骨架屏高度
 
 $spacing-skeleton_li-marginBottom: 10px; // 按钮骨架屏高度
 
-$radius-skeleton_item: 4px; // 骨架屏圆角
-$radius-skeleton_li: 4px; // 骨架屏圆角
+$radius-skeleton_item: var(--semi-border-radius-small); // 骨架屏圆角
+$radius-skeleton_li: var(--semi-border-radius-small); // 骨架屏圆角
 

package/lib/cjs/slider/constants.d.ts

@@ -6,6 +6,7 @@ declare const cssClasses: {
     DOTS: string;
     MARKS: string;
     HANDLE: string;
+    HANDLE_DOT: string;
 };
 declare const strings: {
     SIZE: string[];

package/lib/cjs/slider/constants.js

@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-slider"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-disabled"),
-  VERTICAL: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-vertical"),
-  TRACK: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-track"),
-  DOTS: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-dots"),
-  MARKS: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-marks"),
-  HANDLE: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-handle")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-slider`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-slider-disabled`,
+  VERTICAL: `${_constants.BASE_CLASS_PREFIX}-slider-vertical`,
+  TRACK: `${_constants.BASE_CLASS_PREFIX}-slider-track`,
+  DOTS: `${_constants.BASE_CLASS_PREFIX}-slider-dots`,
+  MARKS: `${_constants.BASE_CLASS_PREFIX}-slider-marks`,
+  HANDLE: `${_constants.BASE_CLASS_PREFIX}-slider-handle`,
+  HANDLE_DOT: `${_constants.BASE_CLASS_PREFIX}-slider-handle-dot`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/slider/foundation.d.ts

@@ -2,10 +2,11 @@ import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface Marks {
     [key: number]: string;
 }
-export declare type tipFormatterBasicType = string | number | boolean | null;
+export type tipFormatterBasicType = string | number | boolean | null;
 export interface SliderProps {
     defaultValue?: number | number[];
     disabled?: boolean;
+    showMarkLabel?: boolean;
     included?: boolean;
     marks?: Marks;
     max?: number;
@@ -17,8 +18,11 @@ export interface SliderProps {
     vertical?: boolean;
     onAfterChange?: (value: SliderProps['value']) => void;
     onChange?: (value: SliderProps['value']) => void;
+    onMouseUp?: (e: any) => void;
+    tooltipOnMark?: boolean;
     tooltipVisible?: boolean;
     style?: Record<string, any>;
+    showArrow?: boolean;
     className?: string;
     showBoundary?: boolean;
     railStyle?: Record<string, any>;
@@ -27,6 +31,13 @@ export interface SliderProps {
     'aria-labelledby'?: string;
     'aria-valuetext'?: string;
     getAriaValueText?: (value: number, index?: number) => string;
+    handleDot?: {
+        size?: string;
+        color?: string;
+    } & ({
+        size?: string;
+        color?: string;
+    }[]);
 }
 export interface SliderState {
     currentValue: number | number[];
@@ -130,7 +141,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
      *
      * @memberof SliderFoundation
      */
-    handleMousePos: (pageX: number, pageY: number) => {
+    handleMousePos: (clientX: number, clientY: number) => {
         x: number;
         y: number;
     };