@rainbow-oh/yee-c 0.1.0 → 0.2.0

package/dist/cjs/Form/demo/form-table.js

@@ -42,14 +42,7 @@ var form_table_default = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "24px" } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "Form + Table Dynamic Form Example"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Form, { form, onFinish, layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Form.List,
     {
-      name: "users",
-      initialValue: [
-        {
-          name: "",
-          age: "",
-          address: ""
-        }
-      ]
+      name: "users"
     },
     (fields, operations) => {
       const columns = [

package/dist/cjs/Form/demo/tooltip.d.ts

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

package/dist/cjs/Form/demo/tooltip.js

@@ -0,0 +1,84 @@
+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/Form/demo/tooltip.tsx
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  default: () => tooltip_default
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_yee_c = require("../..");
+var import_lucide_react = require("lucide-react");
+var import_react = __toESM(require("react"));
+var tooltip_default = () => {
+  const [form] = import_yee_c.Form.useForm();
+  const onFinish = (values) => {
+    console.log("Received values:", values);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Form,
+    {
+      form,
+      onFinish,
+      layout: "vertical",
+      "data-testid": "tooltip-form"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_yee_c.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Grid.Item, null, /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Form.Field,
+      {
+        name: "username",
+        label: "Username",
+        tooltip: "Used for login. 4-20 characters.",
+        rules: [
+          { required: true, message: "Please input your username!" }
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_yee_c.Input, { placeholder: "Please input your username" })
+    )), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Grid.Item, null, /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Form.Field,
+      {
+        name: "nickname",
+        label: "Nickname",
+        tooltip: {
+          title: "Shown publicly instead of your username.",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Info, { size: 14 })
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_yee_c.Input, { placeholder: "Please input your nickname" })
+    )), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Grid.Item, null, /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Form.Field,
+      {
+        name: "bio",
+        label: "Bio",
+        tooltip: "A short introduction about yourself."
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_yee_c.TextArea, null)
+    ))),
+    /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { style: { marginTop: 16 } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", htmlType: "submit" }, "Submit"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { htmlType: "reset" }, "Reset"))
+  );
+};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { TooltipProps } from '../Tooltip';
 import type { DataAttributeProps } from '../utils/types';
 export type StoreValue = any;
 export type Store = Record<string, StoreValue>;
