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

package/lib/Selector/component.json

@@ -0,0 +1,203 @@
+{
+    "name": "Selector",
+    "category": "Data Entry",
+    "description": "选择器组件，支持分页、搜索、多选等功能",
+    "semantic": {
+        "intent": [
+            "复杂选择",
+            "数据筛选"
+        ],
+        "useCases": [
+            "人员选择",
+            "组织选择",
+            "资源分配"
+        ],
+        "riskLevel": "normal"
+    },
+    "variants": {
+        "lr": {
+            "meaning": "左右布局"
+        },
+        "tb": {
+            "meaning": "上下布局"
+        },
+        "list": {
+            "meaning": "列表布局"
+        }
+    },
+    "states": [
+        "default",
+        "disabled",
+        "error"
+    ],
+    "idealProps": {
+        "value": {
+            "type": "Record<string, any>[] | Record<string, any>",
+            "description": "受控值;radio 模式为单对象(初始无选可传 null),check 模式为对象数组;无 selectMode 时无效。**最小回显格式**(协议 S1):value 对象只需含 rowKey 字段即可匹配回显;外部 string[] keys 反查 = `items.filter(it => keys.includes(it[rowKey]))`"
+        },
+        "defaultValue": {
+            "type": "Record<string, any>[] | Record<string, any>",
+            "description": "非受控默认值;类型规则同 value"
+        },
+        "onChange": {
+            "type": "(val, node, rowData) => void",
+            "description": "值变化回调;**radio 模式 val 为 Record<string,any>**(单对象 / null),**check 模式 val 为 Record<string,any>[]**(数组 / null);node=出站处理后数据(若传 backDataFieldConfig 则字段映射)、rowData=原始;**出站 keys 提取**:`val.map(it => it[rowKey])`(协议 S1);onSelect 返回 true 时不触发"
+        },
+        "onSelect": {
+            "type": "(item, bol, isAllCheck) => boolean | Promise<boolean>",
+            "description": "勾选事件;返回 true 阻断 onChange(二次确认场景);先于 onChange 触发"
+        },
+        "layout": {
+            "type": "'lr' | 'tb' | 'list'",
+            "values": ["lr", "tb", "list"],
+            "default": "lr",
+            "description": "布局;lr=左右、tb=上下、list=纯列表(无已选区,适合内嵌)。**三种 layout 的 value/onChange 受控行为完全一致**(协议 S4),只有视觉差异"
+        },
+        "selectMode": {
+            "type": "'radio' | 'check'",
+            "values": ["radio", "check"],
+            "description": "选择模式;radio=单选;check=多选+全选;undefined=只读浏览"
+        },
+        "nodeMode": {
+            "type": "'leaf' | 'branch'",
+            "values": ["leaf", "branch"],
+            "default": "branch",
+            "description": "节点选择粒度;leaf=只选叶子;branch=分支/叶子皆可"
+        },
+        "rowKey": {
+            "type": "string",
+            "default": "'key'",
+            "description": "唯一标识字段(协议 S2);**影响 disabled/disabledChild 数组匹配 + value 对象匹配 + 缓存 + 出站 val.key**;data 用 id 时必须传 `rowKey='id'`"
+        },
+        "data": {
+            "type": "SelectorAnyJson[]",
+            "description": "本地数据源;与 url 互斥"
+        },
+        "url": {
+            "type": "string",
+            "description": "远程数据请求地址;搭配 method/params/paramsCallback 使用"
+        },
+        "pagination": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否远程分页;仅 url 模式生效"
+        },
+        "search": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否显示搜索框。**本地 data 模式内置关键词过滤无需 onSearch**(协议 S5);url 远程自动重发请求;自定义场景传 onSearch"
+        },
+        "searchTrigger": {
+            "type": "'onChange' | 'onEnter'",
+            "values": ["onChange", "onEnter"],
+            "default": "onChange",
+            "description": "搜索触发时机;onEnter 适合远程节流"
+        },
+        "fieldConfig": {
+            "type": "SelectorFieldConfigProps",
+            "description": "入站字段映射(mainTitle/subTitle/img/tag/info/children/parentId/key/type · 省略时自动应用默认值,详见 api.ts default 列)"
+        },
+        "backDataFieldConfig": {
+            "type": "SelectorFieldConfigProps",
+            "description": "出站字段映射;onChange 数据字段名转换;默认同 fieldConfig(出站字段名与入站一致)"
+        },
+        "disabled": {
+            "type": "string[] | boolean",
+            "default": false,
+            "description": "禁用;布尔禁全部,数组按 rowKey 禁用部分"
+        },
+        "isAllCheck": {
+            "type": "boolean",
+            "default": true,
+            "description": "复选模式下是否显示全选;仅 selectMode=check 生效"
+        }
+    },
+    "crossPropInteractions": [
+        "value + rowKey = 最小回显对象只需含 rowKey 字段(默认 'key')",
+        "selectMode + value 类型:radio→单对象/null,check→对象数组/null",
+        "layout='list' + value/onChange = 受控行为与 lr/tb 完全一致(协议 S4)",
+        "search + 本地 data = 内置过滤,无需 onSearch;+ url = 自动重发请求",
+        "rowKey + data + disabled[] = 三者用同一字段名匹配,改 rowKey 须全链路对齐"
+    ],
+    "commonMisconceptions": [
+        "❌ value 必须传完整对象(label/subTitle 等)— 仅需 rowKey 字段即可回显",
+        "❌ 本地 data + search 必须传 onSearch — 组件内置过滤,本地场景省略 onSearch",
+        "❌ layout='list' 不支持受控 value/onChange — 三种 layout 行为一致",
+        "❌ radio 模式初始无选不能传 null — 可传 null 或省略 value prop",
+        "❌ data 用 id 字段不改 rowKey — 必须传 rowKey='id' 否则静默 fail"
+    ],
+    "do": [
+        "支持服务端分页和搜索",
+        "提供面包屑导航",
+        "selectMode=check 多选场景显式传 value 数组 + onChange 接数组",
+        "data 本地数据源场景与 url 远程数据源场景二选一,不要同时传"
+    ],
+    "dont": [
+        "数据量大时不分页",
+        "忽略禁用状态",
+        "selectMode 切换为 radio 时仍把 value 设为数组(类型不匹配)",
+        "onSelect 返回 true 阻断 onChange 后忘记自行更新 value(导致 UI 与 state 不同步)"
+    ],
+    "events": {
+        "onChange": {
+            "signature": "(val: SelectorAnyJson[] | SelectorAnyJson | null, node: SelectorAnyJson, rowData: SelectorAnyJson) => void",
+            "asyncSupported": false,
+            "examples": [
+                "radio 模式：val 是单个 Record<string,any>，出站取 key 用 val[rowKey]",
+                "check 模式：val 是 Record<string,any>[]，出站取 key 列表用 val.map(it => it[rowKey])",
+                "清空时 val 为 null——受控外部 string[] 兜底：setSelected(val ? val.map(it => it[rowKey]) : [])"
+            ],
+            "commonMistakes": [
+                "误把 val 当 rowKey string[] 使用——onChange 返回对象/数组，取 key 需 val[rowKey] 或 map",
+                "忘记 rowKey 对齐——data 用 id 字段时传了 rowKey='id' 但 onChange 还用 val.key 取值（实际是 val.id）",
+                "radio 模式期望 val 是数组——radio 模式 val 始终是单对象（或 null），不是 [item]"
+            ]
+        },
+        "onSelect": {
+            "signature": "(item: SelectorAnyJson | SelectorAnyJson[], bol: boolean, isAllCheck: boolean) => Promise<boolean | void> | (boolean | void)",
+            "asyncSupported": true,
+            "examples": [
+                "返回 true 阻断 onChange：二次确认场景在 onSelect 里弹 Dialog，确认后手动调用 onChange 逻辑",
+                "返回 void/false 不阻断，onChange 正常触发",
+                "全选时 item 是 SelectorAnyJson[]（当前页所有项），isAllCheck=true"
+            ],
+            "commonMistakes": [
+                "返回 true 阻断 onChange 后忘记自行更新 value——UI 与 state 不同步",
+                "误以为 onSelect 和 onChange 是同一回调——onSelect 先触发且返回值控制是否触发 onChange"
+            ]
+        },
+        "onSearch": {
+            "signature": "(val: string, reqParams: SearchFuncProps) => Promise<SearchReqDataProps> | SearchReqDataProps",
+            "asyncSupported": true,
+            "examples": [
+                "自定义搜索：return { data: { data: filteredList } }（不分页）",
+                "分页搜索：return { data: { data: { list: arr, total: 100 } } }（pagination=true）"
+            ],
+            "commonMistakes": [
+                "本地 data 场景传了 onSearch——本地模式内置过滤无需 onSearch，传了会覆盖内置逻辑",
+                "返回格式错误：不分页应返回 data.data = SelectorAnyJson[]，分页应返回 data.data = { list, total }"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "data 用非 key 字段作唯一 ID 时忘记传 rowKey，导致选中值匹配静默失败",
+            "wrong": "data={[{ id: '1', label: 'A' }]} value={[{ id: '1' }]}  // 内部用 .key 匹配，id 字段被忽略",
+            "right": "data={[{ id: '1', label: 'A' }]} rowKey='id' value={[{ id: '1' }]}  // rowKey 告知用 id 字段"
+        },
+        {
+            "issue": "radio 模式 value 传对象数组，check 模式 value 传单对象——类型反了",
+            "wrong": "selectMode='radio' value={[{ key: '1' }]}  // radio 应为单对象",
+            "right": "selectMode='radio' value={{ key: '1' }}  // 单对象；check 模式才用数组"
+        },
+        {
+            "issue": "disabled 数组传整个对象而非 rowKey 值列表，禁用匹配不生效",
+            "wrong": "disabled={[{ key: '1', label: 'A' }]}  // src 内部 disabled.indexOf(item.key) 查 string/number",
+            "right": "disabled={['1', '2']}  // 传 rowKey 值的 string[] 列表"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Selector",
+        "adapter": null
+    }
+}

package/lib/Selector/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const z=require("../_virtual/jsx-runtime.js"),d=require("react"),ir=require("./selectorMain/index.js"),lr=require("./selectorData/index.js"),Le=require("./util.js"),ke=require("@paraview/lib"),fr=require("../Hooks/useGlobalProps.js"),dr=require("../GlobalContext/useFormatMessage.js"),R=require("../GlobalContext/constant.js"),hr=require("./lang/index.js"),mr=require("../HelperText/index.js");;/* empty css            */const je=(c,V)=>({mainTitle:"label",children:"children",parentId:"parentId",key:V,type:"type",...c}),gr=c=>{const{className:V,style:W,rowKey:L="key",layout:k="lr",nodeMode:_="branch",selectMode:b,refresh:X,ctx:Y,url:w,method:Z="Get",value:B,defaultValue:ee,data:A,pagination:ve=!1,size:$=10,isLazy:re=!1,isAllCheck:xe=!0,disabled:S,disabledChild:Pe,detail:F,detailRender:te,backDataFieldConfig:Te,search:Ie,searchPlaceholder:ze,searchTrigger:Re="onChange",breadcrumbs:Ve=!0,breadcrumbsSeparator:Be,breadcrumbsHead:N,showbreadcrumbsHead:ae=!0,groupType:ne,groupRange:$e="search",emptyProps:ce,selectRenderItem:Ee,selectRender:He,onChange:se,onSelect:E,onSearch:oe,onRefresh:J,error:ue=!1,hideErrorDom:Me=!0,helperText:_e="",mainHeader:we}=fr.default(c,"Selector"),ie=dr.default("Selector",hr.default),C=je(c.fieldConfig,L),y={...C,...Te},[le,H]=d.useState([]),[Ae,M]=d.useState(!1),[j,Fe]=d.useState([]),[fe,Ne]=d.useState({}),[v,D]=d.useState([]),[Je,x]=d.useState(!1),[Oe,de]=d.useState({val:""}),[Ke,O]=d.useState([]),[Ge,he]=d.useState(!1),[Qe,P]=d.useState(!0),[Ue,me]=d.useState(),e=d.useRef({jsonData:{},jsonDataCopy:{},oneDataList:[],currentSourceData:[],selectValueJson:{},breadcrumbsList:[],reqId:Math.random().toString(),reqParams:{size:$,pagination:!1,isLazy:!1},noLazyReq:!1,reqTimer:null,page:1,searchVal:"",beforeSearchBreadcrumbs:null,searchConfig:{page:1,size:$,reqId:Math.random().toString(),currentSourceData:[]}});e.current.searchConfig.size=$,e.current.reqParams.size=$,e.current.reqParams.pagination=ve,e.current.reqParams.isLazy=re;const T=c.data||!e.current.reqParams.isLazy&&e.current.noLazyReq;d.useEffect(()=>(ee!==void 0&&G(ee),()=>{e.current.reqTimer&&clearTimeout(e.current.reqTimer)}),[]),d.useEffect(()=>{B!==void 0&&G(B)},[B]),d.useEffect(()=>{if(A){const r=p(A,!1);e.current.oneDataList=r,e.current.currentSourceData=r,D([]),q()}},[A]),d.useEffect(()=>{w&&(D([]),q())},[w]),d.useEffect(()=>{e.current.reqTimer&&clearTimeout(e.current.reqTimer),c.url&&ke.Cancel(e.current.reqId),e.current.reqTimer=setTimeout(()=>{if(T){const r=e.current.currentSourceData;if(e.current.reqParams.pagination){const a=r.slice(0,e.current.page*e.current.reqParams.size);H(a),e.current.page*e.current.reqParams.size>=r.length?M(!1):M(!0)}else H(r);P(!1)}if(c.url){const r={method:Z,url:c.url,ctx:Y,uuid:e.current.reqId,data:{parentId:ge(),...c.params}};e.current.reqParams.isLazy?(e.current.reqParams.pagination&&(r.data.size=e.current.reqParams.size,r.data.page=e.current.page),be(c.paramsCallback?c.paramsCallback(r):r)):e.current.noLazyReq||be(c.paramsCallback?c.paramsCallback(r):r)}},50)},[Ue]),d.useEffect(()=>{X&&K()},[X]);const K=()=>{T||(e.current.currentSourceData=[]),q()},We=(r,a)=>{let t={key:r[L],parentId:r[C.parentId],type:r[C.type],img:r[C.img],mainTitle:r[C.mainTitle],subTitle:r[C.subTitle],tag:r[C.tag],children:[],disabled:!1,disabledChild:!1,choice:b!==void 0,detail:F,leaf:_==="leaf",data:r};return c.handNodeInfo&&(t=c.handNodeInfo(t,a)),t},p=(r,a,t)=>{const n=[],s={},o=h=>{for(let l=0,i=h.length;l<i;l++){const g=h[l],f=g[L]||"",m=We(g,!!t);s[f]=m;const U=C.children;e.current.jsonDataCopy[f]=g,e.current.jsonData[f]=m,g[U]&&o(g[U])}};o(r);const u=Object.keys(s);for(let h=0,l=u.length;h<l;h++){const i=u[h],g=s[i],f=g.parentId||"";if(a){n.push(g);continue}f&&s[f]?(s[f].children||(s[f].children=[]),s[f].children.push(g)):n.push(g)}return n},ge=()=>{let r;return e.current.breadcrumbsList.length>0?r=e.current.breadcrumbsList[e.current.breadcrumbsList.length-1].value:c.breadcrumbsHead&&(r=c.breadcrumbsHead.value),ae&&e.current.breadcrumbsList.length===1&&(r=void 0,c.breadcrumbsHead&&(r=c.breadcrumbsHead.value)),r},be=async r=>{P(!0);const{data:a,err:t}=await Le.reqFunc(r);if(t){P(!1),e.current.reqParams.isLazy&&e.current.reqParams.pagination&&e.current.page!==1&&(e.current.page=e.current.page-1);return}if(c.requestCallback){c.requestCallback(a,n=>{P(!1),Ce(n)});return}P(!1),Ce(a)},Ce=r=>{if(e.current.reqParams.isLazy)if(e.current.reqParams.pagination){const a=r.data||{},t=a.list||[],n=a.total,s=p(t,!0),o=[...e.current.currentSourceData,...s];e.current.currentSourceData=o,H(o),e.current.page*e.current.reqParams.size>=n?M(!1):M(!0)}else{const a=r.data||[],t=p(a,!0);e.current.currentSourceData=t,H(t)}else{e.current.noLazyReq=!0;const a=r.data||[],t=p(a,!1);e.current.oneDataList=t,e.current.currentSourceData=t,q()}},q=()=>{e.current.page=1,me(Math.random())},G=r=>{let a=r?[r]:[];r instanceof Array&&(a=[...r]);const t=ke.ArrayToObject(y.key,a);e.current.selectValueJson=t,Ne(t),Fe([...a])},Xe=(r,a)=>{let t=[...v];a&&(t=[],e.current.beforeSearchBreadcrumbs===null&&(e.current.beforeSearchBreadcrumbs=[...v])),t.push({label:r.mainTitle,value:r.key||""}),D(t)},Ye=(r,a)=>{Xe(r,a),T?(e.current.currentSourceData=r.children||[],q()):e.current.reqParams.isLazy&&(e.current.reqParams.pagination&&(e.current.currentSourceData=[]),q())},Q=r=>{const a=["key","img","mainTitle","subTitle","tag"];c.groupType&&c.groupType.length>0&&a.push("type");const t={};for(let n=0,s=a.length;n<s;n++){const o=a[n],u=y[o];u&&(t[u]=r[o])}return t},I=(r,a,t,n)=>{se&&se(r,t,n),B==null&&G(r||[])},Ze=async r=>{const a=r.key||"";if(b==="radio"&&fe[a])return;const t=e.current.selectValueJson[a];if(!(E&&await E(r,b==="radio"?!0:!t,!1))){if(b==="radio"){const n=Q(r);I(n,[n],e.current.jsonData[a],e.current.jsonDataCopy[a])}if(b==="check"){const n=[],s={},o={};for(let u=0,h=j.length;u<h;u++){const l=j[u];if(!t||r.key!==l[y.key]){const i=l[y.key]||"";s[i]=e.current.jsonData[i],o[i]=e.current.jsonDataCopy[i],n.push(l)}}if(!t){const u=Q(r);s[a]=e.current.jsonData[a],o[a]=e.current.jsonDataCopy[a],n.push(u)}I(n,n,s,o)}}},er=r=>!!(S&&(S===!0||S instanceof Array&&r.key&&S.indexOf(r.key)!==-1)||r.disabled),rr=async r=>{const a=[...le],t=[...j],n=[],s={},o={},u=[],h=[];for(let i=0,g=a.length;i<g;i++){const f=a[i],m=f.key||"";er(f)||(r?e.current.selectValueJson[m]||(t.push(Q(f)),h.push(f)):e.current.selectValueJson[m]&&(u.push(m),h.push(f)))}for(let i=0,g=t.length;i<g;i++){const f=t[i],m=f[y.key]||"";r?(s[m]=e.current.jsonData[m],o[m]=e.current.jsonDataCopy[m]):u.indexOf(m)===-1&&(s[m]=e.current.jsonData[m],o[m]=e.current.jsonDataCopy[m],n.push(f))}const l=r?t:n;E&&await E(h,!!r,!1)||I(l,l,s,o)},tr=r=>{if(r){e.current.searchConfig.page=e.current.searchConfig.page+1,qe();return}e.current.page=e.current.page+1,me(Math.random())},Se=()=>{const r=[...v],a=N||{label:ie({id:"root"}),value:"_paraui_first_floor"};return e.current.searchVal&&r.unshift({label:c.searchBreadcrumbs?c.searchBreadcrumbs:ie({id:"searchResult"}),value:"_paraui_search"}),ae&&r.unshift(a),e.current.breadcrumbsList=r,r},ar=r=>{const a=[];for(let t=0,n=v.length;t<n;t++){const s=v[t];if(a.push(s),s.value===r.value)break}return a},nr=r=>{const a=e.current.breadcrumbsList;if(a.length===0||r.value===a[a.length-1].value)return;const t=r.value||"",n=N?N.value:"_paraui_first_floor";if(r.value==="_paraui_search"){de({val:e.current.searchVal}),D([...e.current.beforeSearchBreadcrumbs||[]]);return}if(e.current.beforeSearchBreadcrumbs&&r.value===n&&(e.current.searchVal="",e.current.beforeSearchBreadcrumbs=null,de({val:""}),Se()),D(t===n?[]:ar(r)),T)if(t===n)e.current.currentSourceData=[...e.current.oneDataList];else{const s=e.current.jsonData[t];e.current.currentSourceData=s[C.children]||[]}else e.current.reqParams.isLazy&&e.current.reqParams.pagination&&(e.current.currentSourceData=[]);q()},ye=r=>{const a=r.isTree;if(e.current.reqParams.pagination){const t=r.data||{},n=t.list||[],s=t.total,o=p(n,!a,!0),u=[...e.current.searchConfig.currentSourceData,...o];e.current.searchConfig.currentSourceData=u,O(u),e.current.searchConfig.page*e.current.searchConfig.size>=s?he(!1):he(!0)}else{const t=r.data||[],n=p(t,!a,!0);e.current.searchConfig.currentSourceData=n,O(n)}},De=r=>{const{data:a,err:t}=r;if(t){x(!1),e.current.reqParams.pagination&&e.current.searchConfig.page!==1&&(e.current.searchConfig.page=e.current.searchConfig.page-1);return}if(c.requestCallback){c.requestCallback(a,n=>{x(!1),ye(n)},!0);return}x(!1),ye(a)},qe=async()=>{if(oe){const t={};e.current.reqParams.pagination&&(t.size=e.current.searchConfig.size,t.page=e.current.searchConfig.page);const n=await oe(e.current.searchVal,t);De(n);return}let r={method:Z,url:c.url||"",ctx:Y,uuid:e.current.reqId,data:{searchKey:e.current.searchVal?.trim(),...c.params}};e.current.reqParams.pagination&&(r.data.size=e.current.searchConfig.size,r.data.page=e.current.searchConfig.page),r=c.paramsCallback?c.paramsCallback(r,!0):r;const a=await Le.reqFunc(r);De(a)},cr=(r,a)=>{let t=a;const n=s=>{for(let o=0,u=s.length;o<u;o++){const h=s[o],l=h[L],i=h.children||[];if(l===r){t=i;return}n(i)}};return n(a),t},sr=async(r,a)=>{if(x(!0),e.current.searchVal=r,r===""){if(O([]),x(!1),e.current.beforeSearchBreadcrumbs){if(e.current.breadcrumbsList=[...e.current.beforeSearchBreadcrumbs],D([...e.current.beforeSearchBreadcrumbs]),e.current.beforeSearchBreadcrumbs=null,T){const t=ge(),n=cr(t,e.current.oneDataList);e.current.currentSourceData=n}K()}a&&(K(),J&&J());return}e.current.searchConfig.page=1,e.current.searchConfig.currentSourceData=[],qe()},or=(r,a)=>{if(b==="radio"&&I(null,[],{},{}),b==="check"){const t=[...j];t.splice(a,1);const n={},s={};for(let o=0,u=t.length;o<u;o++){const l=t[o][y.key]||"";n[l]=e.current.jsonData[l],s[l]=e.current.jsonDataCopy[l]}I(t,t,n,s)}},pe=()=>z.jsxRuntimeExports.jsx(lr.default,{layout:k==="tb"?"tag":"node",backDataFieldConfig:y,groupType:ne,handSelectorNodeInfo:c.handSelectorNodeInfo,list:j,nodeMode:_,detail:F,detailRender:te,emptyProps:ce,onClose:or,selectDataTitleRender:c.selectDataTitleRender,selectRenderItem:Ee,selectRender:He,disabled:S}),ur=()=>{let r=`${R.$prefixCls}-selector`;return V&&(r+=` ${V}`),k&&(r+=` ${R.$prefixCls}-selector-${k}`),b&&(r+=` ${R.$prefixCls}-selector-${b}`),S===!0&&(r+=` ${R.$prefixCls}-selector-disabled`),ue&&(r+=` ${R.$prefixCls}-selector-error`),r};return z.jsxRuntimeExports.jsxs("div",{className:ur(),style:W,children:[z.jsxRuntimeExports.jsxs("div",{className:"selector-content",children:[k==="tb"&&pe(),z.jsxRuntimeExports.jsx(ir.default,{url:w,rowKey:L,value:fe,loadMore:Ae,isAllCheck:xe,list:le,groupType:ne,groupRange:$e,fieldConfig:C,nodeMode:_,selectMode:b,isLazy:re,detail:F,detailRender:te,search:Ie,searchTrigger:Re,searchPlaceholder:ze,searchLoading:Je,searchVal:Oe,disabled:S,disabledChild:Pe,loading:Qe,searchLoadMore:Ge,searchList:Ke,breadcrumbs:Ve,breadcrumbsSeparator:Be,breadcrumbsList:Se(),emptyProps:ce,mainHeader:we,onLevel:Ye,onSelect:Ze,onLoad:tr,onAllCheck:rr,onClickBreadcrumbs:nr,onSearch:sr,onRefresh:J}),k==="lr"&&pe()]}),z.jsxRuntimeExports.jsx(mr.default,{error:ue,helperText:_e,hideErrorDom:Me})]})};exports.default=gr;exports.handFieldConfig=je;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const z=require("../_virtual/jsx-runtime.js"),d=require("react"),ur=require("./selectorMain/index.js"),ir=require("./selectorData/index.js"),Le=require("./util.js"),lr=require("@snack-kit/lib"),fr=require("../Utils/snack-kit-shims.js"),dr=require("../Hooks/useGlobalProps.js"),hr=require("../GlobalContext/useFormatMessage.js"),R=require("../GlobalContext/constant.js"),mr=require("./lang/index.js"),gr=require("../HelperText/index.js");;/* empty css            */const ke=(c,V)=>({mainTitle:"label",children:"children",parentId:"parentId",key:V,type:"type",...c}),br=c=>{const{className:V,style:W,rowKey:L="key",layout:k="lr",nodeMode:A="branch",selectMode:b,refresh:X,ctx:Y,url:w,method:Z="Get",value:B,defaultValue:ee,data:M,pagination:je=!1,size:E=10,isLazy:re=!1,isAllCheck:ve=!0,disabled:S,disabledChild:xe,detail:F,detailRender:te,backDataFieldConfig:Ie,search:Pe,searchPlaceholder:Te,searchTrigger:ze="onChange",breadcrumbs:Re=!0,breadcrumbsSeparator:Ve,breadcrumbsHead:N,showbreadcrumbsHead:ae=!0,groupType:ne,groupRange:Be="search",emptyProps:ce,selectRenderItem:Ee,selectRender:$e,onChange:se,onSelect:$,onSearch:oe,onRefresh:J,error:ue=!1,hideErrorDom:He=!0,helperText:_e="",mainHeader:Ae}=dr.default(c,"Selector"),ie=hr.default("Selector",mr.default),C=ke(c.fieldConfig,L),y={...C,...Ie},[le,H]=d.useState([]),[we,_]=d.useState(!1),[j,Me]=d.useState([]),[fe,Fe]=d.useState({}),[v,D]=d.useState([]),[Ne,x]=d.useState(!1),[Je,de]=d.useState({val:""}),[Oe,O]=d.useState([]),[Ke,he]=d.useState(!1),[Ge,I]=d.useState(!0),[Qe,me]=d.useState(),e=d.useRef({jsonData:{},jsonDataCopy:{},oneDataList:[],currentSourceData:[],selectValueJson:{},breadcrumbsList:[],reqId:"",reqParams:{size:E,pagination:!1,isLazy:!1},noLazyReq:!1,reqTimer:null,page:1,searchVal:"",beforeSearchBreadcrumbs:null,searchConfig:{page:1,size:E,reqId:"",currentSourceData:[]}});e.current.searchConfig.size=E,e.current.reqParams.size=E,e.current.reqParams.pagination=je,e.current.reqParams.isLazy=re;const P=c.data||!e.current.reqParams.isLazy&&e.current.noLazyReq;d.useEffect(()=>(ee!==void 0&&G(ee),()=>{e.current.reqTimer&&clearTimeout(e.current.reqTimer)}),[]),d.useEffect(()=>{B!==void 0&&G(B)},[B]),d.useEffect(()=>{if(M){const r=p(M,!1);e.current.oneDataList=r,e.current.currentSourceData=r,D([]),q()}},[M]),d.useEffect(()=>{w&&(D([]),q())},[w]),d.useEffect(()=>{e.current.reqTimer&&clearTimeout(e.current.reqTimer),c.url&&lr.Cancel(e.current.reqId),e.current.reqTimer=setTimeout(()=>{if(P){const r=e.current.currentSourceData;if(e.current.reqParams.pagination){const a=r.slice(0,e.current.page*e.current.reqParams.size);H(a),e.current.page*e.current.reqParams.size>=r.length?_(!1):_(!0)}else H(r);I(!1)}if(c.url){const r={method:Z,url:c.url,ctx:Y,onCancelId:a=>{e.current.reqId=a},data:{parentId:ge(),...c.params}};e.current.reqParams.isLazy?(e.current.reqParams.pagination&&(r.data.size=e.current.reqParams.size,r.data.page=e.current.page),be(c.paramsCallback?c.paramsCallback(r):r)):e.current.noLazyReq||be(c.paramsCallback?c.paramsCallback(r):r)}},50)},[Qe]),d.useEffect(()=>{X&&K()},[X]);const K=()=>{P||(e.current.currentSourceData=[]),q()},Ue=(r,a)=>{let t={key:r[L],parentId:r[C.parentId],type:r[C.type],img:r[C.img],mainTitle:r[C.mainTitle],subTitle:r[C.subTitle],tag:r[C.tag],children:[],disabled:!1,disabledChild:!1,choice:b!==void 0,detail:F,leaf:A==="leaf",data:r};return c.handNodeInfo&&(t=c.handNodeInfo(t,a)),t},p=(r,a,t)=>{const n=[],s={},o=h=>{for(let l=0,i=h.length;l<i;l++){const g=h[l],f=g[L]||"",m=Ue(g,!!t);s[f]=m;const U=C.children;e.current.jsonDataCopy[f]=g,e.current.jsonData[f]=m,g[U]&&o(g[U])}};o(r);const u=Object.keys(s);for(let h=0,l=u.length;h<l;h++){const i=u[h],g=s[i],f=g.parentId||"";if(a){n.push(g);continue}f&&s[f]?(s[f].children||(s[f].children=[]),s[f].children.push(g)):n.push(g)}return n},ge=()=>{let r;return e.current.breadcrumbsList.length>0?r=e.current.breadcrumbsList[e.current.breadcrumbsList.length-1].value:c.breadcrumbsHead&&(r=c.breadcrumbsHead.value),ae&&e.current.breadcrumbsList.length===1&&(r=void 0,c.breadcrumbsHead&&(r=c.breadcrumbsHead.value)),r},be=async r=>{I(!0);const{data:a,error:t}=await Le.reqFunc(r);if(t){I(!1),e.current.reqParams.isLazy&&e.current.reqParams.pagination&&e.current.page!==1&&(e.current.page=e.current.page-1);return}if(c.requestCallback){c.requestCallback(a,n=>{I(!1),Ce(n)});return}I(!1),Ce(a)},Ce=r=>{if(e.current.reqParams.isLazy)if(e.current.reqParams.pagination){const a=r.data||{},t=a.list||[],n=a.total,s=p(t,!0),o=[...e.current.currentSourceData,...s];e.current.currentSourceData=o,H(o),e.current.page*e.current.reqParams.size>=n?_(!1):_(!0)}else{const a=r.data||[],t=p(a,!0);e.current.currentSourceData=t,H(t)}else{e.current.noLazyReq=!0;const a=r.data||[],t=p(a,!1);e.current.oneDataList=t,e.current.currentSourceData=t,q()}},q=()=>{e.current.page=1,me(Math.random())},G=r=>{let a=r?Array.isArray(r)?r:[r]:[];r instanceof Array&&(a=[...r]);const t=fr.ArrayToObject(y.key,a);e.current.selectValueJson=t,Fe(t),Me([...a])},We=(r,a)=>{let t=[...v];a&&(t=[],e.current.beforeSearchBreadcrumbs===null&&(e.current.beforeSearchBreadcrumbs=[...v])),t.push({label:r.mainTitle,value:r.key||""}),D(t)},Xe=(r,a)=>{We(r,a),P?(e.current.currentSourceData=r.children||[],q()):e.current.reqParams.isLazy&&(e.current.reqParams.pagination&&(e.current.currentSourceData=[]),q())},Q=r=>{const a=["key","img","mainTitle","subTitle","tag"];c.groupType&&c.groupType.length>0&&a.push("type");const t={};for(let n=0,s=a.length;n<s;n++){const o=a[n],u=y[o];u&&(t[u]=r[o])}return t},T=(r,a,t,n)=>{se&&se(r,t,n),B==null&&G(r||[])},Ye=async r=>{const a=r.key||"";if(b==="radio"&&fe[a])return;const t=e.current.selectValueJson[a];if(!($&&await $(r,b==="radio"?!0:!t,!1))){if(b==="radio"){const n=Q(r);T(n,[n],e.current.jsonData[a],e.current.jsonDataCopy[a])}if(b==="check"){const n=[],s={},o={};for(let u=0,h=j.length;u<h;u++){const l=j[u];if(!t||r.key!==l[y.key]){const i=l[y.key]||"";s[i]=e.current.jsonData[i],o[i]=e.current.jsonDataCopy[i],n.push(l)}}if(!t){const u=Q(r);s[a]=e.current.jsonData[a],o[a]=e.current.jsonDataCopy[a],n.push(u)}T(n,n,s,o)}}},Ze=r=>!!(S&&(S===!0||S instanceof Array&&r.key&&S.indexOf(r.key)!==-1)||r.disabled),er=async r=>{const a=[...le],t=[...j],n=[],s={},o={},u=[],h=[];for(let i=0,g=a.length;i<g;i++){const f=a[i],m=f.key||"";Ze(f)||(r?e.current.selectValueJson[m]||(t.push(Q(f)),h.push(f)):e.current.selectValueJson[m]&&(u.push(m),h.push(f)))}for(let i=0,g=t.length;i<g;i++){const f=t[i],m=f[y.key]||"";r?(s[m]=e.current.jsonData[m],o[m]=e.current.jsonDataCopy[m]):u.indexOf(m)===-1&&(s[m]=e.current.jsonData[m],o[m]=e.current.jsonDataCopy[m],n.push(f))}const l=r?t:n;$&&await $(h,!!r,!1)||T(l,l,s,o)},rr=r=>{if(r){e.current.searchConfig.page=e.current.searchConfig.page+1,qe();return}e.current.page=e.current.page+1,me(Math.random())},Se=()=>{const r=[...v],a=N||{label:ie({id:"root"}),value:"_paraui_first_floor"};return e.current.searchVal&&r.unshift({label:c.searchBreadcrumbs?c.searchBreadcrumbs:ie({id:"searchResult"}),value:"_paraui_search"}),ae&&r.unshift(a),e.current.breadcrumbsList=r,r},tr=r=>{const a=[];for(let t=0,n=v.length;t<n;t++){const s=v[t];if(a.push(s),s.value===r.value)break}return a},ar=r=>{const a=e.current.breadcrumbsList;if(a.length===0||r.value===a[a.length-1].value)return;const t=r.value||"",n=N?N.value:"_paraui_first_floor";if(r.value==="_paraui_search"){de({val:e.current.searchVal}),D([...e.current.beforeSearchBreadcrumbs||[]]);return}if(e.current.beforeSearchBreadcrumbs&&r.value===n&&(e.current.searchVal="",e.current.beforeSearchBreadcrumbs=null,de({val:""}),Se()),D(t===n?[]:tr(r)),P)if(t===n)e.current.currentSourceData=[...e.current.oneDataList];else{const s=e.current.jsonData[t];e.current.currentSourceData=s[C.children]||[]}else e.current.reqParams.isLazy&&e.current.reqParams.pagination&&(e.current.currentSourceData=[]);q()},ye=r=>{const a=r.isTree;if(e.current.reqParams.pagination){const t=r.data||{},n=t.list||[],s=t.total,o=p(n,!a,!0),u=[...e.current.searchConfig.currentSourceData,...o];e.current.searchConfig.currentSourceData=u,O(u),e.current.searchConfig.page*e.current.searchConfig.size>=s?he(!1):he(!0)}else{const t=r.data||[],n=p(t,!a,!0);e.current.searchConfig.currentSourceData=n,O(n)}},De=r=>{const{data:a,error:t}=r;if(t){x(!1),e.current.reqParams.pagination&&e.current.searchConfig.page!==1&&(e.current.searchConfig.page=e.current.searchConfig.page-1);return}if(c.requestCallback){c.requestCallback(a,n=>{x(!1),ye(n)},!0);return}x(!1),ye(a)},qe=async()=>{if(oe){const t={};e.current.reqParams.pagination&&(t.size=e.current.searchConfig.size,t.page=e.current.searchConfig.page);const n=await oe(e.current.searchVal,t);De(n);return}let r={method:Z,url:c.url||"",ctx:Y,onCancelId:t=>{e.current.reqId=t},data:{searchKey:e.current.searchVal?.trim(),...c.params}};e.current.reqParams.pagination&&(r.data.size=e.current.searchConfig.size,r.data.page=e.current.searchConfig.page),r=c.paramsCallback?c.paramsCallback(r,!0):r;const a=await Le.reqFunc(r);De(a)},nr=(r,a)=>{let t=a;const n=s=>{for(let o=0,u=s.length;o<u;o++){const h=s[o],l=h[L],i=h.children||[];if(l===r){t=i;return}n(i)}};return n(a),t},cr=async(r,a)=>{if(x(!0),e.current.searchVal=r,r===""){if(O([]),x(!1),e.current.beforeSearchBreadcrumbs){if(e.current.breadcrumbsList=[...e.current.beforeSearchBreadcrumbs],D([...e.current.beforeSearchBreadcrumbs]),e.current.beforeSearchBreadcrumbs=null,P){const t=ge(),n=nr(t,e.current.oneDataList);e.current.currentSourceData=n}K()}a&&(K(),J&&J());return}e.current.searchConfig.page=1,e.current.searchConfig.currentSourceData=[],qe()},sr=(r,a)=>{if(b==="radio"&&T(null,[],{},{}),b==="check"){const t=[...j];t.splice(a,1);const n={},s={};for(let o=0,u=t.length;o<u;o++){const l=t[o][y.key]||"";n[l]=e.current.jsonData[l],s[l]=e.current.jsonDataCopy[l]}T(t,t,n,s)}},pe=()=>z.jsxRuntimeExports.jsx(ir.default,{layout:k==="tb"?"tag":"node",backDataFieldConfig:y,groupType:ne,handSelectorNodeInfo:c.handSelectorNodeInfo,list:j,nodeMode:A,detail:F,detailRender:te,emptyProps:ce,onClose:sr,selectDataTitleRender:c.selectDataTitleRender,selectRenderItem:Ee,selectRender:$e,disabled:S}),or=()=>{let r=`${R.$prefixCls}-selector`;return V&&(r+=` ${V}`),k&&(r+=` ${R.$prefixCls}-selector-${k}`),b&&(r+=` ${R.$prefixCls}-selector-${b}`),S===!0&&(r+=` ${R.$prefixCls}-selector-disabled`),ue&&(r+=` ${R.$prefixCls}-selector-error`),r};return z.jsxRuntimeExports.jsxs("div",{className:or(),style:W,children:[z.jsxRuntimeExports.jsxs("div",{className:"selector-content",children:[k==="tb"&&pe(),z.jsxRuntimeExports.jsx(ur.default,{url:w,rowKey:L,value:fe,loadMore:we,isAllCheck:ve,list:le,groupType:ne,groupRange:Be,fieldConfig:C,nodeMode:A,selectMode:b,isLazy:re,detail:F,detailRender:te,search:Pe,searchTrigger:ze,searchPlaceholder:Te,searchLoading:Ne,searchVal:Je,disabled:S,disabledChild:xe,loading:Ge,searchLoadMore:Ke,searchList:Oe,breadcrumbs:Re,breadcrumbsSeparator:Ve,breadcrumbsList:Se(),emptyProps:ce,mainHeader:Ae,onLevel:Xe,onSelect:Ye,onLoad:rr,onAllCheck:er,onClickBreadcrumbs:ar,onSearch:cr,onRefresh:J}),k==="lr"&&pe()]}),z.jsxRuntimeExports.jsx(gr.default,{error:ue,helperText:_e,hideErrorDom:He})]})};exports.default=br;exports.handFieldConfig=ke;
 //# sourceMappingURL=index.js.map

package/lib/Selector/interface.d.ts

@@ -28,7 +28,7 @@ export interface SearchReqDataProps {
          * */
         isTree?: boolean;
     };
-    err?: Error | string | null;
+    error?: Error | string | null;
 }
 /** 面包屑 */
 export interface BreadcrumbsListItem {
@@ -409,7 +409,7 @@ export interface SelectorProps extends HelperTextDetailProps {
     /** 处理请求参数 */
     paramsCallback?: (data: ReqFuncProps, isSearch?: boolean) => ReqFuncProps;
     /** 请求回调参数 requestCallback(data, cb) cb(data) 需要回调数据回来 */
-    requestCallback?: (data: any, cb: (data: SelectorAnyJson[]) => void, isSearch?: boolean) => void;
+    requestCallback?: (data: Record<string, unknown>, cb: (data: SelectorAnyJson[]) => void, isSearch?: boolean) => void;
     /** 选中数据标题render */
     selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
     /** 选中每一项自定义 */

package/lib/Selector/selectorData/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../../_virtual/jsx-runtime.js"),h=require("react"),P=require("../selectorNode/index.js"),z=require("../../AutoTips/index.js"),B=require("../../node_modules/@para-ui/icons/Close/index.js"),G=require("@paraview/lib"),H=require("../../GlobalContext/useFormatMessage.js"),R=require("../../GlobalContext/constant.js"),K=require("../lang/index.js");;/* empty css            */const Q=$=>{const{className:b,layout:m="node",style:q,list:a,groupType:l,nodeMode:D,backDataFieldConfig:o,detail:k,detailRender:g,disabled:c,handSelectorNodeInfo:E,selectDataTitleRender:y,selectRenderItem:d,selectRender:u,onClose:x}=$,S=H.default("Selector",K.default),[v,F]=h.useState({}),j=h.useRef({listTypeJson:{},backDataFieldConfig:{}});j.current.listTypeJson=G.ArrayToObject("value",l),j.current.backDataFieldConfig=o||{},h.useEffect(()=>{if(a&&l&&l.length>0){const e={};for(let s=0,t=a.length;s<t;s++){const i=a[s],r=i[j.current.backDataFieldConfig.type||""];e[r]||(e[r]=[]),e[r].push(i)}F(e)}},[a]);const p=e=>{if(c){if(c===!0)return!0;if(c instanceof Array){const s=o?.key||"",t=e[s];if(c.indexOf(t)!==-1)return!0}}return!1},I=(e,s)=>{let t=e;E&&(t=E(e));const r={useCase:"edit",close:!p(e),detail:k,nodeMode:D,onClose:()=>x&&x(t,s),disabled:p(e),tagStyle:t.tagStyle};d&&(r.leftRender=()=>d(e)),t.leaf!==void 0&&(r.nodeMode=t.leaf?"leaf":"branch");const N=["img","mainTitle","subTitle","tag"];for(let f=0,w=N.length;f<w;f++){const T=N[f]||"",L=o&&o[T]||"";r[T]=t[L]}return g&&(r.detailRender=async()=>await g(t,!1)),t.detail!==void 0&&(r.detail=t.detail),t.close!==void 0&&(r.close=t.close),r},M=()=>u?u(a||[]):a?.map((e,s)=>n.jsxRuntimeExports.jsx(P.default,{...I(e,s)},s)),C=()=>{const e=()=>{if(y)return y(a);if(l)return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:l.map((s,t)=>{let i=0;const r=s.value;if(v[r]&&(i=v[r].length),i!==0)return n.jsxRuntimeExports.jsxs("span",{className:"title-content",children:[i,"个",s.label||s.value]},t)})})};return n.jsxRuntimeExports.jsxs("div",{className:"title",children:[n.jsxRuntimeExports.jsxs("span",{className:"title-tip",children:[S({id:"selected"}),":"]}),e()]})},A=()=>n.jsxRuntimeExports.jsxs("div",{className:"selector-data-node-box",children:[C(),n.jsxRuntimeExports.jsx("div",{className:"content",children:M()})]}),O=()=>u?u(a||[]):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:a?.map((e,s)=>{const t=p(e);return n.jsxRuntimeExports.jsxs("span",{className:"content-tag",children:[n.jsxRuntimeExports.jsx("span",{children:d?d(e):n.jsxRuntimeExports.jsx(z.default,{children:e[o?.mainTitle||""]||e[o?.key||""]})}),!t&&n.jsxRuntimeExports.jsx(B.Close,{onClick:()=>x&&x(e,s)})]},s)})}),_=()=>n.jsxRuntimeExports.jsxs("div",{className:"selector-data-tag-box",children:[C(),n.jsxRuntimeExports.jsx("div",{className:"content",children:O()})]}),J=()=>{let e=`${R.$prefixCls}-selector-data`;return m&&(e+=` ${R.$prefixCls}-selector-data-${m}`),c===!0&&(e+=` ${R.$prefixCls}-selector-data-disabled`),b&&(e+=` ${b}`),e};return n.jsxRuntimeExports.jsx("div",{className:J(),style:q,children:m==="node"?A():_()})};exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../../_virtual/jsx-runtime.js"),h=require("react"),L=require("../selectorNode/index.js"),P=require("../../AutoTips/index.js"),z=require("../../para-ui-core/node_modules/@para-ui/icons/Close/index.js"),B=require("../../Utils/snack-kit-shims.js"),G=require("../../GlobalContext/useFormatMessage.js"),R=require("../../GlobalContext/constant.js"),H=require("../lang/index.js");;/* empty css            */const Q=k=>{const{className:b,layout:m="node",style:D,list:a,groupType:l,nodeMode:q,backDataFieldConfig:o,detail:S,detailRender:g,disabled:c,handSelectorNodeInfo:E,selectDataTitleRender:y,selectRenderItem:d,selectRender:u,onClose:x}=k,$=G.default("Selector",H.default),[v,F]=h.useState({}),j=h.useRef({listTypeJson:{},backDataFieldConfig:{}});j.current.listTypeJson=B.ArrayToObject("value",l),j.current.backDataFieldConfig=o||{},h.useEffect(()=>{if(a&&l&&l.length>0){const e={};for(let s=0,t=a.length;s<t;s++){const i=a[s],r=i[j.current.backDataFieldConfig.type||""];e[r]||(e[r]=[]),e[r].push(i)}F(e)}},[a]);const p=e=>{if(c){if(c===!0)return!0;if(c instanceof Array){const s=o?.key||"",t=e[s];if(c.indexOf(t)!==-1)return!0}}return!1},I=(e,s)=>{let t=e;E&&(t=E(e));const r={useCase:"edit",close:!p(e),detail:S,nodeMode:q,onClose:()=>x&&x(t,s),disabled:p(e),tagStyle:t.tagStyle};d&&(r.leftRender=()=>d(e)),t.leaf!==void 0&&(r.nodeMode=t.leaf?"leaf":"branch");const N=["img","mainTitle","subTitle","tag"];for(let f=0,w=N.length;f<w;f++){const T=N[f]||"",K=o&&o[T]||"";r[T]=t[K]}return g&&(r.detailRender=async()=>await g(t,!1)),t.detail!==void 0&&(r.detail=t.detail),t.close!==void 0&&(r.close=t.close),r},M=()=>u?u(a||[]):a?.map((e,s)=>n.jsxRuntimeExports.jsx(L.default,{...I(e,s)},s)),C=()=>{const e=()=>{if(y)return y(a);if(l)return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:l.map((s,t)=>{let i=0;const r=s.value;if(v[r]&&(i=v[r].length),i!==0)return n.jsxRuntimeExports.jsxs("span",{className:"title-content",children:[i,"个",s.label||s.value]},t)})})};return n.jsxRuntimeExports.jsxs("div",{className:"title",children:[n.jsxRuntimeExports.jsxs("span",{className:"title-tip",children:[$({id:"selected"}),":"]}),e()]})},A=()=>n.jsxRuntimeExports.jsxs("div",{className:"selector-data-node-box",children:[C(),n.jsxRuntimeExports.jsx("div",{className:"content",children:M()})]}),O=()=>u?u(a||[]):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:a?.map((e,s)=>{const t=p(e);return n.jsxRuntimeExports.jsxs("span",{className:"content-tag",children:[n.jsxRuntimeExports.jsx("span",{children:d?d(e):n.jsxRuntimeExports.jsx(P.default,{children:e[o?.mainTitle||""]||e[o?.key||""]})}),!t&&n.jsxRuntimeExports.jsx(z.Close,{onClick:()=>x&&x(e,s)})]},s)})}),_=()=>n.jsxRuntimeExports.jsxs("div",{className:"selector-data-tag-box",children:[C(),n.jsxRuntimeExports.jsx("div",{className:"content",children:O()})]}),J=()=>{let e=`${R.$prefixCls}-selector-data`;return m&&(e+=` ${R.$prefixCls}-selector-data-${m}`),c===!0&&(e+=` ${R.$prefixCls}-selector-data-disabled`),b&&(e+=` ${b}`),e};return n.jsxRuntimeExports.jsx("div",{className:J(),style:D,children:m==="node"?A():_()})};exports.default=Q;
 //# sourceMappingURL=index.js.map

