@difizen/libro-common 0.3.4 → 1.0.0

package/es/react/dropdown/styles/index.less

@@ -0,0 +1,121 @@
+/* stylelint-disable keyframes-name-pattern */
+
+@import '../../styles/variables.less';
+
+@dropdown-prefix-cls: ~'@{mana-prefix}-dropdown';
+
+.@{dropdown-prefix-cls} {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  z-index: 9999;
+  display: block;
+  max-height: 320px;
+  border-radius: 3px;
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 20%);
+
+  // &::before {
+  //   position: absolute;
+  //   top: -7px;
+  //   right: 0;
+  //   bottom: -7px;
+  //   left: -7px;
+  //   z-index: -9999;
+  //   opacity: 0.0001;
+  //   content: ' ';
+  // }
+
+  &-hidden {
+    display: none;
+  }
+
+  &-overlay {
+    display: inline-block;
+  }
+
+  &.slide-down-enter.slide-down-enter-active&-placement-bottomLeft,
+  &.slide-down-appear.slide-down-appear-active&-placement-bottomLeft,
+  &.slide-down-enter.slide-down-enter-active&-placement-bottomCenter,
+  &.slide-down-appear.slide-down-appear-active&-placement-bottomCenter,
+  &.slide-down-enter.slide-down-enter-active&-placement-bottomRight,
+  &.slide-down-appear.slide-down-appear-active&-placement-bottomRight {
+    animation-name: x6SlideUpIn;
+  }
+
+  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
+  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
+  &.slide-up-enter.slide-up-enter-active&-placement-topCenter,
+  &.slide-up-appear.slide-up-appear-active&-placement-topCenter,
+  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
+  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
+    animation-name: x6SlideDownIn;
+  }
+
+  &.slide-down-leave.slide-down-leave-active&-placement-bottomLeft,
+  &.slide-down-leave.slide-down-leave-active&-placement-bottomCenter,
+  &.slide-down-leave.slide-down-leave-active&-placement-bottomRight {
+    animation-name: x6SlideUpOut;
+  }
+
+  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
+  &.slide-up-leave.slide-up-leave-active&-placement-topCenter,
+  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
+    animation-name: x6SlideDownOut;
+  }
+}
+
+@keyframes x6SlideUpIn {
+  0% {
+    transform: scaleY(0.8);
+    transform-origin: 0% 0%;
+    opacity: 0;
+  }
+
+  100% {
+    transform: scaleY(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+}
+
+@keyframes x6SlideUpOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+
+  100% {
+    transform: scaleY(0.8);
+    transform-origin: 0% 0%;
+    opacity: 0;
+  }
+}
+
+@keyframes x6SlideDownIn {
+  0% {
+    transform: scaleY(0.8);
+    transform-origin: 100% 100%;
+    opacity: 0;
+  }
+
+  100% {
+    transform: scaleY(1);
+    transform-origin: 100% 100%;
+    opacity: 1;
+  }
+}
+
+@keyframes x6SlideDownOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 100% 100%;
+    opacity: 1;
+  }
+
+  100% {
+    transform: scaleY(0.8);
+    transform-origin: 100% 100%;
+    opacity: 0;
+  }
+}

package/es/react/index.d.ts

@@ -0,0 +1,8 @@
+export * from './menu';
+export * from './menubar';
+export * from './layout/boxpanel';
+export * from './layout/splitpanel';
+export * from './tabs';
+export * from './dropdown';
+export * from './notification';
+//# sourceMappingURL=index.d.ts.map

package/es/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/es/react/index.js

@@ -0,0 +1,7 @@
+export * from "./menu";
+export * from "./menubar";
+export * from "./layout/boxpanel";
+export * from "./layout/splitpanel";
+export * from "./tabs";
+export * from "./dropdown";
+export * from "./notification";