@@ -211,7 +212,7 @@ export type Rule = {
     /**
      * Error message
      */
-    message: string;
+    message?: string;
     /**
      * Custom validation function, returns true for pass, false or throw for fail
      */
@@ -227,12 +228,44 @@ export type ValidateMessage = {
     value: unknown;
     status: 'error' | 'success' | 'warning' | 'info';
 };
+export type FieldConfigurableTooltip = Omit<TooltipProps, 'children'> & {
+    /**
+     * Custom trigger icon (defaults to a built-in help icon)
+     */
+    icon?: React.ReactNode;
+};
+export type FieldTooltip = React.ReactNode | FieldConfigurableTooltip;
 export type FieldProps = {
+    /**
+     * Child nodes
+     * */
     children: React.ReactElement;
+    /**
+     * Field name
+     * */
     name: NamePath;
+    /**
+     * Validation rules
+     * */
     rules?: Rule[];
+    /***
+     * Field label
+     */
     label?: React.ReactNode;
+    /**
+     * Tooltip shown next to the label (a help icon).
+     * Pass a string/node to use the default icon, or an object to customize the icon.
+     * */
+    tooltip?: FieldTooltip;
+    /**
+     * Whether required (shows required mark)
+     * */
     required?: boolean;
+    /**
+     * Layout of label and control
+     * @default 'vertical'
+     * */
+    layout?: 'vertical' | 'horizontal';
     /**
      * Format value before passing to children
      * */

package/dist/cjs/Form/style/index.less

@@ -18,17 +18,32 @@
     // padding-bottom: var(--yee-form-item-padding-bottom);
 
     &-label {
-      display: inline-block;
+      display: inline-flex;
+      align-items: center;
+      gap: 2px;
       margin-bottom: var(--yee-form-item-label-mb, 4px);
       line-height: var(--yee-form-item-label-line-height);
     }
 
-    &-required {
-      &::after {
-        color: var(--yee-input-required-font-color);
-        content: '*';
-        margin-inline-start: var(--yee-form-item-required-margin-inline-start);
-      }
+    // The required asterisk is rendered as a real node via &-required-mark so it
+    // stays glued to the label text regardless of what else sits inside the label.
+    // The `item-required` className is still applied to the label (see Field/Group)
+    // as an opt-in styling hook; the mark itself lives in &-required-mark below.
+    &-required-mark {
+      color: var(--yee-input-required-font-color);
+      margin-inline-start: var(--yee-form-item-required-margin-inline-start);
+      line-height: 1;
+    }
+
+    &-tooltip-icon {
+      display: inline-flex;
+      align-items: center;
+      margin-inline-start: 4px;
+      color: var(
+        --yee-form-item-tooltip-icon-color,
+        var(--yee-text-color-secondary, #999)
+      );
+      cursor: pointer;
     }
 
     &-control {

package/dist/cjs/Popconfirm/popconfirm.js

@@ -87,7 +87,7 @@ var Popconfirm = (baseprops) => {
     defaultOpen,
     title,
     description,
-    arrow = true,
+    arrow = { className: `${prefixCls}-arrow` },
     placement = "top",
     confirmText = popconfirmLocale.okText,
     cancelText = popconfirmLocale.cancelText,

package/dist/cjs/Popconfirm/style/index.less

@@ -20,4 +20,10 @@
   &-footer {
     margin-top: var(--yee-popconfirm-footer-margin-top);
   }
+
+  &-arrow {
+    &::after {
+      background-color: var(--yee-popconfirm-bg-font-color);
+    }
+  }
 }

package/dist/cjs/Popover/popover.js

@@ -79,7 +79,7 @@ var Popover = (baseprops) => {
     children,
     title,
     content,
-    arrow = true,
+    arrow = { className: `${prefixCls}-arrow` },
     placement = "top",
     trigger = "hover",
     style,

package/dist/cjs/Popover/style/index.less

@@ -14,4 +14,10 @@
     line-height: var(--yee-popover-header-line-height);
     background-color: var(--yee-popover-header-bg-color);
   }
+
+  &-arrow {
+    &::after {
+      background-color: var(--yee-popover-bg-color);
+    }
+  }
 }

package/dist/cjs/Progress/progress.js

@@ -135,9 +135,9 @@ var Progress = import_react.default.forwardRef(
     const progressInfo = getProgressInfo();
     let progress;
     if (type === "line") {
-      progress = /* @__PURE__ */ import_react.default.createElement(import_line.default, { prefixCls, percent }, progressInfo);
+      progress = /* @__PURE__ */ import_react.default.createElement(import_line.default, __spreadProps(__spreadValues({}, rest), { prefixCls, percent }), progressInfo);
     } else {
-      progress = /* @__PURE__ */ import_react.default.createElement(import_circle.default, { prefixCls, percent }, progressInfo);
+      progress = /* @__PURE__ */ import_react.default.createElement(import_circle.default, __spreadProps(__spreadValues({}, rest), { prefixCls, percent }), progressInfo);
     }
     const cls = (0, import_clsx.default)(
       prefixCls,

package/dist/cjs/Radio/style/index.less

@@ -9,15 +9,9 @@
     gap: var(--yee-radio-group-gap);
 
     &-small {
-      @{pls} {
-        padding: var(--yee-radio-small-padding, 2px 4px);
-      }
     }
 
     &-large {
-      @{pls} {
-        padding: var(--yee-radio-large-padding, 6px 12px);
-      }
     }
 
     &-solid {
@@ -67,6 +61,19 @@
           content: '';
         }
 
+        &::before {
+          position: absolute;
+          z-index: 1;
+          right: 5px;
+          top: 14px;
+          width: 4px;
+          height: 8px;
+          border: 2px solid #fff;
+          border-width: 0 2px 2px 0;
+          transform: rotate(45deg);
+          content: '';
+        }
+
         z-index: 1;
       }
 

package/dist/cjs/Select/option.js

@@ -36,7 +36,7 @@ var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_options = require("./options");
 var Option = (props) => {
-  const { label, value, disabled, title } = props;
+  const { label, value, disabled, title, dataTestId } = props;
   const { prefixCls, selectedKeys, focusedKey, onSelect } = (0, import_react.useContext)(import_options.OptionsCtx);
   const handleClick = (e) => {
     if (!disabled) {
@@ -61,7 +61,8 @@ var Option = (props) => {
       },
       role: "option",
       tabIndex: disabled ? void 0 : 0,
-      title: htmlTitle
+      title: htmlTitle,
+      "data-testid": dataTestId
     },
     label
   );

package/dist/cjs/Select/options.js

@@ -77,6 +77,7 @@ var Options = (0, import_react.forwardRef)((props, ref) => {
     popupStyle,
     selectedKeys,
     focusedKey,
+    dataTestId,
     onSelect
   } = _a, rest = __objRest(_a, [
     "prefixCls",
@@ -85,6 +86,7 @@ var Options = (0, import_react.forwardRef)((props, ref) => {
     "popupStyle",
     "selectedKeys",
     "focusedKey",
+    "dataTestId",
     "onSelect"
   ]);
   const componentRef = ref || (0, import_react.useRef)(null);
@@ -101,7 +103,13 @@ var Options = (0, import_react.forwardRef)((props, ref) => {
       {
         value: { prefixCls, selectedKeys, focusedKey, onSelect }
       },
-      options.map((option) => /* @__PURE__ */ import_react.default.createElement(import_option.default, __spreadProps(__spreadValues({}, option), { key: option.value })))
+      options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
+        import_option.default,
+        __spreadProps(__spreadValues({}, option), {
+          key: option.value,
+          dataTestId: `${dataTestId}-${index}`
+        })
+      ))
     )
   );
 });

package/dist/cjs/Select/select.js

@@ -193,6 +193,7 @@ var Select = (baseprops) => {
       options: filteredOpts,
       focusedKey,
       selectedKeys: mergedValue,
+      dataTestId: rest["data-testid"],
       onSelect: handleSelect,
       onClose: () => setOpen(false),
       ref: popupRef

package/dist/cjs/Skeleton/demo/basic.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(basic_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var basic_default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical", gap: 16, style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Card, { title: "Basic Placeholder" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Skeleton, null)), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Card, { title: "With Avatar" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Skeleton, { avatar: true, title: true, paragraph: { rows: 2 } })), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Card, { title: "Title and Paragraph" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Card, { title: "Basic Placeholder" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Skeleton, null)), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Card, { title: "With Avatar" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Skeleton, { avatar: true, title: true, paragraph: { rows: 2 } })), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Card, { title: "Title and Paragraph" }, /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Skeleton,
     {
       avatar: false,

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

@@ -26,6 +26,10 @@ export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
      * Alignment
      */
     align?: 'center' | 'start' | 'end' | 'baseline' | 'flex-start';
+    /***
+     * Justify content
+     * */
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
     /**
      * Whether to take up the entire row
      */

package/dist/cjs/Space/space.js

@@ -75,6 +75,7 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
     gap = 16,
     direction = "horizontal",
     align = direction === "horizontal" ? "center" : void 0,
+    justify,
     wrap,
     className,
     style,
@@ -87,6 +88,7 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
     "gap",
     "direction",
     "align",
+    "justify",
     "wrap",
     "className",
     "style",
@@ -113,24 +115,41 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
     if (!children) {
       return null;
     }
+    const loop = (childs2) => {
+      let res = [];
+      childs2.forEach((child, index) => {
+        const isItem = import_react.default.isValidElement(child) && child.type.isSpaceItem;
+        const itemClassName = isItem ? child.props.className : void 0;
+        const itemStyle = isItem ? child.props.style : void 0;
+        const itemChildren = isItem ? child.props.children : child;
+        if (import_react.default.isValidElement(child) && child.type === import_react.default.Fragment) {
+          res = res.concat(
+            loop(import_react.default.Children.toArray(child.props.children))
+          );
+        } else {
+          res.push(
+            /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                className: (0, import_clsx.default)(
+                  `${prefixCls}-item`,
+                  classNames == null ? void 0 : classNames.item,
+                  itemClassName
+                ),
+                style: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles.item), itemStyle),
+                key: index
+              },
+              itemChildren
+            )
+          );
+        }
+      });
+      return res;
+    };
     const childs = import_react.default.Children.toArray(children).filter(
       (child) => child !== null && child !== void 0
     );
-    return childs.map((child, index) => {
-      const isItem = import_react.default.isValidElement(child) && child.type.isSpaceItem;
-      const itemClassName = isItem ? child.props.className : void 0;
-      const itemStyle = isItem ? child.props.style : void 0;
-      const itemChildren = isItem ? child.props.children : child;
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(`${prefixCls}-item`, classNames == null ? void 0 : classNames.item, itemClassName),
-          style: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles.item), itemStyle),
-          key: index
-        },
-        itemChildren
-      );
-    });
+    return loop(childs);
   };
   const packed = pack();
   return /* @__PURE__ */ import_react.default.createElement(
@@ -140,7 +159,8 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
       style: __spreadValues({
         width: block ? "100%" : void 0,
         gap: gap + "px",
-        alignItems: getAlign()
+        alignItems: getAlign(),
+        justifyContent: justify
       }, style),
       ref: componentRef
     }),

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