package/lib/Selector/selectorMain/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../../_virtual/jsx-runtime.js"),o=require("react"),ne=require("../selectorNode/index.js"),ue=require("../../Search/index.js"),he=require("../../Breadcrumbs/index.js"),fe=require("../../Loading/index.js"),me=require("../../Empty/index.js"),xe=require("../../node_modules/@para-ui/icons/Search/index.js"),pe=require("../../node_modules/@para-ui/icons/Refresh/index.js"),je=require("@paraview/lib"),le=require("../../GlobalContext/useFormatMessage.js"),ie=require("../lang/index.js"),q=require("../../GlobalContext/constant.js");;/* empty css            */const ce=K=>{const{className:C,value:f,rowKey:se="key",nodeMode:A="branch",selectMode:m,loadMore:R=!1,isAllCheck:j=!1,detail:V,detailRender:B,isLazy:G,list:l,groupType:a,breadcrumbs:z,breadcrumbsSeparator:D="-",breadcrumbsList:k=[],fieldConfig:Q,disabled:d,disabledChild:u,emptyProps:S,loading:x,onClickBreadcrumbs:w,onLevel:I,onSelect:E,onLoad:_,onAllCheck:v}=K,y=le.default("Selector",ie.default),[U,W]=o.useState({}),p=o.useRef({listTypeJson:{},fieldConfig:{},resizeTimer:null}),b=o.useRef(null),L=o.useRef(null);p.current.listTypeJson=je.ArrayToObject("value",a),p.current.fieldConfig=Q||{},o.useEffect(()=>(T(),()=>{clearTimeout(p.current.resizeTimer)}),[]),o.useEffect(()=>{if(l&&a&&a.length>0){const e={};for(let t=0,c=l.length;t<c;t++){const s=l[t],i=s.type;e[i]||(e[i]=[]),e[i].push(s)}W(e)}},[l]);const T=()=>{clearTimeout(p.current.resizeTimer),p.current.resizeTimer=setTimeout(()=>{N()},100)},N=()=>{if(!L.current||!b.current)return;const e=b.current,t=L.current;if(t.classList.remove("selector-main-list-scroll-top","selector-main-list-scroll-bottom","selector-main-list-scroll-middle"),!(e.scrollHeight<=e.clientHeight)){if(e.scrollTop===0){t.classList.add("selector-main-list-scroll-top");return}if(e.clientHeight+e.scrollTop===e.scrollHeight){t.classList.add("selector-main-list-scroll-bottom");return}t.classList.add("selector-main-list-scroll-middle")}},F=()=>{const e={checked:!1,indeterminate:!1};if(!f||!l||l.length===0)return e;for(let t=0,c=l.length;t<c;t++){const s=l[t],i=s.key;if(H(s)){f[i]&&(e.checked=!0);continue}f[i]?e.checked=!0:e.indeterminate=!0}return e.checked&&e.indeterminate?(e.checked=!1,e):(!e.checked&&e.indeterminate&&(e.indeterminate=!1),e)},H=e=>!!(d&&(d===!0||d instanceof Array&&e.key&&d.indexOf(e.key)!==-1)||e.disabled),O=e=>!!(u&&(u===!0||u instanceof Array&&e.key&&u.indexOf(e.key)!==-1)||e.disabledChild),X=()=>{if(!j||m!=="check")return null;const e=F(),t=()=>{let c=!0;e.checked&&(c=!1),v&&v(c)};return r.jsxRuntimeExports.jsx(ne.default,{disabled:d===!0,nodeMode:"branch",mainTitle:y({id:"selectAll"}),selectMode:"check",...e,onSelect:t,className:"selector-all-check"})},Y=()=>{_&&_()},J=()=>R?r.jsxRuntimeExports.jsx("div",{className:"selector-main-list-more",onClick:Y,children:r.jsxRuntimeExports.jsx("span",{className:"more-btn",children:y({id:"seeMore"})})}):null,M=e=>{let t=!1;return f&&f[e.key]&&(t=!0),t},P=e=>{const t={useCase:"view",detail:V,nodeMode:A,disabled:H(e),disabledChild:O(e),onLevel:()=>I&&I(e),onSelect:()=>E&&E(e),checked:M(e)};e.leaf!==void 0&&(t.nodeMode=e.leaf?"leaf":"branch");const c=["img","mainTitle","subTitle","tag","tagStyle"];for(let s=0,i=c.length;s<i;s++){const $=c[s];t[$]=e[$]}if(e.choice!==!1&&m&&(t.selectMode=m),G)t.child=e.child;else{const s=e.children||[];s&&s.length>0&&(t.child=!0),e.child!==void 0&&(t.child=e.child)}return B&&(t.detailRender=async()=>await B(e,!0)),e.detail!==void 0&&(t.detail=e.detail),t},g=e=>e?.map((t,c)=>r.jsxRuntimeExports.jsx(ne.default,{...P(t)},c)),h=()=>a&&a.length>0?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:a.map((e,t)=>{const c=e.value,s=U[c]||[];let i="selector-group-title";return t===0&&(i+=" selector-group-title-first"),r.jsxRuntimeExports.jsxs(o.Fragment,{children:[s.length>0&&r.jsxRuntimeExports.jsx("div",{className:i,children:e.label||c}),g(s)]},t)})}):g(l||[]),Z=e=>{w&&w(e)},ee=()=>!z||k.length===0?null:r.jsxRuntimeExports.jsx("div",{className:"nav-box",children:r.jsxRuntimeExports.jsx(he.Breadcrumbs,{minNum:1,list:k,separator:D,onClickItem:Z})}),te=()=>l?.length===0&&!x?r.jsxRuntimeExports.jsx("div",{className:"selector-main-list-no-data",children:r.jsxRuntimeExports.jsx(me.default,{...S,size:S?.size||"small"})}):r.jsxRuntimeExports.jsxs("div",{className:"selector-main-list",children:[X(),r.jsxRuntimeExports.jsx("div",{className:"selector-main-list-content",ref:L,children:r.jsxRuntimeExports.jsx("div",{className:"selector-main-list-content-box",ref:b,onScroll:N,children:h()})}),J()]}),re=()=>{let e="selector-main-content";return C&&(e+=` ${C}`),d&&(e+=" selector-main-content-disabled"),j&&m==="check"&&(e+=" selector-main-content-all-check"),R&&(e+=" selector-main-content-load-more"),e};return T(),r.jsxRuntimeExports.jsxs("div",{className:re(),children:[ee(),te()]})},be=K=>{const{className:C,style:f,url:se,value:A,rowKey:m="key",nodeMode:R="branch",selectMode:j,loadMore:V=!1,searchLoadMore:B=!1,isAllCheck:G=!1,disabled:l,disabledChild:a,detail:z,detailRender:D,isLazy:k,list:Q,groupType:d,groupRange:u,search:S,searchVal:x="",searchPlaceholder:w,searchTrigger:I,searchLoading:E,searchList:_,loading:v,mainHeader:y,breadcrumbs:U,breadcrumbsSeparator:W="-",breadcrumbsList:p=[],fieldConfig:b,onClickBreadcrumbs:L,onLevel:T,onSelect:N,onLoad:F,onAllCheck:H,onSearch:O,onRefresh:X}=K,Y=le.default("Selector",ie.default),[J,M]=o.useState(!1),[P,g]=o.useState(""),h=o.useRef({searchTimer:null,searchStr:""});o.useEffect(()=>{x&&(h.current.searchStr=x.val,g(x.val),x.val!==""&&M(!0))},[x]);const Z=n=>{g(n),h.current.searchStr=n,I!=="onEnter"&&e()},ee=()=>{e(!0)},te=()=>{e(!0)},re=()=>{e()},e=n=>{clearTimeout(h.current.searchTimer),h.current.searchTimer=setTimeout(()=>{M(!!h.current.searchStr),O&&O(h.current.searchStr,!!n)},300)},t=()=>{const n=()=>P?r.jsxRuntimeExports.jsx(xe.Search,{}):!se&&!X?null:r.jsxRuntimeExports.jsx(pe.Refresh,{});return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:S&&r.jsxRuntimeExports.jsx(ue.Search,{className:"selectot-main-search",value:P,rightIconExist:!0,showBtn:!1,rightIcon:n(),btnType:"inside",onChange:Z,onEnter:ee,onClear:re,placeholder:w||Y({id:"pleaseEnter"}),onClickBtn:te})})},c=n=>de=>{n&&(h.current.searchStr="",g(""),M(!1)),T&&T(de,n)},s=n=>()=>{F&&F(n)},i=()=>r.jsxRuntimeExports.jsx(ce,{className:"selector-main-list-box",value:A,rowKey:m,nodeMode:R,selectMode:j,loadMore:V,isAllCheck:G,disabled:l,disabledChild:a,detail:z,detailRender:D,isLazy:k,list:Q,loading:v,groupType:u==="list"||u==="searchList"?d:void 0,breadcrumbs:U,breadcrumbsSeparator:W,breadcrumbsList:p,fieldConfig:b,onClickBreadcrumbs:L,onLevel:c(!1),onSelect:N,onLoad:s(!1),onAllCheck:H},"list"),$=()=>{if(J)return r.jsxRuntimeExports.jsx(ce,{className:"selector-main-search-content",value:A,rowKey:m,nodeMode:R,selectMode:j,loadMore:B,isAllCheck:!1,disabled:l,disabledChild:a,detail:z,detailRender:D,isLazy:k,list:_,groupType:u==="search"||u==="searchList"?d:void 0,fieldConfig:b,loading:E,onSelect:N,onLevel:c(!0),onLoad:s(!0)},"search")},oe=()=>{if(E||v)return r.jsxRuntimeExports.jsx(fe.Loading,{})},ae=()=>{let n=`${q.$prefixCls}-selector-main`;return C&&(n+=` ${C}`),j==="check"&&(n+=` ${q.$prefixCls}-selector-main-select`),J&&(n+=` ${q.$prefixCls}-selector-main-show-search`),S&&(n+=` ${q.$prefixCls}-selector-main-search`),l===!0&&(n+=` ${q.$prefixCls}-selector-main-disabled`),n};return r.jsxRuntimeExports.jsxs("div",{className:ae(),style:f,children:[t(),y&&r.jsxRuntimeExports.jsx("div",{className:"selector-main-header",children:y}),r.jsxRuntimeExports.jsxs("div",{className:"selector-main-box",children:[i(),$(),oe()]})]})};exports.default=be;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../../_virtual/jsx-runtime.js"),o=require("react"),ne=require("../selectorNode/index.js"),ue=require("../../Search/index.js"),he=require("../../Breadcrumbs/index.js"),fe=require("../../Loading/index.js"),me=require("../../Empty/index.js"),xe=require("../../para-ui-core/node_modules/@para-ui/icons/Search/index.js"),pe=require("../../para-ui-core/node_modules/@para-ui/icons/Refresh/index.js"),je=require("../../Utils/snack-kit-shims.js"),ie=require("../../GlobalContext/useFormatMessage.js"),le=require("../lang/index.js"),q=require("../../GlobalContext/constant.js");;/* empty css            */const ce=P=>{const{className:C,value:f,rowKey:re="key",nodeMode:A="branch",selectMode:m,loadMore:k=!1,isAllCheck:j=!1,detail:V,detailRender:B,isLazy:G,list:i,groupType:a,breadcrumbs:z,breadcrumbsSeparator:D="-",breadcrumbsList:R=[],fieldConfig:Q,disabled:d,disabledChild:u,emptyProps:S,loading:x,onClickBreadcrumbs:w,onLevel:I,onSelect:v,onLoad:_,onAllCheck:E}=P,y=ie.default("Selector",le.default),[U,W]=o.useState({}),p=o.useRef({listTypeJson:{},fieldConfig:{},resizeTimer:void 0}),b=o.useRef(null),L=o.useRef(null);p.current.listTypeJson=je.ArrayToObject("value",a),p.current.fieldConfig=Q||{},o.useEffect(()=>(T(),()=>{clearTimeout(p.current.resizeTimer)}),[]),o.useEffect(()=>{if(i&&a&&a.length>0){const e={};for(let t=0,c=i.length;t<c;t++){const r=i[t],l=r.type;e[l]||(e[l]=[]),e[l].push(r)}W(e)}},[i]);const T=()=>{clearTimeout(p.current.resizeTimer),p.current.resizeTimer=setTimeout(()=>{N()},100)},N=()=>{if(!L.current||!b.current)return;const e=b.current,t=L.current;if(t.classList.remove("selector-main-list-scroll-top","selector-main-list-scroll-bottom","selector-main-list-scroll-middle"),!(e.scrollHeight<=e.clientHeight)){if(e.scrollTop===0){t.classList.add("selector-main-list-scroll-top");return}if(e.clientHeight+e.scrollTop===e.scrollHeight){t.classList.add("selector-main-list-scroll-bottom");return}t.classList.add("selector-main-list-scroll-middle")}},F=()=>{const e={checked:!1,indeterminate:!1};if(!f||!i||i.length===0)return e;for(let t=0,c=i.length;t<c;t++){const r=i[t],l=r.key;if(H(r)){f[l]&&(e.checked=!0);continue}f[l]?e.checked=!0:e.indeterminate=!0}return e.checked&&e.indeterminate?(e.checked=!1,e):(!e.checked&&e.indeterminate&&(e.indeterminate=!1),e)},H=e=>!!(d&&(d===!0||d instanceof Array&&e.key&&d.indexOf(e.key)!==-1)||e.disabled),O=e=>!!(u&&(u===!0||u instanceof Array&&e.key&&u.indexOf(e.key)!==-1)||e.disabledChild),X=()=>{if(!j||m!=="check")return null;const e=F(),t=()=>{let c=!0;e.checked&&(c=!1),E&&E(c)};return s.jsxRuntimeExports.jsx(ne.default,{disabled:d===!0,nodeMode:"branch",mainTitle:y({id:"selectAll"}),selectMode:"check",...e,onSelect:t,className:"selector-all-check"})},Y=()=>{_&&_()},J=()=>k?s.jsxRuntimeExports.jsx("div",{className:"selector-main-list-more",onClick:Y,children:s.jsxRuntimeExports.jsx("span",{className:"more-btn",children:y({id:"seeMore"})})}):null,M=e=>{let t=!1;return f&&f[e.key]&&(t=!0),t},K=e=>{const t={useCase:"view",detail:V,nodeMode:A,disabled:H(e),disabledChild:O(e),onLevel:()=>I&&I(e),onSelect:()=>v&&v(e),checked:M(e)};e.leaf!==void 0&&(t.nodeMode=e.leaf?"leaf":"branch");const c=["img","mainTitle","subTitle","tag","tagStyle"];for(let r=0,l=c.length;r<l;r++){const $=c[r];t[$]=e[$]}if(e.choice!==!1&&m&&(t.selectMode=m),G)t.child=e.child;else{const r=e.children||[];r&&r.length>0&&(t.child=!0),e.child!==void 0&&(t.child=e.child)}return B&&(t.detailRender=async()=>await B(e,!0)),e.detail!==void 0&&(t.detail=e.detail),t},g=e=>e?.map((t,c)=>s.jsxRuntimeExports.jsx(ne.default,{...K(t)},c)),h=()=>a&&a.length>0?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:a.map((e,t)=>{const c=e.value,r=U[c]||[];let l="selector-group-title";return t===0&&(l+=" selector-group-title-first"),s.jsxRuntimeExports.jsxs(o.Fragment,{children:[r.length>0&&s.jsxRuntimeExports.jsx("div",{className:l,children:e.label||c}),g(r)]},t)})}):g(i||[]),Z=e=>{w&&w(e)},ee=()=>!z||R.length===0?null:s.jsxRuntimeExports.jsx("div",{className:"nav-box",children:s.jsxRuntimeExports.jsx(he.Breadcrumbs,{minNum:1,list:R,separator:D,onClickItem:Z})}),te=()=>i?.length===0&&!x?s.jsxRuntimeExports.jsx("div",{className:"selector-main-list-no-data",children:s.jsxRuntimeExports.jsx(me.default,{...S,size:S?.size||"small"})}):s.jsxRuntimeExports.jsxs("div",{className:"selector-main-list",children:[X(),s.jsxRuntimeExports.jsx("div",{className:"selector-main-list-content",ref:L,children:s.jsxRuntimeExports.jsx("div",{className:"selector-main-list-content-box",ref:b,onScroll:N,children:h()})}),J()]}),se=()=>{let e="selector-main-content";return C&&(e+=` ${C}`),d&&(e+=" selector-main-content-disabled"),j&&m==="check"&&(e+=" selector-main-content-all-check"),k&&(e+=" selector-main-content-load-more"),e};return T(),s.jsxRuntimeExports.jsxs("div",{className:se(),children:[ee(),te()]})},be=P=>{const{className:C,style:f,url:re,value:A,rowKey:m="key",nodeMode:k="branch",selectMode:j,loadMore:V=!1,searchLoadMore:B=!1,isAllCheck:G=!1,disabled:i,disabledChild:a,detail:z,detailRender:D,isLazy:R,list:Q,groupType:d,groupRange:u,search:S,searchVal:x="",searchPlaceholder:w,searchTrigger:I,searchLoading:v,searchList:_,loading:E,mainHeader:y,breadcrumbs:U,breadcrumbsSeparator:W="-",breadcrumbsList:p=[],fieldConfig:b,onClickBreadcrumbs:L,onLevel:T,onSelect:N,onLoad:F,onAllCheck:H,onSearch:O,onRefresh:X}=P,Y=ie.default("Selector",le.default),[J,M]=o.useState(!1),[K,g]=o.useState(""),h=o.useRef({searchTimer:void 0,searchStr:""});o.useEffect(()=>{x&&(h.current.searchStr=x.val,g(x.val),x.val!==""&&M(!0))},[x]);const Z=n=>{g(n),h.current.searchStr=n,I!=="onEnter"&&e()},ee=()=>{e(!0)},te=()=>{e(!0)},se=()=>{e()},e=n=>{clearTimeout(h.current.searchTimer),h.current.searchTimer=setTimeout(()=>{M(!!h.current.searchStr),O&&O(h.current.searchStr,!!n)},300)},t=()=>{const n=()=>K?s.jsxRuntimeExports.jsx(xe.Search,{}):!re&&!X?null:s.jsxRuntimeExports.jsx(pe.Refresh,{});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:S&&s.jsxRuntimeExports.jsx(ue.Search,{className:"selectot-main-search",value:K,rightIconExist:!0,showBtn:!1,rightIcon:n(),btnType:"inside",onChange:Z,onEnter:ee,onClear:se,placeholder:w||Y({id:"pleaseEnter"}),onClickBtn:te})})},c=n=>de=>{n&&(h.current.searchStr="",g(""),M(!1)),T&&T(de,n)},r=n=>()=>{F&&F(n)},l=()=>s.jsxRuntimeExports.jsx(ce,{className:"selector-main-list-box",value:A,rowKey:m,nodeMode:k,selectMode:j,loadMore:V,isAllCheck:G,disabled:i,disabledChild:a,detail:z,detailRender:D,isLazy:R,list:Q,loading:E,groupType:u==="list"||u==="searchList"?d:void 0,breadcrumbs:U,breadcrumbsSeparator:W,breadcrumbsList:p,fieldConfig:b,onClickBreadcrumbs:L,onLevel:c(!1),onSelect:N,onLoad:r(!1),onAllCheck:H},"list"),$=()=>{if(J)return s.jsxRuntimeExports.jsx(ce,{className:"selector-main-search-content",value:A,rowKey:m,nodeMode:k,selectMode:j,loadMore:B,isAllCheck:!1,disabled:i,disabledChild:a,detail:z,detailRender:D,isLazy:R,list:_,groupType:u==="search"||u==="searchList"?d:void 0,fieldConfig:b,loading:v,onSelect:N,onLevel:c(!0),onLoad:r(!0)},"search")},oe=()=>{if(v||E)return s.jsxRuntimeExports.jsx(fe.Loading,{})},ae=()=>{let n=`${q.$prefixCls}-selector-main`;return C&&(n+=` ${C}`),j==="check"&&(n+=` ${q.$prefixCls}-selector-main-select`),J&&(n+=` ${q.$prefixCls}-selector-main-show-search`),S&&(n+=` ${q.$prefixCls}-selector-main-search`),i===!0&&(n+=` ${q.$prefixCls}-selector-main-disabled`),n};return s.jsxRuntimeExports.jsxs("div",{className:ae(),style:f,children:[t(),y&&s.jsxRuntimeExports.jsx("div",{className:"selector-main-header",children:y}),s.jsxRuntimeExports.jsxs("div",{className:"selector-main-box",children:[l(),$(),oe()]})]})};exports.default=be;
 //# sourceMappingURL=index.js.map

