@rainbow-oh/yee-c 0.1.0

package/dist/cjs/Splitter/demo/size.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/demo/size.tsx
+var size_exports = {};
+__export(size_exports, {
+  default: () => size_default
+});
+module.exports = __toCommonJS(size_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var size_default = () => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 300 } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, { defaultSize: "30%" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#f0f0f0" } }, "30% Panel")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, { min: "200px", max: "60%" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#e0e0e0" } }, "Min 200px, Max 60% Panel")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#d0d0d0" } }, "Auto Panel"))));
+};

package/dist/cjs/Splitter/demo/vertical.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Splitter/demo/vertical.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/demo/vertical.tsx
+var vertical_exports = {};
+__export(vertical_exports, {
+  default: () => vertical_default
+});
+module.exports = __toCommonJS(vertical_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var vertical_default = () => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 300 } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#f0f0f0" } }, "Top Panel")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#e0e0e0" } }, "Bottom Panel"))));
+};

package/dist/cjs/Splitter/hooks/useMove.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function useMove(handler: React.RefObject<HTMLDivElement | null>, direction: 'horizontal' | 'vertical', onMove: (dis: number) => void): boolean[];

package/dist/cjs/Splitter/hooks/useMove.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/hooks/useMove.ts
+var useMove_exports = {};
+__export(useMove_exports, {
+  default: () => useMove
+});
+module.exports = __toCommonJS(useMove_exports);
+var React = __toESM(require("react"));
+var import_debounce = __toESM(require("../../utils/debounce"));
+function useMove(handler, direction, onMove) {
+  const [moving, setMoving] = React.useState(false);
+  const moveTarget = (distance) => {
+    onMove(distance);
+  };
+  React.useEffect(() => {
+    if (!handler.current)
+      return;
+    const ele = handler.current;
+    const onMouseDown = (e) => {
+      e.preventDefault();
+      let x = e.pageX;
+      let y = e.pageY;
+      setMoving(true);
+      const onMouseMove = (0, import_debounce.default)((e2) => {
+        document.body.style.userSelect = "none";
+        document.body.style.cursor = direction === "horizontal" ? "col-resize" : "row-resize";
+        const cx = e2.pageX - x;
+        const cy = e2.pageY - y;
+        x = e2.pageX;
+        y = e2.pageY;
+        if (direction === "horizontal") {
+          moveTarget(cx);
+        } else {
+          moveTarget(cy);
+        }
+      }, 5);
+      const onMouseUp = () => {
+        setMoving(false);
+        window.removeEventListener("mousemove", onMouseMove);
+        window.removeEventListener("mouseup", onMouseUp);
+        ele.removeEventListener("mouseup", onMouseUp);
+        document.body.style.userSelect = "";
+        document.body.style.cursor = "";
+      };
+      window.addEventListener("mousemove", onMouseMove);
+      window.addEventListener("mouseup", onMouseUp);
+      ele.addEventListener("mouseup", onMouseUp);
+    };
+    ele.addEventListener("mousedown", onMouseDown);
+    return () => {
+      ele.removeEventListener("mousedown", onMouseDown);
+    };
+  }, [handler.current, direction]);
+  React.useEffect(() => {
+    if (handler.current) {
+      const ele = handler.current;
+      if (moving) {
+        ele.classList.add("moving");
+      } else {
+        ele.classList.remove("moving");
+      }
+    }
+  }, [moving]);
+  return [moving];
+}

package/dist/cjs/Splitter/index.d.ts

@@ -0,0 +1,8 @@
+import InternalSplitter from './splitter';
+import Item from './splitter-item';
+export type { SplitterItemProps, SplitterProps } from './interface';
+type SplitterType = typeof InternalSplitter & {
+    Item: typeof Item;
+};
+declare const Splitter: SplitterType;
+export default Splitter;

package/dist/cjs/Splitter/index.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/index.ts
+var Splitter_exports = {};
+__export(Splitter_exports, {
+  default: () => Splitter_default
+});
+module.exports = __toCommonJS(Splitter_exports);
+var import_splitter = __toESM(require("./splitter"));
+var import_splitter_item = __toESM(require("./splitter-item"));
+var Splitter = import_splitter.default;
+Splitter.Item = import_splitter_item.default;
+var Splitter_default = Splitter;