package/es/react/layout/boxpanel/Pane.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import './styles/index.less';
+export interface PaneProps {
+    flex?: number;
+    defaultSize?: number;
+    overflow?: string;
+    zIndex?: number;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Pane: React.FC<PaneProps>;
+//# sourceMappingURL=Pane.d.ts.map

package/es/react/layout/boxpanel/Pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../../src/react/layout/boxpanel/Pane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC"}

package/es/react/layout/boxpanel/Pane.js

@@ -0,0 +1,37 @@
+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(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); }
+import clsx from 'classnames';
+import * as React from 'react';
+import { Layout } from "../layout";
+import { BoxPanelContext } from "./context";
+import "./styles/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Pane = function Pane(_ref) {
+  var _children = _ref.children,
+    flex = _ref.flex,
+    overflow = _ref.overflow,
+    defaultSize = _ref.defaultSize,
+    zIndex = _ref.zIndex,
+    style = _ref.style,
+    className = _ref.className;
+  return /*#__PURE__*/_jsx(BoxPanelContext.Consumer, {
+    children: function children(_ref2) {
+      var prefixCls = _ref2.prefixCls,
+        direction = _ref2.direction;
+      var baseCls = "".concat(prefixCls, "-boxpanel");
+      return /*#__PURE__*/_jsx("div", {
+        className: clsx("".concat(baseCls, "-wrapper"), className),
+        style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({
+          flex: flex,
+          overflow: overflow,
+          zIndex: zIndex
+        }, Layout.getMinSizeProperty(direction), defaultSize)),
+        children: _children
+      });
+    }
+  });
+};

package/es/react/layout/boxpanel/context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { Layout } from '../layout';
+export interface BoxPanelContextProps {
+    direction: Layout.direction;
+    prefixCls?: string;
+}
+export declare const BoxPanelContext: React.Context<BoxPanelContextProps>;
+//# sourceMappingURL=context.d.ts.map

package/es/react/layout/boxpanel/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/react/layout/boxpanel/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,qCAE1B,CAAC"}

package/es/react/layout/boxpanel/context.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export var BoxPanelContext = /*#__PURE__*/React.createContext({
+  direction: 'left-to-right'
+});

package/es/react/layout/boxpanel/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Layout } from '../layout';
+import { Pane } from './Pane';
+import './styles/index.less';
+export interface BoxPanelProps {
+    prefixCls?: string | undefined;
+    className?: string | undefined;
+    direction?: Layout.direction;
+    defaultSize?: number | string;
+    flex?: number;
+    zIndex?: number;
+    style?: React.CSSProperties;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export type BoxPanel = React.ForwardRefExoticComponent<BoxPanelProps & React.RefAttributes<HTMLDivElement>> & {
+    Pane: typeof Pane;
+};
+export declare const BoxPanel: BoxPanel;
+//# sourceMappingURL=index.d.ts.map

package/es/react/layout/boxpanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/layout/boxpanel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,yBAAyB,CACpD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACpD,GAAG;IAAE,IAAI,EAAE,OAAO,IAAI,CAAA;CAAE,CAAC;AAE1B,eAAO,MAAM,QAAQ,EAAE,QAqCV,CAAC"}

package/es/react/layout/boxpanel/index.js

@@ -0,0 +1,46 @@
+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(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); }
+import clsx from 'classnames';
+import * as React from 'react';
+import { defaultPrefixCls } from "../../constant";
+import { Layout } from "../layout";
+import { BoxPanelContext } from "./context";
+import { Pane } from "./Pane";
+import "./styles/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var BoxPanel = /*#__PURE__*/React.forwardRef(function BoxPanel(_ref, containerRef) {
+  var _ref$prefixCls = _ref.prefixCls,
+    prefixCls = _ref$prefixCls === void 0 ? defaultPrefixCls : _ref$prefixCls,
+    className = _ref.className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'left-to-right' : _ref$direction,
+    defaultSize = _ref.defaultSize,
+    zIndex = _ref.zIndex,
+    style = _ref.style;
+  var baseCls = "".concat(prefixCls, "-boxpanel");
+  var arrayChildren = React.Children.toArray(children);
+  return /*#__PURE__*/_jsx("div", {
+    ref: containerRef,
+    className: clsx(baseCls, className),
+    style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({
+      flexDirection: Layout.getFlexDirection(direction),
+      zIndex: zIndex
+    }, Layout.getMinSizeProperty(direction), defaultSize)),
+    children: arrayChildren.map(function (child, index) {
+      return /*#__PURE__*/_jsx(BoxPanelContext.Provider, {
+        value: {
+          prefixCls: prefixCls,
+          direction: direction
+        },
+        children: child
+      }, index);
+    })
+  });
+});
+BoxPanel.Pane = Pane;