package/lib/Selector/selectorNode/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../../_virtual/jsx-runtime.js"),m=require("react"),K=require("../../Radio/index.js"),Q=require("../../Checkbox/index.js"),U=require("../../Popover/index.js"),c=require("../../AutoTips/index.js"),W=require("../../Loading/index.js"),X=require("../../node_modules/@para-ui/icons/Close/index.js"),t=require("../../GlobalContext/constant.js"),Y=require("../../GlobalContext/useFormatMessage.js"),Z=require("../lang/index.js");;/* empty css            */const ee=k=>{const{className:p,style:L,nodeMode:d="branch",useCase:S="view",img:n,selectMode:j,mainTitle:r,subTitle:o,tag:l,tagStyle:h,detail:x,detailRender:f,leftRender:R,child:E,close:g,checked:C,indeterminate:y,disabled:a,disabledChild:N,onLevel:v,onSelect:$,onClose:b}=k,D=Y.default("Selector",Z.default),[_,q]=m.useState(),[P,u]=m.useState(!1),i=m.useRef(),M=()=>{a||$&&$()},T=s=>{s.stopPropagation(),!N&&v&&v()},w=s=>{s.stopPropagation()},F=s=>{s.stopPropagation(),b&&b()},z=async s=>{if(!f)return;if(u(!1),!s)return q(null);u(!0),i.current&&i.current.classList.add("selector-detail-popover-content-loading");const J=await f();i.current&&i.current.classList.remove("selector-detail-popover-content-loading"),u(!1),q(J)},A=()=>{if(!n)return null;let s=n;return typeof n=="string"&&(s=e.jsxRuntimeExports.jsx("img",{src:n})),e.jsxRuntimeExports.jsx("span",{className:"node-img",children:s})},B=()=>j==="radio"?e.jsxRuntimeExports.jsx(K.Radio,{size:"small",className:"selector-node-radio",checked:C,disabled:a}):j==="check"?e.jsxRuntimeExports.jsx(Q.Checkbox,{size:"small",className:"selector-node-check",checked:C,disabled:a,indeterminate:y}):null,I=()=>e.jsxRuntimeExports.jsxs("div",{className:"selector-detail-popover-content",ref:i,children:[_,P&&e.jsxRuntimeExports.jsx(W.Loading,{})]}),O=()=>x?e.jsxRuntimeExports.jsx(U.Popover,{content:I(),trigger:"hover",placement:"bottomRight",overlayClassName:`${t.$prefixCls}-selector-detail`,onVisibleChange:z,children:e.jsxRuntimeExports.jsx("span",{className:"detail",onClick:w,children:D({id:"detail"})})}):null,V=()=>{if(d==="branch")return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[r&&e.jsxRuntimeExports.jsx("span",{className:"main-title",children:e.jsxRuntimeExports.jsx(c.default,{children:r})}),o&&e.jsxRuntimeExports.jsx("span",{className:"sub-title",children:e.jsxRuntimeExports.jsx(c.default,{children:o})}),l&&e.jsxRuntimeExports.jsx("span",{className:"tag",style:h,children:l})]});if(d==="leaf")return e.jsxRuntimeExports.jsxs("div",{className:"title-box",children:[e.jsxRuntimeExports.jsxs("div",{className:"main-title-box",children:[r&&e.jsxRuntimeExports.jsx("span",{className:"main-title",children:e.jsxRuntimeExports.jsx(c.default,{children:r})}),l&&e.jsxRuntimeExports.jsx("span",{className:"tag",style:h,children:l})]}),o&&e.jsxRuntimeExports.jsx("div",{className:"sub-title",children:e.jsxRuntimeExports.jsx(c.default,{children:o})})]})},G=()=>R?R():e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[B(),A(),V()]}),H=()=>{let s=`${t.$prefixCls}-selector-node`;return s+=` ${t.$prefixCls}-selector-node-${S}`,s+=` ${t.$prefixCls}-selector-node-${d}`,a&&(s+=` ${t.$prefixCls}-selector-node-disabled`),N&&(s+=` ${t.$prefixCls}-selector-node-disabled-child`),n&&(s+=` ${t.$prefixCls}-selector-node-img`),p&&(s+=` ${p}`),s};return e.jsxRuntimeExports.jsxs("div",{className:H(),style:L,onClick:M,children:[e.jsxRuntimeExports.jsx("div",{className:"selector-node-left",children:G()}),e.jsxRuntimeExports.jsxs("div",{className:"selector-node-right",children:[O(),x&&E&&e.jsxRuntimeExports.jsx("span",{className:"line"}),E&&e.jsxRuntimeExports.jsx("span",{className:"lower-child",onClick:T,children:D({id:"child"})}),x&&g&&e.jsxRuntimeExports.jsx("span",{className:"line"}),g&&e.jsxRuntimeExports.jsx("span",{className:"close",onClick:F,children:e.jsxRuntimeExports.jsx(X.Close,{})})]})]})};exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../../_virtual/jsx-runtime.js"),m=require("react"),K=require("../../Radio/index.js"),Q=require("../../Checkbox/index.js"),U=require("../../Popover/index.js"),c=require("../../AutoTips/index.js"),W=require("../../Loading/index.js"),X=require("../../para-ui-core/node_modules/@para-ui/icons/Close/index.js"),t=require("../../GlobalContext/constant.js"),Y=require("../../GlobalContext/useFormatMessage.js"),Z=require("../lang/index.js");;/* empty css            */const ee=k=>{const{className:p,style:L,nodeMode:d="branch",useCase:S="view",img:n,selectMode:j,mainTitle:r,subTitle:o,tag:l,tagStyle:h,detail:x,detailRender:f,leftRender:R,child:E,close:g,checked:C,indeterminate:y,disabled:a,disabledChild:N,onLevel:v,onSelect:$,onClose:b}=k,D=Y.default("Selector",Z.default),[_,q]=m.useState(),[P,u]=m.useState(!1),i=m.useRef(null),M=()=>{a||$&&$()},T=s=>{s.stopPropagation(),!N&&v&&v()},w=s=>{s.stopPropagation()},F=s=>{s.stopPropagation(),b&&b()},z=async s=>{if(!f)return;if(u(!1),!s)return q(null);u(!0),i.current&&i.current.classList.add("selector-detail-popover-content-loading");const J=await f();i.current&&i.current.classList.remove("selector-detail-popover-content-loading"),u(!1),q(J)},A=()=>{if(!n)return null;let s=n;return typeof n=="string"&&(s=e.jsxRuntimeExports.jsx("img",{src:n})),e.jsxRuntimeExports.jsx("span",{className:"node-img",children:s})},B=()=>j==="radio"?e.jsxRuntimeExports.jsx(K.Radio,{size:"small",className:"selector-node-radio",checked:C,disabled:a}):j==="check"?e.jsxRuntimeExports.jsx(Q.Checkbox,{size:"small",className:"selector-node-check",checked:C,disabled:a,indeterminate:y}):null,I=()=>e.jsxRuntimeExports.jsxs("div",{className:"selector-detail-popover-content",ref:i,children:[_,P&&e.jsxRuntimeExports.jsx(W.Loading,{})]}),O=()=>x?e.jsxRuntimeExports.jsx(U.Popover,{content:I(),trigger:"hover",placement:"bottomRight",overlayClassName:`${t.$prefixCls}-selector-detail`,onVisibleChange:z,children:e.jsxRuntimeExports.jsx("span",{className:"detail",onClick:w,children:D({id:"detail"})})}):null,V=()=>{if(d==="branch")return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[r&&e.jsxRuntimeExports.jsx("span",{className:"main-title",children:e.jsxRuntimeExports.jsx(c.default,{children:r})}),o&&e.jsxRuntimeExports.jsx("span",{className:"sub-title",children:e.jsxRuntimeExports.jsx(c.default,{children:o})}),l&&e.jsxRuntimeExports.jsx("span",{className:"tag",style:h,children:l})]});if(d==="leaf")return e.jsxRuntimeExports.jsxs("div",{className:"title-box",children:[e.jsxRuntimeExports.jsxs("div",{className:"main-title-box",children:[r&&e.jsxRuntimeExports.jsx("span",{className:"main-title",children:e.jsxRuntimeExports.jsx(c.default,{children:r})}),l&&e.jsxRuntimeExports.jsx("span",{className:"tag",style:h,children:l})]}),o&&e.jsxRuntimeExports.jsx("div",{className:"sub-title",children:e.jsxRuntimeExports.jsx(c.default,{children:o})})]})},G=()=>R?R():e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[B(),A(),V()]}),H=()=>{let s=`${t.$prefixCls}-selector-node`;return s+=` ${t.$prefixCls}-selector-node-${S}`,s+=` ${t.$prefixCls}-selector-node-${d}`,a&&(s+=` ${t.$prefixCls}-selector-node-disabled`),N&&(s+=` ${t.$prefixCls}-selector-node-disabled-child`),n&&(s+=` ${t.$prefixCls}-selector-node-img`),p&&(s+=` ${p}`),s};return e.jsxRuntimeExports.jsxs("div",{className:H(),style:L,onClick:M,children:[e.jsxRuntimeExports.jsx("div",{className:"selector-node-left",children:G()}),e.jsxRuntimeExports.jsxs("div",{className:"selector-node-right",children:[O(),x&&E&&e.jsxRuntimeExports.jsx("span",{className:"line"}),E&&e.jsxRuntimeExports.jsx("span",{className:"lower-child",onClick:T,children:D({id:"child"})}),x&&g&&e.jsxRuntimeExports.jsx("span",{className:"line"}),g&&e.jsxRuntimeExports.jsx("span",{className:"close",onClick:F,children:e.jsxRuntimeExports.jsx(X.Close,{})})]})]})};exports.default=ee;
 //# sourceMappingURL=index.js.map

