1

video-gen-admin/node_modules/antd/lib/slider/Context.d.ts

@@ -0,0 +1,9 @@
+import type { SliderProps as RcSliderProps } from '@rc-component/slider';
+import type { DirectionType } from '../config-provider';
+export interface SliderInternalContextProps {
+    handleRender?: RcSliderProps['handleRender'];
+    direction?: DirectionType;
+}
+/** @private Internal context. Do not use in your production. */
+declare const SliderInternalContext: import("react").Context<SliderInternalContextProps>;
+export default SliderInternalContext;

video-gen-admin/node_modules/antd/lib/slider/Context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+/** @private Internal context. Do not use in your production. */
+const SliderInternalContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = SliderInternalContext;

video-gen-admin/node_modules/antd/lib/slider/SliderTooltip.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { SliderRef } from '@rc-component/slider/lib/Slider';
+import type { TooltipProps } from '../tooltip';
+export type SliderTooltipProps = TooltipProps & {
+    draggingDelete?: boolean;
+    value?: number;
+};
+declare const SliderTooltip: React.ForwardRefExoticComponent<TooltipProps & {
+    draggingDelete?: boolean;
+    value?: number;
+} & React.RefAttributes<SliderRef>>;
+export default SliderTooltip;

video-gen-admin/node_modules/antd/lib/slider/SliderTooltip.js

@@ -0,0 +1,51 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _raf = _interopRequireDefault(require("@rc-component/util/lib/raf"));
+var _ref = require("@rc-component/util/lib/ref");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+const SliderTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    open,
+    draggingDelete,
+    value
+  } = props;
+  const innerRef = (0, _react.useRef)(null);
+  const mergedOpen = open && !draggingDelete;
+  const rafRef = (0, _react.useRef)(null);
+  function cancelKeepAlign() {
+    _raf.default.cancel(rafRef.current);
+    rafRef.current = null;
+  }
+  function keepAlign() {
+    rafRef.current = (0, _raf.default)(() => {
+      innerRef.current?.forceAlign();
+      rafRef.current = null;
+    });
+  }
+  React.useEffect(() => {
+    if (mergedOpen) {
+      keepAlign();
+    } else {
+      cancelKeepAlign();
+    }
+    return cancelKeepAlign;
+  }, [mergedOpen, props.title, value]);
+  return /*#__PURE__*/React.createElement(_tooltip.default, {
+    ref: (0, _ref.composeRef)(innerRef, ref),
+    ...props,
+    open: mergedOpen
+  });
+});
+if (process.env.NODE_ENV !== 'production') {
+  SliderTooltip.displayName = 'SliderTooltip';
+}
+var _default = exports.default = SliderTooltip;

video-gen-admin/node_modules/antd/lib/slider/index.d.ts

