@para-ui/core 5.0.0-beta.9 → 5.0.1

package/lib/Select/component.json

@@ -0,0 +1,244 @@
+{
+    "name": "Select",
+    "category": "Form",
+    "description": "下拉选择器，支持单选、多选、搜索和树形数据",
+    "semantic": {
+        "intent": [
+            "选择选项",
+            "搜素选择",
+            "多选"
+        ],
+        "useCases": [
+            "表单选择",
+            "数据筛选",
+            "标签输入"
+        ],
+        "riskLevel": "normal"
+    },
+    "variants": {
+        "default": {
+            "meaning": "标准选择器"
+        },
+        "multiple": {
+            "meaning": "多选选择器"
+        },
+        "search": {
+            "meaning": "带搜索的选择器"
+        }
+    },
+    "states": [
+        "default",
+        "disabled",
+        "error",
+        "open",
+        "loading"
+    ],
+    "idealProps": {
+        "value": {
+            "type": "T | T[] | undefined",
+            "description": "当前选中的值（受控）。**Select 是泛型组件 `Select<T extends SelectOptionValue, Item extends SelectOptionBase>`**——传 `<Select<'zh-CN'|'en-US'>>` 收紧 value 类型避免 as 强转（DEFECT-003）；single=undefined 表示无选中、multiple=[] 表示空选"
+        },
+        "defaultValue": {
+            "type": "T | T[]",
+            "description": "默认值（非受控）；同时传 value + defaultValue 时以 value 为准"
+        },
+        "onChange": {
+            "type": "(val: T | T[] | undefined, e: React.SyntheticEvent) => void",
+            "description": "选中值变化回调。**签名 `(val: T | T[] | undefined, e: React.SyntheticEvent) => void`**（DEFECT-001:src/Select/index.tsx:151/168/240 实证 — 带 e、带泛型 T、明确清空时 val=undefined 而非 '' 或 null）。**multiple=false 时** val 为 `T | undefined`（单选清空 → undefined）；**multiple=true 时** val 为 `T[]`（空数组 [] 表已清空）。第二参数 e 是合成事件，业务侧不需要可省略。**泛型用法见 docs/view/select/api.ts 顶部 \"泛型签名\" 注释段**"
+        },
+        "list": {
+            "type": "Item[]",
+            "description": "数据源。`Item extends SelectOptionBase`，即 `{ label?: ReactNode; value?: string|number|boolean; disabled?: boolean; children?: SelectOptionBase[] }`。**自定义字段名时（如 cityName/cityCode），interface 必须 extends SelectOptionBase 或加 `label?/value?` 可选字段，否则 TypeScript 报不兼容错误。** 推荐：`interface MyOption extends SelectOptionBase { cityName: string; cityCode: string }` 配合 `showName='cityName' showValue='cityCode'`"
+        },
+        "renderContent": {
+            "type": "function",
+            "signature": "(item: Item, type: boolean | 'more') => ReactNode",
+            "description": "自定义选项 / 选中态渲染（DEFECT-002）。**第二参数 type 三态**：`type === false` → 渲染选中态（在选择框中回显）；`type === true` → 渲染下拉浮层中的每一项；`type === 'more'` → 渲染下拉浮层底部的『更多』占位项。historic 命名 isSelect 实际语义按 type 三态对应"
+        },
+        "placeholder": {
+            "type": "ReactNode",
+            "description": "选择框默认文字"
+        },
+        "disabled": {
+            "type": "boolean | any[]",
+            "default": false,
+            "description": "禁用控制。boolean=整体禁用；any[]=**禁用部分选项的 value 列表**（src 实证 `disabled.indexOf(val)`，传 value 数组而非 option 对象数组或索引）"
+        },
+        "allowClear": {
+            "type": "boolean",
+            "default": false,
+            "description": "支持清除"
+        },
+        "search": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否使能搜索（不传 fetchSuggestions 时按 showName 字段做客户端 includes 子串匹配）"
+        },
+        "multiple": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否多选"
+        },
+        "size": {
+            "type": "enum",
+            "values": [
+                "small",
+                "medium",
+                "large"
+            ],
+            "default": "large"
+        },
+        "label": {
+            "type": "ReactNode",
+            "description": "标签文本"
+        },
+        "labelMode": {
+            "type": "enum",
+            "values": [
+                "outside",
+                "inside"
+            ],
+            "default": "outside"
+        },
+        "showName": {
+            "type": "string",
+            "default": "label",
+            "required": false,
+            "description": "数据源的显示字段名，默认 'label'。⚠️ AI 常见错误：数据源字段名不是 label 时忘记传此 prop，导致下拉无文字或显示 undefined。正确做法：数据格式为 { name, id } 时传 showName='name'"
+        },
+        "showValue": {
+            "type": "string",
+            "default": "value",
+            "required": false,
+            "description": "数据源的取值字段名，默认 'value'。⚠️ AI 常见错误：数据源字段名不是 value 时忘记传此 prop，导致 onChange 返回 undefined 或选中异常。正确做法：数据格式为 { name, id } 时传 showValue='id'"
+        },
+        "childrenName": {
+            "type": "string",
+            "default": "children",
+            "required": false,
+            "description": "数据源的子级字段名，默认 'children'，树形 Select 时使用。数据格式为 { name, id, subItems } 时传 childrenName='subItems'"
+        },
+        "fetchSuggestions": {
+            "type": "(inputValue: string, callback: (suggestions: any[]) => void) => void",
+            "required": false,
+            "description": "异步搜索回调，search=true 时生效。用户输入时触发，通过 callback 返回建议列表。⚠️ 传了 fetchSuggestions 则客户端 includes 过滤失效，建议列表完全由 callback 控制"
+        },
+        "searchModel": {
+            "type": "enum",
+            "values": ["outside", "inside"],
+            "default": "inside",
+            "required": false,
+            "description": "搜索框位置，outside=浮层外（触发框变搜索框）/ inside=浮层内（下拉顶部搜索框，默认）"
+        },
+        "onClear": {
+            "type": "() => void",
+            "required": false,
+            "description": "点击清空按钮时触发，allowClear=true 时有效"
+        },
+        "onEnterInput": {
+            "type": "(val: string) => void",
+            "required": false,
+            "description": "搜索框回车事件，val 为当前搜索框输入值"
+        }
+    },
+    "commonMisconceptions": [
+        "AI 常见错误：数据源字段名不是 label/value 时，忘记传 showName/showValue，导致下拉无数据或显示异常。正确做法：数据格式为 { name, id } 时，应传 showName='name' showValue='id'",
+        "AI 常见错误：自定义 interface（如 { cityName, cityCode }）直接传给 list，TypeScript 报 '不满足 SelectOptionBase'——正确做法：interface MyOption extends SelectOptionBase { cityName: string; cityCode: string }，或在 interface 里加 label?/value? 可选字段",
+        "AI 常见错误：onChange 单选清空时误以为 val 为 '' 或 null——实际为 undefined（DEFECT-001）",
+        "AI 常见错误：按 renderContent 参数名 isSelect 字面理解——实际按 type 三态（false=选中回显/true=下拉项/'more'=占位）（DEFECT-002）"
+    ],
+    "do": [
+        "选项过多时应当使用 search 开启搜索功能",
+        "使用 list 属性传入其数据源以优化性能",
+        "**显式收紧 value 泛型**：`<Select<'zh-CN'|'en-US'> value={lang} ... />`，避免 as 强转（DEFECT-003）",
+        "renderContent 用 type 取值区分三态：`type === false` 选中态、`type === true` 下拉项、`type === 'more'` 占位项",
+        "disabled 数组传 value 列表（不是 option 对象、不是索引）"
+    ],
+    "dont": [
+        "选项少于 5 个时建议优先使用 Radio.Group",
+        "直接在 options 中渲染过于复杂的 DOM 结构",
+        "不要假设 onChange 单选清空时 val 为 \\'\\\\'\\\\' 或 null——实际为 undefined（DEFECT-001）",
+        "不要按 renderContent 参数名 isSelect 字面理解——实际按 type 三态（DEFECT-002）"
+    ],
+    "events": {
+        "onChange": {
+            "signature": "(val: T | T[] | undefined, e: React.SyntheticEvent) => void",
+            "asyncSupported": false,
+            "examples": [
+                "单选时接收选中项 value（清空时 val 为 undefined，不是 '' 或 null）",
+                "多选时接收当前已选项的 value 数组（清空时 val 为 []）",
+                "结合泛型收紧类型：<Select<number> onChange={(val) => setId(val)} />（val 推断为 number | undefined）"
+            ],
+            "commonMistakes": [
+                "假设单选清空时 val 为 ''——实际为 undefined（src/Select/index.tsx:151 `onChange?: (val: T | undefined, e: React.SyntheticEvent) => void`）",
+                "忽略第二参数 e（SyntheticEvent），直接写 onChange={handleChange} 时 TypeScript 报签名不匹配——应写 (val, _e) => handle(val)",
+                "多选模式下假设 val 不会是数组——multiple=true 时 val 始终是 T[]，即使只选了一项也是 [item]",
+                "假设 onChange 只在点击选项时触发——清空按钮（allowClear=true）也触发 onChange，此时 val 为 undefined 或 []"
+            ]
+        },
+        "onEnter": {
+            "signature": "(val: T | T[]) => void",
+            "asyncSupported": false,
+            "examples": [
+                "单选模式：用户在选中项后按回车，val 为当前选中的单值",
+                "多选模式：val 为当前已选的 T[] 数组"
+            ],
+            "commonMistakes": [
+                "与 onEnterInput 混淆——onEnter 是选中回车（在选项上回车），onEnterInput 是搜索框输入回车（val 为搜索字符串）",
+                "假设 onEnter 一定触发——仅在 search=true 或 input=true 模式下且搜索框/输入框有焦点时有效"
+            ]
+        },
+        "onClear": {
+            "signature": "() => void",
+            "asyncSupported": false,
+            "examples": [
+                "用户点击清空图标时触发（需 allowClear=true），此时 onChange 也会同时触发"
+            ],
+            "commonMistakes": [
+                "只监听 onClear 而不监听 onChange——受控模式下还需在 onChange 中同步清空 state",
+                "allowClear=false 时期望 onClear 触发——不会触发，清空按钮不显示"
+            ]
+        },
+        "onEnterInput": {
+            "signature": "(val: string) => void",
+            "asyncSupported": false,
+            "examples": [
+                "搜索框回车时触发，val 为当前输入的字符串——适合实现「按回车新建标签」场景"
+            ],
+            "commonMistakes": [
+                "与 onEnter 混淆——onEnterInput 是搜索输入框回车，onEnter 是选项选中回车"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "onChange 签名带第二参数 e: React.SyntheticEvent，直接传函数时签名不匹配",
+            "wrong": "onChange={setLang}  // setLang: (val: string) => void，少了 e 参数",
+            "right": "onChange={(val, _e) => setLang(val ?? '')}  // 显式声明，保持签名兼容"
+        },
+        {
+            "issue": "自定义数据结构未 extends SelectOptionBase，直接传给 list 报类型错误",
+            "wrong": "interface CityOpt { cityName: string; cityCode: string } // 无 label/value，不兼容 SelectOptionBase",
+            "right": "interface CityOpt extends SelectOptionBase { cityName: string; cityCode: string } // 配合 showName='cityName' showValue='cityCode'"
+        },
+        {
+            "issue": "disabled 传对象数组而非 value 列表，运行时选项不禁用",
+            "wrong": "disabled={[{ label: 'A', value: 'a' }]}  // 传了整个 option 对象，indexOf 永远匹配不到",
+            "right": "disabled={['a', 'b']}  // 传禁用项的 value（取值字段）列表（src 实证 disabled.indexOf(val)）"
+        },
+        {
+            "issue": "多选模式 value 传单值而非数组，受控不生效",
+            "wrong": "<Select multiple value={'a'} />  // multiple=true 时 value 应为 T[]",
+            "right": "<Select multiple value={['a']} />  // 多选 value 始终是数组"
+        },
+        {
+            "issue": "renderContent 用 isSelect 命名的第二参数字面理解为 boolean，忽略 'more' 态",
+            "wrong": "renderContent={(item, isSelect) => isSelect ? <Selected /> : <Option />}  // 漏掉 isSelect==='more' 分支",
+            "right": "renderContent={(item, type) => type === false ? <Selected /> : type === 'more' ? <MoreTag /> : <Option />}"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Select",
+        "adapter": null
+    }
+}

package/lib/Select/index.d.ts

@@ -10,7 +10,7 @@ export interface SelectOption extends SelectOptionBase {
     children?: SelectOption[];
 }
 /** Select 共享 props —— 不含随 multiple 变化的 value/defaultValue/onChange/onEnter/multiple */
-export interface SelectBaseProps<T extends SelectOptionValue = SelectOptionValue> extends HelperTextDetailProps {
+export interface SelectBaseProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -44,13 +44,13 @@ export interface SelectBaseProps<T extends SelectOptionValue = SelectOptionValue
     /** 是否必填 */
     required?: boolean;
     /** 下拉选项数组 */
-    list: SelectOption[];
+    list: Item[];
     /**
      * 自定义渲染
      * item: 当前想数据
      * type: true 下拉选项 false 已选项 more: 更多选项
      * */
-    renderContent?: (item: SelectOption, type: boolean | 'more') => ReactNode;
+    renderContent?: (item: Item, type: boolean | 'more') => ReactNode;
     /** 下拉选中是否有图标, 默认有 */
     selectCheckIcon?: boolean;
     /** 显示名字段 */
@@ -74,7 +74,7 @@ export interface SelectBaseProps<T extends SelectOptionValue = SelectOptionValue
     /** 更多className */
     morePopoverClassName?: string;
     /** 返回输入建议的方法 */
-    fetchSuggestions?: (val: string, cb: (data: SelectOption[]) => void) => void;
+    fetchSuggestions?: (val: string, cb: (data: Item[]) => void) => void;
     /** 搜索框输入框回车事件 */
     onEnterInput?: (val: string) => void;
     /** 点击清空内容回调 */
@@ -85,7 +85,7 @@ export interface SelectBaseProps<T extends SelectOptionValue = SelectOptionValue
     blurChangeValueBol?: boolean;
 }
 /** 单选模式 */
-export interface SelectSingleProps<T extends SelectOptionValue = SelectOptionValue> extends SelectBaseProps<T> {
+export interface SelectSingleProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends SelectBaseProps<T, Item> {
     /** 是否多选（未传或 false 为单选） */
     multiple?: false;
     /** 默认值（单选） */
@@ -99,7 +99,7 @@ export interface SelectSingleProps<T extends SelectOptionValue = SelectOptionVal
     onEnter?: (val: T) => void;
 }
 /** 多选模式 */
-export interface SelectMultipleProps<T extends SelectOptionValue = SelectOptionValue> extends SelectBaseProps<T> {
+export interface SelectMultipleProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends SelectBaseProps<T, Item> {
     /** 是否多选 */
     multiple: true;
     /** 默认值（多选） */
@@ -115,7 +115,10 @@ export interface SelectMultipleProps<T extends SelectOptionValue = SelectOptionV
  * Select 的 props
  * - `multiple` 未传或为 `false`：value / defaultValue 为 `T`，onChange/onEnter 入参为 `T`（清空时 `undefined`）
  * - `multiple` 为 `true`：value / defaultValue 为 `T[]`，onChange/onEnter 入参为 `T[]`（清空时 `[]`）
+ * - 第二个泛型参数 `Item` 描述 `list` 行项的具体类型，默认 `SelectOptionBase`，
+ *   可传业务侧 DTO 接口（如 `{ label, value, id, time }`）以承载 `renderContent` /
+ *   `fetchSuggestions` 的端到端类型推导。
  */
-export type SelectProps<T extends SelectOptionValue = SelectOptionValue> = SelectSingleProps<T> | SelectMultipleProps<T>;
-declare function Select<T extends SelectOptionValue = SelectOptionValue>(outerProps: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export type SelectProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> = SelectSingleProps<T, Item> | SelectMultipleProps<T, Item>;
+declare function Select<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase>(outerProps: SelectProps<T, Item>): import("react/jsx-runtime").JSX.Element;
 export default Select;

package/lib/Select/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),c=require("react"),St=require("../Empty/index.js"),Rt=require("../Label/index.js"),wt=require("../Dropdown/index.js"),te=require("@paraview/lib"),$t=require("../GlobalContext/index.js"),Je=require("../node_modules/@para-ui/icons/Close/index.js"),bt=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),kt=require("../node_modules/@para-ui/icons/Down/index.js"),Nt=require("../node_modules/@para-ui/icons/Check/index.js"),Mt=require("../GlobalContext/useFormatMessage.js"),qt=require("./lang/index.js"),ae=require("../AutoTips/index.js"),Dt=require("../Loading/index.js"),Tt=require("../Popover/index.js"),Lt=require("../Search/index.js"),Ot=require("../Tooltip/index.js"),Pt=require("../HelperText/index.js"),It=require("../Hooks/useGlobalProps.js"),x=require("../GlobalContext/constant.js");;/* empty css            */const Vt=(U,h,D)=>{const C=document.createElement("span");C.id="referenceSpan";const S={width:0,height:0};S.width=C.offsetWidth,S.height=C.offsetHeight,C.style.visibility="hidden",C.style.fontSize=U,C.style.fontFamily=h,C.style.display="inline-block";const V=document.getElementById("referenceSpan");return V&&document.body.removeChild(V),document.body.appendChild(C),typeof C.textContent<"u"?C.textContent=D:C.innerText=D,S.width=parseFloat(window.getComputedStyle(C).width)-S.width,S.height=parseFloat(window.getComputedStyle(C).height)-S.height,document.body.removeChild(C),S},We=(U,h)=>{const D=c.useRef(!1);c.useEffect(()=>{D.current?U():D.current=!0},h)};function Ft(U){const h=U,{className:D,style:C,showSelect:S=!0,allowClear:V=!1,emptyProps:se,size:F="large",labelMode:G="outside",labelTooltip:J,placeholder:oe="",searchPlaceholder:Ce,label:z="",input:T=!1,disabled:d=!1,disabledTooltip:ge,multiple:p=!1,required:_=!1,labelSign:L,error:Ee=!1,hideErrorDom:Qe,helperText:Xe="",list:ne,showName:$="label",showValue:b="value",childrenName:k="children",value:w,onChange:v,overLine:ye=!1,search:O=!1,searchModel:g="inside",selectPopoverClassName:Se,morePopoverClassName:Re,fetchSuggestions:we,searchInputProps:j,onEnter:H,onEnterInput:$e,onClear:ue,getPopupContainer:Ye,renderContent:R,selectCheckIcon:pe=!0,blurChangeValueBol:le=!1}=It.default(h,"Select"),me=(e=[])=>{const s=[];for(let t=0,l=e.length;t<l;t++){const n=e[t];if(typeof n=="object"&&n!==null)s.push(n);else{const a={[$]:n,[b]:n};s.push(a)}}return s},Ze=()=>{let e=[];return h.defaultValue!==void 0&&(p?e=te.DeepClone(h.defaultValue||[]):e=h.defaultValue===""?[]:[h.defaultValue]),w!==void 0&&(p?e=te.DeepClone(w||[]):e=w===""?[]:[w]),e},be=()=>{const e=me(ne),s={};for(let t=0,l=e.length;t<l;t++){const n=e[t];if(n[k]&&n[k].length>0){const a=n[k];for(let u=0,y=a.length;u<y;u++){const f=a[u],q=String(f[b]);s[q]=f}}else{const a=String(n[b]);s[a]=n}}return s},B=c.useRef(null),[ke]=c.useState(`${x.$prefixCls}-select-${te.UUID()}`),[W]=c.useState(`select-popover-${te.UUID()}`),[P,Q]=c.useState(!1),[X,de]=c.useState(!1),[r,N]=c.useState(Ze()),[K,et]=c.useState([]),[E,tt]=c.useState(be()),[M,fe]=c.useState(null),[xe,Ne]=c.useState(!1),[m,A]=c.useState(""),[I,Me]=c.useState(!1),[Y,re]=c.useState(!1),[he,st]=c.useState(!1),Z=c.useRef(null),[i]=c.useState({valueCom:[],listCom:[],searchModel:"inside",openMore:!1}),{language:qe,locale:De}=c.useContext($t.default),Te=Mt.default("Select",qt.default);i.valueCom=[...r],i.listCom=K,i.searchModel=g,i.openMore=xe,c.useEffect(()=>()=>{clearTimeout(i.searchTimer),clearTimeout(i.timer),clearTimeout(i.scrollTimer),clearTimeout(i.dropDownTimer)},[]),We(()=>{if(w===void 0){N([]);return}N(p?te.DeepClone(w||[]):w===""?[]:[w])},[w,p]),c.useEffect(()=>{ie()},[r,w]),c.useEffect(()=>{if(g==="outside"&&p)return Me(!0);Me(ye)},[ye,g,p,T]),We(()=>{tt(be())},[ne]),c.useEffect(()=>(!I&&p?window.addEventListener("resize",ie):window.removeEventListener("resize",ie),()=>{window.removeEventListener("resize",ie)}),[I,p]),c.useEffect(()=>{r&&r.length>0?de(!0):(de(!1),g==="outside"&&de(m!==""))},[O,m,g,r,T]),c.useEffect(()=>{if(P)if(re(!0),we)we(m,e=>{const s=me(e);Oe(s,!0),re(!1)});else{const e=me(ne);Oe(e),re(!1)}},[O,m,ne,P]),c.useEffect(()=>(P?(clearTimeout(i.openTimer),i.openTimer=setTimeout(()=>{Pe(),window.addEventListener("keydown",ve)})):(A(""),window.removeEventListener("keydown",ve)),()=>{clearTimeout(i.openTimer),window.removeEventListener("keydown",ve)}),[P]),c.useEffect(()=>{d!==!0&&p&&g==="outside"&&mt(m)},[m,p,d,g,T]);const Le=e=>{if(e===null||e===0)return;e===void 0&&(e=i.valueCom.length);const s=document.querySelector(`.${ke} > .select-content > .check-select-content`);if(s)if(s.scrollHeight>s.clientHeight){const t=Number(e)-1;fe(t),Le(t)}else i.valueCom.length<=e&&Fe()},ie=()=>{if(i.valueCom.length===0)return fe(null);clearTimeout(i.timer),i.timer=setTimeout(()=>{fe(i.valueCom.length),Le()},50)},Oe=(e,s)=>{const t=[],l=[...e];for(let n=0,a=l.length;n<a;n++){const u={...l[n]};if(u[k]&&u[k].length>0){const y=u[k],f=[];for(let q=0,ee=y.length;q<ee;q++){const je=y[q];(s||Ve(je))&&f.push(je)}f.length>0&&(u[k]=f,t.push(u))}else(s||Ve(u))&&t.push(u)}et(t),re(!1),st(t.length===0)},Pe=()=>{const e=Z&&Z.current;i.searchModel!=="inside"&&e&&e.focus({preventScroll:!0})},Ie=(e,s)=>{let t=e;const l=t&&(t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector);if(!l)return null;for(;t&&!l.call(t,s);)t=t.parentElement;return t},Ve=e=>{let s=!0;if(m.trim()==="")return s;const t=e[$];return t&&(typeof t=="number"||typeof t=="string")?t.toString().toLowerCase().indexOf(m.trim().toLowerCase())===-1&&(s=!1):s=!1,s},ot=()=>{d!==!0&&Q(!0)},nt=()=>{Q(!1)},lt=e=>{Ne(!0),Q(!1),e.stopPropagation()},Fe=()=>{i.openMore&&Ne(!1)},ce=(e,s)=>t=>{const l=e[b];if(!(typeof d=="object"&&d.indexOf(l)!==-1))if(p){const n=i.valueCom.indexOf(l);n!==-1?i.valueCom.splice(n,1):i.valueCom.push(l),h.value===void 0&&N([...i.valueCom]),v&&v([...i.valueCom],t),s&&H&&H([...i.valueCom]),Pe()}else h.value===void 0&&N([l]),v&&v(l,t),s&&H&&H(l),nt(),A("")},ze=(e,s)=>t=>{e||(e={[b]:s,children:[]}),ce(e)(t),t.stopPropagation()},rt=()=>{let e=`${x.$prefixCls}-select`;return p&&!I&&(e+=` ${ke}`),D&&(e+=` ${D}`),F&&(e+=` ${x.$prefixCls}-select-${F}`),Ee&&(e+=` ${x.$prefixCls}-select-error`),d===!0&&(e+=` ${x.$prefixCls}-select-disabled`),P&&(e+=` ${x.$prefixCls}-select-open`),p&&(e+=` ${x.$prefixCls}-select-multiple`),I&&(e+=` ${x.$prefixCls}-select-over-line`),S&&(e+=` ${x.$prefixCls}-select-show-select`),r.length>0&&(e+=` ${x.$prefixCls}-select-value`),V&&(e+=` ${x.$prefixCls}-select-allow-clear`),e},it=()=>{let e=`${x.$prefixCls}-select-popover ${x.$prefixCls}-scrollbar-small`;return F&&(e+=` ${x.$prefixCls}-select-popover-${F}`),p?e+=` ${x.$prefixCls}-select-popover-multiple`:e+=` ${x.$prefixCls}-select-popover-radio`,Se&&(e+=` ${Se}`),S||(e+=` ${x.$prefixCls}-select-popover-hide`),e},ct=()=>{let e=`${x.$prefixCls}-select-more-popover ${x.$prefixCls}-scrollbar-small`;return F&&(e+=` ${x.$prefixCls}-select-more-popover-${F}`),Re&&(e+=` ${Re}`),e},at=e=>{A(e.target.value),j&&j.onChange&&j.onChange(e)},ut=(e,s)=>{A(e),s&&j?.onChange&&j.onChange(s)},_e=e=>{if(e.keyCode===13){$e&&$e(m);const s=document.querySelector(`.${W} .select-popover-list`);if(s){const t=s.querySelector(".select-popover-list-item-hover");if(s.querySelector(".select-popover-list-item-keydown")||t)return}if(h.input&&m.trim()!==""){if(p){const t=[...r,m];h.value===void 0&&N(t),v&&v(t,e)}else h.value===void 0&&N([m]),v&&v(m,e);A("")}}j&&j.onKeyDown&&j.onKeyDown(e)},pt=e=>{if(h.input&&le&&m.trim()!==""){if(p){const s=[...r,m];h.value===void 0&&N(s),v&&v(s,e)}else h.value===void 0&&N([m]),v&&v(m,e);A("")}i.inputOpen=!1,j&&j.onBlur?.(e)},mt=e=>{const s=Z&&Z.current;if(!s)return null;const t=window.getComputedStyle(s),l=t.fontFamily,n=t.fontSize;let u=Vt(n,l,e).width;u<10&&(u=10),s.style.width=`${u}px`},He=e=>{const{selectDom:s,keyCode:t,currentKeydownDom:l}=e;let n=null,a="nextElementSibling",u=".select-popover-list > div",y=".select-popover-list-item";if(t===38&&(a="previousElementSibling",u=".select-popover-list > div:last-child",y=".select-popover-list-item:last-child"),!l)n=s.querySelector(u);else if(n=l[a],n){if(n.className.indexOf("select-popover-list-group-label")!==-1){const f=l.parentElement;f&&(n=f[a],n||(n=s.querySelector(u)))}}else{const f=l.parentElement;f&&f.className&&f.className.indexOf("select-popover-list-group")!==-1?(n=f[a],n||(n=s.querySelector(u))):n=s.querySelector(u)}if(n)if(n.className.indexOf("select-popover-list-group")!==-1){const f=n.querySelector(y);f&&(f.classList.add("select-popover-list-item-keydown"),Be(f,s))}else n.classList.add("select-popover-list-item-keydown"),Be(n,s)},Be=(e,s)=>{clearTimeout(i.scrollTimer);const t=s.clientHeight,n=e.offsetTop+e.clientHeight-t;i.scroll=!0,n>0?s.scrollTop=n:s.scrollTop=0,i.scrollTimer=setTimeout(()=>{i.scroll=!1},100)},ve=e=>{const s=document.querySelector(`.${W} .select-popover-list`);if(!s)return;const t=s.querySelector(".select-popover-list-item-select"),l=s.querySelector(".select-popover-list-item-hover"),n=s.querySelector(".select-popover-list-item-keydown");let a=t;if(l&&(a=l),e.keyCode===13){const u=n||l;if(u){const y=u.dataset.val;ce(E[y],!0)({target:n})}else H&&w!==void 0&&H(w)}n&&(a=n,n.classList.remove("select-popover-list-item-keydown")),e.keyCode===40&&He({selectDom:s,keyCode:e.keyCode,currentKeydownDom:a}),e.keyCode===38&&He({selectDom:s,keyCode:e.keyCode,currentKeydownDom:a})},Ke=e=>{if(i.scroll)return;const s=Ie(e.target,".select-popover-list-item");if(!s)return;s.classList.add("select-popover-list-item-hover");const t=document.querySelector(`.${W}`);if(!t)return;const l=t.querySelector(".select-popover-list-item-keydown");l&&l.classList.remove("select-popover-list-item-keydown")},Ae=e=>{const s=Ie(e.target,".select-popover-list-item");s&&s.classList.remove("select-popover-list-item-hover")},dt=c.useMemo(()=>{const e=!!(z||_||L),s=()=>{let t="select-label";return J&&J.className&&(t+=` ${J.className}`),t};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:G==="outside"&&e&&o.jsxRuntimeExports.jsx(Rt.default,{label:z,required:_,labelSign:L,...J,className:s()})})},[G,z,L,_,J]),ft=c.useMemo(()=>{const e=()=>G==="outside"?oe:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[z||oe,_&&o.jsxRuntimeExports.jsx("span",{className:"select-required",children:"*"}),L&&o.jsxRuntimeExports.jsx("span",{children:L})]});return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!X&&o.jsxRuntimeExports.jsx("span",{className:"select-label-placeholder",children:e()})})},[X,G,oe,z,L,_]),Ue=e=>{if(d===!0)return null;const s=`${e}-search-outside`;return g==="outside"?o.jsxRuntimeExports.jsx("input",{...j,onClick:t=>{i.inputOpen=!0,j&&j.onClick?.(t)},onBlur:pt,className:s,value:m,onChange:at,onKeyDown:_e,ref:Z}):null},xt=c.useMemo(()=>{const e=()=>{if(m!==""&&(g==="outside"||T))return null;const s=String(r[0]),t=E[s]&&E[s][$]||r[0],l=R&&R(E[s],!1);return I?l||t:o.jsxRuntimeExports.jsx(ae.default,{placement:"top-start",children:l||t})};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!p&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"radio-select-content",children:e()}),Ue("radio")]})})},[p,X,I,E,r,$,O,g,m,d,T,j,R,le]),ht=c.useMemo(()=>{const e=s=>{const t=String(r[s]),l=E[t]&&E[t][$]||r[s];return R&&R(E[t],!1)||l};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:p&&o.jsxRuntimeExports.jsxs("div",{className:"check-select-content",children:[r&&r.map((s,t)=>{if(M!==null&&M<=t)return null;let l=!0;(d===!0||typeof d=="object"&&d.indexOf(r[t])!==-1)&&(l=!1);let n="check-select-content-item check-select-content-item-select";return l||(n+=" check-select-content-item-noclose"),o.jsxRuntimeExports.jsxs("div",{className:n,children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(ae.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Je.Close,{onClick:ze(E[String(r[t])],r[t])})]},t)}),(()=>{if(M!==null&&r.length>M)return o.jsxRuntimeExports.jsx("div",{className:"check-select-content-item check-select-content-item-more",onClick:lt,children:o.jsxRuntimeExports.jsxs("span",{children:["+",r.length-M]})})})(),Ue("check")]})})},[p,X,r,M,E,d,v,m,O,g,T,j,R,le]),vt=e=>{e.stopPropagation();const s=[];let t;if(p&&(t=[],d instanceof Array))for(let l=0,n=r.length;l<n;l++){const a=r[l];d.indexOf(a)!==-1&&(t.push(a),s.push(a))}h.value===void 0&&N(s),v&&v(t,e),Q(!1),ue&&ue()},jt=()=>{if(r.length>0&&d!==!0&&V)return o.jsxRuntimeExports.jsx("span",{className:"clean-up-icon",onClick:vt,children:o.jsxRuntimeExports.jsx(bt.CloseCircleF,{})})},Ct=()=>{const e=s=>{const t=String(r[s]),l=E[t]&&E[t][$]||r[s];return R&&R(E[t],"more")||l};return o.jsxRuntimeExports.jsxs("div",{className:"select-more",children:[o.jsxRuntimeExports.jsx("div",{className:"select-more-title",children:o.jsxRuntimeExports.jsx("span",{children:Te({id:"more"})})}),o.jsxRuntimeExports.jsx("div",{className:"select-more-content",children:r&&r.map((s,t)=>{if(M!==null&&M>t)return null;let l=!0;return(d===!0||typeof d=="object"&&d.indexOf(r[t])!==-1)&&(l=!1),o.jsxRuntimeExports.jsxs("div",{className:"select-more-content-item",children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(ae.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Je.Close,{onClick:ze(E[String(r[t])],r[t])})]},t)})})]})},Ge=c.useMemo(()=>o.jsxRuntimeExports.jsx(Tt.Popover,{placement:"bottom-end",visible:xe,content:Ct(),onVisibleChange:Fe,overlayClassName:ct(),children:o.jsxRuntimeExports.jsxs("div",{className:"select-content",onClick:ot,ref:B,children:[ft,o.jsxRuntimeExports.jsxs("span",{className:"select-svg",children:[o.jsxRuntimeExports.jsx(kt.Down,{}),jt()]}),xt,ht]})}),[B,X,G,oe,z,L,_,I,E,r,$,p,M,d,v,m,g,T,S,j,V,ue,xe,R,le]),gt=c.useMemo(()=>{const e=()=>{let t="select-popover-list";return Y&&(t+=" select-popover-list-loading"),t},s=t=>{const l=t[$]||t[b],n=R&&R(t,!0);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-label",children:o.jsxRuntimeExports.jsx(ae.default,{placement:"top-start",children:n||l})}),p&&pe&&o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-svg",children:o.jsxRuntimeExports.jsx(Nt.Check,{})})]})};return o.jsxRuntimeExports.jsxs("div",{className:e(),style:{outline:"1px  solid transparent"},children:[K&&K.length>0?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:K.map((t,l)=>{if(t[k]&&t[k].length>0){const u=t[k];return o.jsxRuntimeExports.jsxs("div",{className:"select-popover-list-group",children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-group-label",children:t[$]||t[b]}),u.map((y,f)=>{const q=y[b];let ee="select-popover-list-item";return r.indexOf(q)!==-1&&(ee+=" select-popover-list-item-select"),typeof d=="object"&&d.indexOf(q)!==-1&&(ee+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ce(y),className:ee,onMouseEnter:Ke,onMouseLeave:Ae,"data-val":q,children:s(y)},f)})]},l)}const n=t[b];let a="select-popover-list-item";return r.indexOf(n)!==-1&&(a+=" select-popover-list-item-select"),typeof d=="object"&&d.indexOf(n)!==-1&&(a+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ce(t),className:a,onMouseEnter:Ke,onMouseLeave:Ae,"data-val":n,children:s(t)},l)})}):!Y&&he&&o.jsxRuntimeExports.jsx("div",{className:"select-nodata",children:o.jsxRuntimeExports.jsx(St.default,{...se,size:se?.size||"small"})}),Y&&o.jsxRuntimeExports.jsx(Dt.Loading,{})]})},[K,$,b,r,v,p,Y,qe,De,se,he,R,pe]),Et=c.useMemo(()=>{if(!S)return"";const e=()=>{let s=`select-popover-content ${W}`;return O&&g==="inside"&&(s+=" select-popover-content-search"),s};return o.jsxRuntimeExports.jsxs("div",{style:{width:`${B&&B.current?B.current.offsetWidth:0}px`},className:e(),children:[O&&g==="inside"&&o.jsxRuntimeExports.jsx(Lt.Search,{placeholder:Ce||Te({id:"searchPlaceholder"}),onKeydown:_e,value:m,onChange:ut,className:"select-popover-search"}),gt]})},[P,B,K,k,b,$,r,m,O,W,g,p,Ce,S,Y,j,qe,De,se,he,R,pe]),yt=()=>o.jsxRuntimeExports.jsx(wt.Dropdown,{visible:P,placement:"bottomLeft",trigger:["click"],overlay:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:Et}),overlayClassName:it(),getPopupContainer:Ye,onVisibleChange:e=>{e||(clearTimeout(i.dropDownTimer),i.dropDownTimer=setTimeout(()=>{i.inputOpen||Q(!1)},0))},children:ge?o.jsxRuntimeExports.jsx(Ot.Tooltip,{disabled:!0,...ge,children:Ge}):Ge});return o.jsxRuntimeExports.jsxs("div",{className:rt(),style:C,children:[dt,yt(),o.jsxRuntimeExports.jsx(Pt.default,{className:"select-error-text",error:Ee,helperText:Xe,hideErrorDom:Qe})]})}exports.default=Ft;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),c=require("react"),wt=require("../Empty/index.js"),$t=require("../Label/index.js"),bt=require("../Dropdown/index.js"),oe=require("@snack-kit/lib"),kt=require("../GlobalContext/index.js"),Qe=require("../para-ui-core/node_modules/@para-ui/icons/Close/index.js"),Nt=require("../para-ui-core/node_modules/@para-ui/icons/CloseCircleF/index.js"),Mt=require("../para-ui-core/node_modules/@para-ui/icons/Down/index.js"),Dt=require("../para-ui-core/node_modules/@para-ui/icons/Check/index.js"),qt=require("../GlobalContext/useFormatMessage.js"),Tt=require("./lang/index.js"),pe=require("../AutoTips/index.js"),Lt=require("../Loading/index.js"),Ot=require("../Popover/index.js"),Pt=require("../Search/index.js"),Ft=require("../Tooltip/index.js"),It=require("../HelperText/index.js"),Vt=require("../Hooks/useGlobalProps.js"),h=require("../GlobalContext/constant.js");;/* empty css            */const E=(D,f)=>D[f],zt=(D,f,N)=>{D[f]=N},_t=(D,f,N)=>{const g=document.createElement("span");g.id="referenceSpan";const R={width:0,height:0};R.width=g.offsetWidth,R.height=g.offsetHeight,g.style.visibility="hidden",g.style.fontSize=D,g.style.fontFamily=f,g.style.display="inline-block";const z=document.getElementById("referenceSpan");return z&&document.body.removeChild(z),document.body.appendChild(g),typeof g.textContent<"u"?g.textContent=N:g.innerText=N,R.width=parseFloat(window.getComputedStyle(g).width)-R.width,R.height=parseFloat(window.getComputedStyle(g).height)-R.height,document.body.removeChild(g),R},Xe=(D,f)=>{const N=c.useRef(!1);c.useEffect(()=>{N.current?D():N.current=!0},f)};function Ht(D){const f=D,{className:N,style:g,showSelect:R=!0,allowClear:z=!1,emptyProps:ne,size:_="large",labelMode:J="outside",labelTooltip:W,placeholder:le="",searchPlaceholder:Ee,label:H="",input:O=!1,disabled:m=!1,disabledTooltip:ye,multiple:p=!1,required:B=!1,labelSign:P,error:Se=!1,hideErrorDom:Ye,helperText:Ze="",list:re,showName:b="label",showValue:k="value",childrenName:Q="children",value:$,onChange:j,overLine:Re=!1,search:F=!1,searchModel:y="inside",selectPopoverClassName:we,morePopoverClassName:$e,fetchSuggestions:be,searchInputProps:C,onEnter:K,onEnterInput:ke,onClear:de,getPopupContainer:et,renderContent:w,selectCheckIcon:me=!0,blurChangeValueBol:ie=!1}=Vt.default(f,"Select"),fe=(e=[])=>{const s=[];for(let t=0,l=e.length;t<l;t++){const n=e[t];if(typeof n=="object"&&n!==null)s.push(n);else{const u={[b]:n,[k]:n};s.push(u)}}return s},tt=()=>{let e=[];return f.defaultValue!==void 0&&(p?e=oe.DeepClone(f.defaultValue||[]):e=f.defaultValue===""?[]:[f.defaultValue]),$!==void 0&&(p?e=oe.DeepClone($||[]):e=$===""?[]:[$]),e},Ne=()=>{const e=fe(re),s={};for(let t=0,l=e.length;t<l;t++){const n=e[t],u=E(n,Q);if(u&&u.length>0){const a=u;for(let S=0,x=a.length;S<x;S++){const T=a[S],L=String(E(T,k));s[L]=T}}else{const a=String(E(n,k));s[a]=n}}return s},A=c.useRef(null),[Me]=c.useState(`${h.$prefixCls}-select-${oe.UUID()}`),[X]=c.useState(`select-popover-${oe.UUID()}`),[I,Y]=c.useState(!1),[Z,xe]=c.useState(!1),[r,M]=c.useState(tt()),[U,st]=c.useState([]),[v,ot]=c.useState(Ne()),[q,he]=c.useState(null),[ve,De]=c.useState(!1),[d,G]=c.useState(""),[V,qe]=c.useState(!1),[ee,ce]=c.useState(!1),[je,nt]=c.useState(!1),te=c.useRef(null),[i]=c.useState({valueCom:[],listCom:[],searchModel:"inside",openMore:!1}),{language:Te,locale:Le}=c.useContext(kt.default),Oe=qt.default("Select",Tt.default);i.valueCom=[...r],i.listCom=U,i.searchModel=y,i.openMore=ve,c.useEffect(()=>()=>{clearTimeout(i.searchTimer),clearTimeout(i.timer),clearTimeout(i.scrollTimer),clearTimeout(i.dropDownTimer)},[]),Xe(()=>{if($===void 0){M([]);return}M(p?oe.DeepClone($||[]):$===""?[]:[$])},[$,p]),c.useEffect(()=>{ae()},[r,$]),c.useEffect(()=>{if(y==="outside"&&p)return qe(!0);qe(Re)},[Re,y,p,O]),Xe(()=>{ot(Ne())},[re]),c.useEffect(()=>(!V&&p?window.addEventListener("resize",ae):window.removeEventListener("resize",ae),()=>{window.removeEventListener("resize",ae)}),[V,p]),c.useEffect(()=>{r&&r.length>0?xe(!0):(xe(!1),y==="outside"&&xe(d!==""))},[F,d,y,r,O]),c.useEffect(()=>{if(I)if(ce(!0),be)be(d,e=>{const s=fe(e);Fe(s,!0),ce(!1)});else{const e=fe(re);Fe(e),ce(!1)}},[F,d,re,I]),c.useEffect(()=>(I?(clearTimeout(i.openTimer),i.openTimer=setTimeout(()=>{Ie(),window.addEventListener("keydown",Ce)})):(G(""),window.removeEventListener("keydown",Ce)),()=>{clearTimeout(i.openTimer),window.removeEventListener("keydown",Ce)}),[I]),c.useEffect(()=>{m!==!0&&p&&y==="outside"&&ft(d)},[d,p,m,y,O]);const Pe=e=>{if(e===null||e===0)return;e===void 0&&(e=i.valueCom.length);const s=document.querySelector(`.${Me} > .select-content > .check-select-content`);if(s)if(s.scrollHeight>s.clientHeight){const t=Number(e)-1;he(t),Pe(t)}else i.valueCom.length<=e&&_e()},ae=()=>{if(i.valueCom.length===0)return he(null);clearTimeout(i.timer),i.timer=setTimeout(()=>{he(i.valueCom.length),Pe()},50)},Fe=(e,s)=>{const t=[],l=[...e];for(let n=0,u=l.length;n<u;n++){const a={...l[n]},S=E(a,Q);if(S&&S.length>0){const x=S,T=[];for(let L=0,se=x.length;L<se;L++){const ge=x[L];(s||ze(ge))&&T.push(ge)}T.length>0&&(zt(a,Q,T),t.push(a))}else(s||ze(a))&&t.push(a)}st(t),ce(!1),nt(t.length===0)},Ie=()=>{const e=te&&te.current;i.searchModel!=="inside"&&e&&e.focus({preventScroll:!0})},Ve=(e,s)=>{let t=e;const l=t&&(t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector);if(!l)return null;for(;t&&!l.call(t,s);)t=t.parentElement;return t},ze=e=>{let s=!0;if(d.trim()==="")return s;const t=E(e,b);return t&&(typeof t=="number"||typeof t=="string")?t.toString().toLowerCase().indexOf(d.trim().toLowerCase())===-1&&(s=!1):s=!1,s},lt=()=>{m!==!0&&Y(!0)},rt=()=>{Y(!1)},it=e=>{De(!0),Y(!1),e.stopPropagation()},_e=()=>{i.openMore&&De(!1)},ue=(e,s)=>t=>{const l=E(e,k);if(!(typeof m=="object"&&m.indexOf(l)!==-1))if(p){const n=i.valueCom.indexOf(l);n!==-1?i.valueCom.splice(n,1):i.valueCom.push(l),f.value===void 0&&M([...i.valueCom]),j&&j([...i.valueCom],t),s&&K&&K([...i.valueCom]),Ie()}else f.value===void 0&&M([l]),j&&j(l,t),s&&K&&K(l),rt(),G("")},He=(e,s)=>t=>{e||(e={[k]:s,children:[]}),ue(e)(t),t.stopPropagation()},ct=()=>{let e=`${h.$prefixCls}-select`;return p&&!V&&(e+=` ${Me}`),N&&(e+=` ${N}`),_&&(e+=` ${h.$prefixCls}-select-${_}`),Se&&(e+=` ${h.$prefixCls}-select-error`),m===!0&&(e+=` ${h.$prefixCls}-select-disabled`),I&&(e+=` ${h.$prefixCls}-select-open`),p&&(e+=` ${h.$prefixCls}-select-multiple`),V&&(e+=` ${h.$prefixCls}-select-over-line`),R&&(e+=` ${h.$prefixCls}-select-show-select`),r.length>0&&(e+=` ${h.$prefixCls}-select-value`),z&&(e+=` ${h.$prefixCls}-select-allow-clear`),e},at=()=>{let e=`${h.$prefixCls}-select-popover ${h.$prefixCls}-scrollbar-small`;return _&&(e+=` ${h.$prefixCls}-select-popover-${_}`),p?e+=` ${h.$prefixCls}-select-popover-multiple`:e+=` ${h.$prefixCls}-select-popover-radio`,we&&(e+=` ${we}`),R||(e+=` ${h.$prefixCls}-select-popover-hide`),e},ut=()=>{let e=`${h.$prefixCls}-select-more-popover ${h.$prefixCls}-scrollbar-small`;return _&&(e+=` ${h.$prefixCls}-select-more-popover-${_}`),$e&&(e+=` ${$e}`),e},pt=e=>{G(e.target.value),C&&C.onChange&&C.onChange(e)},dt=(e,s)=>{G(e),s&&C?.onChange&&C.onChange(s)},Be=e=>{if(e.keyCode===13){ke&&ke(d);const s=document.querySelector(`.${X} .select-popover-list`);if(s){const t=s.querySelector(".select-popover-list-item-hover");if(s.querySelector(".select-popover-list-item-keydown")||t)return}if(f.input&&d.trim()!==""){if(p){const t=[...r,d];f.value===void 0&&M(t),j&&j(t,e)}else f.value===void 0&&M([d]),j&&j(d,e);G("")}}C&&C.onKeyDown&&C.onKeyDown(e)},mt=e=>{if(f.input&&ie&&d.trim()!==""){if(p){const s=[...r,d];f.value===void 0&&M(s),j&&j(s,e)}else f.value===void 0&&M([d]),j&&j(d,e);G("")}i.inputOpen=!1,C&&C.onBlur?.(e)},ft=e=>{const s=te&&te.current;if(!s)return null;const t=window.getComputedStyle(s),l=t.fontFamily,n=t.fontSize;let a=_t(n,l,e).width;a<10&&(a=10),s.style.width=`${a}px`},Ke=e=>{const{selectDom:s,keyCode:t,currentKeydownDom:l}=e;let n=null,u="nextElementSibling",a=".select-popover-list > div",S=".select-popover-list-item";if(t===38&&(u="previousElementSibling",a=".select-popover-list > div:last-child",S=".select-popover-list-item:last-child"),!l)n=s.querySelector(a);else if(n=l[u],n){if(n.className.indexOf("select-popover-list-group-label")!==-1){const x=l.parentElement;x&&(n=x[u],n||(n=s.querySelector(a)))}}else{const x=l.parentElement;x&&x.className&&x.className.indexOf("select-popover-list-group")!==-1?(n=x[u],n||(n=s.querySelector(a))):n=s.querySelector(a)}if(n)if(n.className.indexOf("select-popover-list-group")!==-1){const x=n.querySelector(S);x&&(x.classList.add("select-popover-list-item-keydown"),Ae(x,s))}else n.classList.add("select-popover-list-item-keydown"),Ae(n,s)},Ae=(e,s)=>{clearTimeout(i.scrollTimer);const t=s.clientHeight,n=e.offsetTop+e.clientHeight-t;i.scroll=!0,n>0?s.scrollTop=n:s.scrollTop=0,i.scrollTimer=setTimeout(()=>{i.scroll=!1},100)},Ce=e=>{const s=document.querySelector(`.${X} .select-popover-list`);if(!s)return;const t=s.querySelector(".select-popover-list-item-select"),l=s.querySelector(".select-popover-list-item-hover"),n=s.querySelector(".select-popover-list-item-keydown");let u=t;if(l&&(u=l),e.keyCode===13){const a=n||l;if(a){const S=a.dataset.val;ue(v[S],!0)({target:n})}else K&&$!==void 0&&K($)}n&&(u=n,n.classList.remove("select-popover-list-item-keydown")),e.keyCode===40&&Ke({selectDom:s,keyCode:e.keyCode,currentKeydownDom:u}),e.keyCode===38&&Ke({selectDom:s,keyCode:e.keyCode,currentKeydownDom:u})},Ue=e=>{if(i.scroll)return;const s=Ve(e.target,".select-popover-list-item");if(!s)return;s.classList.add("select-popover-list-item-hover");const t=document.querySelector(`.${X}`);if(!t)return;const l=t.querySelector(".select-popover-list-item-keydown");l&&l.classList.remove("select-popover-list-item-keydown")},Ge=e=>{const s=Ve(e.target,".select-popover-list-item");s&&s.classList.remove("select-popover-list-item-hover")},xt=c.useMemo(()=>{const e=!!(H||B||P),s=()=>{let t="select-label";return W&&W.className&&(t+=` ${W.className}`),t};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:J==="outside"&&e&&o.jsxRuntimeExports.jsx($t.default,{label:H,required:B,labelSign:P,...W,className:s()})})},[J,H,P,B,W]),ht=c.useMemo(()=>{const e=()=>J==="outside"?le:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[H||le,B&&o.jsxRuntimeExports.jsx("span",{className:"select-required",children:"*"}),P&&o.jsxRuntimeExports.jsx("span",{children:P})]});return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!Z&&o.jsxRuntimeExports.jsx("span",{className:"select-label-placeholder",children:e()})})},[Z,J,le,H,P,B]),Je=e=>{if(m===!0)return null;const s=`${e}-search-outside`;return y==="outside"?o.jsxRuntimeExports.jsx("input",{...C,onClick:t=>{i.inputOpen=!0,C&&C.onClick?.(t)},onBlur:mt,className:s,value:d,onChange:pt,onKeyDown:Be,ref:te}):null},vt=c.useMemo(()=>{const e=()=>{if(d!==""&&(y==="outside"||O))return null;const s=String(r[0]),t=v[s]&&E(v[s],b)||r[0],l=v[s]!==void 0&&w&&w(v[s],!1);return V?l||t:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:l||t})};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!p&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"radio-select-content",children:e()}),Je("radio")]})})},[p,Z,V,v,r,b,F,y,d,m,O,C,w,ie]),jt=c.useMemo(()=>{const e=s=>{const t=String(r[s]),l=v[t]&&E(v[t],b)||r[s];return v[t]!==void 0&&w&&w(v[t],!1)||l};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:p&&o.jsxRuntimeExports.jsxs("div",{className:"check-select-content",children:[r&&r.map((s,t)=>{if(q!==null&&q<=t)return null;let l=!0;(m===!0||typeof m=="object"&&m.indexOf(r[t])!==-1)&&(l=!1);let n="check-select-content-item check-select-content-item-select";return l||(n+=" check-select-content-item-noclose"),o.jsxRuntimeExports.jsxs("div",{className:n,children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Qe.Close,{onClick:He(v[String(r[t])],r[t])})]},t)}),(()=>{if(q!==null&&r.length>q)return o.jsxRuntimeExports.jsx("div",{className:"check-select-content-item check-select-content-item-more",onClick:it,children:o.jsxRuntimeExports.jsxs("span",{children:["+",r.length-q]})})})(),Je("check")]})})},[p,Z,r,q,v,m,j,d,F,y,O,C,w,ie]),Ct=e=>{e.stopPropagation();const s=[];let t;if(p&&(t=[],m instanceof Array))for(let l=0,n=r.length;l<n;l++){const u=r[l];m.indexOf(u)!==-1&&(t.push(u),s.push(u))}f.value===void 0&&M(s),j&&j(t,e),Y(!1),de&&de()},gt=()=>{if(r.length>0&&m!==!0&&z)return o.jsxRuntimeExports.jsx("span",{className:"clean-up-icon",onClick:Ct,children:o.jsxRuntimeExports.jsx(Nt.CloseCircleF,{})})},Et=()=>{const e=s=>{const t=String(r[s]),l=v[t]&&E(v[t],b)||r[s];return v[t]!==void 0&&w&&w(v[t],"more")||l};return o.jsxRuntimeExports.jsxs("div",{className:"select-more",children:[o.jsxRuntimeExports.jsx("div",{className:"select-more-title",children:o.jsxRuntimeExports.jsx("span",{children:Oe({id:"more"})})}),o.jsxRuntimeExports.jsx("div",{className:"select-more-content",children:r&&r.map((s,t)=>{if(q!==null&&q>t)return null;let l=!0;return(m===!0||typeof m=="object"&&m.indexOf(r[t])!==-1)&&(l=!1),o.jsxRuntimeExports.jsxs("div",{className:"select-more-content-item",children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Qe.Close,{onClick:He(v[String(r[t])],r[t])})]},t)})})]})},We=c.useMemo(()=>o.jsxRuntimeExports.jsx(Ot.Popover,{placement:"bottom-end",visible:ve,content:Et(),onVisibleChange:_e,overlayClassName:ut(),children:o.jsxRuntimeExports.jsxs("div",{className:"select-content",onClick:lt,ref:A,children:[ht,o.jsxRuntimeExports.jsxs("span",{className:"select-svg",children:[o.jsxRuntimeExports.jsx(Mt.Down,{}),gt()]}),vt,jt]})}),[A,Z,J,le,H,P,B,V,v,r,b,p,q,m,j,d,y,O,R,C,z,de,ve,w,ie]),yt=c.useMemo(()=>{const e=()=>{let t="select-popover-list";return ee&&(t+=" select-popover-list-loading"),t},s=t=>{const l=E(t,b)||E(t,k),n=w&&w(t,!0);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-label",children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:n||l})}),p&&me&&o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-svg",children:o.jsxRuntimeExports.jsx(Dt.Check,{})})]})};return o.jsxRuntimeExports.jsxs("div",{className:e(),style:{outline:"1px  solid transparent"},children:[U&&U.length>0?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:U.map((t,l)=>{const n=E(t,Q);if(n&&n.length>0){const S=n;return o.jsxRuntimeExports.jsxs("div",{className:"select-popover-list-group",children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-group-label",children:E(t,b)||E(t,k)}),S.map((x,T)=>{const L=E(x,k);let se="select-popover-list-item";return r.indexOf(L)!==-1&&(se+=" select-popover-list-item-select"),typeof m=="object"&&m.indexOf(L)!==-1&&(se+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ue(x),className:se,onMouseEnter:Ue,onMouseLeave:Ge,"data-val":L,children:s(x)},T)})]},l)}const u=E(t,k);let a="select-popover-list-item";return r.indexOf(u)!==-1&&(a+=" select-popover-list-item-select"),typeof m=="object"&&m.indexOf(u)!==-1&&(a+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ue(t),className:a,onMouseEnter:Ue,onMouseLeave:Ge,"data-val":u,children:s(t)},l)})}):!ee&&je&&o.jsxRuntimeExports.jsx("div",{className:"select-nodata",children:o.jsxRuntimeExports.jsx(wt.default,{...ne,size:ne?.size||"small"})}),ee&&o.jsxRuntimeExports.jsx(Lt.Loading,{})]})},[U,b,k,r,j,p,ee,Te,Le,ne,je,w,me]),St=c.useMemo(()=>{if(!R)return"";const e=()=>{let s=`select-popover-content ${X}`;return F&&y==="inside"&&(s+=" select-popover-content-search"),s};return o.jsxRuntimeExports.jsxs("div",{style:{width:`${A&&A.current?A.current.offsetWidth:0}px`},className:e(),children:[F&&y==="inside"&&o.jsxRuntimeExports.jsx(Pt.Search,{placeholder:Ee||Oe({id:"searchPlaceholder"}),onKeydown:Be,value:d,onChange:dt,className:"select-popover-search"}),yt]})},[I,A,U,Q,k,b,r,d,F,X,y,p,Ee,R,ee,C,Te,Le,ne,je,w,me]),Rt=()=>o.jsxRuntimeExports.jsx(bt.Dropdown,{visible:I,placement:"bottomLeft",trigger:["click"],overlay:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:St}),overlayClassName:at(),getPopupContainer:et,onVisibleChange:e=>{e||(clearTimeout(i.dropDownTimer),i.dropDownTimer=setTimeout(()=>{i.inputOpen||Y(!1)},0))},children:ye?o.jsxRuntimeExports.jsx(Ft.Tooltip,{disabled:!0,...ye,children:We}):We});return o.jsxRuntimeExports.jsxs("div",{className:ct(),style:g,children:[xt,Rt(),o.jsxRuntimeExports.jsx(It.default,{className:"select-error-text",error:Se,helperText:Ze,hideErrorDom:Ye})]})}exports.default=Ht;
 //# sourceMappingURL=index.js.map