package/lib/Selector/util.d.ts

@@ -5,11 +5,11 @@ export interface ReqFuncProps {
     /** 请求上下文 */
     ctx?: string;
     /** 请求参数 */
-    data?: any;
-    [name: string]: any;
+    data?: Record<string, unknown>;
+    [name: string]: unknown;
 }
 /**
  * 发送请求
  * @param obj {ReqFuncProps} 请求信息
  */
-export declare const reqFunc: (obj: ReqFuncProps) => Promise<import('@paraview/lib').ParaResponse> | undefined;
+export declare const reqFunc: (obj: ReqFuncProps) => Promise<import('@snack-kit/lib').HttpResult<unknown>> | undefined;

package/lib/Selector/util.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@paraview/lib"),s=n=>{const{method:e,data:t,...r}=n;if(e==="Get")return o.Get({params:t,...r});if(e==="Post")return o.Post({data:t,...r})};exports.reqFunc=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@snack-kit/lib"),u=s=>{const{method:t,data:e,url:r,...o}=s;if(t==="Get")return n.Get(r,{params:e,...o});if(t==="Post")return n.Post(r,e,o)};exports.reqFunc=u;
 //# sourceMappingURL=util.js.map

package/lib/SelectorPicker/component.json

@@ -0,0 +1,179 @@
+{
+    "name": "SelectorPicker",
+    "category": "Data Entry",
+    "description": "选择器弹出框，Selector 的弹出框封装",
+    "semantic": {
+        "intent": [
+            "弹出选择",
+            "下拉选择器"
+        ],
+        "useCases": [
+            "表单选择",
+            "快速选择",
+            "弹出式选择"
+        ],
+        "riskLevel": "normal"
+    },
+    "variants": {
+        "default": {
+            "meaning": "默认样式"
+        }
+    },
+    "states": [
+        "default",
+        "disabled",
+        "error"
+    ],
+    "idealProps": {
+        "value": {
+            "type": "Record<string, any>[] | Record<string, any>",
+            "description": "受控选中值;multiple=true 时为对象数组 Record<string,any>[],false 时为单对象 Record<string,any>;清空时 onChange 入参为 null。外部以 string[] key 列表受控时,挂入前用 useMemo data.filter 反查为对象数组(见 api.ts 顶部 C 协议)"
+        },
+        "defaultValue": {
+            "type": "Record<string, any>[] | Record<string, any>",
+            "description": "非受控默认值;类型规则同 value"
+        },
+        "onChange": {
+            "type": "(val: Record<string,any>[] | Record<string,any> | null, node: Record<string,any>, rowData: Record<string,any>) => void",
+            "description": "值变化回调;multiple 时 val 为数组,否则为单对象;清空时 val=null(回写外部 string[] 时需 ?? [] 兜底);node=节点处理后数据、rowData=原始数据"
+        },
+        "multiple": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否多选;true 时 value/defaultValue 必须为数组,onChange 入参 val 也为数组"
+        },
+        "allowClear": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否支持清除已选值;true 时悬停显示清除按钮,触发顺序:onClear() → onChange(null)"
+        },
+        "selectorProps": {
+            "type": "Omit<SelectorProps, 'layout' | 'disabled' | 'value' | 'defaultValue' | 'onChange' | 'selectMode'>",
+            "description": "透传给底层 Selector 的属性(data/url/fieldConfig/rowKey/breadcrumbsHead/searchOption/backDataFieldConfig 等);Omit 列出的字段已被 SelectorPicker 接管不可透传;常用子字段速查见 api.ts 顶部 E 协议"
+        },
+        "tagRender": {
+            "type": "(item: Record<string, any>) => React.ReactNode",
+            "description": "多选 tag 自定义渲染;入参为已选 list 项对象"
+        },
+        "size": {
+            "type": "'small' | 'medium' | 'large'",
+            "values": ["small", "medium", "large"],
+            "default": "large",
+            "description": "输入框尺寸"
+        },
+        "placeholder": {
+            "type": "string",
+            "default": "请选择",
+            "description": "未选中时占位文本"
+        },
+        "getPopupContainer": {
+            "type": "(triggerNode: HTMLElement) => HTMLElement",
+            "description": "浮层挂载容器;默认 body,Modal 内必传 trigger.parentNode 避免点击穿透"
+        },
+        "label": {
+            "type": "React.ReactNode",
+            "description": "标签文案;支持节点(可嵌图标 / Tooltip 触发器)"
+        },
+        "required": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否必填;true 时 label 前渲染红色 *"
+        },
+        "disabled": {
+            "type": "boolean",
+            "default": false,
+            "description": "禁用整个选择器(无法点击展开浮层、无法清除)"
+        },
+        "error": {
+            "type": "boolean",
+            "default": false,
+            "description": "错误状态;输入框边框变红,搭配 helperText 显示错误信息"
+        },
+        "helperText": {
+            "type": "React.ReactNode",
+            "description": "辅助文本;error=true 时显示为错误信息,否则显示为常规说明"
+        },
+        "overLine": {
+            "type": "boolean",
+            "description": "多选时已选项是否换行;true 换行,false 单行折叠显示 +N"
+        }
+    },
+    "do": [
+        "配合 Selector 使用(SelectorPicker 是 Selector 的弹出框封装,所有候选数据走 selectorProps.data 透传给底层 Selector)",
+        "外部以 string[](key 列表)受控时,用 useMemo data.find 反查映射为 Record<string,any>[] 后挂入 value(详见 api.ts §C 反向映射模式)",
+        "二次封装业务组件时,JSX 内 **受控 prop 写在 {...pickerProps} spread 之后**,后写覆盖保护受控状态(详见 api.ts §D)",
+        "提供清空功能(allowClear=true + onClear 监听,onChange 入参 val=null 时回写外部 string[] 用 `?? []` 兜底)"
+    ],
+    "dont": [
+        "传 `visible` / `open` / `show` 显隐控制 prop(本组件不存在;父层条件渲染 `{showPicker && <SelectorPicker ... />}` 控制 mount;见 api.ts §A)",
+        "selectorProps 透传 `layout` / `disabled` / `value` / `defaultValue` / `onChange` / `selectMode`(已被 SelectorPicker 接管,类型已 Omit,透传无效)",
+        "selectorProps 写错字段名:`list`(应为 `data`)/ `keys`(应为 `rowKey`)— 内部不消费会静默失败",
+        "二次封装时 `pickerProps?: any` **作为推荐签名**(❌ 不能阻止外部覆盖受控;✅ 推荐 `Omit<SelectorPickerProps, 'value'|'defaultValue'|'onChange'|'multiple'|'selectorProps'>`);**但若需求模板硬性要求 any 签名,见 interpretivePriority 兼容路径**",
+        "弹窗内容过于复杂",
+        "忽略 placeholder"
+    ],
+    "interpretivePriority": {
+        "principle": "**需求模板接口 `pickerProps: any` 与本组件 §D 协议推荐 Omit<...> 冲突时,严格按需求接口签名(api.ts §D-bis 兼容路径)**",
+        "reason": "需求接口(requirements/*.json)是观察者制定的固定 spec · 优化 AI 无权改;§D 协议 Omit<...> 是组件库的安全推荐 · sub-agent 不应擅自改需求接口签名;但 anti-pattern any 接口在运行时仍需保护受控状态 → 通过 JSX spread 顺序(受控 prop 写在 spread 之后)实现",
+        "resolution": "1. 接口签名照搬需求 `pickerProps: any`(不改) ;2. JSX 写法严格遵 §D 协议(`{...pickerProps} value={...} onChange={...} multiple` — 受控 prop 后写覆盖) ;3. 类型安全靠运行时 spread 顺序,不靠类型层面阻断;详见 api.ts §D-bis 完整代码示例",
+        "dataSourceDecisionTree": "data 来源根据需求接口字段决定:(1)接口含 data prop → 直接 selectorProps={{data}} 透传;(2)接口不含 data 字段,只有 pickerProps → 候选数据从 pickerProps.selectorProps.data 透传(`selectorProps={{ ...(pickerProps?.selectorProps ?? {}) }}`),封装层不内置;(3)需求语义为内置固定数据(如部门选择) → 封装层 const data = [...] 然后 selectorProps={{data}};详见 api.ts §D-ter",
+        "antiPatterns": [
+            "❌ 看到需求接口 `pickerProps: any` 后,擅自改为 Omit<...> 违背需求 spec",
+            "❌ 接口写 any,JSX 把 spread 放在受控 prop 之后(`<SelectorPicker value={...} onChange={...} {...pickerProps} />` — 外部 pickerProps 覆盖受控状态)",
+            "❌ 二次封装时,封装层 hardcode 候选数据而不查需求接口字段(需求接口若含 data prop 应透传,不应硬编码)"
+        ],
+        "correctPatterns": [
+            "✅ 接口签名 `pickerProps: any`(照搬需求) + JSX `<SelectorPicker {...pickerProps} value={...} onChange={...} multiple selectorProps={{ data }} />`(受控后写覆盖)",
+            "✅ 看需求接口:若有 data prop → `selectorProps={{ data }}`;若无 data 字段但有 pickerProps → `selectorProps={{ ...(pickerProps?.selectorProps ?? {}) }}`(透传外部数据);若需求要求'内置部门列表'业务语义 → 封装层 const data = [...] hardcode"
+        ]
+    },
+    "events": {
+        "onChange": {
+            "signature": "(val: Record<string,any>[] | Record<string,any> | null, node: Record<string,any>, rowData: Record<string,any>) => void",
+            "asyncSupported": false,
+            "examples": [
+                "单选时 val 是单对象，多选时 val 是对象数组，清空时 val 是 null",
+                "受控外部 string[] 场景：onChange={(val) => setIds(val ? (Array.isArray(val) ? val : [val]).map(it => it[rowKey]) : [])}",
+                "清空时兜底：setIds((val ?? []) instanceof Array ? val.map(it => it.key) : [])"
+            ],
+            "commonMistakes": [
+                "清空时期望 val 是 [] 而非 null——清空时 val=null，需 ?? [] 兜底",
+                "multiple=false 期望 val 是数组——单选 val 是单对象，需按模式分支处理",
+                "忽略第二三参 node/rowData——node 是内部处理后的数据，rowData 是原始数据，两者都是对象 Map（key=rowKey）"
+            ]
+        },
+        "onClear": {
+            "signature": "() => void",
+            "asyncSupported": false,
+            "examples": [
+                "用户点击清除按钮时先触发 onClear，再触发 onChange(null, {}, {})",
+                "受控场景需同时监听 onClear 和 onChange 才能完整捕获清空"
+            ],
+            "commonMistakes": [
+                "只监听 onClear 而不监听 onChange——受控 value 不会自动清空，需在 onChange 里同步 state",
+                "allowClear=false 时期望 onClear 触发——allowClear=false 不显示清除按钮，onClear 不会触发"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "selectorProps 透传了已被 SelectorPicker 接管的字段（如 layout/disabled/value/onChange/selectMode），TypeScript 报 Omit 类型错误",
+            "wrong": "selectorProps={{ layout: 'lr', value: [...], onChange: handler }}  // 这些字段已 Omit",
+            "right": "selectorProps={{ data: [...], rowKey: 'id', fieldConfig: { mainTitle: 'name' } }}  // 只传未 Omit 的字段"
+        },
+        {
+            "issue": "multiple=true 时 value 传单对象而非数组，受控不生效",
+            "wrong": "multiple={true} value={{ key: '1' }}  // multiple 时 value 必须是 Record<string,any>[]",
+            "right": "multiple={true} value={[{ key: '1' }]}  // 数组包裹"
+        },
+        {
+            "issue": "selectorProps 传 data 字段名拼错（如 list/items），候选数据静默失败",
+            "wrong": "selectorProps={{ list: myData }}  // Selector 内部读 data，不读 list",
+            "right": "selectorProps={{ data: myData }}  // Selector prop 名是 data"
+        }
+    ],
+    "mapping": {
+        "realComponent": "SelectorPicker",
+        "adapter": null
+    }
+}