package/dist/cjs/Splitter/interface.d.ts

@@ -0,0 +1,80 @@
+/// <reference types="react" />
+import type { DataAttributeProps } from '../utils/types';
+export interface SplitterItemProps {
+    /**
+     * custom item element class name prefix
+     */
+    prefixCls?: string;
+    /**
+     * custom item element class name
+     * */
+    className?: string;
+    /**
+     * custom item element style
+     * */
+    style?: React.CSSProperties;
+    /**
+     *quick collapse
+     */
+    collapsible?: boolean | {
+        start?: boolean;
+        end?: boolean;
+    };
+    /**
+     * Do you want to enable drag and drop scaling
+     */
+    resizable?: boolean;
+    /**
+     * children
+     * */
+    children: React.ReactNode;
+    /**
+     * panel min size
+     * */
+    min?: string | number;
+    /**
+     * panel max size
+     * */
+    max?: string | number;
+    /**
+     * panel size, controlled
+     */
+    size?: string | number;
+    /**
+     * default panel size, uncontrolled
+     */
+    defaultSize?: string | number;
+    onExpand?: (expanded: boolean) => void;
+}
+export interface SplitterProps extends DataAttributeProps {
+    /**
+     * custom class name prefix
+     */
+    prefixCls?: string;
+    /**
+     * custom root element class name
+     */
+    className?: string;
+    /**
+     * custom root element style
+     */
+    style?: React.CSSProperties;
+    /**
+     * layout direction
+     * @default horizontal
+     * */
+    layout?: 'horizontal' | 'vertical';
+    /**
+     * children
+     */
+    children?: React.ReactElement[];
+    /**
+     * display border or not
+     * */
+    bordered?: boolean;
+    itemPadding?: number | string;
+    /**
+     * panel size change event
+     * */
+    onResize?: (sizes: number[]) => void;
+}

package/dist/cjs/Splitter/interface.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/interface.ts
+var interface_exports = {};
+module.exports = __toCommonJS(interface_exports);

package/dist/cjs/Splitter/splitter-handler.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PanelRect } from './splitter';
+interface SplitterHandlerProps {
+    layout: 'horizontal' | 'vertical';
+    resizable?: boolean;
+    collapsible?: boolean | {
+        start?: boolean;
+        end?: boolean;
+    };
+    index: number;
+    records: PanelRect[];
+    setRecords: React.Dispatch<React.SetStateAction<PanelRect[]>>;
+    onClick: (index: number, action: 'collapse' | 'expand', size: {
+        startSize: number;
+        endSize: number;
+    }, eles: {
+        start: HTMLDivElement;
+        end: HTMLDivElement;
+    }) => void;
+}
+declare const SplitterHandler: ({ layout, resizable, collapsible, index, records, setRecords, onClick, }: SplitterHandlerProps) => React.JSX.Element;
+export default SplitterHandler;

package/dist/cjs/Splitter/splitter-handler.js

