@para-ui/core 5.0.0-beta.8 → 5.0.0

package/es/DynamicMultiBox/interface.d.ts

@@ -1,38 +1,48 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import { TextFieldProps, SelectProps, SwitchProps, InputNumberProps, InputLangProps, ComboSelectProps, DatePickerProps } from '../index';
 import { LabelProps } from '../Label';
 import { TooltipProps } from '../Tooltip';
 /**组件类型：输入框，下拉框，开关，数字输入框，国际化输入框，日期框，时间选择框，组合选择器,自定义组件*/
 export type IInputType = 'TextField' | 'Select' | 'Switch' | 'InputNumber' | 'InputLang' | 'ComboSelect' | 'DatePicker' | 'custom';
-/** 配置项*/
-export type IConfig = {
-    /** 字段名，用于匹配*/
-    name?: string;
-    /** 组件类型*/
+/** value集合 —— 单行 value 值集合，name 映射 configItem 中的 name */
+export type IValueList<T extends Record<string, unknown> = Record<string, unknown>> = T;
+/** error集合 —— 单行错误集合，name 映射 configItem 中的 name；按 keyof T 精确收窄，rowKey 字段通过 cast 访问 */
+export type IErrors<T extends Record<string, unknown> = Record<string, unknown>> = {
+    [K in keyof T]?: unknown;
+};
+/** 配置项 */
+export type IConfig<T extends Record<string, unknown> = Record<string, unknown>> = {
+    /** 字段名，用于匹配 valueList 中的 key */
+    name?: keyof T & string;
+    /** 组件类型 */
     inputType?: IInputType;
-    /** 渲染自定义组件*/
-    customRender?: (name: string, rowIndex: number, valueList: IValueList[], errors?: IErrors[]) => ReactNode;
-    /** 禁用置灰组件*/
-    isDisabled?: boolean | ((rowIndex: number, name: string, valueList: IValueList[]) => boolean);
-    /** 固定字段，不需要显示在筛选器中的需要设置为true, 若不设置无法显示表单*/
+    /** 渲染自定义组件 */
+    customRender?: (name: keyof T & string, rowIndex: number, valueList: IValueList<T>[], errors?: IErrors<T>[]) => ReactNode;
+    /** 禁用置灰组件 */
+    isDisabled?: boolean | ((rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => boolean);
+    /** 固定字段，不需要显示在筛选器中的需要设置为 true，若不设置无法显示表单 */
     isFixed?: boolean;
-    /** 用于switch*/
-    text?: ReactNode | ((rowIndex: number, name: string, valueList: IValueList[]) => ReactNode);
-    /** 是否必填*/
+    /** 用于 switch */
+    text?: ReactNode | ((rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => ReactNode);
+    /** 是否必填 */
     required?: boolean;
-    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致， 则只需传入数组，若需要自定义任意下拉列表数据，则传入函数*/
-    list?: ((rowIndex: number, id: string, name: string, valueList: IValueList[]) => unknown[]) | unknown[];
+    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致，则只需传入数组；若需要自定义任意下拉列表数据，则传入函数 */
+    list?: ((rowIndex: number, id: string, name: keyof T & string, valueList: IValueList<T>[]) => unknown[]) | unknown[];
     /** 样式 */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /** 标题样式 */
     labelProps?: LabelProps;
-    /** 组件其他样式,返回每个组件的样式 */
-    otherProps?: (rowIndex: number, name: string, valueList: IValueList[]) => Record<string, unknown>;
-    /** 其他*/
+    /** 组件其他样式，返回每个组件的样式 */
+    otherProps?: (rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => Record<string, unknown>;
+    /**
+     * 其他字段
+     * 索引签名保留：IConfig 与 (TextFieldProps | SelectProps | ...) 多态子组件 props 交叉，
+     * 业务方需要透传不同子组件的 props（如 placeholder、suffix 等），与 Tabs/Table/Button 移除索引签名的情境不同
+     */
     [name: string]: unknown;
 } & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);
 /** 操作按钮配置项 */
-export interface IOperationButton {
+export interface IOperationButton<T extends Record<string, unknown> = Record<string, unknown>> {
     /** 按钮标识 */
     key: string;
     /** 按钮图标 */
@@ -40,11 +50,11 @@ export interface IOperationButton {
     /** 按钮文本 */
     text?: string;
     /** 是否禁用 */
-    disabled?: boolean | ((rowIndex: number, item: IValueList, valueList: IValueList[]) => boolean);
+    disabled?: boolean | ((rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => boolean);
     /** 点击事件 */
-    onClick: (rowIndex: number, item: IValueList, valueList: IValueList[]) => void;
+    onClick: (rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => void;
     /** 自定义渲染 */
-    render?: (rowIndex: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    render?: (rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => ReactNode;
     /** 样式 */
     className?: string;
     /** 提示 */
@@ -57,96 +67,86 @@ export interface IOperationButton {
      */
     order?: number;
 }
-/** value集合*/
-export interface IValueList {
-    /** 每行value值集合， name映射configItem中的name*/
-    [name: string]: unknown;
-}
-export interface IErrors {
-    /** 每行错误集合，name映射configItem中的name*/
-    [name: string]: unknown;
-}
-export interface ICurrentItem {
-    /** 表单名*/
-    name?: string;
-    /** 表单值*/
-    value?: unknown;
-    /** 表单所处下标*/
+/** 当前操作表单项；显式声明字段，禁止挂未声明字段 */
+export interface ICurrentItem<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 表单名 */
+    name?: keyof T & string;
+    /** 表单值 */
+    value?: T[keyof T];
+    /** 表单所处下标 */
     rowIndex?: number;
-    [name: string]: unknown;
+    /** 表单所处行的 rowKey 值（默认 rowKey 为 'id'） */
+    id?: string;
 }
-/** 过滤回调出参*/
-export interface IFilterParams {
-    /** 当前过滤操作项*/
+/** 过滤回调出参 */
+export interface IFilterParams<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 当前过滤操作项 */
     name?: string;
-    /** 是否选中*/
+    /** 是否选中 */
     checkedVal?: string[];
-    /** 更新后的valueList*/
-    valueList?: IValueList[];
-    /** 更新后的错误信息*/
-    errors?: IErrors[];
+    /** 更新后的 valueList */
+    valueList?: IValueList<T>[];
+    /** 更新后的错误信息 */
+    errors?: IErrors<T>[];
 }
-/** 主体接口定义*/
-export interface IMultiValueProps {
-    /** 指定每行key */
+/** 主体接口定义 */
+export interface IMultiValueProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 指定每行 key */
     rowKey?: string;
     /**
      * 组件配置项
      */
-    config?: IConfig[];
+    config?: IConfig<T>[];
     /**
      * 筛选配置
      */
-    filterConfig?: IConfig[];
+    filterConfig?: IConfig<T>[];
     /**
      * @desc 回调
-     * @param valueList 整个value值集合
+     * @param valueList 整个 value 值集合
      * @param currentItem 当前操作表单项
      * */
-    onChange?: (valueList: IValueList[], currentItem?: ICurrentItem) => void;
+    onChange?: (valueList: IValueList<T>[], currentItem?: ICurrentItem<T>) => void;
     /**
      * @desc 新增
-     * @param valueList 新增前valueList值集合
+     * @param valueList 新增前 valueList 值集合
      * @param errors 新增后错误集合
      *  */
-    onAdd?: (valueList: IValueList[], errors: IErrors[]) => void;
+    onAdd?: (valueList: IValueList<T>[], errors: IErrors<T>[]) => void;
     /**
      * 自定义删除
      * */
-    deleteRender?: (index: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    deleteRender?: (index: number, item: IValueList<T>, valueList: IValueList<T>[]) => ReactNode;
     /**
-     * @desc 删除，
-     * @param valueList 删除后整个valueList值集合
-     * @param deleteItem 删除项
+     * @desc 删除
+     * @param valueList 删除后整个 valueList 值集合
+     * @param errors 删除后错误集合
      */
-    onDelete?: (valueList: IValueList[], errors: IErrors[]) => void;
+    onDelete?: (valueList: IValueList<T>[], errors: IErrors<T>[]) => void;
     /**
      * @desc 筛选函数
-     * @param name 当前筛选项的name
-     * @param checked 是否选中， true选中， false反选
-     * @param valueList 筛选后的value
      * */
-    onFilter?: (data: IFilterParams) => void;
+    onFilter?: (data: IFilterParams<T>) => void;
     /**
      * @desc 排序
      * @param newValueList
      * @param swapIds 交换顺序的两个下标
      * */
-    onSort?: (newValueList: IValueList[], swapIds?: number[]) => void;
+    onSort?: (newValueList: IValueList<T>[], swapIds?: number[]) => void;
     /**
      * @desc 筛选值的集合
      * */
     checkedValue?: string[];
     /**
-     * 表单value集合
+     * 表单 value 集合
      */
-    valueList?: IValueList[];
+    valueList?: IValueList<T>[];
     /**
      * 表单错误集合
      */
-    errors?: IErrors[];
+    errors?: IErrors<T>[];
     /**
-     * 是否需要支持排序,默认不支持
+     * 是否需要支持排序，默认不支持
      */
     isSort?: boolean;
     /**
@@ -154,7 +154,7 @@ export interface IMultiValueProps {
      */
     isFilter?: boolean;
     /**
-     * 标题模式 none 不显示， single 只有第一列才显示， all 每列都显示
+     * 标题模式 none 不显示，single 只有第一列才显示，all 每列都显示
      */
     titleMode?: 'none' | 'single' | 'all';
     /**
@@ -166,11 +166,11 @@ export interface IMultiValueProps {
      */
     disabledAddTooltip?: TooltipProps;
     /**
-     * 列之间icon
+     * 列之间 icon
      * */
     icon?: ReactNode;
     /**
-     * 隐藏删除icon, string[] 指定某些行隐藏删除按钮, 入参为valueList中的id集合
+     * 隐藏删除 icon，string[] 指定某些行隐藏删除按钮，入参为 valueList 中的 id 集合
      * */
     deleteDisable?: string[];
     /**
@@ -187,7 +187,7 @@ export interface IMultiValueProps {
     /**
      * 新增项行表单的默认值
      */
-    initValue?: Record<string, unknown>;
+    initValue?: Partial<T>;
     /**
      * 筛选器弹出框样式
      */
@@ -199,5 +199,5 @@ export interface IMultiValueProps {
     /**
      * 自定义操作按钮，支持每行配置多个操作按钮
      */
-    operationButtons?: IOperationButton[];
+    operationButtons?: IOperationButton<T>[];
 }

package/es/DynamicMultiBox/rowForm.d.ts

@@ -18,9 +18,9 @@ export interface IRowForm {
      * @param value 当前组件value值
      * @param name 当前组件name
      * */
-    onFormItemChange?: (name: string, id: string, value: any) => void;
+    onFormItemChange?: (name: string, id: string, value: unknown) => void;
     /**其他*/
-    [name: string]: any;
+    [name: string]: unknown;
 }
 declare const RowForm: (props: IRowForm) => import("react/jsx-runtime").JSX.Element;
 export default RowForm;

package/es/Empty/component.json

@@ -0,0 +1,123 @@
+{
+    "name": "Empty",
+    "category": "Data Display",
+    "description": "空状态时的展示占位符，用于无数据、无搜索结果、无权限等场景，支持自定义图片、描述文案、刷新按钮及整体替换",
+    "semantic": {
+        "intent": [
+            "展示空状态",
+            "引导操作",
+            "占位"
+        ],
+        "useCases": [
+            "无数据",
+            "无搜索结果",
+            "无权限"
+        ],
+        "riskLevel": "low"
+    },
+    "variants": {
+        "default": {
+            "meaning": "默认样式"
+        }
+    },
+    "states": [
+        "visible"
+    ],
+    "idealProps": {
+        "size": {
+            "type": "enum",
+            "values": [
+                "small",
+                "medium",
+                "large"
+            ],
+            "default": "large",
+            "description": "尺寸。三档统一为 small / medium / large(2026-05-08 跨组件命名 epic §3.1 选项 B 实施,medium 为新增视觉档,默认 large 不变,既有 small/large 调用零回归)"
+        },
+        "image": {
+            "type": "ReactNode | string",
+            "description": "自定义图片节点。传字符串时渲染为 <img src={image}>,传 ReactNode 时直接渲染。**不传时按 size 自动选内置图：small=SmallNull, medium/large=LargeNull**"
+        },
+        "description": {
+            "type": "ReactNode | string",
+            "description": "自定义描述内容；不传时显示国际化默认文案（zh_CN='暂无内容'）"
+        },
+        "imageStyle": {
+            "type": "object",
+            "objectShape": {
+                "height": { "type": "string | number", "description": "图片高度" },
+                "width": { "type": "string | number", "description": "图片宽度" }
+            },
+            "completeExample": "{ height: 60 }",
+            "description": "图片区域内联样式（React.CSSProperties 子集）"
+        },
+        "showRefresh": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否显示刷新按钮；配合 onRefresh 使用"
+        },
+        "onRefresh": {
+            "type": "(event: React.MouseEvent) => void",
+            "description": "点击刷新按钮回调；仅 showRefresh=true 时展示触发"
+        },
+        "customEmpty": {
+            "type": "ReactNode",
+            "description": "**完整替换**整个空状态内容（包括图片 + 描述），传入后 image / description / showRefresh 全部不渲染（src/Empty/index.tsx 90 行 if(customEmpty) 分支实证）"
+        },
+        "className": {
+            "type": "string",
+            "description": "外层容器自定义类名"
+        },
+        "style": {
+            "type": "React.CSSProperties",
+            "description": "外层容器 style"
+        }
+    },
+    "do": [
+        "在无数据时提供 Empty 状态",
+        "提供引导操作：配合 showRefresh + onRefresh 增加刷新入口",
+        "需要完整自定义布局时使用 customEmpty 整体替换",
+        "size 默认 large，需要紧凑展示（如表格内嵌）时用 small"
+    ],
+    "dont": [
+        "在 Loading 时显示 Empty——应先消除 Loading 遮罩再渲染 Empty",
+        "同时传 customEmpty 和 description/image——customEmpty 会覆盖后者，造成困惑"
+    ],
+    "events": {
+        "onRefresh": {
+            "signature": "(event: React.MouseEvent) => void",
+            "asyncSupported": false,
+            "examples": [
+                "showRefresh={true} onRefresh={() => fetchData()} — 点击刷新文字触发重新请求",
+                "onRefresh={(e) => { e.stopPropagation(); reload(); }} — 阻止冒泡后重载",
+                "配合 loading state：onRefresh={() => { setLoading(true); fetch().finally(() => setLoading(false)); }}"
+            ],
+            "commonMistakes": [
+                "不传 showRefresh={true} 只传 onRefresh — 刷新按钮不会渲染，回调永不触发",
+                "期望点击图片触发 onRefresh — 只有文字区域的刷新链接触发，图片无点击事件",
+                "异步刷新后没有给用户反馈（Loading 状态）— 应结合父组件 loading 状态"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "image prop 类型是 ReactNode | string，传 null 会触发 TS2322",
+            "wrong": "const img: React.ReactNode | null = getImg(); <Empty image={img} /> // 可能 null，TS 报错",
+            "right": "const img = getImg(); <Empty image={img ?? undefined} /> // 用 undefined 替代 null"
+        },
+        {
+            "issue": "description 类型是 ReactNode，不支持 false/null 显式传递",
+            "wrong": "<Empty description={null} /> // 期望显示默认文案，但 null 在 ReactNode 中合法，结果不渲染描述区域",
+            "right": "<Empty /> // 不传 description 时自动用国际化默认文案（'暂无内容'）"
+        },
+        {
+            "issue": "customEmpty 传入后 image/description/showRefresh 均不生效——源码 if(customEmpty) 分支直接 return customEmpty",
+            "wrong": "<Empty customEmpty={<CustomUI />} description='还有数据哦' /> // description 被 customEmpty 覆盖",
+            "right": "// 要自定义描述同时用 customEmpty：把描述塞进 customEmpty 里\n<Empty customEmpty={<><CustomUI /><p>还有数据哦</p></>} />"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Empty",
+        "adapter": null
+    }
+}

package/es/Empty/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-empty{display:inline-flex;flex-direction:column;align-items:center}.paraui-v4-empty>.empty-image{line-height:0;overflow:hidden}.paraui-v4-empty>.empty-image img{width:100%}.paraui-v4-empty .empty-image-large{width:334px;height:238px}.paraui-v4-empty .empty-image-small{width:120px;height:120px}.paraui-v4-empty>.empty-description{line-height:17px;font-size:14px;font-weight:400;color:#5c6573}.paraui-v4-empty>.empty-description>.empty-description-refresh{display:inline-block}.paraui-v4-empty>.empty-description>.empty-description-refresh span{color:#2e65e6;cursor:pointer}.paraui-v4-empty>.empty-description>.empty-description-refresh span:hover{color:#5783eb}.paraui-v4-empty.paraui-v4-empty-large>.empty-description{margin-top:20px}.paraui-v4-empty.paraui-v4-empty-small>.empty-description{margin-top:10px;font-size:14px}
+@charset "UTF-8";.paraui-v4-empty{display:inline-flex;flex-direction:column;align-items:center}.paraui-v4-empty>.empty-image{overflow:hidden;line-height:0}.paraui-v4-empty>.empty-image img{width:100%}.paraui-v4-empty .empty-image-large{width:334px;height:238px}.paraui-v4-empty .empty-image-medium{width:220px;height:180px}.paraui-v4-empty .empty-image-small{width:120px;height:120px}.paraui-v4-empty>.empty-description{font-size:14px;font-weight:400;line-height:17px;color:#5c6573}.paraui-v4-empty>.empty-description>.empty-description-refresh{display:inline-block}.paraui-v4-empty>.empty-description>.empty-description-refresh span{color:#2e65e6;cursor:pointer}.paraui-v4-empty>.empty-description>.empty-description-refresh span:hover{color:#5783eb}.paraui-v4-empty.paraui-v4-empty-large>.empty-description{margin-top:20px}.paraui-v4-empty.paraui-v4-empty-medium>.empty-description{margin-top:15px;font-size:14px}.paraui-v4-empty.paraui-v4-empty-small>.empty-description{margin-top:10px;font-size:14px}

package/es/Empty/index.d.ts

@@ -5,7 +5,7 @@ export interface EmptyProps {
     /** style */
     style?: React.CSSProperties;
     /** 尺寸 */
-    size?: 'large' | 'small';
+    size?: 'small' | 'medium' | 'large';
     /** 图片样式 */
     imageStyle?: React.CSSProperties;
     /** 图片 */
@@ -18,7 +18,7 @@ export interface EmptyProps {
     onRefresh?: (event: React.MouseEvent) => void;
     /** 自定义空节点 */
     customEmpty?: React.ReactNode;
-    [name: string]: any;
+    [name: string]: unknown;
 }
 declare const Empty: FC<EmptyProps>;
 export default Empty;

package/es/Empty/index.js

@@ -1,56 +1,57 @@
 import { j as e } from "../_virtual/jsx-runtime.js";
-import u from "clsx";
-import { SmallNull as N, LargeNull as $ } from "./images/index.js";
+import N from "clsx";
+import { SmallNull as $, LargeNull as n } from "./images/index.js";
 import E from "../GlobalContext/useFormatMessage.js";
 import k from "./lang/index.js";
 import v from "../Hooks/useGlobalProps.js";
-import { $prefixCls as n } from "../GlobalContext/constant.js";
+import { $prefixCls as c } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
 const C = {
-  large: /* @__PURE__ */ e.jsx($, {}),
-  small: /* @__PURE__ */ e.jsx(N, {})
+  large: /* @__PURE__ */ e.jsx(n, {}),
+  medium: /* @__PURE__ */ e.jsx(n, {}),
+  small: /* @__PURE__ */ e.jsx($, {})
 }, G = (l) => {
   const {
-    className: c,
-    style: p,
+    className: p,
+    style: d,
     size: t = "large",
-    imageStyle: d,
-    image: r = C[t],
+    imageStyle: f,
+    image: m = C[t],
     description: o,
-    showRefresh: f = !1,
-    onRefresh: y,
+    showRefresh: y = !1,
+    onRefresh: g,
     customEmpty: a
-  } = v(l, "Empty"), i = E("Empty", k), g = (j) => {
-    y?.(j);
-  }, s = typeof o < "u" ? o : i({ id: "noData" }), x = typeof s == "string" ? s : "empty";
-  let m = null;
-  const h = f ? /* @__PURE__ */ e.jsxs("span", { className: "empty-description-refresh", children: [
+  } = v(l, "Empty"), i = E("Empty", k), x = (u) => {
+    g?.(u);
+  }, s = typeof o < "u" ? o : i({ id: "noData" }), h = typeof s == "string" ? s : "empty";
+  let r = null;
+  const j = y ? /* @__PURE__ */ e.jsxs("span", { className: "empty-description-refresh", children: [
     i({ id: "click" }),
-    /* @__PURE__ */ e.jsx("span", { onClick: g, children: i({ id: "refresh" }) })
+    /* @__PURE__ */ e.jsx("span", { onClick: x, children: i({ id: "refresh" }) })
   ] }) : null;
-  return typeof r == "string" ? m = /* @__PURE__ */ e.jsx(
+  return typeof m == "string" ? r = /* @__PURE__ */ e.jsx(
     "img",
     {
-      src: r,
-      alt: x
+      src: m,
+      alt: h
     }
-  ) : m = r, /* @__PURE__ */ e.jsx(
+  ) : r = m, /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: u(`${n}-empty`, c, `${n}-empty-${t}`),
-      style: p,
+      className: N(`${c}-empty`, p, `${c}-empty-${t}`),
+      style: d,
       children: a || /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
             className: `empty-image ${l?.image ? "" : `empty-image-${t}`}`,
-            style: d,
-            children: m
+            style: f,
+            children: r
           }
         ),
         s && /* @__PURE__ */ e.jsxs("div", { className: "empty-description", children: [
           /* @__PURE__ */ e.jsx(e.Fragment, { children: s }),
-          h
+          j
         ] })
       ] })
     }

package/es/Empty/style/index.css

@@ -1 +1 @@
-.paraui-v4-empty{display:inline-flex;flex-direction:column;align-items:center}.paraui-v4-empty>.empty-image{line-height:0;overflow:hidden}.paraui-v4-empty>.empty-image img{width:100%}.paraui-v4-empty .empty-image-large{width:334px;height:238px}.paraui-v4-empty .empty-image-small{width:120px;height:120px}.paraui-v4-empty>.empty-description{line-height:17px;font-size:14px;font-weight:400;color:#5c6573}.paraui-v4-empty>.empty-description>.empty-description-refresh{display:inline-block}.paraui-v4-empty>.empty-description>.empty-description-refresh span{color:#2e65e6;cursor:pointer}.paraui-v4-empty>.empty-description>.empty-description-refresh span:hover{color:#5783eb}.paraui-v4-empty.paraui-v4-empty-large>.empty-description{margin-top:20px}.paraui-v4-empty.paraui-v4-empty-small>.empty-description{margin-top:10px;font-size:14px}
+.paraui-v4-empty{display:inline-flex;flex-direction:column;align-items:center}.paraui-v4-empty>.empty-image{overflow:hidden;line-height:0}.paraui-v4-empty>.empty-image img{width:100%}.paraui-v4-empty .empty-image-large{width:334px;height:238px}.paraui-v4-empty .empty-image-medium{width:220px;height:180px}.paraui-v4-empty .empty-image-small{width:120px;height:120px}.paraui-v4-empty>.empty-description{font-size:14px;font-weight:400;line-height:17px;color:#5c6573}.paraui-v4-empty>.empty-description>.empty-description-refresh{display:inline-block}.paraui-v4-empty>.empty-description>.empty-description-refresh span{color:#2e65e6;cursor:pointer}.paraui-v4-empty>.empty-description>.empty-description-refresh span:hover{color:#5783eb}.paraui-v4-empty.paraui-v4-empty-large>.empty-description{margin-top:20px}.paraui-v4-empty.paraui-v4-empty-medium>.empty-description{margin-top:15px;font-size:14px}.paraui-v4-empty.paraui-v4-empty-small>.empty-description{margin-top:10px;font-size:14px}

package/es/ExpressionInput/HighlightOverlay.d.ts

@@ -0,0 +1,8 @@
+import { HighlightSegment } from './highlightSegments';
+import * as React from 'react';
+export interface HighlightOverlayProps {
+    segments: HighlightSegment[];
+    style?: React.CSSProperties;
+}
+declare const HighlightOverlay: React.ForwardRefExoticComponent<HighlightOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export default HighlightOverlay;

package/es/ExpressionInput/HighlightOverlay.js

@@ -0,0 +1,27 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import * as e from "react";
+import { $prefixCls as t } from "../GlobalContext/constant.js";
+const o = e.forwardRef(({ segments: s, style: l }, h) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    ref: h,
+    "aria-hidden": "true",
+    className: `${t}-expression-input-overlay`,
+    style: l,
+    children: s.map(
+      (i, a) => i.highlight ? /* @__PURE__ */ r.jsx(
+        "span",
+        {
+          className: `${t}-expression-input-overlay-highlight`,
+          children: i.text
+        },
+        a
+      ) : /* @__PURE__ */ r.jsx(e.Fragment, { children: i.text }, a)
+    )
+  }
+));
+o.displayName = "HighlightOverlay";
+export {
+  o as default
+};
+//# sourceMappingURL=HighlightOverlay.js.map

package/es/ExpressionInput/Popup.d.ts

@@ -0,0 +1,19 @@
+import { ExprCandidate } from './interface';
+import * as React from 'react';
+export interface PopupRect {
+    top: number;
+    left: number;
+    width: number;
+}
+export interface PopupProps {
+    instanceClass: string;
+    visible: boolean;
+    rect: PopupRect;
+    header: React.ReactNode;
+    candidates: ExprCandidate[];
+    highlight: number;
+    virtualizeThreshold: number;
+    onSelect: (candidate: ExprCandidate) => void;
+    onHighlightChange: (index: number) => void;
+}
+export declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<HTMLDivElement>>;