package/lib/SelectInput/component.json

@@ -0,0 +1,184 @@
+{
+    "name": "SelectInput",
+    "category": "Data Entry",
+    "description": "下拉输入框，结合下拉选择和文本输入",
+    "semantic": {
+        "intent": [
+            "组合输入",
+            "带搜索的选择"
+        ],
+        "useCases": [
+            "分类选择",
+            "带输入的下拉",
+            "联想输入"
+        ],
+        "riskLevel": "normal"
+    },
+    "variants": {
+        "default": {
+            "meaning": "默认样式"
+        }
+    },
+    "states": [
+        "default",
+        "disabled",
+        "error"
+    ],
+    "idealProps": {
+        "value": {
+            "type": "any",
+            "description": "受控值;multiple=true 时为数组,multiple=false(默认)时为单值;必须配合 onChange。**单值类型**:list 项 value 字段值(string / number 取决于 SelectOptionBase.value 实际类型)"
+        },
+        "defaultValue": {
+            "type": "any",
+            "description": "非受控默认值;类型规则同 value"
+        },
+        "onChange": {
+            "type": "(val, e) => void",
+            "description": "值变化回调。**实际签名**(协议 SI1):multiple=false → `(val: string | undefined, e: SyntheticEvent) => void`(清空时 val 为 undefined);multiple=true → `(val: string[], e) => void`。**val 是 list 项 value 字段值**(不是整个对象);业务 `(next: string) => void` 透传桥接:`onChange={(val) => onChange((val ?? '') as string)}` 显式过 undefined"
+        },
+        "list": {
+            "type": "SelectOptionBase[]",
+            "itemSchema": {
+                "label": { "type": "ReactNode", "required": true, "description": "选项显示文案" },
+                "value": { "type": "any", "required": true, "description": "选项值（onChange 回调的 val 是此字段值）" },
+                "children": { "type": "any[]", "description": "子选项" },
+                "disabled": { "type": "boolean", "description": "是否禁用" }
+            },
+            "description": "下拉选项数组;项 = `{ label: ReactNode, value: any, children?: any[], disabled?: boolean }`。空数组或不传时 showSelect 自动 false。**string[] 转换**(协议 SI5):`options.map(opt => ({label: opt, value: opt}))`"
+        },
+        "multiple": {
+            "type": "boolean",
+            "default": false,
+            "description": "多选模式;true 时 value 必须为数组"
+        },
+        "showSelect": {
+            "type": "boolean",
+            "description": "是否显示下拉浮层;未显式传时,有 list 自动 true,无 list 自动 false。显式 false 退化为纯输入框"
+        },
+        "showName": {
+            "type": "string",
+            "default": "label",
+            "description": "list 项中显示名字段名"
+        },
+        "showValue": {
+            "type": "string",
+            "default": "value",
+            "description": "list 项中选中值字段名"
+        },
+        "searchModel": {
+            "type": "'outside' | 'inside'",
+            "values": ["outside", "inside"],
+            "default": "inside",
+            "description": "搜索框位置(协议 SI3);outside=输入框永远显示在触发按钮位置(联想标签 / 主搜);inside=输入框在浮层展开后才显示(二级筛选)。**fetchSuggestions / 联想推荐 outside**"
+        },
+        "fetchSuggestions": {
+            "type": "(val: string, cb: (data: SelectOptionBase[]) => void) => void",
+            "description": "异步联想搜索;与 list 互斥。**搭配 searchModel='outside'**(协议 SI3 / SI4)"
+        },
+        "onEnterInput": {
+            "type": "(val: string) => void",
+            "description": "回车事件;val=当前输入框原始文本(非 list 项 value)。**输入新分类必传**(协议 SI4):用户输入下拉外文本时 onChange 不触发,只有 onEnterInput 能捕获"
+        },
+        "blurChangeValueBol": {
+            "type": "boolean",
+            "default": false,
+            "description": "失焦时是否将输入框文本写回 value;适合搜索式输入立即生效场景"
+        },
+        "labelMode": {
+            "type": "'outside' | 'inside'",
+            "values": ["outside", "inside"],
+            "default": "outside",
+            "description": "标题位置(注:此 prop 命名与 searchModel 不同语义)"
+        },
+        "overLine": {
+            "type": "boolean",
+            "default": false,
+            "description": "已选项是否换行;true=超出 chip 换行,false=单行 + 折叠 '+N'"
+        },
+        "disabled": {
+            "type": "boolean | any[]",
+            "description": "禁用;布尔禁全部,数组按 value 禁用部分选项"
+        },
+        "size": {
+            "type": "'small' | 'medium' | 'large'",
+            "values": ["small", "medium", "large"],
+            "default": "large",
+            "description": "尺寸"
+        }
+    },
+    "crossPropInteractions": [
+        "multiple + onChange 签名 = 两套 union(false 时 val 可 undefined / true 时 val: string[])",
+        "fetchSuggestions + searchModel = 推荐配 outside(协议 SI3)",
+        "showSelect=false → 强制 searchModel='outside'(纯输入框模式)",
+        "onEnterInput + outside = 输入新分类的标准组合(协议 SI4)",
+        "list 项 value + showValue = 决定 onChange val 实际类型"
+    ],
+    "commonMisconceptions": [
+        "❌ onChange 单参直接透传 `onChange={onChange}` — 实际是双参 + val 可 undefined,TS 不符",
+        "❌ onChange val 是整个 SelectOptionBase 对象 — 实际是 value 字段值",
+        "❌ outside 模式下纯输入回车自动 onChange — 实际需要 onEnterInput 捕获",
+        "❌ fetchSuggestions 默认走 outside — 默认 inside,需显式 searchModel='outside'",
+        "❌ string[] 直接传 list — 必须 map 成 SelectOptionBase[] {label, value}"
+    ],
+    "do": [
+        "在需要选择并输入的场景使用（比 Select 更自由，比 TextField 带下拉）",
+        "支持联想搜索：配合 fetchSuggestions + searchModel='outside' 实现外部输入即触发联想",
+        "输入新值回车捕获：配合 onEnterInput 处理用户输入了下拉列表外的文本场景",
+        "list 必须传 SelectOptionBase[]：string[] 数组先 map 成 `{label: opt, value: opt}` 形式"
+    ],
+    "dont": [
+        "选项过多时不分页（应配合 fetchSuggestions 做异步分页）",
+        "忽略键盘操作（onEnterInput 是捕获回车新建条目的关键入口）",
+        "直接把 string[] 传给 list——必须 map 成 `[{label, value}]` 形式（协议 SI5）"
+    ],
+    "events": {
+        "onChange": {
+            "signature": "(val: T | T[] | undefined, e: React.SyntheticEvent) => void",
+            "asyncSupported": false,
+            "examples": [
+                "单选时 val 为选中项 value 字段值（清空时 val 为 undefined，不是 ''）",
+                "多选时 val 为已选项 value 字段值数组",
+                "受控桥接：onChange={(val) => setVal((val ?? '') as string)}"
+            ],
+            "commonMistakes": [
+                "直接传 onChange={setValue} 时 TS 报签名不匹配——需要 (val, _e) => setValue(val ?? '')",
+                "期望输入框回车触发 onChange——outside 模式下用户输入未选中选项时不触发 onChange，只触发 onEnterInput",
+                "误以为 val 是整个 SelectOptionBase 对象——val 是 value 字段值（由 showValue 决定）"
+            ]
+        },
+        "onEnterInput": {
+            "signature": "(val: string) => void",
+            "asyncSupported": false,
+            "examples": [
+                "用户在输入框回车时触发，val 为输入框的原始字符串",
+                "新建标签场景：onEnterInput={(newTag) => setTags([...tags, newTag])}"
+            ],
+            "commonMistakes": [
+                "与 onChange 混淆——onEnterInput 是捕获「选项外文本回车」，onChange 是选项选中",
+                "忘记传 onEnterInput 导致用户输入新值回车无任何响应"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "onChange 签名有第二参 e: SyntheticEvent，单参函数直接传报 TS 错误",
+            "wrong": "onChange={setVal}  // setVal: (v: string) => void，缺少 e 参数",
+            "right": "onChange={(val, _e) => setVal(val ?? '')}  // 显式声明两参，_e 忽略"
+        },
+        {
+            "issue": "list 传 string[] 直接报 TS 不兼容 SelectOptionBase[]",
+            "wrong": "list={['option1', 'option2']}  // string 不满足 SelectOptionBase 接口",
+            "right": "list={['option1', 'option2'].map(s => ({ label: s, value: s }))}  // 转换为 SelectOptionBase[]"
+        },
+        {
+            "issue": "SelectInput extends SelectProps（Single | Multiple 联合），在泛型 T 未能被推断时 onChange 的 val 参数可能隐式 any（TS7006），需要显式标注参数类型",
+            "wrong": "onChange={(val, _e) => setValue(val as string)}  // TS7006: val 隐式 any（泛型推断失败时）",
+            "right": "// 单选模式：\nonChange={(val: string | undefined, _e: React.SyntheticEvent) => setValue(val)}\n// 多选模式：\nonChange={(val: string[], _e: React.SyntheticEvent) => setValues(val ?? [])}"
+        }
+    ],
+    "mapping": {
+        "realComponent": "SelectInput",
+        "adapter": null
+    }
+}

package/lib/SelectInput/index.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent } from 'react';
 import { SelectProps } from '../Select';