package/es/react/layout/boxpanel/styles/index.less

@@ -0,0 +1,14 @@
+@import '../../../styles/variables.less';
+
+@boxpanel-prefix-cls: ~'@{mana-prefix}-boxpanel';
+
+.@{boxpanel-prefix-cls} {
+  display: flex;
+  width: 100%;
+  height: 100%;
+
+  &-wrapper {
+    position: relative;
+    z-index: 1;
+  }
+}

package/es/react/layout/layout.d.ts

@@ -0,0 +1,12 @@
+export declare namespace Layout {
+    type direction = 'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top';
+    type alignment = 'horizontal' | 'vertical';
+    function getFlexDirection(direction: Layout.direction): any;
+    function getSizeProperty(direction: Layout.direction): "width" | "height";
+    function getDomSizeProperty(direction: Layout.direction): "clientWidth" | "clientHeight";
+    function getMinSizeProperty(direction: Layout.direction): "minWidth" | "minHeight";
+    function getMaxSizeProperty(direction: Layout.direction): "maxWidth" | "maxHeight";
+    function getResizeHandle(direction: Layout.direction): (props: import("../resize/index").ResizeHandleProps) => import("react/jsx-runtime").JSX.Element;
+    function getTabbarDirection(direction: Layout.direction): "row" | "column";
+}
+//# sourceMappingURL=layout.d.ts.map

package/es/react/layout/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/react/layout/layout.ts"],"names":[],"mappings":"AA0CA,yBAAiB,MAAM,CAAC;IACtB,KAAY,SAAS,GACjB,eAAe,GACf,eAAe,GACf,eAAe,GACf,eAAe,CAAC;IAEpB,KAAY,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;IAElD,SAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,OAE3D;IAED,SAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,sBAE1D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,kCAE7D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,4BAE7D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,4BAE7D;IAED,SAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,mGAK1D;IAED,SAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,oBAK7D;CACF"}

package/es/react/layout/layout.js

@@ -0,0 +1,68 @@
+import { ResizeHandleVertical, ResizeHandleHorizontal } from "../resize/index";
+var flexDirectionMap = {
+  'left-to-right': {
+    direction: 'row',
+    size: 'width',
+    domSize: 'clientHeight',
+    minSize: 'minWidth',
+    maxSize: 'maxWidth'
+  },
+  'right-to-left': {
+    direction: 'row-reverse',
+    size: 'width',
+    domSize: 'clientHeight',
+    minSize: 'minWidth',
+    maxSize: 'maxWidth'
+  },
+  'top-to-bottom': {
+    direction: 'column',
+    size: 'height',
+    domSize: 'clientWidth',
+    minSize: 'minHeight',
+    maxSize: 'maxHeight'
+  },
+  'bottom-to-top': {
+    direction: 'column-reverse',
+    size: 'height',
+    domSize: 'clientWidth',
+    minSize: 'minHeight',
+    maxSize: 'maxHeight'
+  }
+};
+export var Layout;
+(function (_Layout) {
+  function getFlexDirection(direction) {
+    return flexDirectionMap[direction].direction;
+  }
+  _Layout.getFlexDirection = getFlexDirection;
+  function getSizeProperty(direction) {
+    return flexDirectionMap[direction].size;
+  }
+  _Layout.getSizeProperty = getSizeProperty;
+  function getDomSizeProperty(direction) {
+    return flexDirectionMap[direction].domSize;
+  }
+  _Layout.getDomSizeProperty = getDomSizeProperty;
+  function getMinSizeProperty(direction) {
+    return flexDirectionMap[direction].minSize;
+  }
+  _Layout.getMinSizeProperty = getMinSizeProperty;
+  function getMaxSizeProperty(direction) {
+    return flexDirectionMap[direction].maxSize;
+  }
+  _Layout.getMaxSizeProperty = getMaxSizeProperty;
+  function getResizeHandle(direction) {
+    if (direction === 'bottom-to-top' || direction === 'top-to-bottom') {
+      return ResizeHandleVertical;
+    }
+    return ResizeHandleHorizontal;
+  }
+  _Layout.getResizeHandle = getResizeHandle;
+  function getTabbarDirection(direction) {
+    if (direction === 'bottom-to-top' || direction === 'top-to-bottom') {
+      return 'row';
+    }
+    return 'column';
+  }
+  _Layout.getTabbarDirection = getTabbarDirection;
+})(Layout || (Layout = {}));