package/lib/SelectorPicker/index.d.ts

@@ -31,15 +31,15 @@ export interface SelectorPickerProps extends HelperTextDetailProps {
     /** 支持清除 */
     allowClear?: boolean;
     /** 值 */
-    value?: Record<string, any>[] | Record<string, any>;
+    value?: Record<string, unknown>[] | Record<string, unknown>;
     /** 默认值 不受控 */
-    defaultValue?: Record<string, any>[] | Record<string, any>;
+    defaultValue?: Record<string, unknown>[] | Record<string, unknown>;
     /** 自定义tag内容 */
-    tagRender?: (item: any) => ReactNode;
+    tagRender?: (item: Record<string, unknown>) => ReactNode;
     /** 清除回调 */
     onClear?: () => void;
     /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
-    onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
+    onChange?: (val: Record<string, unknown>[] | Record<string, unknown> | null, node: Record<string, unknown>, rowData: Record<string, unknown>) => void;
     /** 选择器属性 */
     selectorProps?: Omit<SelectorProps, 'layout' | 'disabled' | 'value' | 'defaultValue' | 'disabled' | 'onChange' | 'selectMode'>;
     /** 浮层渲染容器 */
@@ -48,7 +48,7 @@ export interface SelectorPickerProps extends HelperTextDetailProps {
     morePopoverClassName?: string;
     /** 下拉框className */
     overlayClassName?: string;
-    [name: string]: any;
+    [name: string]: unknown;
 }
 declare const SelectorPicker: React.FC<SelectorPickerProps>;
 export default SelectorPicker;