@@ -0,0 +1,112 @@
+import React from 'react';
+import type { SliderProps as RcSliderProps } from '@rc-component/slider';
+import type { SliderRef } from '@rc-component/slider/lib/Slider';
+import type { Orientation, SemanticClassNamesType, SemanticStylesType } from '../_util/hooks';
+import type { GetProp } from '../_util/type';
+import type { AbstractTooltipProps, TooltipPlacement } from '../tooltip';
+export type SliderMarks = RcSliderProps['marks'];
+export type SliderSemanticName = keyof SliderSemanticClassNames & keyof SliderSemanticStyles;
+export type SliderSemanticClassNames = {
+    root?: string;
+    tracks?: string;
+    track?: string;
+    rail?: string;
+    handle?: string;
+};
+export type SliderSemanticStyles = {
+    root?: React.CSSProperties;
+    tracks?: React.CSSProperties;
+    track?: React.CSSProperties;
+    rail?: React.CSSProperties;
+    handle?: React.CSSProperties;
+};
+export type SliderClassNamesType = SemanticClassNamesType<SliderBaseProps, SliderSemanticClassNames>;
+export type SliderStylesType = SemanticStylesType<SliderBaseProps, SliderSemanticStyles>;
+export interface SliderProps extends Omit<RcSliderProps, 'styles' | 'classNames'> {
+    classNames?: SliderClassNamesType;
+    styles?: SliderStylesType;
+}
+interface HandleGeneratorInfo {
+    value?: number;
+    dragging?: boolean;
+    index: number;
+}
+export type HandleGeneratorFn = (config: {
+    tooltipPrefixCls?: string;
+    prefixCls?: string;
+    info: HandleGeneratorInfo;
+}) => React.ReactElement;
+export type Formatter = ((value?: number) => React.ReactNode) | null;
+export interface SliderTooltipProps extends AbstractTooltipProps {
+    prefixCls?: string;
+    open?: boolean;
+    placement?: TooltipPlacement;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    formatter?: Formatter;
+    autoAdjustOverflow?: boolean;
+}
+export interface SliderBaseProps {
+    prefixCls?: string;
+    reverse?: boolean;
+    min?: number;
+    max?: number;
+    step?: null | number;
+    marks?: SliderMarks;
+    dots?: boolean;
+    included?: boolean;
+    disabled?: boolean;
+    keyboard?: boolean;
+    orientation?: Orientation;
+    vertical?: boolean;
+    className?: string;
+    rootClassName?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    tooltip?: SliderTooltipProps;
+    autoFocus?: boolean;
+    styles?: SliderStylesType;
+    classNames?: SliderClassNamesType;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    tabIndex?: SliderProps['tabIndex'];
+    ariaLabelForHandle?: SliderProps['ariaLabelForHandle'];
+    ariaLabelledByForHandle?: SliderProps['ariaLabelledByForHandle'];
+    ariaRequired?: SliderProps['ariaRequired'];
+    ariaValueTextFormatterForHandle?: SliderProps['ariaValueTextFormatterForHandle'];
+}
+export interface SliderSingleProps extends SliderBaseProps {
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    /** @deprecated Please use `onChangeComplete` instead */
+    onAfterChange?: (value: number) => void;
+    onChangeComplete?: (value: number) => void;
+    /** @deprecated Please use `styles.handle` instead */
+    handleStyle?: React.CSSProperties;
+    /** @deprecated Please use `styles.track` instead */
+    trackStyle?: React.CSSProperties;
+    /** @deprecated Please use `styles.rail` instead */
+    railStyle?: React.CSSProperties;
+}
+export interface SliderRangeProps extends SliderBaseProps {
+    range: true | SliderRange;
+    value?: number[];
+    defaultValue?: number[];
+    onChange?: (value: number[]) => void;
+    /** @deprecated Please use `onChangeComplete` instead */
+    onAfterChange?: (value: number[]) => void;
+    onChangeComplete?: (value: number[]) => void;
+    /** @deprecated Please use `styles.handle` instead */
+    handleStyle?: React.CSSProperties[];
+    /** @deprecated Please use `styles.track` instead */
+    trackStyle?: React.CSSProperties[];
+    /** @deprecated Please use `styles.rail` instead */
+    railStyle?: React.CSSProperties;
+}
+type SliderRange = Exclude<GetProp<RcSliderProps, 'range'>, boolean>;
+export type Opens = {
+    [index: number]: boolean;
+};
+declare const Slider: React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<SliderRef>>;
+export default Slider;

video-gen-admin/node_modules/antd/lib/slider/index.js