@@ -0,0 +1,155 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/splitter-handler.tsx
+var splitter_handler_exports = {};
+__export(splitter_handler_exports, {
+  default: () => splitter_handler_default
+});
+module.exports = __toCommonJS(splitter_handler_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_lucide_react = require("lucide-react");
+var import_react = __toESM(require("react"));
+var import_useMove = __toESM(require("./hooks/useMove"));
+var import_splitter = require("./splitter");
+var SplitterHandler = ({
+  layout,
+  resizable = true,
+  collapsible,
+  index,
+  records,
+  setRecords,
+  onClick
+}) => {
+  const { start, end } = collapsible ? typeof collapsible === "boolean" ? { start: true, end: true } : collapsible : {};
+  const cref = (0, import_react.useRef)(null);
+  const handler = (0, import_react.useRef)(null);
+  const { refs } = (0, import_react.useContext)(import_splitter.SplitterWrapperCtx);
+  const { prefixCls } = (0, import_react.useContext)(import_splitter.SplitterCtx);
+  const status = records[index - 1] || {};
+  const next = records[index] || {};
+  const onMove = (dis) => {
+    const eles = refs.current;
+    const { el: start2, size: startSize } = eles[`item${index}`];
+    const { el: end2, size: endSize } = eles[`item${index + 1}`];
+    const s_c = layout === "horizontal" ? start2.clientWidth : start2.clientHeight;
+    const e_c = layout === "horizontal" ? end2.clientWidth : end2.clientHeight;
+    let s = s_c + dis;
+    let e = e_c - dis;
+    const total = s + e;
+    if (startSize.min && s < startSize.min) {
+      s = startSize.min;
+      e = total - s;
+    }
+    if (startSize.max && s > startSize.max) {
+      s = startSize.max;
+      e = total - s;
+    }
+    if (endSize.min && e < endSize.min) {
+      e = endSize.min;
+      s = total - e;
+    }
+    if (endSize.max && e > endSize.max) {
+      e = endSize.max;
+      s = total - e;
+    }
+    start2.style.flexBasis = `${s}px`;
+    end2.style.flexBasis = `${e}px`;
+    setRecords((state) => {
+      const newState = [...state];
+      newState[index - 1] = __spreadProps(__spreadValues({}, newState[index - 1]), {
+        size: s,
+        currentSize: s
+      });
+      newState[index] = __spreadProps(__spreadValues({}, newState[index]), { size: e, currentSize: e });
+      return newState;
+    });
+  };
+  (0, import_useMove.default)(handler, layout, onMove);
+  const handleClick = (action) => {
+    const eles = refs.current;
+    const { el: start2 } = eles[`item${index}`];
+    const { el: end2 } = eles[`item${index + 1}`];
+    const startSize = layout === "horizontal" ? start2.clientWidth : start2.clientHeight;
+    const endSize = layout === "horizontal" ? end2.clientWidth : end2.clientHeight;
+    onClick(index, action, { startSize, endSize }, { start: start2, end: end2 });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_clsx.default)(`${prefixCls}-handler`, {
+        [`${prefixCls}-handler-resizable`]: resizable
+      }),
+      "data-index": index,
+      ref: cref
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefixCls}-handler-dragger`,
+        ref: resizable ? handler : void 0
+      }
+    ),
+    start && status.currentSize ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefixCls}-expand-start`,
+        "data-index": index,
+        onClick: () => handleClick("collapse")
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, null)
+    ) : null,
+    end && next.currentSize ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefixCls}-expand-end`,
+        "data-index": index,
+        onClick: () => handleClick("expand")
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, null)
+    ) : null
+  );
+};
+var splitter_handler_default = SplitterHandler;

package/dist/cjs/Splitter/splitter-item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SplitterItemProps } from './interface';
+declare const Item: React.ForwardRefExoticComponent<SplitterItemProps & React.RefAttributes<HTMLDivElement>>;
+export default Item;

package/dist/cjs/Splitter/splitter-item.js

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Splitter/splitter-item.tsx
+var splitter_item_exports = {};
+__export(splitter_item_exports, {
+  default: () => splitter_item_default
+});
+module.exports = __toCommonJS(splitter_item_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_splitter = require("./splitter");
+var Item = import_react.default.forwardRef(
+  (props, ref) => {
+    const { prefixCls } = (0, import_react.useContext)(import_splitter.SplitterCtx);
+    const { className, style, children } = props;
+    const cls = (0, import_clsx.default)(`${prefixCls}-item`, className);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: cls, style, ref }, children);
+  }
+);
+Item.displayName = "SplitterItem";
+var splitter_item_default = Item;

package/dist/cjs/Splitter/splitter.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { SplitterProps } from './interface';
+import './style/index.less';
+type SplitterWrapperCtxType = {
+    refs: {
+        [key: string]: any;
+    };
+};
+type SplitterCtxType = {
+    prefixCls: string;
+    onResize?: (sizes: number[]) => void;
+};
+export declare const SplitterWrapperCtx: React.Context<SplitterWrapperCtxType>;
+export declare const SplitterCtx: React.Context<SplitterCtxType>;
+export type PanelRect = {
+    type: 'default' | 'percent' | 'auto';
+    size: number;
+    currentSize: number;
+    min?: string | number;
+    max?: string | number;
+};
+declare const Splitter: React.ForwardRefExoticComponent<SplitterProps & React.RefAttributes<HTMLDivElement>>;
+export default Splitter;