-export interface SelectInputProps extends Omit<SelectProps, 'list'> {
-    list?: any[];
+import { SelectOptionBase, SelectOptionValue } from '../Utils/type';
+export interface SelectInputProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends Omit<SelectProps<T, Item>, 'list'> {
+    list?: Item[];
 }
-export declare const SelectInput: FunctionComponent<SelectInputProps>;
+export declare function SelectInput<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase>(props: SelectInputProps<T, Item>): import("react/jsx-runtime").JSX.Element;
 export default SelectInput;

package/lib/SelectInput/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../_virtual/jsx-runtime.js"),c=require("../Select/index.js"),n=require("../GlobalContext/constant.js"),s=e=>{const l=()=>{let t=`${n.$prefixCls}-select-input`;return e.className&&(t+=` ${e.className}`),t};return u.jsxRuntimeExports.jsx(c.default,{...e,list:e.list||[],className:l(),showSelect:!!e.showSelect||!(!e.list||e.list.length===0),searchModel:e.showSelect===!1?"outside":e.searchModel,search:!0,input:!0})};exports.SelectInput=s;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../_virtual/jsx-runtime.js"),c=require("../Select/index.js"),n=require("../GlobalContext/constant.js");function l(e){const s=()=>{let t=`${n.$prefixCls}-select-input`;return e.className&&(t+=` ${e.className}`),t};return u.jsxRuntimeExports.jsx(c.default,{...e,list:e.list||[],className:s(),showSelect:!!e.showSelect||!(!e.list||e.list.length===0),searchModel:e.showSelect===!1?"outside":e.searchModel,search:!0,input:!0})}exports.SelectInput=l;exports.default=l;
 //# sourceMappingURL=index.js.map