@@ -0,0 +1,244 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _slider = _interopRequireDefault(require("@rc-component/slider"));
+var _raf = _interopRequireDefault(require("@rc-component/util/lib/raf"));
+var _clsx = require("clsx");
+var _hooks = require("../_util/hooks");
+var _is = require("../_util/is");
+var _warning = require("../_util/warning");
+var _context = require("../config-provider/context");
+var _DisabledContext = _interopRequireDefault(require("../config-provider/DisabledContext"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _SliderTooltip = _interopRequireDefault(require("./SliderTooltip"));
+var _style = _interopRequireDefault(require("./style"));
+var _useRafLock = _interopRequireDefault(require("./useRafLock"));
+function getTipFormatter(tipFormatter) {
+  if (tipFormatter || tipFormatter === null) {
+    return tipFormatter;
+  }
+  return val => (0, _is.isNumber)(val) ? val.toString() : '';
+}
+const Slider = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    prefixCls: customizePrefixCls,
+    range,
+    className,
+    rootClassName,
+    style,
+    disabled,
+    // Deprecated Props
+    tooltip = {},
+    onChangeComplete,
+    classNames,
+    styles,
+    vertical,
+    orientation,
+    ...restProps
+  } = props;
+  const [, mergedVertical] = (0, _hooks.useOrientation)(orientation, vertical);
+  const {
+    getPrefixCls,
+    direction: contextDirection,
+    className: contextClassName,
+    style: contextStyle,
+    classNames: contextClassNames,
+    styles: contextStyles,
+    getPopupContainer
+  } = (0, _context.useComponentConfig)('slider');
+  const contextDisabled = _react.default.useContext(_DisabledContext.default);
+  const mergedDisabled = disabled ?? contextDisabled;
+  // =========== Merged Props for Semantic ==========
+  const mergedProps = {
+    ...props,
+    disabled: mergedDisabled,
+    vertical: mergedVertical
+  };
+  const [mergedClassNames, mergedStyles] = (0, _hooks.useMergeSemantic)([contextClassNames, classNames], [contextStyles, styles], {
+    props: mergedProps
+  });
+  // ============================= Context ==============================
+  const {
+    handleRender: contextHandleRender,
+    direction: internalContextDirection
+  } = _react.default.useContext(_Context.default);
+  const mergedDirection = internalContextDirection || contextDirection;
+  const isRTL = mergedDirection === 'rtl';
+  // =============================== Open ===============================
+  const [hoverOpen, setHoverOpen] = (0, _useRafLock.default)();
+  const [focusOpen, setFocusOpen] = (0, _useRafLock.default)();
+  const tooltipProps = {
+    ...tooltip
+  };
+  const {
+    open: tooltipOpen,
+    placement: tooltipPlacement,
+    getPopupContainer: getTooltipPopupContainer,
+    prefixCls: customizeTooltipPrefixCls,
+    formatter: tipFormatter
+  } = tooltipProps;
+  const lockOpen = tooltipOpen;
+  const activeOpen = (hoverOpen || focusOpen) && lockOpen !== false;
+  const mergedTipFormatter = getTipFormatter(tipFormatter);
+  // ============================= Change ==============================
+  const [dragging, setDragging] = (0, _useRafLock.default)();
+  const onInternalChangeComplete = nextValues => {
+    onChangeComplete?.(nextValues);
+    setDragging(false);
+  };
+  // ============================ Placement ============================
+  const getTooltipPlacement = (placement, vert) => {
+    if (placement) {
+      return placement;
+    }
+    if (!vert) {
+      return 'top';
+    }
+    return isRTL ? 'left' : 'right';
+  };
+  // ============================== Style ===============================
+  const prefixCls = getPrefixCls('slider', customizePrefixCls);
+  const [hashId, cssVarCls] = (0, _style.default)(prefixCls);
+  const rootClassNames = (0, _clsx.clsx)(className, contextClassName, mergedClassNames.root, rootClassName, {
+    [`${prefixCls}-rtl`]: isRTL,
+    [`${prefixCls}-lock`]: dragging
+  }, hashId, cssVarCls);
+  // make reverse default on rtl direction
+  if (isRTL && !mergedVertical) {
+    restProps.reverse = !restProps.reverse;
+  }
+  // ============================= Warning ==============================
+  // Warning for deprecated usage
+  if (process.env.NODE_ENV !== 'production') {
+    const warning = (0, _warning.devUseWarning)('Slider');
+    [['tooltipPrefixCls', 'prefixCls'], ['getTooltipPopupContainer', 'getPopupContainer'], ['tipFormatter', 'formatter'], ['tooltipPlacement', 'placement'], ['tooltipVisible', 'open']].forEach(([deprecatedName, newName]) => {
+      warning.deprecated(!(deprecatedName in props), deprecatedName, `tooltip.${newName}`);
+    });
+  }
+  // ============================== Handle ==============================
+  _react.default.useEffect(() => {
+    const onMouseUp = () => {
+      // Delay for 1 frame to make the click to enable hide tooltip
+      // even when the handle is focused
+      (0, _raf.default)(() => {
+        setFocusOpen(false);
+      }, 1);
+    };
+    document.addEventListener('mouseup', onMouseUp);
+    return () => {
+      document.removeEventListener('mouseup', onMouseUp);
+    };
+  }, []);
+  const useActiveTooltipHandle = range && !lockOpen;
+  const handleRender = contextHandleRender || ((node, info) => {
+    const {
+      index
+    } = info;
+    const nodeProps = node.props;
+    function proxyEvent(eventName, event, triggerRestPropsEvent) {
+      if (triggerRestPropsEvent) {
+        restProps[eventName]?.(event);
+      }
+      nodeProps[eventName]?.(event);
+    }
+    const passedProps = {
+      ...nodeProps,
+      onMouseEnter: e => {
+        setHoverOpen(true);
+        proxyEvent('onMouseEnter', e);
+      },
+      onMouseLeave: e => {
+        setHoverOpen(false);
+        proxyEvent('onMouseLeave', e);
+      },
+      onMouseDown: e => {
+        setFocusOpen(true);
+        setDragging(true);
+        proxyEvent('onMouseDown', e);
+      },
+      onFocus: e => {
+        setFocusOpen(true);
+        restProps.onFocus?.(e);
+        proxyEvent('onFocus', e, true);
+      },
+      onBlur: e => {
+        setFocusOpen(false);
+        restProps.onBlur?.(e);
+        proxyEvent('onBlur', e, true);
+      }
+    };
+    const cloneNode = /*#__PURE__*/_react.default.cloneElement(node, passedProps);
+    const open = (!!lockOpen || activeOpen) && mergedTipFormatter !== null;
+    // Wrap on handle with Tooltip when is single mode or multiple with all show tooltip
+    if (!useActiveTooltipHandle) {
+      return /*#__PURE__*/_react.default.createElement(_SliderTooltip.default, {
+        ...tooltipProps,
+        prefixCls: getPrefixCls('tooltip', customizeTooltipPrefixCls),
+        title: mergedTipFormatter ? mergedTipFormatter(info.value) : '',
+        value: info.value,
+        open: open,
+        placement: getTooltipPlacement(tooltipPlacement, mergedVertical),
+        key: index,
+        classNames: {
+          root: `${prefixCls}-tooltip`
+        },
+        getPopupContainer: getTooltipPopupContainer || getPopupContainer
+      }, cloneNode);
+    }
+    return cloneNode;
+  });
+  // ========================== Active Handle ===========================
+  const activeHandleRender = useActiveTooltipHandle ? (handle, info) => {
+    const cloneNode = /*#__PURE__*/_react.default.cloneElement(handle, {
+      style: {
+        ...handle.props.style,
+        visibility: 'hidden'
+      }
+    });
+    return /*#__PURE__*/_react.default.createElement(_SliderTooltip.default, {
+      ...tooltipProps,
+      prefixCls: getPrefixCls('tooltip', customizeTooltipPrefixCls),
+      title: mergedTipFormatter ? mergedTipFormatter(info.value) : '',
+      open: mergedTipFormatter !== null && activeOpen,
+      placement: getTooltipPlacement(tooltipPlacement, mergedVertical),
+      key: "tooltip",
+      classNames: {
+        root: `${prefixCls}-tooltip`
+      },
+      getPopupContainer: getTooltipPopupContainer || getPopupContainer,
+      draggingDelete: info.draggingDelete
+    }, cloneNode);
+  } : undefined;
+  // ============================== Render ==============================
+  const rootStyle = {
+    ...mergedStyles.root,
+    ...contextStyle,
+    ...style
+  };
+  return /*#__PURE__*/_react.default.createElement(_slider.default, {
+    ...restProps,
+    classNames: mergedClassNames,
+    styles: mergedStyles,
+    step: restProps.step,
+    range: range,
+    className: rootClassNames,
+    style: rootStyle,
+    disabled: mergedDisabled,
+    vertical: mergedVertical,
+    ref: ref,
+    prefixCls: prefixCls,
+    handleRender: handleRender,
+    activeHandleRender: activeHandleRender,
+    onChangeComplete: onInternalChangeComplete
+  });
+});
+if (process.env.NODE_ENV !== 'production') {
+  Slider.displayName = 'Slider';
+}
+var _default = exports.default = Slider;

