@para-ui/core 5.0.0-beta.11 → 5.0.0-beta.13

package/lib/CollapseLayout/component.json

@@ -0,0 +1,155 @@
+{
+    "name": "CollapseLayout",
+    "category": "Layout",
+    "description": "折叠布局，支持分区域折叠的布局组件",
+    "semantic": {
+        "intent": [
+            "分区布局",
+            "可伸缩面板"
+        ],
+        "useCases": [
+            "侧边栏",
+            "详情面板",
+            "代码编辑器"
+        ],
+        "riskLevel": "low"
+    },
+    "variants": {
+        "left": {
+            "meaning": "左侧折叠"
+        },
+        "right": {
+            "meaning": "右侧折叠"
+        },
+        "top": {
+            "meaning": "顶部折叠"
+        },
+        "bottom": {
+            "meaning": "底部折叠"
+        }
+    },
+    "states": [
+        "expanded",
+        "collapsed"
+    ],
+    "idealProps": {
+        "type": {
+            "type": "enum",
+            "values": [
+                "left",
+                "right",
+                "top",
+                "bottom"
+            ],
+            "default": "left",
+            "description": "可折叠侧(displayContent)的位置;left/top displayContent 在前,right/bottom 在后"
+        },
+        "open": {
+            "type": "boolean",
+            "default": false,
+            "description": "软受控展开状态;父改 open 强制同步,但用户点击不反向通知父端(双向同步需配合 onClickBtn)"
+        },
+        "zoomLength": {
+            "type": "number",
+            "default": 0,
+            "description": "可折叠侧最大尺寸(横向时宽,纵向时高,单位由 unit 决定);0=不显示可折叠侧"
+        },
+        "minDragLength": {
+            "type": "number",
+            "default": 100,
+            "description": "拖拽分隔条时的最小尺寸(单位固定 px,与 unit 无关)"
+        },
+        "unit": {
+            "type": "string",
+            "default": "px",
+            "description": "zoomLength / spacing 的尺寸单位(px/rem/%);不影响 minDragLength"
+        },
+        "spacing": {
+            "type": "number",
+            "default": 20,
+            "description": "defaultContent 与 displayContent 间距(单位同 unit)"
+        },
+        "defaultContent": {
+            "type": "ReactNode",
+            "description": "自适应侧内容(始终占据剩余空间)"
+        },
+        "displayContent": {
+            "type": "ReactNode",
+            "description": "可折叠侧内容(尺寸由 zoomLength / 拖拽决定)"
+        },
+        "showLabel": {
+            "type": "string",
+            "description": "收起态时按钮文字"
+        },
+        "hideLabel": {
+            "type": "string",
+            "description": "展开态时按钮文字"
+        },
+        "onClickBtn": {
+            "type": "function",
+            "signature": "(bol?: boolean, duration?: number) => void",
+            "description": "切换按钮回调;bol=新状态(true 展开),duration=动画 ms(内部根据可折叠侧尺寸计算)"
+        },
+        "onDragEnd": {
+            "type": "function",
+            "signature": "() => void",
+            "description": "用户拖拽分隔条结束回调(松开鼠标触发,不带新尺寸)"
+        }
+    },
+    "do": [
+        "用于需要可折叠侧边栏的场景（如代码编辑器左侧文件树）——传 type='left'、defaultContent=主内容、displayContent=侧栏内容、zoomLength=侧栏宽度",
+        "支持拖拽调整大小：用户拖动分隔条时组件内部更新 zoomLength；拖拽结束后通过 onDragEnd 回调通知父组件",
+        "配合 onClickBtn 监听折叠/展开按钮点击：onClickBtn(bol, duration) 的 bol=新展开状态，duration=动画毫秒数（按内容尺寸计算）"
+    ],
+    "dont": [
+        "嵌套多层 CollapseLayout（嵌套会导致 zoomLength/spacing 计算混乱）",
+        "把 open prop 当做完全受控——open 是软受控（父改 open 会同步），但用户点击按钮后不会反向通知父端；双向同步需配合 onClickBtn 回调"
+    ],
+    "events": {
+        "onClickBtn": {
+            "signature": "(bol?: boolean, duration?: number) => void",
+            "asyncSupported": false,
+            "examples": [
+                "监听展开/收起切换：onClickBtn={(isOpen, animMs) => { setOpen(isOpen); console.log('动画时长', animMs, 'ms'); }}",
+                "bol=true 表示点击后变为展开状态，bol=false 表示变为收起状态",
+                "duration 由组件内部根据可折叠侧当前尺寸计算（高度/宽度越大动画越长）"
+            ],
+            "commonMistakes": [
+                "期望 open prop 变化时触发 onClickBtn——只有用户点击按钮才触发，外部修改 open 不触发",
+                "假设 onClickBtn 不传时用户点击无效——不传 onClickBtn 时用户点击仍然工作，只是父端感知不到状态变化"
+            ]
+        },
+        "onDragEnd": {
+            "signature": "() => void",
+            "asyncSupported": false,
+            "examples": [
+                "拖拽结束后保存新尺寸：onDragEnd={() => saveLayout(constData.current.zoomLength)}",
+                "注意：onDragEnd 不携带新的 zoomLength 值，需在外部另行记录"
+            ],
+            "commonMistakes": [
+                "期望 onDragEnd 回调携带新的尺寸值——实际是无参回调，新尺寸由组件内部 constData.current.zoomLength 维护，外部感知需另起方案"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "zoomLength 和 spacing 的单位由 unit prop 决定，minDragLength 单位固定为 px",
+            "wrong": "// 错误：以为 minDragLength 受 unit='rem' 影响\nzoomLength={20} unit='rem' minDragLength={5}  // minDragLength=5 依然是 px，不是 rem",
+            "right": "// minDragLength 始终 px，zoomLength/spacing 受 unit 影响：\nzoomLength={20} unit='rem' minDragLength={100}  // 最小拖拽 100px"
+        },
+        {
+            "issue": "open prop 是软受控，不传时组件内部自维护展开状态",
+            "wrong": "// 仅传 open 不传 onClickBtn，以为可以完全受控\n<CollapseLayout open={externalOpen} />  // 用户点击后内部状态更新但外部 externalOpen 不变，下次 open 变化时会强制同步覆盖",
+            "right": "// 双向同步需配合 onClickBtn：\n<CollapseLayout open={isOpen} onClickBtn={(bol) => setIsOpen(!!bol)} />"
+        },
+        {
+            "issue": "defaultContent 和 displayContent 是 ReactNode 类型，不是 children",
+            "wrong": "<CollapseLayout><MySidebar /></CollapseLayout>  // children 不渲染",
+            "right": "<CollapseLayout defaultContent={<MainContent />} displayContent={<Sidebar />} />"
+        }
+    ],
+    "mapping": {
+        "realComponent": "CollapseLayout",
+        "adapter": null
+    }
+}

package/lib/ColorPicker/component.json

@@ -0,0 +1,142 @@
+{
+    "name": "ColorPicker",
+    "category": "Data Entry",
+    "description": "颜色选择器，提供 SketchPicker/ChromePicker/SwatchesPicker/CompactPicker 四种变体，输出 hex/rgb/hsl 等多种格式",
+    "semantic": {
+        "intent": [
+            "颜色选择",
+            "主题定制"
+        ],
+        "useCases": [
+            "设计工具",
+            "个性化设置",
+            "图表配色"
+        ],
+        "riskLevel": "low"
+    },
+    "variants": {
+        "SketchPicker": {
+            "meaning": "default export · 完整调色板 + 预设色板 + clear/onClear 自定义清除按钮"
+        },
+        "ChromePicker": {
+            "meaning": "具名 export · Chrome 浏览器风格 + hex/rgb/hsl 切换 · 无 clear"
+        },
+        "SwatchesPicker": {
+            "meaning": "具名 export · 色样网格 · 无调色板/无透明度"
+        },
+        "CompactPicker": {
+            "meaning": "具名 export · 紧凑色板 + hex 输入 · 无透明度"
+        }
+    },
+    "states": [
+        "default"
+    ],
+    "idealProps": {
+        "color": {
+            "type": "string | HSLColor | RGBColor",
+            "description": "受控当前颜色;string 接受 hex(3/4/6/8 位)"
+        },
+        "onChange": {
+            "type": "function",
+            "signature": "(color: ColorResult, event?: ChangeEvent) => void",
+            "description": "实时颜色变化(每次拖动/输入都触发,高频);color 是 ColorResult { hex, rgb, hsl, hsv, source }"
+        },
+        "onChangeComplete": {
+            "type": "function",
+            "signature": "(color: ColorResult, event?: ChangeEvent) => void",
+            "description": "完成态回调(仅鼠标释放/失焦触发,低频);用于避免高频副作用"
+        },
+        "clear": {
+            "type": "boolean",
+            "default": false,
+            "description": "仅 SketchPicker 有效;开启右下角清除方块"
+        },
+        "onClear": {
+            "type": "function",
+            "signature": "() => void",
+            "description": "仅 SketchPicker;clear=true 时点击清除按钮触发,业务方需自行 setColor 重置"
+        },
+        "disableAlpha": {
+            "type": "boolean",
+            "default": false,
+            "description": "禁用透明度滑块(影响 ColorResult.rgb/hsl/hsv 是否含 a)"
+        },
+        "presetColors": {
+            "type": "string[]",
+            "description": "预设色板;传 [] 隐藏(SketchPicker/SwatchesPicker 有效)"
+        },
+        "width": {
+            "type": "string | number",
+            "description": "picker 整体宽度"
+        }
+    },
+    "do": [
+        "默认 export 为 SketchPicker（功能最完整）；需要 Chrome 风格用 ChromePicker，紧凑色板用 CompactPicker，仅色样网格用 SwatchesPicker",
+        "高频更新场景（onChange 触发频繁）建议用 onChangeComplete 避免副作用（如 API 调用）被每次拖动触发",
+        "需要清除按钮：传 clear={true} + onClear 回调（仅 SketchPicker 支持）；onClear 触发时自行 setColor 重置颜色值"
+    ],
+    "dont": [
+        "在移动端使用 SketchPicker / ChromePicker——触摸精度有限，改用 SwatchesPicker（固定色板）",
+        "忽略颜色对比度验证——选色后需业务方自行检查 WCAG 对比度",
+        "把 onChange 的 color 参数当 string 直接用——实际是 ColorResult 对象，取 hex 值需用 color.hex"
+    ],
+    "events": {
+        "onChange": {
+            "signature": "(color: ColorResult, event?: ChangeEvent) => void",
+            "asyncSupported": false,
+            "examples": [
+                "取 hex 值：<SketchPicker onChange={(color) => setHex(color.hex)} />",
+                "取 rgba：onChange={(color) => setRgba(`rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`)}",
+                "高频触发（每次拖动都触发），需要低频回调改用 onChangeComplete"
+            ],
+            "commonMistakes": [
+                "把 color 参数当 string 用——color 是 ColorResult 对象，取 hex 值需 color.hex（含 # 前缀），取 rgb 需 color.rgb.r/g/b",
+                "直接把 onChange 当 onChangeComplete 用——onChange 在拖动过程中高频触发，onChangeComplete 仅在鼠标释放时触发",
+                "disableAlpha=true 时仍期望 color.rgb.a 有值——禁用透明度后 a 字段可能为 undefined"
+            ]
+        },
+        "onChangeComplete": {
+            "signature": "(color: ColorResult, event?: ChangeEvent) => void",
+            "asyncSupported": false,
+            "examples": [
+                "低频保存：<SketchPicker onChangeComplete={(color) => saveColor(color.hex)} />",
+                "只在鼠标释放/输入失焦时触发，适合触发 API 调用或状态持久化"
+            ],
+            "commonMistakes": [
+                "把 onChangeComplete 和 onChange 都传，在 onChange 里做副作用——重复触发，只需传一个"
+            ]
+        },
+        "onClear": {
+            "signature": "() => void",
+            "asyncSupported": false,
+            "examples": [
+                "仅 SketchPicker 有效：<SketchPicker clear onClear={() => setColor(undefined)} />",
+                "onClear 触发时组件不自动清空 color prop，需业务方 setColor 重置"
+            ],
+            "commonMistakes": [
+                "ChromePicker/CompactPicker/SwatchesPicker 传 clear/onClear 无效——这两个 prop 仅 SketchPicker 支持"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "onChange 的 color 参数是 ColorResult 对象，不是字符串，直接作为 string 使用会 TS 报错",
+            "wrong": "onChange={(color) => setHex(color)}  // color 是 ColorResult 对象，不是 string",
+            "right": "onChange={(color) => setHex(color.hex)}  // 取 hex 字符串"
+        },
+        {
+            "issue": "clear/onClear 仅 SketchPicker（默认 export）支持，传给其他变体无效且 TS 可能报类型错误",
+            "wrong": "import { ChromePicker } from '@para-ui/core'; <ChromePicker clear onClear={...} />  // ChromePicker 无这两个 prop",
+            "right": "import ColorPicker from '@para-ui/core';  // 默认 export 是 SketchPicker\n<ColorPicker clear onClear={() => setColor(undefined)} />"
+        },
+        {
+            "issue": "presetColors 传 [] 隐藏预设色板，而非传 null/undefined",
+            "wrong": "<ColorPicker presetColors={null} />  // TS 类型错误：null 不是 string[]",
+            "right": "<ColorPicker presetColors={[]} />  // 传空数组隐藏预设色板区域"
+        }
+    ],
+    "mapping": {
+        "realComponent": "ColorPicker",
+        "adapter": null
+    }
+}

package/lib/ComboSelect/component.json

@@ -0,0 +1,181 @@
+{
+    "name": "ComboSelect",
+    "category": "Data Entry",
+    "description": "组合选择器，支持表格、树、列表多种模式",
+    "semantic": {
+        "intent": [
+            "复杂选择",
+            "多模式选择"
+        ],
+        "useCases": [
+            "人员选择",
+            "组织架构",
+            "资源选择"
+        ],
+        "riskLevel": "normal"
+    },
+    "variants": {
+        "table": {
+            "meaning": "表格模式"
+        },
+        "tree": {
+            "meaning": "树形模式"
+        },
+        "list": {
+            "meaning": "列表模式"
+        }
+    },
+    "states": [
+        "default",
+        "disabled",
+        "error"
+    ],
+    "idealProps": {
+        "mode": {
+            "type": "enum",
+            "values": [
+                "table",
+                "tree",
+                "list"
+            ],
+            "default": "table",
+            "description": "选择器模式;tree 启用 fullPath*,table 接受 TableProps,list 无 Table/Tree props"
+        },
+        "value": {
+            "type": "SelectOpt[] | SelectOpt",
+            "description": "受控值;checkable=true 数组(多选),checkable=false 单值(单选);字段名遵循 replaceFields"
+        },
+        "defaultValue": {
+            "type": "SelectOpt[] | SelectOpt",
+            "description": "非受控默认值,与 value 互斥;类型规则同 value"
+        },
+        "onChange": {
+            "type": "function",
+            "signature": "(options: SelectOpt[] | SelectOpt, originData?: TreeNodeProps[] | TreeNodeProps) => void",
+            "description": "value 变更回调;第二参 originData 是底层原数据透传(replaceFields 映射前的形态)"
+        },
+        "checkable": {
+            "type": "boolean",
+            "default": true,
+            "description": "单选 / 多选模式开关;直接影响 value/defaultValue/onChange 类型"
+        },
+        "replaceFields": {
+            "type": "object",
+            "default": "{ key: 'key', title: 'title', children: 'children' }",
+            "description": "入参字段映射;决定 value 里对象用什么字段名"
+        },
+        "outputFields": {
+            "type": "object",
+            "default": "{ outputKey: 'key', outputTitle: 'label' }",
+            "description": "出参字段映射(独立于 replaceFields);决定 onChange options 里字段名"
+        },
+        "showSearch": {
+            "type": "boolean",
+            "default": false,
+            "description": "显示搜索框;配合 realTimeSearch/searchPlaceholder/onSearch 使用"
+        },
+        "allowClear": {
+            "type": "boolean",
+            "default": false,
+            "description": "允许清空;触发 onClear 后组件自动清内部 state,父端需同步父 state"
+        },
+        "url": {
+            "type": "string",
+            "description": "远程数据源 URL;配合 ctx/method/params 一组使用,替代 TableProps.data / TreeProps.treeData"
+        },
+        "method": {
+            "type": "enum",
+            "values": [
+                "Get",
+                "Post"
+            ],
+            "default": "Get",
+            "description": "请求方法;注意首字母大写,不是 GET/POST"
+        }
+    },
+    "epics": [
+        "ComboSelect-api-rework-epic.md (R20 W-3 起草 · 议题 A 泛型化 / 议题 B 字段映射对称 / R21 user 评审)"
+    ],
+    "do": [
+        "用于需要复杂选择逻辑的场景（人员选择、组织架构、资源选择），简单场景用 Select",
+        "配合服务端搜索减少数据量（url + params + showSearch + onSearch）",
+        "checkable=false 单选时，value/onChange 的 options 是 SelectOpt 对象而非数组——不要用数组 API",
+        "replaceFields 和 outputFields 独立控制：replaceFields 控制入参字段映射，outputFields 控制 onChange 出参字段映射，两者不互通"
+    ],
+    "dont": [
+        "简单选择场景使用（应使用 Select，ComboSelect 引入了 Table/Tree 等重依赖）",
+        "数据量极大时不分页（远程模式需配合 TableProps.pagination 或分页参数控制）",
+        "不要假设 onOk 和 onChange 触发时机相同——showPopoverActions=true 时用 onOk/onCancel；不显示 footer 时只有 onChange"
+    ],
+    "events": {
+        "onChange": {
+            "signature": "(options: SelectOpt[] | SelectOpt, originData?: TreeNodeProps[] | TreeNodeProps) => void",
+            "asyncSupported": false,
+            "examples": [
+                "多选（checkable=true）：options 是 SelectOpt[] 数组，每项含 outputFields 指定的字段",
+                "单选（checkable=false）：options 是单个 SelectOpt 对象（不是数组），originData 是原始树节点",
+                "清空时（allowClear=true 触发 onClear）：onChange 额外触发，checkable=true 时 options=[]，checkable=false 时 options={}"
+            ],
+            "commonMistakes": [
+                "checkable=false 时把 options 当数组处理——单选模式 options 是 SelectOpt 对象，直接 .key 取值，不能 .map()",
+                "忽略 outputFields 对出参字段的影响——默认 outputFields={ outputKey:'key', outputTitle:'label' }，出参对象的 key 名是 outputKey/outputTitle，不是原始的 replaceFields 字段名",
+                "假设 onOk 等价 onChange——showPopoverActions=false 时没有 onOk，所有变更走 onChange；showPopoverActions=true 时点「确定」才触发 onOk",
+                "onTagRemove 返回 false 阻止删除后仍期望 onChange 触发——src 实证（index.tsx:236）返回 false 时直接 return，不会触发 onChange"
+            ]
+        },
+        "onOk": {
+            "signature": "(options: SelectedOptions) => void",
+            "asyncSupported": false,
+            "examples": [
+                "showPopoverActions=true 时用户点「确定」按钮触发，options 为当前选中列表",
+                "适合「选择后需要二次确认」场景——弹框有确认/取消按钮"
+            ],
+            "commonMistakes": [
+                "showPopoverActions=false 时期望 onOk 触发——不会，此时直接监听 onChange",
+                "onOk 和 onChange 同时监听导致重复处理——showPopoverActions=true 时推荐只用 onOk，不依赖 onChange"
+            ]
+        },
+        "onSearch": {
+            "signature": "(searchKey: string) => void",
+            "asyncSupported": false,
+            "examples": [
+                "showSearch=true 时用户输入触发，searchKey 为当前输入字符串",
+                "服务端搜索：在 onSearch 中更新请求参数，配合 params 刷新数据"
+            ],
+            "commonMistakes": [
+                "不传 onSearch 时期望服务端搜索——不传则组件做客户端过滤（realTimeSearch=true 时），服务端搜索必须传 onSearch"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "checkable=false 单选时 onChange 的 options 是 SelectOpt 对象而非数组，直接用数组方法报错",
+            "wrong": "onChange={(options) => options.map(o => o.key)}  // checkable=false 时 options 是对象，没有 .map()",
+            "right": "onChange={(options) => { if (Array.isArray(options)) { /* 多选 */ } else { /* 单选，options 是 SelectOpt */ } }}"
+        },
+        {
+            "issue": "method 字段首字母大写（'Get'|'Post'），传 'GET'/'POST' 会被忽略",
+            "wrong": "method='GET'  // 源码 interface 定义是 'Get' | 'Post'，大小写不同",
+            "right": "method='Get'  // 或 method='Post'（src/ComboSelect/interface.tsx 实证）"
+        },
+        {
+            "issue": "SelectOpt 是 { disabled?: boolean; closable?: boolean; [key: string]: any }，索引签名允许任意字段，但不应假设 key/title 字段名——取决于 outputFields",
+            "wrong": "const key = options[0].key  // 假设出参字段名是 key，实际由 outputFields.outputKey 决定",
+            "right": "const { outputKey = 'key' } = outputFields || {}; const key = options[0][outputKey];"
+        },
+        {
+            "issue": "value 类型随 checkable 变化，单独声明 useState 类型需要联合",
+            "wrong": "const [val, setVal] = useState<SelectOpt[]>()  // checkable=false 时 value 是 SelectOpt，不是数组",
+            "right": "const [val, setVal] = useState<SelectOpt[] | SelectOpt | undefined>()"
+        },
+        {
+            "issue": "嵌套 TableProps 时必须用 Para UI 的 headData（不是 antd 的 columns），字段结构也不同",
+            "wrong": "TableProps={{ columns: [{ title: '姓名', dataIndex: 'title' }] }}  // TS2353: 'columns' does not exist in type TableProps",
+            "right": "TableProps={{ headData: [{ name: 'title', label: '姓名', width: 200 }] }}  // headData 每项用 { name, label, width? }，name 对应数据字段 key，label 是表头显示文字"
+        }
+    ],
+    "mapping": {
+        "realComponent": "ComboSelect",
+        "adapter": null
+    }
+}

package/lib/ComboSelect/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');require('../Tree/style/index.css');const t=require("../_virtual/jsx-runtime.js"),o=require("react"),Wt=require("../node_modules/@para-ui/icons/Down/index.js"),Bt=require("../node_modules/@para-ui/icons/Search/index.js"),et=require("../node_modules/@para-ui/icons/Close/index.js"),Gt=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),Ut=require("../Table/index.js"),Jt=require("../Tree/Tree.js");;/* empty css                        */const tt=require("../Button/index.js"),Qt=require("../Dropdown/index.js"),st=require("../Popover/index.js"),be=require("../AutoTips/index.js"),Xt=require("../Tooltip/index.js"),F=require("clsx"),$=require("./utils.js"),rt=require("@paraview/lib"),Yt=require("../GlobalContext/index.js"),Zt=require("../Hooks/useGlobalProps.js"),es=require("../GlobalContext/useFormatMessage.js"),ts=require("./lang/index.js"),ss=require("../Label/index.js"),rs=require("../HelperText/index.js"),d=require("../GlobalContext/constant.js"),os=require("../Search/index.js"),ns=require("../node_modules/@para-ui/icons/LoadingF/index.js");;/* empty css            */const ot=nt=>{const{mode:m="table",placeholder:je,searchPlaceholder:lt,overLine:_=!1,disabled:Re=!1,allowClear:ct=!1,className:it,style:at,maxHeight:ut,height:dt,placement:mt="bottomLeft",popoverClassName:pt,size:xt="large",popoverActions:ve=null,showPopoverActions:ge=!1,defaultOpen:Z=!1,defaultValue:Ee,replaceFields:ft={key:"key",title:"title",children:"children"},outputFields:ht={outputKey:"key",outputTitle:"label"},value:ee,onClear:te,onCancel:bt,onOk:jt,onClose:Rt,onChange:C,onSearch:se,refresh:y,TableProps:re,TreeProps:P,checkable:a=!0,url:Ce,ctx:ye,params:S,method:we="Get",showSearch:A=!1,realTimeSearch:vt=!1,error:$e=!1,hideErrorDom:gt,helperText:oe,paramsCallback:Et,fullPathKey:Ct,fullPathRender:Se,disablePopup:x=!1,tagRender:ne,onTagRemove:Ne,action:yt,label:Te="",labelTooltip:wt,required:Pe=!1,emptyProps:ke,toggleSelectedOnSingle:$t=!1,optionRender:qe,getOptionLabel:Me,dropdownMatchSelectWidth:le=!0,getPopupContainer:St,maxTagTextLength:K,renderInputContent:I,renderTagLabel:ce,renderMoreTagLabel:Le}=Zt.default(nt,"ComboSelect"),{language:Oe,locale:De}=o.useContext(Yt.default),N=o.useRef(null),[f,ie]=o.useState(!1),[j,V]=o.useState([]),H=o.useRef(new Map),[u,W]=o.useState([]),[B,ze]=o.useState(""),G=o.useRef(void 0),[k,Fe]=o.useState(null),[q,Nt]=o.useState(!1),[T,Tt]=o.useState(0),[M,L]=o.useState(!1),ae=o.useRef([]),O=o.useRef(!1),U=o.useRef(null),_e=o.useRef({}),Ae=$.getReplaceField(m,ft,re,P),{key:D="",title:Ke=""}=Ae,{outputKey:R="key",outputTitle:g="label"}=ht||{},w=es.default("ComboSelect",ts.default),Ie=o.useRef($.isRemoteLoad(m,m==="table"?re:P)),[ue,Pt]=o.useState(),h=o.useRef({list:[]}),[E,de]=o.useState(null),me=o.useRef(null);h.current.openMore=M,h.current.list=[...u];const kt=()=>{h.current.openMore&&L(!1)},Ve=e=>{if(e===null||e===0||(e===void 0&&(e=h.current.list.length),!me.current))return;const s=me.current.querySelector(".comboselect-overflow-list");if(s)if(s.scrollHeight>s.clientHeight){const r=Number(e)-1;de(r),Ve(r)}else h.current.list.length<=e&&kt()},J=()=>{if(h.current.list.length===0)return de(null);clearTimeout(h.current.resizeTimer),h.current.resizeTimer=setTimeout(()=>{de(h.current.list.length),Ve()},50)};o.useEffect(()=>(J(),()=>{clearTimeout(h.current.resizeTimer)}),[u]),o.useEffect(()=>(!_&&a?window.addEventListener("resize",J):window.removeEventListener("resize",J),()=>{window.removeEventListener("resize",J)}),[_,a]);const qt=e=>{if(!x&&!Re){if(O.current){v();return}O.current=!0,ie(!0)}},v=(e,s)=>{O.current=!1,G.current=void 0,_e.current={},ie(!1),Fe(null),ze(""),Rt?.(),s==="cancel"&&He()},He=()=>{V([]),W([])},pe=(e,s)=>{V(e),zt(s,e)},Mt=e=>{V(s=>{const r=s.findIndex(l=>l===e[R]);return r>-1&&s.splice(r,1),[...s]})},We=(e,s)=>{if(e.stopPropagation(),s.closable===!1||Ne?.(s)===!1)return;const r=[...u],l=r.findIndex(n=>n[R]===s[R]);l>-1&&r.splice(l,1),W(r),Mt(s),C?.(r)},Lt=o.useMemo(()=>$.debounce(async e=>{Q(e)},400),[]),Ot=e=>{ze(e),vt&&Lt(e)},Q=e=>{const s=e??B;se?se(s):(G.current=s?.trim(),Tt(Math.random())),Ie.current&&Pt([])},Be=(e,s)=>{s?(jt?.(u),v(null,"ok")):(bt?.(),v(null,"cancel"))},Ge=()=>{let e="auto";N.current&&(e=`${N.current.offsetWidth}px`);const s=$.getOverlaySize(m,Ie.current,ut,dt),r={minWidth:e,maxWidth:960};return typeof le=="number"?r.width=le:le&&(r.width=e),{overflow:"auto",...r,...s}},Dt=()=>F(`${d.$prefixCls}-comboselect`,it,{[`${d.$prefixCls}-comboselect-focused`]:f&&!x,[`${d.$prefixCls}-comboselect-disabled`]:Re,[`${d.$prefixCls}-comboselect-radioable`]:!a,[`${d.$prefixCls}-comboselect-error`]:$e,[`${d.$prefixCls}-comboselect-clear`]:q,[`${d.$prefixCls}-comboselect-non-popup`]:x,[`${d.$prefixCls}-comboselect-overLine`]:_},`${d.$prefixCls}-comboselect-${xt}`),zt=(e,s)=>{let r=[];if(e?.length&&(r=e.map(n=>{const i={};i[R]=n[D]||"",Me?i[g]=Me(n)||"":i[g]=n[Ke]||"";const c=ae.current?.find(p=>p[R]===i[R]);return c&&(c.disabled!==void 0&&(i.disabled=c.disabled),c.closable!==void 0&&(i.closable=c.closable)),i})),s?.length&&e){const n=s.filter(c=>e.findIndex(p=>p[D]===c)===-1),i=ae.current?.filter(c=>n?.includes(c[R]));i&&r.push(...i)}W(r);const l=rt.DeepClone(e||[]);a?C?.(r,l):C?.(r[0],l[0])},Ue=e=>{const s=e.map(r=>r[R]);W(e),V(s),ae.current=e},Ft=(e,s)=>{Fe(s.node)},Je=()=>{let e={};if(!x){const{width:s,minWidth:r,maxWidth:l}=Ge();e={width:s,minWidth:r,maxWidth:l}}return t.jsxRuntimeExports.jsx("div",{className:"comboselect-search",style:e,children:t.jsxRuntimeExports.jsx(os.Search,{className:"comboselect-search-input",rightIconExist:!0,showBtn:!1,rightIcon:t.jsxRuntimeExports.jsx(Bt.Search,{}),btnType:"inside",value:B,onChange:Ot,placeholder:lt??w({id:"searchPlaceholder"}),onClickBtn:()=>{Q()},onEnter:()=>{Q()},onClear:()=>{Q("")}})})},Qe=()=>ve?t.jsxRuntimeExports.jsx("div",{className:"comboselect-actions",children:ve}):t.jsxRuntimeExports.jsxs("div",{className:"comboselect-actions",children:[t.jsxRuntimeExports.jsx(tt.Button,{onClick:e=>Be(e,!1),variant:"outlined",size:"small",children:w({id:"cancel"})}),t.jsxRuntimeExports.jsx(tt.Button,{variant:"outlined",onClick:e=>Be(e,!0),size:"small",children:w({id:"ok"})})]}),Xe=()=>m!=="tree"||!k?null:Se?t.jsxRuntimeExports.jsx("div",{className:"comboselect-fullPath",children:Se(k??{})}):t.jsxRuntimeExports.jsxs("div",{className:"comboselect-fullPath",children:[t.jsxRuntimeExports.jsx("span",{children:w({id:"fullPath"})}),k?.[Ct]??""]}),_t=e=>{e.stopPropagation(),He(),v(),L(!1),te?.(),C?.(a?[]:{})},At=e=>{e.stopPropagation(),L(!0),v()};o.useImperativeHandle(yt,()=>({closePopup:()=>v()})),o.useEffect(()=>{!x&&Z&&(O.current=!0,ie(Z))},[Z]),o.useEffect(()=>{Ee&&Ue($.toArray(Ee))},[]),o.useEffect(()=>{ee&&Ue($.toArray(ee))},[ee]),o.useEffect(()=>{ct&&Nt(!!u?.length)},[u]),o.useEffect(()=>{const e=r=>r&&r.ownerDocument||document,s=r=>{const l=e(N.current),n=r.target,i=!l.documentElement.contains(n)||U.current?.contains(n)||N.current?.contains(n)||!1;if(m==="table"){const c=`.${d.$prefixCls}-select-popover`,p=`.${d.$prefixCls}-table-show-colums-popover`,b=`.${d.$prefixCls}-filter-popover`;if($.closest(n,`${c}, ${p}, ${b}`))return}O.current&&!i&&v()};if(f&&setTimeout(()=>{if(!U.current)return;const r=U.current.querySelector(".comboselect-search-input input");r&&r.focus()},200),!x&&f){const r=e(N.current);return r.addEventListener("mousedown",s),()=>{r.removeEventListener("mousedown",s)}}},[f]);const Ye=o.useMemo(()=>{if(!u?.length)return null;if(I)return I(a?u:u[0]);if(!a)return t.jsxRuntimeExports.jsx("span",{className:"comboselect-single-content",children:t.jsxRuntimeExports.jsx(be.default,{children:u[0]?.[g]})});if(!u.length)return;const e=l=>{if(ne)return ne(l);const{disabled:n,closable:i=!0}=l??{};let c=l[g];ce&&(c=ce(l));let p=!1;if(typeof K=="number"&&(typeof c=="string"||typeof c=="number")){const b=String(c);b.length>K&&(c=`${b.slice(0,K)}...`,p=!0)}return t.jsxRuntimeExports.jsxs("span",{className:F("comboselect-item",{"comboselect-item--disabled":n,"comboselect-item--unclosable":!i}),children:[p?t.jsxRuntimeExports.jsx(Xt.Tooltip,{title:t.jsxRuntimeExports.jsx("div",{onClick:b=>b.stopPropagation(),children:l[g]}),arrow:!1,placement:"bottomLeft",children:t.jsxRuntimeExports.jsx("span",{className:"comboselect-item-content",children:c})}):t.jsxRuntimeExports.jsx("span",{className:"comboselect-item-content",children:t.jsxRuntimeExports.jsx(be.default,{children:c})}),i===!0&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-item-remove",onClick:b=>We(b,l),onMouseDown:b=>b.stopPropagation(),children:t.jsxRuntimeExports.jsx(et.Close,{})})]})},s=()=>E!==null&&h.current.list.length>E?t.jsxRuntimeExports.jsx("div",{className:"comboselect-overflow-item",children:t.jsxRuntimeExports.jsx("span",{className:"comboselect-item",onClick:At,children:t.jsxRuntimeExports.jsxs("span",{className:"comboselect-item-content",children:["+",h.current.list.length-E]})})}):null,r=u.map((l,n)=>E!==null&&E<=n?null:t.jsxRuntimeExports.jsx("div",{className:"comboselect-overflow-item",children:e(l)},n));return t.jsxRuntimeExports.jsxs("div",{className:"comboselect-overflow-list",children:[r,s()]})},[u,C,a,E,K,g,ne,I,ce,_]),X=o.useMemo(()=>{let e=S||_e.current;return A&&!se&&G.current!==void 0&&(e={...e,searchKey:G.current}),Et?.(e)||e},[S,T,y,f]),xe=o.useMemo(()=>{if(!x&&!f||m!=="table")return null;const e={url:Ce,ctx:ye,search:X,method:we},s=(r,l)=>{!a&&(v(),j.includes(r))||pe([r],[l])};return t.jsxRuntimeExports.jsx("div",{className:"comboselect-table",children:t.jsxRuntimeExports.jsx(Ut.default,{...e,...re,emptyProps:ke,check:a,radio:!a,rowKey:D,setCheck:pe,setRadio:s,checkDefaultValue:j,radioDefaultValue:j[0],refresh:y??T,autoSize:!1,refreshInside:!1,checkCount:!1,paginationType:"simple"})})},[j,y,S,T,x,f,X,D,a]),fe=o.useMemo(()=>{if(!x&&!f||!["tree","list"].includes(m))return null;const e={url:Ce,ctx:ye,params:X,method:we},s=(n,i)=>{if(!i.checked){const p={};if(p[R]=i.node[D]||"",p[g]=i.node[Ke]||"",Ne?.(p)===!1)return}if(!a&&(v(),!$t&&j.includes(i.node?.key)))return;let c=i.checkedNodes;if(a||n?.length&&(c=[i.node]),a){const p=rt.ArrayToObject("key",c);Array.from(H.current.keys()).forEach(z=>{n.includes(z)||H.current.delete(z)}),n.forEach(z=>{const he=String(z);p[he]&&H.current.set(he,p[he])}),c=Array.from(H.current.values())}pe(n,c)},r=n=>P?.titleRender?P.titleRender(n):qe?qe(n):n.title,l=F("comboselect-tree",{"comboselect-list":m==="list","comboselect-list-single":m==="list"&&!a});return t.jsxRuntimeExports.jsx("div",{className:l,children:t.jsxRuntimeExports.jsx(Jt.default,{blockNode:!0,...e,...P,wrapperStyle:{position:"static"},emptyProps:{size:"small",...ke},replaceFields:Ae,checkable:a,radioable:!a,showRadio:!1,selectable:m!=="list",loadedKeys:ue,checkedKeys:j,onCheck:s,onSelect:Ft,titleRender:r,refresh:y??T,loadingNode:t.jsxRuntimeExports.jsxs("div",{className:"loading-node-content",children:[t.jsxRuntimeExports.jsx("div",{className:"loading-icon",children:t.jsxRuntimeExports.jsx(ns.LoadingF,{})}),w({id:"searching"})]})})})},[j,y,S,T,x,f,ue,m,X,a]),Y=o.useMemo(()=>t.jsxRuntimeExports.jsxs("div",{className:"comboselect-wrapper",ref:N,onClick:qt,children:[t.jsxRuntimeExports.jsx("div",{className:F("comboselect-overflow",!a&&"comboselect-overflow-single"),children:Ye}),!x&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-arrow",children:t.jsxRuntimeExports.jsx(Wt.Down,{})}),q&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-clear",onClick:_t,children:t.jsxRuntimeExports.jsx(Gt.CloseCircleF,{})}),!u?.length&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-placeholder",children:je??w({id:"pleaseSelect"})})]}),[u,Ye,a,q,x,je]),Kt=()=>Te||Pe?t.jsxRuntimeExports.jsx(ss.default,{label:Te,required:Pe,...wt}):null,It=()=>t.jsxRuntimeExports.jsx("div",{ref:U,className:`comboselect-dropdown-wrapper ${A?"show-search":""} mode-${m}`,children:t.jsxRuntimeExports.jsxs("div",{style:Ge(),className:`${d.$prefixCls}-scrollbar-small dropdown-content`,children:[A&&Je(),m==="table"?xe:fe,f&&Xe(),ge&&Qe()]})}),Ze=()=>{const e=()=>u.map((s,r)=>{if(E!==null&&E>r)return null;let l=s[g];return Le&&(l=Le(s)),t.jsxRuntimeExports.jsxs("div",{className:"comboselect-more-item",children:[t.jsxRuntimeExports.jsx("span",{className:"comboselect-more-item-text",children:t.jsxRuntimeExports.jsx(be.default,{children:l})}),t.jsxRuntimeExports.jsx("span",{className:"comboselect-more-item-remove",onClick:n=>We(n,s),children:t.jsxRuntimeExports.jsx(et.Close,{})})]},r)});return t.jsxRuntimeExports.jsxs("div",{className:"comboselect-more-wrapper",children:[t.jsxRuntimeExports.jsx("span",{className:"comboselect-more-title",children:t.jsxRuntimeExports.jsx("span",{children:w({id:"more"})})}),t.jsxRuntimeExports.jsx("div",{className:"comboselect-more-content",children:e()})]})},Vt=o.useMemo(()=>t.jsxRuntimeExports.jsx(Qt.Dropdown,{overlay:It(),visible:f,placement:mt,trigger:["click"],overlayClassName:F(`${d.$prefixCls}-comboselect-dropdown`,pt),getPopupContainer:St,children:t.jsxRuntimeExports.jsx(st.Popover,{visible:M,destroyTooltipOnHide:!0,placement:"rightTop",content:Ze(),onVisibleChange:()=>L(!1),overlayClassName:`${d.$prefixCls}-comboselect-more-popover`,children:Y})}),[f,j,B,y,S,k,T,q,oe,Oe,De,M,ue,C,te,Y,u]),Ht=o.useMemo(()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(st.Popover,{visible:M,destroyTooltipOnHide:!0,placement:"rightTop",content:Ze(),onVisibleChange:()=>L(!1),overlayClassName:`${d.$prefixCls}-comboselect-more-popover`,children:Y}),t.jsxRuntimeExports.jsxs("div",{className:"comboselect-non-popup-content",children:[A&&Je(),m==="table"?xe:fe,Xe(),ge&&Qe()]})]}),[j,B,y,S,k,q,oe,Oe,De,C,te,xe,fe,Y,M,u]);return t.jsxRuntimeExports.jsxs("div",{className:Dt(),style:at,ref:me,children:[Kt(),x?Ht:Vt,x?null:t.jsxRuntimeExports.jsx(rs.default,{error:$e,helperText:oe,hideErrorDom:gt})]})};exports.ComboSelect=ot;exports.default=ot;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');require('../Tree/style/index.css');const t=require("../_virtual/jsx-runtime.js"),o=require("react"),Bt=require("../node_modules/@para-ui/icons/Down/index.js"),Gt=require("../node_modules/@para-ui/icons/Search/index.js"),et=require("../node_modules/@para-ui/icons/Close/index.js"),Ut=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),Jt=require("../Table/index.js"),Qt=require("../Tree/Tree.js");;/* empty css                        */const tt=require("../Button/index.js"),Xt=require("../Dropdown/index.js"),st=require("../Popover/index.js"),be=require("../AutoTips/index.js"),Yt=require("../Tooltip/index.js"),z=require("clsx"),S=require("./utils.js"),Zt=require("@snack-kit/lib"),es=require("../Utils/snack-kit-shims.js"),ts=require("../GlobalContext/index.js"),ss=require("../Hooks/useGlobalProps.js"),rs=require("../GlobalContext/useFormatMessage.js"),os=require("./lang/index.js"),ns=require("../Label/index.js"),ls=require("../HelperText/index.js"),d=require("../GlobalContext/constant.js"),cs=require("../Search/index.js"),is=require("../node_modules/@para-ui/icons/LoadingF/index.js");;/* empty css            */const rt=ot=>{const{mode:m="table",placeholder:je,searchPlaceholder:nt,overLine:F=!1,disabled:Re=!1,allowClear:lt=!1,className:ct,style:it,maxHeight:at,height:ut,placement:dt="bottomLeft",popoverClassName:mt,size:pt="large",popoverActions:ve=null,showPopoverActions:ge=!1,defaultOpen:Z=!1,defaultValue:Ee,replaceFields:xt={key:"key",title:"title",children:"children"},outputFields:ft={outputKey:"key",outputTitle:"label"},value:ee,onClear:te,onCancel:ht,onOk:bt,onClose:jt,onChange:C,onSearch:se,refresh:y,TableProps:re,TreeProps:k,checkable:a=!0,url:Ce,ctx:ye,params:$,method:we="Get",showSearch:_=!1,realTimeSearch:Rt=!1,error:Se=!1,hideErrorDom:vt,helperText:oe,paramsCallback:gt,fullPathKey:Et,fullPathRender:$e,disablePopup:x=!1,tagRender:ne,onTagRemove:Ne,action:Ct,label:Te="",labelTooltip:yt,required:ke=!1,emptyProps:Pe,toggleSelectedOnSingle:wt=!1,optionRender:qe,getOptionLabel:Me,dropdownMatchSelectWidth:le=!0,getPopupContainer:St,maxTagTextLength:A,renderInputContent:I,renderTagLabel:ce,renderMoreTagLabel:Le}=ss.default(ot,"ComboSelect"),{language:Oe,locale:De}=o.useContext(ts.default),N=o.useRef(null),[f,ie]=o.useState(!1),[j,V]=o.useState([]),H=o.useRef(new Map),[u,W]=o.useState([]),[B,Ke]=o.useState(""),G=o.useRef(void 0),[P,ze]=o.useState(null),[q,$t]=o.useState(!1),[T,Nt]=o.useState(0),[M,L]=o.useState(!1),ae=o.useRef([]),O=o.useRef(!1),U=o.useRef(null),Fe=o.useRef({}),_e=S.getReplaceField(m,xt,re,k),{key:Tt,title:kt}=_e,D=Tt||"",Ae=kt||"",{outputKey:R="key",outputTitle:g="label"}=ft||{},w=rs.default("ComboSelect",os.default),Ie=o.useRef(S.isRemoteLoad(m,m==="table"?re:k)),[ue,Pt]=o.useState(),h=o.useRef({list:[]}),[E,de]=o.useState(null),me=o.useRef(null);h.current.openMore=M,h.current.list=[...u];const qt=()=>{h.current.openMore&&L(!1)},Ve=e=>{if(e===null||e===0||(e===void 0&&(e=h.current.list.length),!me.current))return;const s=me.current.querySelector(".comboselect-overflow-list");if(s)if(s.scrollHeight>s.clientHeight){const r=Number(e)-1;de(r),Ve(r)}else h.current.list.length<=e&&qt()},J=()=>{if(h.current.list.length===0)return de(null);clearTimeout(h.current.resizeTimer),h.current.resizeTimer=setTimeout(()=>{de(h.current.list.length),Ve()},50)};o.useEffect(()=>(J(),()=>{clearTimeout(h.current.resizeTimer)}),[u]),o.useEffect(()=>(!F&&a?window.addEventListener("resize",J):window.removeEventListener("resize",J),()=>{window.removeEventListener("resize",J)}),[F,a]);const Mt=e=>{if(!x&&!Re){if(O.current){v();return}O.current=!0,ie(!0)}},v=(e,s)=>{O.current=!1,G.current=void 0,Fe.current={},ie(!1),ze(null),Ke(""),jt?.(),s==="cancel"&&He()},He=()=>{V([]),W([])},pe=(e,s)=>{V(e),zt(s,e)},Lt=e=>{V(s=>{const r=s.findIndex(l=>l===e[R]);return r>-1&&s.splice(r,1),[...s]})},We=(e,s)=>{if(e.stopPropagation(),s.closable===!1||Ne?.(s)===!1)return;const r=[...u],l=r.findIndex(n=>n[R]===s[R]);l>-1&&r.splice(l,1),W(r),Lt(s),C?.(r)},Ot=o.useMemo(()=>S.debounce(async e=>{Q(e)},400),[]),Dt=e=>{Ke(e),Rt&&Ot(e)},Q=e=>{const s=e??B;se?se(s):(G.current=s?.trim(),Nt(Math.random())),Ie.current&&Pt([])},Be=(e,s)=>{s?(bt?.(u),v(null,"ok")):(ht?.(),v(null,"cancel"))},Ge=()=>{let e="auto";N.current&&(e=`${N.current.offsetWidth}px`);const s=S.getOverlaySize(m,Ie.current,at,ut),r={minWidth:e,maxWidth:960};return typeof le=="number"?r.width=le:le&&(r.width=e),{overflow:"auto",...r,...s}},Kt=()=>z(`${d.$prefixCls}-comboselect`,ct,{[`${d.$prefixCls}-comboselect-focused`]:f&&!x,[`${d.$prefixCls}-comboselect-disabled`]:Re,[`${d.$prefixCls}-comboselect-radioable`]:!a,[`${d.$prefixCls}-comboselect-error`]:Se,[`${d.$prefixCls}-comboselect-clear`]:q,[`${d.$prefixCls}-comboselect-non-popup`]:x,[`${d.$prefixCls}-comboselect-overLine`]:F},`${d.$prefixCls}-comboselect-${pt}`),zt=(e,s)=>{let r=[];if(e?.length&&(r=e.map(n=>{const i={};i[R]=n[D]||"",Me?i[g]=Me(n)||"":i[g]=n[Ae]||"";const c=ae.current?.find(p=>p[R]===i[R]);return c&&(c.disabled!==void 0&&(i.disabled=c.disabled),c.closable!==void 0&&(i.closable=c.closable)),i})),s?.length&&e){const n=s.filter(c=>e.findIndex(p=>p[D]===c)===-1),i=ae.current?.filter(c=>n?.includes(c[R]));i&&r.push(...i)}W(r);const l=Zt.DeepClone(e||[]);a?C?.(r,l):C?.(r[0],l[0])},Ue=e=>{const s=e.map(r=>r[R]);W(e),V(s),ae.current=e},Ft=(e,s)=>{ze(s.node)},Je=()=>{let e={};if(!x){const{width:s,minWidth:r,maxWidth:l}=Ge();e={width:s,minWidth:r,maxWidth:l}}return t.jsxRuntimeExports.jsx("div",{className:"comboselect-search",style:e,children:t.jsxRuntimeExports.jsx(cs.Search,{className:"comboselect-search-input",rightIconExist:!0,showBtn:!1,rightIcon:t.jsxRuntimeExports.jsx(Gt.Search,{}),btnType:"inside",value:B,onChange:Dt,placeholder:nt??w({id:"searchPlaceholder"}),onClickBtn:()=>{Q()},onEnter:()=>{Q()},onClear:()=>{Q("")}})})},Qe=()=>ve?t.jsxRuntimeExports.jsx("div",{className:"comboselect-actions",children:ve}):t.jsxRuntimeExports.jsxs("div",{className:"comboselect-actions",children:[t.jsxRuntimeExports.jsx(tt.Button,{onClick:e=>Be(e,!1),variant:"outlined",size:"small",children:w({id:"cancel"})}),t.jsxRuntimeExports.jsx(tt.Button,{variant:"outlined",onClick:e=>Be(e,!0),size:"small",children:w({id:"ok"})})]}),Xe=()=>m!=="tree"||!P?null:$e?t.jsxRuntimeExports.jsx("div",{className:"comboselect-fullPath",children:$e(P??{})}):t.jsxRuntimeExports.jsxs("div",{className:"comboselect-fullPath",children:[t.jsxRuntimeExports.jsx("span",{children:w({id:"fullPath"})}),P?.[Et]??""]}),_t=e=>{e.stopPropagation(),He(),v(),L(!1),te?.(),C?.(a?[]:{})},At=e=>{e.stopPropagation(),L(!0),v()};o.useImperativeHandle(Ct,()=>({closePopup:()=>v()})),o.useEffect(()=>{!x&&Z&&(O.current=!0,ie(Z))},[Z]),o.useEffect(()=>{Ee&&Ue(S.toArray(Ee))},[]),o.useEffect(()=>{ee&&Ue(S.toArray(ee))},[ee]),o.useEffect(()=>{lt&&$t(!!u?.length)},[u]),o.useEffect(()=>{const e=r=>r&&r.ownerDocument||document,s=r=>{const l=e(N.current),n=r.target,i=!l.documentElement.contains(n)||U.current?.contains(n)||N.current?.contains(n)||!1;if(m==="table"){const c=`.${d.$prefixCls}-select-popover`,p=`.${d.$prefixCls}-table-show-colums-popover`,b=`.${d.$prefixCls}-filter-popover`;if(S.closest(n,`${c}, ${p}, ${b}`))return}O.current&&!i&&v()};if(f&&setTimeout(()=>{if(!U.current)return;const r=U.current.querySelector(".comboselect-search-input input");r&&r.focus()},200),!x&&f){const r=e(N.current);return r.addEventListener("mousedown",s),()=>{r.removeEventListener("mousedown",s)}}},[f]);const Ye=o.useMemo(()=>{if(!u?.length)return null;if(I)return I(a?u:u[0]);if(!a)return t.jsxRuntimeExports.jsx("span",{className:"comboselect-single-content",children:t.jsxRuntimeExports.jsx(be.default,{children:u[0]?.[g]})});if(!u.length)return;const e=l=>{if(ne)return ne(l);const{disabled:n,closable:i=!0}=l??{};let c=l[g];ce&&(c=ce(l));let p=!1;if(typeof A=="number"&&(typeof c=="string"||typeof c=="number")){const b=String(c);b.length>A&&(c=`${b.slice(0,A)}...`,p=!0)}return t.jsxRuntimeExports.jsxs("span",{className:z("comboselect-item",{"comboselect-item--disabled":n,"comboselect-item--unclosable":!i}),children:[p?t.jsxRuntimeExports.jsx(Yt.Tooltip,{title:t.jsxRuntimeExports.jsx("div",{onClick:b=>b.stopPropagation(),children:l[g]}),arrow:!1,placement:"bottomLeft",children:t.jsxRuntimeExports.jsx("span",{className:"comboselect-item-content",children:c})}):t.jsxRuntimeExports.jsx("span",{className:"comboselect-item-content",children:t.jsxRuntimeExports.jsx(be.default,{children:c})}),i===!0&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-item-remove",onClick:b=>We(b,l),onMouseDown:b=>b.stopPropagation(),children:t.jsxRuntimeExports.jsx(et.Close,{})})]})},s=()=>E!==null&&h.current.list.length>E?t.jsxRuntimeExports.jsx("div",{className:"comboselect-overflow-item",children:t.jsxRuntimeExports.jsx("span",{className:"comboselect-item",onClick:At,children:t.jsxRuntimeExports.jsxs("span",{className:"comboselect-item-content",children:["+",h.current.list.length-E]})})}):null,r=u.map((l,n)=>E!==null&&E<=n?null:t.jsxRuntimeExports.jsx("div",{className:"comboselect-overflow-item",children:e(l)},n));return t.jsxRuntimeExports.jsxs("div",{className:"comboselect-overflow-list",children:[r,s()]})},[u,C,a,E,A,g,ne,I,ce,F]),X=o.useMemo(()=>{let e=$||Fe.current;return _&&!se&&G.current!==void 0&&(e={...e,searchKey:G.current}),gt?.(e)||e},[$,T,y,f]),xe=o.useMemo(()=>{if(!x&&!f||m!=="table")return null;const e={url:Ce,ctx:ye,search:X,method:we},s=(r,l)=>{!a&&(v(),j.includes(r))||pe([r],[l])};return t.jsxRuntimeExports.jsx("div",{className:"comboselect-table",children:t.jsxRuntimeExports.jsx(Jt.default,{...e,...re,emptyProps:Pe,check:a,radio:!a,rowKey:D,setCheck:pe,setRadio:s,checkDefaultValue:j,radioDefaultValue:j[0],refresh:y??T,autoSize:!1,refreshInside:!1,checkCount:!1,paginationType:"simple"})})},[j,y,$,T,x,f,X,D,a]),fe=o.useMemo(()=>{if(!x&&!f||!["tree","list"].includes(m))return null;const e={url:Ce,ctx:ye,params:X,method:we},s=(n,i)=>{if(!i.checked){const p={};if(p[R]=i.node[D]||"",p[g]=i.node[Ae]||"",Ne?.(p)===!1)return}if(!a&&(v(),!wt&&j.includes(i.node?.key)))return;let c=i.checkedNodes;if(a||n?.length&&(c=[i.node]),a){const p=es.ArrayToObject("key",c);Array.from(H.current.keys()).forEach(K=>{n.includes(K)||H.current.delete(K)}),n.forEach(K=>{const he=String(K);p[he]&&H.current.set(he,p[he])}),c=Array.from(H.current.values())}pe(n,c)},r=n=>k?.titleRender?k.titleRender(n):qe?qe(n):n.title,l=z("comboselect-tree",{"comboselect-list":m==="list","comboselect-list-single":m==="list"&&!a});return t.jsxRuntimeExports.jsx("div",{className:l,children:t.jsxRuntimeExports.jsx(Qt.default,{blockNode:!0,...e,...k,wrapperStyle:{position:"static"},emptyProps:{size:"small",...Pe},replaceFields:_e,checkable:a,radioable:!a,showRadio:!1,selectable:m!=="list",loadedKeys:ue,checkedKeys:j,onCheck:s,onSelect:Ft,titleRender:r,refresh:y??T,loadingNode:t.jsxRuntimeExports.jsxs("div",{className:"loading-node-content",children:[t.jsxRuntimeExports.jsx("div",{className:"loading-icon",children:t.jsxRuntimeExports.jsx(is.LoadingF,{})}),w({id:"searching"})]})})})},[j,y,$,T,x,f,ue,m,X,a]),Y=o.useMemo(()=>t.jsxRuntimeExports.jsxs("div",{className:"comboselect-wrapper",ref:N,onClick:Mt,children:[t.jsxRuntimeExports.jsx("div",{className:z("comboselect-overflow",!a&&"comboselect-overflow-single"),children:Ye}),!x&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-arrow",children:t.jsxRuntimeExports.jsx(Bt.Down,{})}),q&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-clear",onClick:_t,children:t.jsxRuntimeExports.jsx(Ut.CloseCircleF,{})}),!u?.length&&t.jsxRuntimeExports.jsx("span",{className:"comboselect-placeholder",children:je??w({id:"pleaseSelect"})})]}),[u,Ye,a,q,x,je]),It=()=>Te||ke?t.jsxRuntimeExports.jsx(ns.default,{label:Te,required:ke,...yt}):null,Vt=()=>t.jsxRuntimeExports.jsx("div",{ref:U,className:`comboselect-dropdown-wrapper ${_?"show-search":""} mode-${m}`,children:t.jsxRuntimeExports.jsxs("div",{style:Ge(),className:`${d.$prefixCls}-scrollbar-small dropdown-content`,children:[_&&Je(),m==="table"?xe:fe,f&&Xe(),ge&&Qe()]})}),Ze=()=>{const e=()=>u.map((s,r)=>{if(E!==null&&E>r)return null;let l=s[g];return Le&&(l=Le(s)),t.jsxRuntimeExports.jsxs("div",{className:"comboselect-more-item",children:[t.jsxRuntimeExports.jsx("span",{className:"comboselect-more-item-text",children:t.jsxRuntimeExports.jsx(be.default,{children:l})}),t.jsxRuntimeExports.jsx("span",{className:"comboselect-more-item-remove",onClick:n=>We(n,s),children:t.jsxRuntimeExports.jsx(et.Close,{})})]},r)});return t.jsxRuntimeExports.jsxs("div",{className:"comboselect-more-wrapper",children:[t.jsxRuntimeExports.jsx("span",{className:"comboselect-more-title",children:t.jsxRuntimeExports.jsx("span",{children:w({id:"more"})})}),t.jsxRuntimeExports.jsx("div",{className:"comboselect-more-content",children:e()})]})},Ht=o.useMemo(()=>t.jsxRuntimeExports.jsx(Xt.Dropdown,{overlay:Vt(),visible:f,placement:dt,trigger:["click"],overlayClassName:z(`${d.$prefixCls}-comboselect-dropdown`,mt),getPopupContainer:St,children:t.jsxRuntimeExports.jsx(st.Popover,{visible:M,destroyTooltipOnHide:!0,placement:"rightTop",content:Ze(),onVisibleChange:()=>L(!1),overlayClassName:`${d.$prefixCls}-comboselect-more-popover`,children:Y})}),[f,j,B,y,$,P,T,q,oe,Oe,De,M,ue,C,te,Y,u]),Wt=o.useMemo(()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(st.Popover,{visible:M,destroyTooltipOnHide:!0,placement:"rightTop",content:Ze(),onVisibleChange:()=>L(!1),overlayClassName:`${d.$prefixCls}-comboselect-more-popover`,children:Y}),t.jsxRuntimeExports.jsxs("div",{className:"comboselect-non-popup-content",children:[_&&Je(),m==="table"?xe:fe,Xe(),ge&&Qe()]})]}),[j,B,y,$,P,q,oe,Oe,De,C,te,xe,fe,Y,M,u]);return t.jsxRuntimeExports.jsxs("div",{className:Kt(),style:it,ref:me,children:[It(),x?Wt:Ht,x?null:t.jsxRuntimeExports.jsx(ls.default,{error:Se,helperText:oe,hideErrorDom:vt})]})};exports.ComboSelect=rt;exports.default=rt;
 //# sourceMappingURL=index.js.map

package/lib/ComboSelect/interface.d.ts

@@ -18,7 +18,7 @@ export type { TableProps, TreeProps };
 export type SelectOpt = {
     disabled?: boolean;
     closable?: boolean;
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export type SelectedOptions = Array<SelectOpt>;
 export type { TreeNodeProps };
@@ -107,7 +107,7 @@ export interface ComboSelectProps extends HelperTextDetailProps {
     realTimeSearch?: boolean;
     /**参数处理回调*/
     paramsCallback?: (params: {
-        [name: string]: any;
+        [name: string]: unknown;
     }) => any;
     /**路径字段*/
     fullPathKey?: string;

package/lib/ComboSelect/utils.d.ts

@@ -1,8 +1,8 @@
-export declare const getReplaceField: (mode: string, repl: Record<string, unknown>, tableP?: Record<string, any>, treeP?: Record<string, any>) => any;
+export declare const getReplaceField: (mode: string, repl: Record<string, unknown>, tableP?: Record<string, unknown>, treeP?: Record<string, unknown>) => Record<string, unknown>;
 export declare const toArray: (list: unknown) => unknown[];
 export declare const isRemoteLoad: (mode: string, props?: {
-    data?: any;
-    treeData?: any;
+    data?: unknown;
+    treeData?: unknown;
 }) => boolean;
 export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxHeight?: number, height?: number) => {
     height: string;

package/lib/ComboSelect/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=(t,r,e,n)=>{let l={};return t==="tree"?l=n?.replaceFields:l=e?.replaceFields,{...r,...l}},f=t=>t?Array.isArray(t)?t:JSON.stringify(t)==="{}"?[]:[t]:[],h=(t,r)=>t==="table"?!(r&&Array.isArray(r.data)):!(r&&Array.isArray(r.treeData)),g=(t,r=!1,e,n)=>{const i=`${e||254}px`,s=`${e||232}px`,a=`${e||338}px`,o=`${e||304}px`,u=document.documentElement.clientHeight,c=n!==void 0?"height":"maxHeight";return t==="tree"?u<=720?r?{height:i}:{[c]:i}:r?{height:a}:{[c]:a}:t==="list"?u<=720?r?{[c]:s}:{[c]:s}:r?{[c]:o}:{[c]:o}:{height:`${e??n??380}px`}};function d(t,r){let e;return function(...n){e&&clearTimeout(e),e=setTimeout(()=>{t.apply(this,n)},r)}}const S=(t,r)=>{let e=t;const n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;for(;e&&!n.call(e,r);)e=e.parentElement;return e};exports.closest=S;exports.debounce=d;exports.getOverlaySize=g;exports.getReplaceField=y;exports.isRemoteLoad=h;exports.toArray=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=(t,r,e,n)=>{let l={};return t==="tree"?l=n?.replaceFields??{}:l=e?.replaceFields??{},{...r,...l}},f=t=>t?Array.isArray(t)?t:JSON.stringify(t)==="{}"?[]:[t]:[],h=(t,r)=>t==="table"?!(r&&Array.isArray(r.data)):!(r&&Array.isArray(r.treeData)),g=(t,r=!1,e,n)=>{const i=`${e||254}px`,s=`${e||232}px`,a=`${e||338}px`,o=`${e||304}px`,u=document.documentElement.clientHeight,c=n!==void 0?"height":"maxHeight";return t==="tree"?u<=720?r?{height:i}:{[c]:i}:r?{height:a}:{[c]:a}:t==="list"?u<=720?r?{[c]:s}:{[c]:s}:r?{[c]:o}:{[c]:o}:{height:`${e??n??380}px`}};function d(t,r){let e;return function(...n){e&&clearTimeout(e),e=setTimeout(()=>{t.apply(this,n)},r)}}const S=(t,r)=>{let e=t;const n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;for(;e&&!n.call(e,r);)e=e.parentElement;return e};exports.closest=S;exports.debounce=d;exports.getOverlaySize=g;exports.getReplaceField=y;exports.isRemoteLoad=h;exports.toArray=f;
 //# sourceMappingURL=utils.js.map