@dtjoy/dt-design 1.1.2 → 1.1.5

package/lib/splitter/Splitter.js

@@ -1,53 +1,70 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _configProvider = require("antd/es/config-provider");
+var _configProvider = require("antd/lib/config-provider");
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
-var _useEvent = _interopRequireDefault(require("rc-util/es/hooks/useEvent"));
-var _warning = _interopRequireDefault(require("rc-util/es/warning"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
 var _useItems = _interopRequireDefault(require("./hooks/useItems"));
+var _useOrientation3 = _interopRequireDefault(require("./hooks/useOrientation"));
 var _useResizable = _interopRequireDefault(require("./hooks/useResizable"));
-var _useResize = _interopRequireDefault(require("./hooks/useResize"));
-var _useSizes = _interopRequireDefault(require("./hooks/useSizes"));
+var _useResize3 = _interopRequireDefault(require("./hooks/useResize"));
+var _useSizes3 = _interopRequireDefault(require("./hooks/useSizes"));
 var _Panel = require("./Panel");
 var _SplitBar = _interopRequireDefault(require("./SplitBar"));
 require("./style/index.less");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _lodashEs = require("lodash-es");
+var _clsx2 = _interopRequireDefault(require("clsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const Splitter = props => {
-  const {
-    prefixCls: customizePrefixCls,
-    className,
-    style,
-    layout = 'horizontal',
-    children,
-    rootClassName,
-    onResizeStart,
-    onResize,
-    onResizeEnd,
-    lazy
-  } = props;
-  const {
-    getPrefixCls,
-    direction
-  } = (0, _react.useContext)(_configProvider.ConfigContext);
-  const prefixCls = getPrefixCls('splitter', customizePrefixCls);
-  const isVertical = layout === 'vertical';
-  const isRTL = direction === 'rtl';
-  const reverse = !isVertical && isRTL;
-  const items = (0, _useItems.default)(children);
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+var Splitter = function Splitter(props) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    layout = props.layout,
+    orientation = props.orientation,
+    vertical = props.vertical,
+    children = props.children,
+    rootClassName = props.rootClassName,
+    onResizeStart = props.onResizeStart,
+    onResize = props.onResize,
+    onResizeEnd = props.onResizeEnd,
+    lazy = props.lazy,
+    destroyOnHidden = props.destroyOnHidden,
+    draggerIcon = props.draggerIcon,
+    motion = props.motion;
+  var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    direction = _useContext.direction;
+  var prefixCls = getPrefixCls('splitter', customizePrefixCls);
+  var _useOrientation = (0, _useOrientation3.default)(orientation, vertical, layout),
+    _useOrientation2 = _slicedToArray(_useOrientation, 2),
+    mergedOrientation = _useOrientation2[0],
+    isVertical = _useOrientation2[1];
+  var isRTL = direction === 'rtl';
+  var reverse = !isVertical && isRTL;
+  var items = (0, _useItems.default)(children);
   if (process.env.NODE_ENV !== 'production') {
-    let existSize = false;
-    let existUndefinedSize = false;
-    items.forEach(item => {
+    var existSize = false;
+    var existUndefinedSize = false;
+    items.forEach(function (item) {
       if (item.size !== undefined) {
         existSize = true;
       } else {
@@ -58,80 +75,117 @@ const Splitter = props => {
       (0, _warning.default)(false, 'When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.');
     }
   }
-  const [containerSize, setContainerSize] = (0, _react.useState)();
-  const onContainerResize = size => {
-    const {
-      offsetWidth,
-      offsetHeight
-    } = size;
-    const containerSize = isVertical ? offsetHeight : offsetWidth;
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerSize = _useState2[0],
+    setContainerSize = _useState2[1];
+  var onContainerResize = function onContainerResize(size) {
+    var offsetWidth = size.offsetWidth,
+      offsetHeight = size.offsetHeight;
+    var containerSize = isVertical ? offsetHeight : offsetWidth;
     if (containerSize === 0) {
       return;
     }
     setContainerSize(containerSize);
   };
-  const [panelSizes, itemPxSizes, itemPtgSizes, itemPtgMinSizes, itemPtgMaxSizes, updateSizes] = (0, _useSizes.default)(items, containerSize);
-  const resizableInfos = (0, _useResizable.default)(items, itemPxSizes, isRTL);
-  const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] = (0, _useResize.default)(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, isRTL);
-  const onInternalResizeStart = (0, _useEvent.default)(index => {
+  var _useSizes = (0, _useSizes3.default)(items, containerSize),
+    _useSizes2 = _slicedToArray(_useSizes, 6),
+    panelSizes = _useSizes2[0],
+    itemPxSizes = _useSizes2[1],
+    itemPtgSizes = _useSizes2[2],
+    itemPtgMinSizes = _useSizes2[3],
+    itemPtgMaxSizes = _useSizes2[4],
+    updateSizes = _useSizes2[5];
+  var resizableInfos = (0, _useResizable.default)(items, itemPxSizes, isRTL);
+  var _useResize = (0, _useResize3.default)(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, isRTL),
+    _useResize2 = _slicedToArray(_useResize, 5),
+    onOffsetStart = _useResize2[0],
+    onOffsetUpdate = _useResize2[1],
+    onOffsetEnd = _useResize2[2],
+    onCollapse = _useResize2[3],
+    movingIndex = _useResize2[4];
+  var supportMotion = _react.default.useMemo(function () {
+    return (motion || items.some(function (item) {
+      var _item$collapsible;
+      return (_item$collapsible = item.collapsible) === null || _item$collapsible === void 0 ? void 0 : _item$collapsible.motion;
+    })) && movingIndex === undefined;
+  }, [items, motion, movingIndex]);
+  var onInternalResizeStart = (0, _useEvent.default)(function (index) {
     onOffsetStart(index);
-    onResizeStart?.(itemPxSizes);
+    onResizeStart === null || onResizeStart === void 0 || onResizeStart(itemPxSizes);
   });
-  const onInternalResizeUpdate = (0, _useEvent.default)((index, offset, lazyEnd) => {
-    const nextSizes = onOffsetUpdate(index, offset);
+  var onInternalResizeUpdate = (0, _useEvent.default)(function (index, offset, lazyEnd) {
+    var nextSizes = onOffsetUpdate(index, offset);
     if (lazyEnd) {
-      onResizeEnd?.(nextSizes);
+      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(nextSizes);
     } else {
-      onResize?.(nextSizes);
+      onResize === null || onResize === void 0 || onResize(nextSizes);
     }
+    return nextSizes;
   });
-  const onInternalResizeEnd = (0, _useEvent.default)(lazyEnd => {
-    onOffsetEnd();
+  var onInternalResizeEnd = (0, _useEvent.default)(function (nextSizes, lazyEnd) {
+    onOffsetEnd(nextSizes);
     if (!lazyEnd) {
-      onResizeEnd?.(itemPxSizes);
+      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(nextSizes !== null && nextSizes !== void 0 ? nextSizes : itemPxSizes);
     }
   });
-  const onInternalCollapse = (0, _useEvent.default)((index, type) => {
-    const nextSizes = onCollapse(index, type);
-    onResize?.(nextSizes);
-    onResizeEnd?.(nextSizes);
-    const collapsed = nextSizes.map(size => Math.abs(size) < Number.EPSILON);
-    props.onCollapse?.(collapsed, nextSizes);
+  var onInternalOffsetUpdate = (0, _useEvent.default)(function (index, offsetX, offsetY, lazyEnd) {
+    var offset = isVertical ? offsetY : offsetX;
+    if (reverse) {
+      offset = -offset;
+    }
+    return onInternalResizeUpdate(index, offset, lazyEnd);
+  });
+  var onInternalCollapse = (0, _useEvent.default)(function (index, type) {
+    var _props$onCollapse;
+    var nextSizes = onCollapse(index, type);
+    onResize === null || onResize === void 0 || onResize(nextSizes);
+    onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(nextSizes);
+    var collapsed = nextSizes.map(function (size) {
+      return Math.abs(size) < Number.EPSILON;
+    });
+    (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, collapsed, nextSizes);
   });
-  const containerClassName = (0, _clsx.default)(prefixCls, className, `${prefixCls}-${layout}`, {
-    [`${prefixCls}-rtl`]: isRTL
-  }, rootClassName);
-  const maskCls = `${prefixCls}-mask`;
-  const stackSizes = _react.default.useMemo(() => {
-    const mergedSizes = [];
-    let stack = 0;
-    const len = items.length;
-    for (let i = 0; i < len; i += 1) {
+  var containerClassName = (0, _clsx2.default)(prefixCls, className, "".concat(prefixCls, "-").concat(mergedOrientation), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName);
+  var maskCls = "".concat(prefixCls, "-mask");
+  var stackSizes = _react.default.useMemo(function () {
+    var mergedSizes = [];
+    var stack = 0;
+    var len = items.length;
+    for (var i = 0; i < len; i += 1) {
       stack += itemPtgSizes[i];
       mergedSizes.push(stack);
     }
     return mergedSizes;
   }, [itemPtgSizes, items.length]);
-  const mergedStyle = {
-    ...style
-  };
+  var panelIds = (0, _react.useMemo)(function () {
+    return items.map(function (item, idx) {
+      return item.id || "".concat(prefixCls, "-panel-").concat(idx);
+    });
+  }, [items, prefixCls]);
+  var mergedStyle = _objectSpread({}, style);
   return /*#__PURE__*/_react.default.createElement(_rcResizeObserver.default, {
     onResize: onContainerResize
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: mergedStyle,
     className: containerClassName
-  }, items.map((item, idx) => {
-    const panel = /*#__PURE__*/_react.default.createElement(_Panel.InternalPanel, _extends({}, item, {
+  }, items.map(function (item, idx) {
+    var _item$destroyOnHidden;
+    var panel = /*#__PURE__*/_react.default.createElement(_Panel.InternalPanel, _extends({}, item, {
+      id: panelIds[idx],
       prefixCls: prefixCls,
-      size: panelSizes[idx]
+      size: panelSizes[idx],
+      destroyOnHidden: (_item$destroyOnHidden = item.destroyOnHidden) !== null && _item$destroyOnHidden !== void 0 ? _item$destroyOnHidden : destroyOnHidden,
+      supportMotion: supportMotion
     }));
-    let splitBar = null;
-    const resizableInfo = resizableInfos[idx];
+    var splitBar = null;
+    var resizableInfo = resizableInfos[idx];
     if (resizableInfo) {
-      const ariaMinStart = (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];
-      const ariaMinEnd = (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];
-      const ariaMaxStart = (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];
-      const ariaMaxEnd = (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];
+      var ariaMinStart = (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];
+      var ariaMinEnd = (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];
+      var ariaMaxStart = (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];
+      var ariaMaxEnd = (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];
+      var ariaControls = [panelIds[idx], panelIds[idx + 1]].filter(Boolean).join(' ');
       splitBar = /*#__PURE__*/_react.default.createElement(_SplitBar.default, {
         lazy: lazy,
         index: idx,
@@ -139,32 +193,30 @@ const Splitter = props => {
         prefixCls: prefixCls,
         vertical: isVertical,
         resizable: resizableInfo.resizable,
+        draggerIcon: draggerIcon,
+        startIcon: resizableInfo.startIcon,
+        endIcon: resizableInfo.endIcon,
         ariaNow: stackSizes[idx] * 100,
         ariaMin: Math.max(ariaMinStart, ariaMinEnd) * 100,
         ariaMax: Math.min(ariaMaxStart, ariaMaxEnd) * 100,
+        ariaControls: ariaControls,
         startCollapsible: resizableInfo.startCollapsible,
         endCollapsible: resizableInfo.endCollapsible,
         showStartCollapsibleIcon: resizableInfo.showStartCollapsibleIcon,
         showEndCollapsibleIcon: resizableInfo.showEndCollapsibleIcon,
         onOffsetStart: onInternalResizeStart,
-        onOffsetUpdate: (index, offsetX, offsetY, lazyEnd) => {
-          let offset = isVertical ? offsetY : offsetX;
-          if (reverse) {
-            offset = -offset;
-          }
-          onInternalResizeUpdate(index, offset, lazyEnd);
-        },
+        onOffsetUpdate: onInternalOffsetUpdate,
         onOffsetEnd: onInternalResizeEnd,
         onCollapse: onInternalCollapse,
         containerSize: containerSize || 0
       });
     }
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: `split-panel-${(0, _lodashEs.uniqueId)()}`
+      key: panelIds[idx] || "split-panel-".concat(idx)
     }, panel, splitBar);
   }), typeof movingIndex === 'number' && /*#__PURE__*/_react.default.createElement("div", {
     "aria-hidden": true,
-    className: (0, _clsx.default)(maskCls, `${maskCls}-${layout}`)
+    className: (0, _clsx2.default)(maskCls, "".concat(maskCls, "-").concat(mergedOrientation))
   })));
 };
 if (process.env.NODE_ENV !== 'production') {

package/lib/splitter/hooks/sizeUtil.js

@@ -4,64 +4,81 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.autoPtgSizes = autoPtgSizes;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function autoPtgSizes(ptgSizes, minPtgSizes, maxPtgSizes) {
-  let currentTotalPtg = 0;
-  const undefinedIndexes = [];
-  ptgSizes.forEach((size, index) => {
+  var currentTotalPtg = 0;
+  var undefinedIndexes = [];
+  ptgSizes.forEach(function (size, index) {
     if (size === undefined) {
       undefinedIndexes.push(index);
     } else {
       currentTotalPtg += size;
     }
   });
-  const restPtg = 1 - currentTotalPtg;
-  const undefinedCount = undefinedIndexes.length;
+  var restPtg = 1 - currentTotalPtg;
+  var undefinedCount = undefinedIndexes.length;
 
   // If all sizes are defined but don't sum to 1, scale them.
   if (ptgSizes.length && !undefinedIndexes.length && currentTotalPtg !== 1) {
     // Handle the case when all sizes are 0
     if (currentTotalPtg === 0) {
-      const avg = 1 / ptgSizes.length;
-      return ptgSizes.map(() => avg);
+      var avg = 1 / ptgSizes.length;
+      return ptgSizes.map(function () {
+        return avg;
+      });
     }
-    const scale = 1 / currentTotalPtg;
+    var scale = 1 / currentTotalPtg;
     // We know `size` is a number here because undefinedIndexes is empty.
-    return ptgSizes.map(size => size * scale);
+    return ptgSizes.map(function (size) {
+      return size * scale;
+    });
   }
   if (restPtg < 0) {
-    const scale = 1 / currentTotalPtg;
-    return ptgSizes.map(size => size === undefined ? 0 : size * scale);
+    var _scale = 1 / currentTotalPtg;
+    return ptgSizes.map(function (size) {
+      return size === undefined ? 0 : size * _scale;
+    });
   }
-  let sumMin = 0;
-  let sumMax = 0;
-  let limitMin = 0;
-  let limitMax = 1;
-  for (const index of undefinedIndexes) {
-    const min = minPtgSizes[index] || 0;
-    const max = maxPtgSizes[index] || 1;
+  var sumMin = 0;
+  var sumMax = 0;
+  var limitMin = 0;
+  var limitMax = 1;
+  for (var _i = 0, _undefinedIndexes = undefinedIndexes; _i < _undefinedIndexes.length; _i++) {
+    var index = _undefinedIndexes[_i];
+    var min = minPtgSizes[index] || 0;
+    var max = maxPtgSizes[index] || 1;
     sumMin += min;
     sumMax += max;
     limitMin = Math.max(limitMin, min);
     limitMax = Math.min(limitMax, max);
   }
-  if (sumMin > 1 && sumMax < 1) {
-    const avg = 1 / undefinedCount;
-    return ptgSizes.map(size => size === undefined ? avg : size);
+  if (sumMin > 1 || sumMax < 1) {
+    var _avg = 1 / undefinedCount;
+    return ptgSizes.map(function (size) {
+      return size === undefined ? _avg : size;
+    });
   }
-  const restAvg = restPtg / undefinedCount;
+  var restAvg = restPtg / undefinedCount;
   if (limitMin <= restAvg && restAvg <= limitMax) {
-    return ptgSizes.map(size => size === undefined ? restAvg : size);
+    return ptgSizes.map(function (size) {
+      return size === undefined ? restAvg : size;
+    });
   }
-  const result = [...ptgSizes];
-  let remain = restPtg - sumMin;
-  for (let i = 0; i < undefinedCount; i += 1) {
-    const index = undefinedIndexes[i];
-    const min = minPtgSizes[index] || 0;
-    const max = maxPtgSizes[index] || 1;
-    result[index] = min;
-    const canAdd = max - min;
-    const add = Math.min(canAdd, remain);
-    result[index] += add;
+  var result = _toConsumableArray(ptgSizes);
+  var remain = restPtg - sumMin;
+  for (var i = 0; i < undefinedCount; i += 1) {
+    var _index = undefinedIndexes[i];
+    var _min = minPtgSizes[_index] || 0;
+    var _max = maxPtgSizes[_index] || 1;
+    result[_index] = _min;
+    var canAdd = _max - _min;
+    var add = Math.min(canAdd, remain);
+    result[_index] += add;
     remain -= add;
   }
   return result;

package/lib/splitter/hooks/useDragListeners.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDragListeners;
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+function useDragListeners(options) {
+  var startPos = options.startPos,
+    lazy = options.lazy,
+    onOffsetUpdate = options.onOffsetUpdate,
+    onOffsetEnd = options.onOffsetEnd,
+    handleLazyMove = options.handleLazyMove,
+    handleLazyEnd = options.handleLazyEnd,
+    setStartPos = options.setStartPos,
+    index = options.index;
+  (0, _useLayoutEffect.default)(function () {
+    if (!startPos) {
+      return;
+    }
+    var onMouseMove = function onMouseMove(e) {
+      var pageX = e.pageX,
+        pageY = e.pageY;
+      var offsetX = pageX - startPos[0];
+      var offsetY = pageY - startPos[1];
+      if (lazy) {
+        handleLazyMove(offsetX, offsetY);
+      } else {
+        onOffsetUpdate(index, offsetX, offsetY);
+      }
+    };
+    var onMouseUp = function onMouseUp() {
+      if (lazy) {
+        handleLazyEnd();
+      } else {
+        onOffsetEnd();
+      }
+      setStartPos(null);
+    };
+    var handleTouchMove = function handleTouchMove(e) {
+      if (e.touches.length === 1) {
+        e.preventDefault();
+        var touch = e.touches[0];
+        var _offsetX = touch.pageX - startPos[0];
+        var _offsetY = touch.pageY - startPos[1];
+        if (lazy) {
+          handleLazyMove(_offsetX, _offsetY);
+        } else {
+          onOffsetUpdate(index, _offsetX, _offsetY);
+        }
+      }
+    };
+    var handleTouchEnd = function handleTouchEnd() {
+      if (lazy) {
+        handleLazyEnd();
+      } else {
+        onOffsetEnd();
+      }
+      setStartPos(null);
+    };
+    var handleMouseLeave = function handleMouseLeave() {
+      if (lazy) {
+        handleLazyEnd();
+      } else {
+        onOffsetEnd();
+      }
+      setStartPos(null);
+    };
+    var handleBlur = function handleBlur() {
+      if (lazy) {
+        handleLazyEnd();
+      } else {
+        onOffsetEnd();
+      }
+      setStartPos(null);
+    };
+    var eventHandlerMap = {
+      mousemove: onMouseMove,
+      mouseup: onMouseUp,
+      touchmove: handleTouchMove,
+      touchend: handleTouchEnd,
+      mouseleave: handleMouseLeave,
+      blur: handleBlur
+    };
+    for (var _i = 0, _Object$entries = Object.entries(eventHandlerMap); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        event = _Object$entries$_i[0],
+        handler = _Object$entries$_i[1];
+      var _options = event === 'touchmove' ? {
+        passive: false
+      } : undefined;
+      // eslint-disable-next-line react-web-api/no-leaked-event-listener
+      window.addEventListener(event, handler, _options);
+    }
+    return function () {
+      for (var _i2 = 0, _Object$entries2 = Object.entries(eventHandlerMap); _i2 < _Object$entries2.length; _i2++) {
+        var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+          _event = _Object$entries2$_i[0],
+          _handler = _Object$entries2$_i[1];
+        var _options2 = _event === 'touchmove' ? {
+          passive: false
+        } : undefined;
+        window.removeEventListener(_event, _handler, _options2);
+      }
+    };
+  }, [startPos, index, lazy]);
+}

package/lib/splitter/hooks/useItems.js

@@ -6,17 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _excluded = ["collapsible"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _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 getCollapsible(collapsible) {
-  if (collapsible && typeof collapsible === 'object') {
-    return {
-      ...collapsible,
+  if (collapsible && _typeof(collapsible) === 'object') {
+    return _objectSpread(_objectSpread({}, collapsible), {}, {
       showCollapsibleIcon: collapsible.showCollapsibleIcon === undefined ? 'auto' : collapsible.showCollapsibleIcon
-    };
+    });
   }
-  const mergedCollapsible = !!collapsible;
+  var mergedCollapsible = !!collapsible;
   return {
     start: mergedCollapsible,
     end: mergedCollapsible,
@@ -28,19 +36,18 @@ function getCollapsible(collapsible) {
  * Convert `children` into `items`.
  */
 function useItems(children) {
-  const items = React.useMemo(() => (0, _toArray.default)(children).filter(item => /*#__PURE__*/React.isValidElement(item)).map(node => {
-    const {
-      props
-    } = node;
-    const {
-      collapsible,
-      ...restProps
-    } = props;
-    return {
-      ...restProps,
-      collapsible: getCollapsible(collapsible)
-    };
-  }), [children]);
+  var items = React.useMemo(function () {
+    return (0, _toArray.default)(children).filter(function (item) {
+      return /*#__PURE__*/React.isValidElement(item);
+    }).map(function (node) {
+      var props = node.props;
+      var collapsible = props.collapsible,
+        restProps = _objectWithoutProperties(props, _excluded);
+      return _objectSpread(_objectSpread({}, restProps), {}, {
+        collapsible: getCollapsible(collapsible)
+      });
+    });
+  }, [children]);
   return items;
 }
 var _default = exports.default = useItems;

package/lib/splitter/hooks/useOrientation.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOrientation;
+function useOrientation(orientation, vertical, layout) {
+  var _ref, _ref2;
+  var mergedOrientation = (_ref = (_ref2 = orientation !== null && orientation !== void 0 ? orientation : vertical ? 'vertical' : undefined) !== null && _ref2 !== void 0 ? _ref2 : layout) !== null && _ref !== void 0 ? _ref : 'horizontal';
+  var isVertical = mergedOrientation === 'vertical';
+  return [mergedOrientation, isVertical];
+}