video-gen-admin/node_modules/antd/lib/slider/style/index.d.ts

@@ -0,0 +1,96 @@
+import type { GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 滑动输入高度
+     * @descEN Height of slider
+     */
+    controlSize: number;
+    /**
+     * @desc 轨道高度
+     * @descEN Height of rail
+     */
+    railSize: number;
+    /**
+     * @desc 滑块尺寸
+     * @descEN Size of handle
+     */
+    handleSize: number;
+    /**
+     * @desc 滑块尺寸（悬浮态）
+     * @descEN Size of handle when hover
+     */
+    handleSizeHover: number;
+    /**
+     * @desc 滑块边框宽度
+     * @descEN Border width of handle
+     */
+    handleLineWidth: number | string;
+    /**
+     * @desc 滑块边框宽度（悬浮态）
+     * @descEN Border width of handle when hover
+     */
+    handleLineWidthHover: number | string;
+    /**
+     * @desc 滑块圆点尺寸
+     * @descEN Size of dot
+     */
+    dotSize: number;
+    /**
+     * @desc 轨道背景色
+     * @descEN Background color of rail
+     */
+    railBg: string;
+    /**
+     * @desc 轨道背景色（悬浮态）
+     * @descEN Background color of rail when hover
+     */
+    railHoverBg: string;
+    /**
+     * @desc 轨道已覆盖部分背景色
+     * @descEN Background color of track
+     */
+    trackBg: string;
+    /**
+     * @desc 轨道已覆盖部分背景色（悬浮态）
+     * @descEN Background color of track when hover
+     */
+    trackHoverBg: string;
+    /**
+     * @desc 滑块颜色
+     * @descEN Color of handle
+     */
+    handleColor: string;
+    /**
+     * @desc 滑块激活态边框色
+     * @descEN Border color of handle when active
+     */
+    handleActiveColor: string;
+    /**
+     * @desc 滑块激活态外框色
+     * @descEN Outline color of handle when active
+     */
+    handleActiveOutlineColor: string;
+    /**
+     * @desc 滑块禁用颜色
+     * @descEN Color of handle when disabled
+     */
+    handleColorDisabled: string;
+    /**
+     * @desc 圆点边框颜色
+     * @descEN Border color of dot
+     */
+    dotBorderColor: string;
+    /**
+     * @desc 圆点激活态边框颜色
+     * @descEN Border color of dot when active
+     */
+    dotActiveBorderColor: string;
+    /**
+     * @desc 轨道禁用态背景色
+     * @descEN Background color of track when disabled
+     */
+    trackBgDisabled: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Slider'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [string, string];
+export default _default;

video-gen-admin/node_modules/antd/lib/slider/style/index.js

@@ -0,0 +1,336 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareComponentToken = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _fastColor = require("@ant-design/fast-color");
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+// =============================== Base ===============================
+const genBaseStyle = token => {
+  const {
+    componentCls,
+    antCls,
+    controlSize,
+    dotSize,
+    marginFull,
+    marginPart,
+    colorFillContentHover,
+    handleColorDisabled,
+    calc,
+    handleSize,
+    handleSizeHover,
+    handleActiveColor,
+    handleActiveOutlineColor,
+    handleLineWidth,
+    handleLineWidthHover,
+    motionDurationMid
+  } = token;
+  return {
+    [componentCls]: {
+      ...(0, _style.resetComponent)(token),
+      position: 'relative',
+      height: controlSize,
+      margin: `${(0, _cssinjs.unit)(marginPart)} ${(0, _cssinjs.unit)(marginFull)}`,
+      padding: 0,
+      cursor: 'pointer',
+      touchAction: 'none',
+      '&-vertical': {
+        margin: `${(0, _cssinjs.unit)(marginFull)} ${(0, _cssinjs.unit)(marginPart)}`
+      },
+      [`${componentCls}-rail`]: {
+        position: 'absolute',
+        backgroundColor: token.railBg,
+        borderRadius: token.borderRadiusXS,
+        transition: `background-color ${motionDurationMid}`
+      },
+      [`${componentCls}-track,${componentCls}-tracks`]: {
+        position: 'absolute',
+        transition: `background-color ${motionDurationMid}`
+      },
+      [`${componentCls}-track`]: {
+        backgroundColor: token.trackBg,
+        borderRadius: token.borderRadiusXS
+      },
+      [`${componentCls}-track-draggable`]: {
+        boxSizing: 'content-box',
+        backgroundClip: 'content-box',
+        border: 'solid rgba(0,0,0,0)'
+      },
+      '&:hover': {
+        [`${componentCls}-rail`]: {
+          backgroundColor: token.railHoverBg
+        },
+        [`${componentCls}-track`]: {
+          backgroundColor: token.trackHoverBg
+        },
+        [`${componentCls}-dot`]: {
+          borderColor: colorFillContentHover
+        },
+        [`${componentCls}-handle::after`]: {
+          boxShadow: `0 0 0 ${(0, _cssinjs.unit)(handleLineWidth)} ${token.colorPrimaryBorderHover}`
+        },
+        [`${componentCls}-dot-active`]: {
+          borderColor: token.dotActiveBorderColor
+        }
+      },
+      [`${componentCls}-handle`]: {
+        position: 'absolute',
+        width: handleSize,
+        height: handleSize,
+        outline: 'none',
+        userSelect: 'none',
+        // Dragging status
+        '&-dragging-delete': {
+          opacity: 0
+        },
+        // 扩大选区
+        '&::before': {
+          content: '""',
+          position: 'absolute',
+          insetInlineStart: calc(handleLineWidth).mul(-1).equal(),
+          insetBlockStart: calc(handleLineWidth).mul(-1).equal(),
+          width: calc(handleSize).add(calc(handleLineWidth).mul(2)).equal(),
+          height: calc(handleSize).add(calc(handleLineWidth).mul(2)).equal(),
+          backgroundColor: 'transparent'
+        },
+        '&::after': {
+          content: '""',
+          position: 'absolute',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: handleSize,
+          height: handleSize,
+          backgroundColor: token.colorBgElevated,
+          boxShadow: `0 0 0 ${(0, _cssinjs.unit)(handleLineWidth)} ${token.handleColor}`,
+          outline: `0px solid transparent`,
+          borderRadius: '50%',
+          cursor: 'pointer',
+          transition: ['inset-inline-start', 'inset-block-start', 'width', 'height', 'box-shadow', 'outline'].map(prop => `${prop} ${motionDurationMid}`).join(', ')
+        },
+        '&:hover, &:active, &:focus': {
+          '&::before': {
+            insetInlineStart: calc(handleSizeHover).sub(handleSize).div(2).add(handleLineWidthHover).mul(-1).equal(),
+            insetBlockStart: calc(handleSizeHover).sub(handleSize).div(2).add(handleLineWidthHover).mul(-1).equal(),
+            width: calc(handleSizeHover).add(calc(handleLineWidthHover).mul(2)).equal(),
+            height: calc(handleSizeHover).add(calc(handleLineWidthHover).mul(2)).equal()
+          },
+          '&::after': {
+            boxShadow: `0 0 0 ${(0, _cssinjs.unit)(handleLineWidthHover)} ${handleActiveColor}`,
+            outline: `6px solid ${handleActiveOutlineColor}`,
+            width: handleSizeHover,
+            height: handleSizeHover,
+            insetInlineStart: token.calc(handleSize).sub(handleSizeHover).div(2).equal(),
+            insetBlockStart: token.calc(handleSize).sub(handleSizeHover).div(2).equal()
+          }
+        }
+      },
+      [`&-lock ${componentCls}-handle`]: {
+        '&::before, &::after': {
+          transition: 'none'
+        }
+      },
+      [`${componentCls}-mark`]: {
+        position: 'absolute',
+        fontSize: token.fontSize
+      },
+      [`${componentCls}-mark-text`]: {
+        position: 'absolute',
+        display: 'inline-block',
+        color: token.colorTextDescription,
+        textAlign: 'center',
+        wordBreak: 'keep-all',
+        cursor: 'pointer',
+        userSelect: 'none',
+        '&-active': {
+          color: token.colorText
+        }
+      },
+      [`${componentCls}-step`]: {
+        position: 'absolute',
+        background: 'transparent',
+        pointerEvents: 'none'
+      },
+      [`${componentCls}-dot`]: {
+        position: 'absolute',
+        width: dotSize,
+        height: dotSize,
+        backgroundColor: token.colorBgElevated,
+        border: `${(0, _cssinjs.unit)(handleLineWidth)} solid ${token.dotBorderColor}`,
+        borderRadius: '50%',
+        cursor: 'pointer',
+        transition: `border-color ${token.motionDurationSlow}`,
+        pointerEvents: 'auto',
+        '&-active': {
+          borderColor: token.dotActiveBorderColor
+        }
+      },
+      [`&${componentCls}-disabled`]: {
+        cursor: 'not-allowed',
+        [`${componentCls}-rail`]: {
+          backgroundColor: `${token.railBg} !important`
+        },
+        [`${componentCls}-track`]: {
+          backgroundColor: `${token.trackBgDisabled} !important`
+        },
+        [`
+          ${componentCls}-dot
+        `]: {
+          backgroundColor: token.colorBgElevated,
+          borderColor: token.trackBgDisabled,
+          boxShadow: 'none',
+          cursor: 'not-allowed'
+        },
+        [`${componentCls}-handle::after`]: {
+          backgroundColor: token.colorBgElevated,
+          cursor: 'not-allowed',
+          width: handleSize,
+          height: handleSize,
+          boxShadow: `0 0 0 ${(0, _cssinjs.unit)(handleLineWidth)} ${handleColorDisabled}`,
+          insetInlineStart: 0,
+          insetBlockStart: 0
+        },
+        [`
+          ${componentCls}-mark-text,
+          ${componentCls}-dot
+        `]: {
+          cursor: `not-allowed !important`
+        }
+      },
+      [`&-tooltip ${antCls}-tooltip-container`]: {
+        minWidth: 'unset'
+      }
+    }
+  };
+};
+// ============================ Horizontal ============================
+const genDirectionStyle = (token, horizontal) => {
+  const {
+    componentCls,
+    railSize,
+    handleSize,
+    dotSize,
+    marginFull,
+    calc
+  } = token;
+  const railPadding = horizontal ? 'paddingBlock' : 'paddingInline';
+  const full = horizontal ? 'width' : 'height';
+  const part = horizontal ? 'height' : 'width';
+  const handlePos = horizontal ? 'insetBlockStart' : 'insetInlineStart';
+  const markInset = horizontal ? 'top' : 'insetInlineStart';
+  const handlePosSize = calc(railSize).mul(3).sub(handleSize).div(2).equal();
+  const draggableBorderSize = calc(handleSize).sub(railSize).div(2).equal();
+  const draggableBorder = horizontal ? {
+    borderWidth: `${(0, _cssinjs.unit)(draggableBorderSize)} 0`,
+    transform: `translateY(${(0, _cssinjs.unit)(calc(draggableBorderSize).mul(-1).equal())})`
+  } : {
+    borderWidth: `0 ${(0, _cssinjs.unit)(draggableBorderSize)}`,
+    transform: `translateX(${(0, _cssinjs.unit)(token.calc(draggableBorderSize).mul(-1).equal())})`
+  };
+  return {
+    [railPadding]: railSize,
+    [part]: calc(railSize).mul(3).equal(),
+    [`${componentCls}-rail`]: {
+      [full]: '100%',
+      [part]: railSize
+    },
+    [`${componentCls}-track,${componentCls}-tracks`]: {
+      [part]: railSize
+    },
+    [`${componentCls}-track-draggable`]: {
+      ...draggableBorder
+    },
+    [`${componentCls}-handle`]: {
+      [handlePos]: handlePosSize
+    },
+    [`${componentCls}-mark`]: {
+      // Reset all
+      insetInlineStart: 0,
+      top: 0,
+      // https://github.com/ant-design/ant-design/issues/43731
+      [markInset]: calc(railSize).mul(3).add(horizontal ? 0 : marginFull).equal(),
+      [full]: '100%'
+    },
+    [`${componentCls}-step`]: {
+      // Reset all
+      insetInlineStart: 0,
+      top: 0,
+      [markInset]: railSize,
+      [full]: '100%',
+      [part]: railSize
+    },
+    [`${componentCls}-dot`]: {
+      position: 'absolute',
+      [handlePos]: calc(railSize).sub(dotSize).div(2).equal()
+    }
+  };
+};
+// ============================ Horizontal ============================
+const genHorizontalStyle = token => {
+  const {
+    componentCls,
+    marginPartWithMark
+  } = token;
+  return {
+    [`${componentCls}-horizontal`]: {
+      ...genDirectionStyle(token, true),
+      [`&${componentCls}-with-marks`]: {
+        marginBottom: marginPartWithMark
+      }
+    }
+  };
+};
+// ============================= Vertical =============================
+const genVerticalStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`${componentCls}-vertical`]: {
+      ...genDirectionStyle(token, false),
+      height: '100%'
+    }
+  };
+};
+// ============================== Export ==============================
+const prepareComponentToken = token => {
+  // Handle line width is always width-er 1px
+  const increaseHandleWidth = 1;
+  const controlSize = token.controlHeightLG / 4;
+  const controlSizeHover = token.controlHeightSM / 2;
+  const handleLineWidth = token.lineWidth + increaseHandleWidth;
+  const handleLineWidthHover = token.lineWidth + increaseHandleWidth * 1.5;
+  const handleActiveColor = token.colorPrimary;
+  const handleActiveOutlineColor = new _fastColor.FastColor(handleActiveColor).setA(0.2).toRgbString();
+  return {
+    controlSize,
+    railSize: 4,
+    handleSize: controlSize,
+    handleSizeHover: controlSizeHover,
+    dotSize: 8,
+    handleLineWidth,
+    handleLineWidthHover,
+    railBg: token.colorFillTertiary,
+    railHoverBg: token.colorFillSecondary,
+    trackBg: token.colorPrimaryBorder,
+    trackHoverBg: token.colorPrimaryBorderHover,
+    handleColor: token.colorPrimaryBorder,
+    handleActiveColor,
+    handleActiveOutlineColor,
+    handleColorDisabled: new _fastColor.FastColor(token.colorTextDisabled).onBackground(token.colorBgContainer).toHexString(),
+    dotBorderColor: token.colorBorderSecondary,
+    dotActiveBorderColor: token.colorPrimaryBorder,
+    trackBgDisabled: token.colorBgContainerDisabled
+  };
+};
+exports.prepareComponentToken = prepareComponentToken;
+var _default = exports.default = (0, _internal.genStyleHooks)('Slider', token => {
+  const sliderToken = (0, _internal.mergeToken)(token, {
+    marginPart: token.calc(token.controlHeight).sub(token.controlSize).div(2).equal(),
+    marginFull: token.calc(token.controlSize).div(2).equal(),
+    marginPartWithMark: token.calc(token.controlHeightLG).sub(token.controlSize).equal()
+  });
+  return [genBaseStyle(sliderToken), genHorizontalStyle(sliderToken), genVerticalStyle(sliderToken)];
+}, prepareComponentToken);

video-gen-admin/node_modules/antd/lib/slider/useRafLock.d.ts

@@ -0,0 +1 @@
+export default function useRafLock(): [state: boolean, setState: (nextState: boolean) => void];

video-gen-admin/node_modules/antd/lib/slider/useRafLock.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useRafLock;
+var React = _interopRequireWildcard(require("react"));
+var _raf = _interopRequireDefault(require("@rc-component/util/lib/raf"));
+function useRafLock() {
+  const [state, setState] = React.useState(false);
+  const rafRef = React.useRef(null);
+  const cleanup = () => {
+    _raf.default.cancel(rafRef.current);
+  };
+  const setDelayState = nextState => {
+    cleanup();
+    if (nextState) {
+      setState(nextState);
+    } else {
+      rafRef.current = (0, _raf.default)(() => {
+        setState(nextState);
+      });
+    }
+  };
+  React.useEffect(() => cleanup, []);
+  return [state, setDelayState];
+}