package/es/react/layout/splitpanel/context.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface ResizeHandle {
+    setSize: (targetSize?: number, isLatter?: boolean) => void;
+    setRelativeSize: (prev: number, next: number, isLatter: boolean) => void;
+    getSize: (isLatter: boolean) => number;
+    getRelativeSize: (isLatter: boolean) => number[];
+    lockSize: (lock: boolean | undefined, isLatter: boolean) => void;
+    setMaxSize: (lock: boolean | undefined, isLatter: boolean) => void;
+    hidePanel: (show?: boolean) => void;
+}
+export interface SplitPanelContextProps extends ResizeHandle {
+    prefixCls?: string;
+}
+export declare const SplitPanelContext: React.Context<SplitPanelContextProps>;
+//# sourceMappingURL=context.d.ts.map

package/es/react/layout/splitpanel/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/react/layout/splitpanel/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IACvC,eAAe,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;IACjD,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,uCAkB5B,CAAC"}

package/es/react/layout/splitpanel/context.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export var SplitPanelContext = /*#__PURE__*/React.createContext({
+  setSize: function setSize() {
+    //
+  },
+  setRelativeSize: function setRelativeSize() {
+    //
+  },
+  getSize: function getSize() {
+    return 0;
+  },
+  getRelativeSize: function getRelativeSize() {
+    return [0, 0];
+  },
+  lockSize: function lockSize() {
+    //
+  },
+  setMaxSize: function setMaxSize() {
+    //
+  },
+  hidePanel: function hidePanel() {
+    //
+  }
+});

package/es/react/layout/splitpanel/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { Layout } from '../layout.js';
+import { Pane } from './pane.js';
+import './styles/index.less';
+export interface SplitPanelProps {
+    prefixCls?: string;
+    className?: string;
+    direction?: Layout.direction;
+    id: string;
+    resizeKeep?: boolean;
+    useDomSize?: boolean;
+    children?: React.ReactNode | React.ReactNode[];
+    onResize?: (slot?: string) => void;
+    onSizeChanged?: (size: {
+        slot: string;
+        size: number;
+    }[]) => void;
+}
+export type SplitPanel = React.ForwardRefExoticComponent<SplitPanelProps & React.RefAttributes<HTMLDivElement>> & {
+    Pane: typeof Pane;
+};
+export declare const SplitPanel: SplitPanel;
+//# sourceMappingURL=index.d.ts.map

package/es/react/layout/splitpanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/layout/splitpanel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IAEX,UAAU,CAAC,EAAE,OAAO,CAAC;IAIrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;CAClE;AAUD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,yBAAyB,CACtD,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACtD,GAAG;IAAE,IAAI,EAAE,OAAO,IAAI,CAAA;CAAE,CAAC;AAE1B,eAAO,MAAM,UAAU,YAuRP,CAAC"}