@chaoswise/ui 3.0.23 → 3.1.0

package/lib/Antd5/spin/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "spinning", "delay", "className", "rootClassName", "size", "tip", "wrapperClassName", "style", "children", "fullscreen"];
+var _excluded = ["prefixCls", "spinning", "delay", "className", "rootClassName", "size", "tip", "wrapperClassName", "style", "children", "fullscreen", "indicator", "percent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -16,49 +16,20 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
-import omit from 'rc-util/lib/omit';
 import { debounce } from 'throttle-debounce';
-import { cloneElement } from '../_util/reactNode';
 import { devUseWarning } from '../_util/warning';
 import { ConfigContext } from '../config-provider';
+import Indicator from './Indicator';
 import useStyle from './style/index';
-var SpinSizes = ['small', 'default', 'large'];
+import usePercent from './usePercent';
+var _SpinSizes = ['small', 'default', 'large'];
 // Render indicator
-var defaultIndicator = null;
-function renderIndicator(prefixCls, props) {
-  var indicator = props.indicator;
-  var dotClassName = "".concat(prefixCls, "-dot");
-  // should not be render default indicator when indicator value is null
-  if (indicator === null) {
-    return null;
-  }
-  if (/*#__PURE__*/React.isValidElement(indicator)) {
-    return cloneElement(indicator, {
-      className: classNames(indicator.props.className, dotClassName)
-    });
-  }
-  if (/*#__PURE__*/React.isValidElement(defaultIndicator)) {
-    return cloneElement(defaultIndicator, {
-      className: classNames(defaultIndicator.props.className, dotClassName)
-    });
-  }
-  return _jsxs("span", {
-    className: classNames(dotClassName, "".concat(prefixCls, "-dot-spin")),
-    children: [_jsx("i", {
-      className: "".concat(prefixCls, "-dot-item")
-    }, 1), _jsx("i", {
-      className: "".concat(prefixCls, "-dot-item")
-    }, 2), _jsx("i", {
-      className: "".concat(prefixCls, "-dot-item")
-    }, 3), _jsx("i", {
-      className: "".concat(prefixCls, "-dot-item")
-    }, 4)]
-  });
-}
+var defaultIndicator;
 function shouldDelay(spinning, delay) {
   return !!spinning && !!delay && !isNaN(Number(delay));
 }
 var Spin = function Spin(props) {
+  var _ref;
   var customizePrefixCls = props.prefixCls,
     _props$spinning = props.spinning,
     customSpinning = _props$spinning === void 0 ? true : _props$spinning,
@@ -74,9 +45,13 @@ var Spin = function Spin(props) {
     children = props.children,
     _props$fullscreen = props.fullscreen,
     fullscreen = _props$fullscreen === void 0 ? false : _props$fullscreen,
+    indicator = props.indicator,
+    percent = props.percent,
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    spin = _React$useContext.spin;
   var prefixCls = getPrefixCls('spin', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -89,6 +64,7 @@ var Spin = function Spin(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     spinning = _React$useState2[0],
     setSpinning = _React$useState2[1];
+  var mergedPercent = usePercent(spinning, percent);
   React.useEffect(function () {
     if (customSpinning) {
       var showSpinning = debounce(delay, function () {
@@ -109,26 +85,26 @@ var Spin = function Spin(props) {
     var warning = devUseWarning('Spin');
     warning(!tip || isNestedPattern || fullscreen, 'usage', '`tip` only work in nest or fullscreen pattern.');
   }
-  var _React$useContext2 = React.useContext(ConfigContext),
-    direction = _React$useContext2.direction,
-    spin = _React$useContext2.spin;
-  var spinClassName = classNames(prefixCls, spin === null || spin === void 0 ? void 0 : spin.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-sm"), size === 'small'), "".concat(prefixCls, "-lg"), size === 'large'), "".concat(prefixCls, "-spinning"), spinning), "".concat(prefixCls, "-show-text"), !!tip), "".concat(prefixCls, "-fullscreen"), fullscreen), "".concat(prefixCls, "-fullscreen-show"), fullscreen && spinning), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, hashId, cssVarCls);
+  var spinClassName = classNames(prefixCls, spin === null || spin === void 0 ? void 0 : spin.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-sm"), size === 'small'), "".concat(prefixCls, "-lg"), size === 'large'), "".concat(prefixCls, "-spinning"), spinning), "".concat(prefixCls, "-show-text"), !!tip), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, !fullscreen && rootClassName, hashId, cssVarCls);
   var containerClassName = classNames("".concat(prefixCls, "-container"), _defineProperty({}, "".concat(prefixCls, "-blur"), spinning));
-  // fix https://fb.me/react-unknown-prop
-  var divProps = omit(restProps, ['indicator']);
+  var mergedIndicator = (_ref = indicator !== null && indicator !== void 0 ? indicator : spin === null || spin === void 0 ? void 0 : spin.indicator) !== null && _ref !== void 0 ? _ref : defaultIndicator;
   var mergedStyle = _objectSpread(_objectSpread({}, spin === null || spin === void 0 ? void 0 : spin.style), style);
-  var spinElement = _jsxs("div", _objectSpread(_objectSpread({}, divProps), {}, {
+  var spinElement = _jsxs("div", _objectSpread(_objectSpread({}, restProps), {}, {
     style: mergedStyle,
     className: spinClassName,
     "aria-live": "polite",
     "aria-busy": spinning,
-    children: [renderIndicator(prefixCls, props), tip && (isNestedPattern || fullscreen) ? _jsx("div", {
+    children: [_jsx(Indicator, {
+      prefixCls: prefixCls,
+      indicator: mergedIndicator,
+      percent: mergedPercent
+    }), tip && (isNestedPattern || fullscreen) ? _jsx("div", {
       className: "".concat(prefixCls, "-text"),
       children: tip
     }) : null]
   }));
   if (isNestedPattern) {
-    return wrapCSSVar(_jsxs("div", _objectSpread(_objectSpread({}, divProps), {}, {
+    return wrapCSSVar(_jsxs("div", _objectSpread(_objectSpread({}, restProps), {}, {
       className: classNames("".concat(prefixCls, "-nested-loading"), wrapperClassName, hashId, cssVarCls),
       children: [spinning && _jsx("div", {
         children: spinElement
@@ -138,6 +114,12 @@ var Spin = function Spin(props) {
       }, "container")]
     })));
   }
+  if (fullscreen) {
+    return wrapCSSVar(_jsx("div", {
+      className: classNames("".concat(prefixCls, "-fullscreen"), _defineProperty({}, "".concat(prefixCls, "-fullscreen-show"), spinning), rootClassName, hashId, cssVarCls),
+      children: spinElement
+    }));
+  }
   return wrapCSSVar(spinElement);
 };
 Spin.setDefaultIndicator = function (indicator) {

package/lib/Antd5/spin/style/index.js

@@ -18,9 +18,10 @@ var antRotate = new Keyframes('antRotate', {
   }
 });
 var genSpinStyle = function genSpinStyle(token) {
+  var _objectSpread2;
   var componentCls = token.componentCls,
     calc = token.calc;
-  return _defineProperty({}, "".concat(componentCls), _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, (_objectSpread2 = {
     position: 'absolute',
     display: 'none',
     color: token.colorPrimary,
@@ -30,14 +31,14 @@ var genSpinStyle = function genSpinStyle(token) {
     opacity: 0,
     transition: "transform ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOutCirc),
     '&-spinning': {
-      position: 'static',
+      position: 'relative',
       display: 'inline-block',
       opacity: 1
     }
-  }, "".concat(componentCls, "-text"), {
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "".concat(componentCls, "-text"), {
     fontSize: token.fontSize,
     paddingTop: calc(calc(token.dotSize).sub(token.fontSize)).div(2).add(2).equal()
-  }), '&-fullscreen', _defineProperty(_defineProperty({
+  }), '&-fullscreen', _defineProperty({
     position: 'fixed',
     width: '100vw',
     height: '100vh',
@@ -55,11 +56,11 @@ var genSpinStyle = function genSpinStyle(token) {
       opacity: 1,
       visibility: 'visible'
     }
-  }, "".concat(componentCls, "-dot ").concat(componentCls, "-dot-item"), {
-    backgroundColor: token.colorWhite
+  }, componentCls, _defineProperty(_defineProperty({}, "".concat(componentCls, "-dot-holder"), {
+    color: token.colorWhite
   }), "".concat(componentCls, "-text"), {
     color: token.colorTextLightSolid
-  })), '&-nested-loading', _defineProperty(_defineProperty(_defineProperty({
+  }))), '&-nested-loading', _defineProperty(_defineProperty(_defineProperty({
     position: 'relative'
   }, "> div > ".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'absolute',
@@ -112,16 +113,35 @@ var genSpinStyle = function genSpinStyle(token) {
       content: '""',
       pointerEvents: 'none'
     }
-  }), "".concat(componentCls, "-blur"), _defineProperty({
+  }), "".concat(componentCls, "-blur"), {
     clear: 'both',
     opacity: 0.5,
     userSelect: 'none',
-    pointerEvents: 'none'
-  }, "&::after", {
-    opacity: 0.4,
-    pointerEvents: 'auto'
-  }))), "&-tip", {
+    pointerEvents: 'none',
+    '&::after': {
+      opacity: 0.4,
+      pointerEvents: 'auto'
+    }
+  })), '&-tip', {
     color: token.spinDotDefault
+  }), "".concat(componentCls, "-dot-holder"), {
+    width: '1em',
+    height: '1em',
+    fontSize: token.dotSize,
+    display: 'inline-block',
+    transition: "transform ".concat(token.motionDurationSlow, " ease, opacity ").concat(token.motionDurationSlow, " ease"),
+    transformOrigin: '50% 50%',
+    lineHeight: 1,
+    color: token.colorPrimary,
+    '&-hidden': {
+      transform: 'scale(0.3)',
+      opacity: 0
+    }
+  }), "".concat(componentCls, "-dot-progress"), {
+    position: 'absolute',
+    top: '50%',
+    transform: 'translate(-50%, -50%)',
+    insetInlineStart: '50%'
   }), "".concat(componentCls, "-dot"), {
     position: 'relative',
     display: 'inline-block',
@@ -133,7 +153,7 @@ var genSpinStyle = function genSpinStyle(token) {
       display: 'block',
       width: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(),
       height: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(),
-      backgroundColor: token.colorPrimary,
+      background: 'currentColor',
       borderRadius: '100%',
       transform: 'scale(0.75)',
       transformOrigin: '50% 50%',
@@ -170,22 +190,39 @@ var genSpinStyle = function genSpinStyle(token) {
       animationDuration: '1.2s',
       animationIterationCount: 'infinite',
       animationTimingFunction: 'linear'
+    },
+    '&-circle': {
+      strokeLinecap: 'round',
+      transition: ['stroke-dashoffset', 'stroke-dasharray', 'stroke', 'stroke-width', 'opacity'].map(function (item) {
+        return "".concat(item, " ").concat(token.motionDurationSlow, " ease");
+      }).join(','),
+      fillOpacity: 0,
+      stroke: 'currentcolor'
+    },
+    '&-circle-bg': {
+      stroke: token.colorFillSecondary
     }
   }), "&-sm ".concat(componentCls, "-dot"), {
-    fontSize: token.dotSizeSM,
+    '&, &-holder': {
+      fontSize: token.dotSizeSM
+    }
+  }), "&-sm ".concat(componentCls, "-dot-holder"), {
     i: {
       width: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal(),
       height: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal()
     }
   }), "&-lg ".concat(componentCls, "-dot"), {
-    fontSize: token.dotSizeLG,
+    '&, &-holder': {
+      fontSize: token.dotSizeLG
+    }
+  }), _defineProperty(_defineProperty(_objectSpread2, "&-lg ".concat(componentCls, "-dot-holder"), {
     i: {
       width: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal(),
       height: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal()
     }
   }), "&".concat(componentCls, "-show-text ").concat(componentCls, "-text"), {
     display: 'block'
-  })));
+  }))));
 };
 export var prepareComponentToken = function prepareComponentToken(token) {
   var controlHeightLG = token.controlHeightLG,

package/lib/Antd5/spin/usePercent.js

@@ -0,0 +1,40 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import * as React from 'react';
+var AUTO_INTERVAL = 200;
+var STEP_BUCKETS = [[30, 0.05], [70, 0.03], [96, 0.01]];
+export default function usePercent(spinning, percent) {
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    mockPercent = _React$useState2[0],
+    setMockPercent = _React$useState2[1];
+  var mockIntervalRef = React.useRef();
+  var isAuto = percent === 'auto';
+  React.useEffect(function () {
+    if (isAuto && spinning) {
+      setMockPercent(0);
+      mockIntervalRef.current = setInterval(function () {
+        setMockPercent(function (prev) {
+          var restPTG = 100 - prev;
+          for (var i = 0; i < STEP_BUCKETS.length; i += 1) {
+            var _STEP_BUCKETS$i = _slicedToArray(STEP_BUCKETS[i], 2),
+              limit = _STEP_BUCKETS$i[0],
+              stepPtg = _STEP_BUCKETS$i[1];
+            if (prev <= limit) {
+              return prev + restPTG * stepPtg;
+            }
+          }
+          return prev;
+        });
+      }, AUTO_INTERVAL);
+    }
+    return function () {
+      clearInterval(mockIntervalRef.current);
+    };
+  }, [isAuto, spinning]);
+  return isAuto ? mockPercent : percent;
+}

package/lib/Antd5/splitter/Panel.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+export var InternalPanel = /*#__PURE__*/forwardRef(function (props, ref) {
+  var prefixCls = props.prefixCls,
+    className = props.className,
+    children = props.children,
+    size = props.size,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  var panelClassName = classNames("".concat(prefixCls, "-panel"), _defineProperty({}, "".concat(prefixCls, "-panel-hidden"), size === 0), className);
+  var hasSize = size !== undefined;
+  return _jsx("div", {
+    ref: ref,
+    className: panelClassName,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      // Use auto when start from ssr
+      flexBasis: hasSize ? size : 'auto',
+      flexGrow: hasSize ? 0 : 1
+    }),
+    children: children
+  });
+});
+if (process.env.NODE_ENV !== 'production') {
+  InternalPanel.displayName = 'Panel';
+}
+var Panel = function Panel() {
+  return null;
+};
+export default Panel;

package/lib/Antd5/splitter/SplitBar.js

@@ -0,0 +1,124 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import DownOutlined from '@ant-design/icons/DownOutlined';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import UpOutlined from '@ant-design/icons/UpOutlined';
+import classNames from 'classnames';
+function getValidNumber(num) {
+  return typeof num === 'number' && !Number.isNaN(num) ? Math.round(num) : 0;
+}
+var SplitBar = function SplitBar(props) {
+  var prefixCls = props.prefixCls,
+    vertical = props.vertical,
+    index = props.index,
+    active = props.active,
+    ariaNow = props.ariaNow,
+    ariaMin = props.ariaMin,
+    ariaMax = props.ariaMax,
+    resizable = props.resizable,
+    startCollapsible = props.startCollapsible,
+    endCollapsible = props.endCollapsible,
+    onOffsetStart = props.onOffsetStart,
+    onOffsetUpdate = props.onOffsetUpdate,
+    onOffsetEnd = props.onOffsetEnd,
+    onCollapse = props.onCollapse;
+  var splitBarPrefixCls = "".concat(prefixCls, "-bar");
+  // ======================== Resize ========================
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    startPos = _useState2[0],
+    setStartPos = _useState2[1];
+  var onMouseDown = function onMouseDown(e) {
+    if (resizable && e.currentTarget) {
+      setStartPos([e.pageX, e.pageY]);
+      onOffsetStart(index);
+    }
+  };
+  var onTouchStart = function onTouchStart(e) {
+    if (resizable && e.touches.length === 1) {
+      var touch = e.touches[0];
+      setStartPos([touch.pageX, touch.pageY]);
+      onOffsetStart(index);
+    }
+  };
+  React.useEffect(function () {
+    if (startPos) {
+      var onMouseMove = function onMouseMove(e) {
+        var pageX = e.pageX,
+          pageY = e.pageY;
+        var offsetX = pageX - startPos[0];
+        var offsetY = pageY - startPos[1];
+        onOffsetUpdate(index, offsetX, offsetY);
+      };
+      var onMouseUp = function onMouseUp() {
+        setStartPos(null);
+        onOffsetEnd();
+      };
+      var handleTouchMove = function handleTouchMove(e) {
+        if (e.touches.length === 1) {
+          var touch = e.touches[0];
+          var offsetX = touch.pageX - startPos[0];
+          var offsetY = touch.pageY - startPos[1];
+          onOffsetUpdate(index, offsetX, offsetY);
+        }
+      };
+      var handleTouchEnd = function handleTouchEnd() {
+        setStartPos(null);
+        onOffsetEnd();
+      };
+      window.addEventListener('touchmove', handleTouchMove);
+      window.addEventListener('touchend', handleTouchEnd);
+      window.addEventListener('mousemove', onMouseMove);
+      window.addEventListener('mouseup', onMouseUp);
+      return function () {
+        window.removeEventListener('mousemove', onMouseMove);
+        window.removeEventListener('mouseup', onMouseUp);
+        window.removeEventListener('touchmove', handleTouchMove);
+        window.removeEventListener('touchend', handleTouchEnd);
+      };
+    }
+  }, [startPos]);
+  // ======================== Render ========================
+  var StartIcon = vertical ? UpOutlined : LeftOutlined;
+  var EndIcon = vertical ? DownOutlined : RightOutlined;
+  return _jsxs("div", {
+    className: splitBarPrefixCls,
+    role: "separator",
+    "aria-valuenow": getValidNumber(ariaNow),
+    "aria-valuemin": getValidNumber(ariaMin),
+    "aria-valuemax": getValidNumber(ariaMax),
+    children: [_jsx("div", {
+      className: classNames("".concat(splitBarPrefixCls, "-dragger"), _defineProperty(_defineProperty({}, "".concat(splitBarPrefixCls, "-dragger-disabled"), !resizable), "".concat(splitBarPrefixCls, "-dragger-active"), active)),
+      onMouseDown: onMouseDown,
+      onTouchStart: onTouchStart
+    }), startCollapsible && _jsx("div", {
+      className: classNames("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-start")),
+      onClick: function onClick() {
+        return onCollapse(index, 'start');
+      },
+      children: _jsx(StartIcon, {
+        className: classNames("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-start"))
+      })
+    }), endCollapsible && _jsx("div", {
+      className: classNames("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-end")),
+      onClick: function onClick() {
+        return onCollapse(index, 'end');
+      },
+      children: _jsx(EndIcon, {
+        className: classNames("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-end"))
+      })
+    })]
+  });
+};
+export default SplitBar;