@@ -35,5 +35,5 @@ module.exports = __toCommonJS(basic_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var basic_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, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#f0f0f0" } }, "Left Panel")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16, backgroundColor: "#e0e0e0" } }, "Right Panel"))));
+  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, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: 8, padding: 16, backgroundColor: "#f0f0f0" } }, "Left Panel")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: 8, padding: 16, backgroundColor: "#e0e0e0" } }, "Right Panel"))));
 };

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

@@ -35,5 +35,27 @@ 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"))));
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 500 } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, { size: 250 }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        marginBottom: 8,
+        padding: 16,
+        backgroundColor: "#f0f0f0",
+        height: "100%"
+      }
+    },
+    "Top Panel"
+  )), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Splitter.Item, { size: 250 }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        marginTop: 8,
+        padding: 16,
+        backgroundColor: "#e0e0e0",
+        height: "100%"
+      }
+    },
+    "Bottom Panel"
+  ))));
 };

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

@@ -1,6 +1,6 @@
 import InternalSplitter from './splitter';
 import Item from './splitter-item';
-export type { SplitterItemProps, SplitterProps } from './interface';
+export type { SplitterItemProps, PanelRect as SplitterPanelRect, SplitterProps, } from './interface';
 type SplitterType = typeof InternalSplitter & {
     Item: typeof Item;
 };

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

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import type { DataAttributeProps } from '../utils/types';
+export type PanelRect = {
+    type: 'default' | 'percent' | 'auto';
+    size: number;
+    currentSize: number;
+    min?: string | number;
+    max?: string | number;
+};
 export interface SplitterItemProps {
     /**
      * custom item element class name prefix
@@ -67,14 +74,13 @@ export interface SplitterProps extends DataAttributeProps {
     /**
      * children
      */
-    children?: React.ReactElement[];
+    children?: Array<React.ReactElement | null>;
     /**
      * display border or not
      * */
     bordered?: boolean;
-    itemPadding?: number | string;
     /**
      * panel size change event
      * */
-    onResize?: (sizes: number[]) => void;
+    onResize?: (sizes: PanelRect[]) => void;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PanelRect } from './splitter';
+import type { PanelRect } from './interface';
 interface SplitterHandlerProps {
     layout: 'horizontal' | 'vertical';
     resizable?: boolean;

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

@@ -67,7 +67,7 @@ var SplitterHandler = ({
   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 { prefixCls, onResize } = (0, import_react.useContext)(import_splitter.SplitterCtx);
   const status = records[index - 1] || {};
   const next = records[index] || {};
   const onMove = (dis) => {
@@ -104,6 +104,7 @@ var SplitterHandler = ({
         currentSize: s
       });
       newState[index] = __spreadProps(__spreadValues({}, newState[index]), { size: e, currentSize: e });
+      onResize == null ? void 0 : onResize(newState);
       return newState;
     });
   };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SplitterProps } from './interface';
+import type { PanelRect, SplitterProps } from './interface';
 import './style/index.less';
 type SplitterWrapperCtxType = {
     refs: {
@@ -8,16 +8,9 @@ type SplitterWrapperCtxType = {
 };
 type SplitterCtxType = {
     prefixCls: string;
-    onResize?: (sizes: number[]) => void;
+    onResize?: (sizes: PanelRect[]) => 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;