@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.2

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

package/lib/Select/style/index.css

@@ -1 +1 @@
-.paraui-v4-select{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;display:inline-block;vertical-align:top;width:100%}.paraui-v4-select>.select-content{line-height:0;border:1px solid;border-radius:4px;border-color:#d4dae3;padding-right:10px;position:relative;cursor:pointer;background-color:#fff}.paraui-v4-select>.select-content:hover{border-color:#5783eb}.paraui-v4-select>.select-content:hover>.select-svg>svg{color:#2e65e6}.paraui-v4-select>.select-content>.select-label-placeholder{width:100%;height:100%;padding:0 10px;color:#a1a8b3;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;top:0;z-index:1}.paraui-v4-select>.select-content>.select-label-placeholder>.select-required{margin-left:2px;color:#f44242}.paraui-v4-select>.select-content>.select-svg{position:absolute;right:10px;top:0;z-index:11}.paraui-v4-select>.select-content>.select-svg>svg{font-size:18px;transition:all .3s;color:#5c6573;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon>svg{font-size:16px;transition:all .3s;color:#a1a8b3}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon:hover>svg{color:#2e65e6}.paraui-v4-select>.select-content>.radio-select-content{padding-left:10px;font-size:14px;line-height:1.43;color:#1d2126;word-break:break-all}.paraui-v4-select>.select-content>.radio-search-outside{position:absolute;top:0;left:0;width:100%;height:100%;line-height:1.43;padding:0 10px 0 10px;font-size:14px;cursor:pointer;color:#1d2126;border:0;border-radius:4px;background:rgba(0,0,0,0);z-index:10}.paraui-v4-select>.select-content>.check-select-content{padding-left:10px;overflow:hidden}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item{display:inline-block;background-color:#eaecf1;border-radius:2px;padding:0 30px 0 10px;color:#1d2126;margin-right:4px;vertical-align:top;max-width:100%;white-space:nowrap;position:relative}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more{cursor:pointer;color:#1d2126;padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>span{display:inline-block;height:100%;vertical-align:top;max-width:100%;overflow:hidden;text-overflow:ellipsis}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg{cursor:pointer;color:#1d2126;font-size:16px;position:absolute;z-index:10;right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose{padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-search-outside{width:10px;max-width:100% !important;display:none;border:0;color:#1d2126;font-size:14px;cursor:pointer}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>svg{opacity:0;transition:all 0s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>.clean-up-icon{opacity:1;transition:all .3s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content{display:flex;flex-wrap:wrap}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content input{flex:1;z-index:10}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content{height:inherit;min-height:32px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-show-select>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.radio-search-outside{padding:0 38px 0 10px}.paraui-v4-select.paraui-v4-select-disabled>.select-content{background-color:#f7f8fa;cursor:not-allowed}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover{border-color:#d4dae3}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.radio-select-content{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.check-select-content>.check-select-content-item>span{max-width:100%}.paraui-v4-select.paraui-v4-select-error>.select-content{border-color:#f44242 !important}.paraui-v4-select.paraui-v4-select-open>.select-content{border-color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.select-svg>svg{transform:rotate(180deg);color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.check-select-content>.check-search-outside{display:inline-block}.paraui-v4-select.paraui-v4-select-small>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-small>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-large>.select-content{height:32px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-label-placeholder{line-height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-svg{top:6px}.paraui-v4-select.paraui-v4-select-large>.select-content>.radio-select-content{padding-bottom:5px;padding-top:5px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content{padding-bottom:3px;height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:24px;line-height:24px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item>svg{top:4px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-search-outside{margin-top:4px;height:22px}.paraui-v4-select-popover.paraui-v4-select-popover-hide{display:none !important}.paraui-v4-select-popover.component-dropdown .select-popover-content{padding:4px 0}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list{padding-top:0px}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list>.select-nodata{margin-top:20px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search{display:flex;align-items:center;padding:0 10px;border-bottom:1px solid;border-color:#eaecf1;height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input{border:0;outline:none;font-size:14px;color:#1d2126;width:100%;height:100%;line-height:1.43}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::placeholder{font-size:14px;opacity:1;color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-ms-clear{display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-ms-reveal{display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input:-moz-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-moz-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input:-ms-input-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-ms-input-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>svg{color:#5c6573;font-size:18px;cursor:pointer}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list{max-height:320px;overflow:auto}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list.select-popover-list-loading{height:100px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item{display:flex;cursor:pointer;padding:0 10px;align-items:center;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-label{flex:1;overflow:hidden;color:#1d2126;font-size:14px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg{line-height:0;display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg>svg{font-size:18px;color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-label{color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-svg{display:inline-block}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-hover{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-keydown{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled{cursor:not-allowed}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled>.select-popover-list-item-label{color:#a1a8b3 !important}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{display:inline-block;width:100%;padding:0 10px;color:#a1a8b3;font-size:12px;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-nodata{text-align:center;font-size:14px;color:#1d2126;margin-top:16px;margin-bottom:29px}.paraui-v4-select-more-popover .select-more{width:290px;padding:4px 0}.paraui-v4-select-more-popover .select-more>.select-more-title{font-size:12px;padding:0 10px;color:#a1a8b3;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content{max-height:320px;overflow:auto}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item{padding:0 10px;display:flex;justify-content:space-around;align-items:center;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item:hover{background-color:#f7f8fa}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>span{flex:1;overflow:hidden;display:inline-block;font-size:14px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg{font-size:18px;position:relative;cursor:pointer;color:#5c6573}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg:hover{color:#2e65e6;border-radius:2px}
+.paraui-v4-select{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;display:inline-block;vertical-align:top;width:100%}.paraui-v4-select>.select-content{line-height:0;border:1px solid;border-radius:4px;border-color:#d4dae3;padding-right:10px;position:relative;cursor:pointer;background-color:#fff}.paraui-v4-select>.select-content:hover{border-color:#5783eb}.paraui-v4-select>.select-content:hover>.select-svg>svg{color:#2e65e6}.paraui-v4-select>.select-content>.select-label-placeholder{width:100%;height:100%;padding:0 10px;color:#a1a8b3;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;top:0;z-index:1}.paraui-v4-select>.select-content>.select-label-placeholder>.select-required{margin-left:2px;color:#f44242}.paraui-v4-select>.select-content>.select-svg{position:absolute;right:10px;top:0;z-index:11}.paraui-v4-select>.select-content>.select-svg>svg{font-size:18px;transition:all .3s;color:#5c6573;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon>svg{font-size:16px;transition:all .3s;color:#a1a8b3}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon:hover>svg{color:#2e65e6}.paraui-v4-select>.select-content>.radio-select-content{padding-left:10px;font-size:14px;line-height:1.43;color:#1d2126;word-break:break-all}.paraui-v4-select>.select-content>.radio-search-outside{position:absolute;top:0;left:0;width:100%;height:100%;line-height:1.43;padding:0 10px 0 10px;font-size:14px;cursor:pointer;color:#1d2126;border:0;border-radius:4px;background:rgba(0,0,0,0);z-index:10}.paraui-v4-select>.select-content>.check-select-content{padding-left:10px;overflow:hidden}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item{display:inline-block;background-color:#eaecf1;border-radius:2px;padding:0 30px 0 10px;color:#1d2126;margin-right:4px;vertical-align:top;max-width:100%;white-space:nowrap;position:relative}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more{cursor:pointer;color:#1d2126;padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>span{display:inline-block;height:100%;vertical-align:top;max-width:100%;overflow:hidden;text-overflow:ellipsis}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg{cursor:pointer;color:#1d2126;font-size:16px;position:absolute;z-index:10;right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose{padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-search-outside{width:10px;max-width:100% !important;display:none;border:0;color:#1d2126;font-size:14px;cursor:pointer}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>svg{opacity:0;transition:all 0s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>.clean-up-icon{opacity:1;transition:all .3s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content{display:flex;flex-wrap:wrap}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content input{flex:1;z-index:10}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content{height:inherit;min-height:32px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-show-select>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.radio-search-outside{padding:0 38px 0 10px}.paraui-v4-select.paraui-v4-select-disabled>.select-content{background-color:#f7f8fa;cursor:not-allowed}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover{border-color:#d4dae3}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.radio-select-content{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.check-select-content>.check-select-content-item>span{max-width:100%}.paraui-v4-select.paraui-v4-select-error>.select-content{border-color:#f44242 !important}.paraui-v4-select.paraui-v4-select-open>.select-content{border-color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.select-svg>svg{transform:rotate(180deg);color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.check-select-content>.check-search-outside{display:inline-block}.paraui-v4-select.paraui-v4-select-small>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-small>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-large>.select-content{height:32px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-label-placeholder{line-height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-svg{top:6px}.paraui-v4-select.paraui-v4-select-large>.select-content>.radio-select-content{padding-bottom:5px;padding-top:5px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content{padding-bottom:3px;height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:24px;line-height:24px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item>svg{top:4px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-search-outside{margin-top:4px;height:22px}.paraui-v4-select-popover.paraui-v4-select-popover-hide{display:none !important}.paraui-v4-select-popover.component-dropdown .select-popover-content{padding:4px 0}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list{padding-top:0px}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list>.select-nodata{margin-top:20px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search .text-field-content{border:none;border-radius:0;border-bottom:1px solid #eaecf1}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list{max-height:320px;overflow:auto}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list.select-popover-list-loading{height:100px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item{display:flex;cursor:pointer;padding:0 10px;align-items:center;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-label{flex:1;overflow:hidden;color:#1d2126;font-size:14px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg{line-height:0;display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg>svg{font-size:18px;color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-label{color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-svg{display:inline-block}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-hover{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-keydown{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled{cursor:not-allowed}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled>.select-popover-list-item-label{color:#a1a8b3 !important}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{display:inline-block;width:100%;padding:0 10px;color:#a1a8b3;font-size:12px;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-nodata{text-align:center;font-size:14px;color:#1d2126;margin-top:16px;margin-bottom:29px}.paraui-v4-select-more-popover .select-more{width:290px;padding:4px 0}.paraui-v4-select-more-popover .select-more>.select-more-title{font-size:12px;padding:0 10px;color:#a1a8b3;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content{max-height:320px;overflow:auto}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item{padding:0 10px;display:flex;justify-content:space-around;align-items:center;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item:hover{background-color:#f7f8fa}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>span{flex:1;overflow:hidden;display:inline-block;font-size:14px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg{font-size:18px;position:relative;cursor:pointer;color:#5c6573}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg:hover{color:#2e65e6;border-radius:2px}

package/lib/Selector/index.d.ts

@@ -3,3 +3,4 @@ import { SelectorFieldConfigProps, SelectorProps } from './interface';
 export declare const handFieldConfig: (fieldConfig?: SelectorFieldConfigProps, rowKey?: string) => SelectorFieldConfigProps;
 declare const Selector: FunctionComponent<SelectorProps>;
 export default Selector;
+export type * from './interface';

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:E=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:Ee="search",emptyProps:ce,selectRenderItem:$e,selectRender:He,onChange:se,onSelect:$,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:E,pagination:!1,isLazy:!1},noLazyReq:!1,reqTimer:null,page:1,searchVal:"",beforeSearchBreadcrumbs:null,searchConfig:{page:1,size:E,reqId:Math.random().toString(),currentSourceData:[]}});e.current.searchConfig.size=E,e.current.reqParams.size=E,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(!($&&await $(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;$&&await $(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:$e,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:Ee,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"),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;
 //# sourceMappingURL=index.js.map

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("@para-ui/icons/Close"),G=require("@paraview/lib"),H=require("../../GlobalContext/useFormatMessage.js"),R=require("../../GlobalContext/constant.js"),K=require("../lang/index.js");;/* empty css            */const Q=D=>{const{className:b,layout:m="node",style:k,list:a,groupType:l,nodeMode:q,backDataFieldConfig:i,detail:S,detailRender:g,disabled:c,handSelectorNodeInfo:E,selectDataTitleRender:y,selectRenderItem:d,selectRender:u,onClose:x}=D,$=H.default("Selector",K.default),[v,F]=h.useState({}),j=h.useRef({listTypeJson:{},backDataFieldConfig:{}});j.current.listTypeJson=G.ArrayToObject("value",l),j.current.backDataFieldConfig=i||{},h.useEffect(()=>{if(a&&l&&l.length>0){const e={};for(let s=0,t=a.length;s<t;s++){const o=a[s],r=o[j.current.backDataFieldConfig.type||""];e[r]||(e[r]=[]),e[r].push(o)}F(e)}},[a]);const p=e=>{if(c){if(c===!0)return!0;if(c instanceof Array){const s=i?.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]||"",L=i&&i[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 o=0;const r=s.value;if(v[r]&&(o=v[r].length),o!==0)return n.jsxRuntimeExports.jsxs("span",{className:"title-content",children:[o,"个",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(z.default,{children:e[i?.mainTitle||""]||e[i?.key||""]})}),!t&&n.jsxRuntimeExports.jsx(B,{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:k,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"),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;
 //# 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 s=require("../../_virtual/jsx-runtime.js"),i=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/icons/Search"),pe=require("@para-ui/icons/Refresh"),je=require("@paraview/lib"),le=require("../../GlobalContext/useFormatMessage.js"),oe=require("../lang/index.js"),$=require("../../GlobalContext/constant.js");;/* empty css            */const ce=K=>{const{className:C,value:f,rowKey:re="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",oe.default),[U,W]=i.useState({}),p=i.useRef({listTypeJson:{},fieldConfig:{},resizeTimer:null}),b=i.useRef(null),L=i.useRef(null);p.current.listTypeJson=je.ArrayToObject("value",a),p.current.fieldConfig=Q||{},i.useEffect(()=>(T(),()=>{clearTimeout(p.current.resizeTimer)}),[]),i.useEffect(()=>{if(l&&a&&a.length>0){const e={};for(let t=0,c=l.length;t<c;t++){const r=l[t],o=r.type;e[o]||(e[o]=[]),e[o].push(r)}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 r=l[t],o=r.key;if(H(r)){f[o]&&(e.checked=!0);continue}f[o]?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 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=()=>R?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},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 r=0,o=c.length;r<o;r++){const q=c[r];t[q]=e[q]}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,{...P(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 o="selector-group-title";return t===0&&(o+=" selector-group-title-first"),s.jsxRuntimeExports.jsxs(i.Fragment,{children:[r.length>0&&s.jsxRuntimeExports.jsx("div",{className:o,children:e.label||c}),g(r)]},t)})}):g(l||[]),Z=e=>{w&&w(e)},ee=()=>!z||k.length===0?null:s.jsxRuntimeExports.jsx("div",{className:"nav-box",children:s.jsxRuntimeExports.jsx(he.Breadcrumbs,{minNum:1,list:k,separator:D,onClickItem:Z})}),te=()=>l?.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"),R&&(e+=" selector-main-content-load-more"),e};return T(),s.jsxRuntimeExports.jsxs("div",{className:se(),children:[ee(),te()]})},be=K=>{const{className:C,style:f,url:re,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",oe.default),[J,M]=i.useState(!1),[P,g]=i.useState(""),h=i.useRef({searchTimer:null,searchStr:""});i.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=()=>P?s.jsxRuntimeExports.jsx(xe,{}):!re&&!X?null:s.jsxRuntimeExports.jsx(pe,{});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:S&&s.jsxRuntimeExports.jsx(ue.Search,{className:"selectot-main-search",value:P,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)},o=()=>s.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:r(!1),onAllCheck:H},"list"),q=()=>{if(J)return s.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:r(!0)},"search")},ie=()=>{if(E||v)return s.jsxRuntimeExports.jsx(fe.Loading,{})},ae=()=>{let n=`${$.$prefixCls}-selector-main`;return C&&(n+=` ${C}`),j==="check"&&(n+=` ${$.$prefixCls}-selector-main-select`),J&&(n+=` ${$.$prefixCls}-selector-main-show-search`),S&&(n+=` ${$.$prefixCls}-selector-main-search`),l===!0&&(n+=` ${$.$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:[o(),q(),ie()]})]})};exports.default=be;
+"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;
 //# 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("@para-ui/icons/Close"),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:b,onClose:$}=k,D=Y.default("Selector",Z.default),[_,q]=m.useState(),[P,u]=m.useState(!1),i=m.useRef(),M=()=>{a||b&&b()},T=s=>{s.stopPropagation(),!N&&v&&v()},w=s=>{s.stopPropagation()},F=s=>{s.stopPropagation(),$&&$()},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)},I=()=>{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})},A=()=>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,B=()=>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:B(),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:[A(),I(),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,{})})]})]})};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("../../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;
 //# sourceMappingURL=index.js.map

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:t,data:e,...r}=n;if(t==="Get")return o.Get({params:e,...r});if(t==="Post")return o.Post({data:e,...r})};exports.reqFunc=s;
+"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;
 //# sourceMappingURL=util.js.map

package/lib/SelectorPicker/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"),J=require("clsx"),be=require("../HelperText/index.js"),$e=require("../Label/index.js"),we=require("../Dropdown/index.js"),Q=require("../Selector/index.js"),y=require("../AutoTips/index.js"),Ne=require("../Popover/index.js"),Pe=require("@para-ui/icons/CloseCircleF"),ye=require("@para-ui/icons/Down"),U=require("@para-ui/icons/Close"),i=require("../GlobalContext/constant.js"),Te=require("../GlobalContext/useFormatMessage.js"),qe=require("./lang/index.js"),Se=require("../Tooltip/index.js");;/* empty css            */const Me=v=>{const T=Te.default("SelectorPicker",qe.default),{className:X,label:q,value:k,defaultValue:b,required:S=!1,labelTooltip:Y,error:M=!1,hideErrorDom:Z,helperText:ee,size:C="large",disabled:a=!1,disabledTooltip:V,style:re,placeholder:te=T("select"),multiple:m=!1,allowClear:D=!1,overLine:f=!1,selectorProps:_,onChange:z,onClear:se,tagRender:u,morePopoverClassName:H,getPopupContainer:ne,overlayClassName:le}=v,p={...Q.handFieldConfig(v.selectorProps?.fieldConfig,v.selectorProps?.rowKey||"key"),...v.selectorProps?.backDataFieldConfig},[L,oe]=o.useState(b||[]),[F,E]=o.useState(!1),[O,A]=o.useState(!1),[c,$]=o.useState(null),h=o.useRef(null),t=o.useRef({list:[]}),l=`${i.$prefixCls}-selector-picker`;t.current.value=k,t.current.valueCom=L,t.current.openMore=O;const K=()=>t.current.value!==void 0?t.current.value:t.current.valueCom,ce=()=>{const e=K();let s=e?[e]:[];return e instanceof Array&&(s=[...e]),s};t.current.list=ce(),o.useEffect(()=>(!f&&m?window.addEventListener("resize",g):window.removeEventListener("resize",g),()=>{window.removeEventListener("resize",g)}),[f,m]),o.useEffect(()=>(g(),()=>{clearTimeout(t.current.resizeTimer)}),[L,k]);const I=e=>{if(e===null||e===0)return;e===void 0&&(e=t.current.list.length);const s=h.current;if(!s)return;const n=s.querySelector(".selector-picker-wrapper-content-check");if(n)if(n.scrollHeight>n.clientHeight){const j=Number(e)-1;$(j),I(j)}else t.current.list.length<=e&&B()},g=()=>{if(t.current.list.length===0)return $(null);clearTimeout(t.current.resizeTimer),t.current.resizeTimer=setTimeout(()=>{$(t.current.list.length),I()},50)},W=(e,s,n)=>{n.stopPropagation(),t.current.list.splice(s,1),w([...t.current.list],{},{})},w=(e,s,n)=>{z&&z(e,s,n),m||E(!1),k===void 0&&oe(e||[])},ie=()=>{if(q||S)return r.jsxRuntimeExports.jsx($e.default,{label:q,required:S,...Y})},ae=()=>{const e=()=>({layout:"list",disabled:a,selectMode:m?"check":"radio",value:K(),defaultValue:b,onChange:w,..._});return r.jsxRuntimeExports.jsx("div",{className:`selector-picker-dropdown-content ${i.$prefixCls}-scrollbar-small`,style:{width:`${h&&h.current?h.current.offsetWidth:0}px`},children:r.jsxRuntimeExports.jsx(Q.default,{...e()})})},ue=e=>{e.stopPropagation(),A(!0),E(!1)},B=()=>{t.current.openMore&&A(!1)},pe=e=>{e.stopPropagation(),E(!1),se?.(),w(null,{},{})},de=e=>{a||E(e)},xe=()=>{if(m)return r.jsxRuntimeExports.jsxs("div",{className:"selector-picker-wrapper-content-check",children:[t.current.list.map((d,x)=>{if(c!==null&&c<=x)return null;const N=p.mainTitle||"",Ee=p.key||"",ge=d[N]||d[Ee],Re=u&&u(d);let P=!0;return a===!0&&(P=!1),r.jsxRuntimeExports.jsxs("div",{className:P?"check-select-content-item":"check-select-content-item check-select-content-item-noclose",children:[r.jsxRuntimeExports.jsx("span",{children:r.jsxRuntimeExports.jsx(y.default,{placement:"top-start",children:Re||ge})}),P&&r.jsxRuntimeExports.jsx(U,{onClick:ke=>W?.(d,x,ke)})]},x)}),(()=>{if(c!==null&&t.current.list.length>c)return r.jsxRuntimeExports.jsx("div",{className:"check-select-content-item check-select-content-item-more",onClick:ue,children:r.jsxRuntimeExports.jsxs("span",{children:["+",t.current.list.length-c]})})})()]});const e=p.mainTitle||"",s=p.key||"",n=t.current.list[0]?.[e]||t.current.list[0]?.[s],R=u&&u(t.current.list[0])||n;return r.jsxRuntimeExports.jsx("div",{className:"selector-picker-wrapper-content-radio",children:f?R:r.jsxRuntimeExports.jsx(y.default,{placement:"top-start",children:R})})},me=()=>t.current.list.length?r.jsxRuntimeExports.jsx("div",{className:"selector-picker-wrapper-content",children:xe()}):null,fe=()=>r.jsxRuntimeExports.jsxs("div",{className:"selector-picker-wrapper",children:[me(),!t.current.list.length&&r.jsxRuntimeExports.jsx("span",{className:"selector-picker-placeholder",children:te}),r.jsxRuntimeExports.jsx("span",{className:"selector-picker-arrow",children:r.jsxRuntimeExports.jsx(ye,{})}),D&&t.current.list.length&&!a?r.jsxRuntimeExports.jsx("span",{className:"selector-picker-clear",onClick:pe,children:r.jsxRuntimeExports.jsx(Pe,{})}):null]}),he=()=>r.jsxRuntimeExports.jsxs("div",{className:"select-more",children:[r.jsxRuntimeExports.jsx("div",{className:"select-more-title",children:r.jsxRuntimeExports.jsx("span",{children:T({id:"more"})})}),r.jsxRuntimeExports.jsx("div",{className:"select-more-content",children:t.current.list.map((e,s)=>{if(c!==null&&c>s)return null;const n=p.mainTitle||"",j=p.key||"",R=e[n]||e[j],d=u&&u(e);let x=!0;return a===!0&&(x=!1),r.jsxRuntimeExports.jsxs("div",{className:"select-more-content-item",children:[r.jsxRuntimeExports.jsx("span",{children:r.jsxRuntimeExports.jsx(y.default,{placement:"top-start",children:d||R})}),x&&r.jsxRuntimeExports.jsx(U,{onClick:N=>W?.(e,s,N)})]},s)})})]}),je=()=>{let e=`${i.$prefixCls}-selector-more-popover ${i.$prefixCls}-scrollbar-small`;return C&&(e+=` ${i.$prefixCls}-selector-more-popover-${C}`),H&&(e+=` ${H}`),e},G=()=>r.jsxRuntimeExports.jsx(Ne.Popover,{placement:"rightTop",visible:O,content:he(),onVisibleChange:B,overlayClassName:je(),children:fe()}),ve=()=>r.jsxRuntimeExports.jsx(we.Dropdown,{visible:F,destroyPopupOnHide:!0,overlay:ae(),placement:"bottomLeft",trigger:["click"],onVisibleChange:de,overlayClassName:J(`${i.$prefixCls}-selector-picker-dropdown`,le,{[`${i.$prefixCls}-selector-picker-dropdown-search`]:_?.search}),getPopupContainer:ne,children:V?r.jsxRuntimeExports.jsx(Se.Tooltip,{disabled:!0,...V,children:G()}):G()}),Ce=()=>J(l,X,{[`${l}-focused`]:F,[`${l}-disabled`]:a,[`${l}-error`]:M,[`${l}-clear`]:D&&t.current.list.length,[`${l}-${C}`]:C,[`${l}-wrap`]:f,[`${l}-nowrap`]:!f});return r.jsxRuntimeExports.jsxs("div",{className:Ce(),style:re,ref:h,children:[ie(),ve(),r.jsxRuntimeExports.jsx(be.default,{error:M,helperText:ee,hideErrorDom:Z})]})};exports.default=Me;
+"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"),J=require("clsx"),$e=require("../HelperText/index.js"),be=require("../Label/index.js"),we=require("../Dropdown/index.js"),Q=require("../Selector/index.js"),y=require("../AutoTips/index.js"),Ne=require("../Popover/index.js"),Pe=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),ye=require("../node_modules/@para-ui/icons/Down/index.js"),U=require("../node_modules/@para-ui/icons/Close/index.js"),i=require("../GlobalContext/constant.js"),Te=require("../GlobalContext/useFormatMessage.js"),qe=require("./lang/index.js"),Se=require("../Tooltip/index.js");;/* empty css            */const Me=v=>{const T=Te.default("SelectorPicker",qe.default),{className:X,label:q,value:k,defaultValue:$,required:S=!1,labelTooltip:Y,error:M=!1,hideErrorDom:Z,helperText:ee,size:C="large",disabled:a=!1,disabledTooltip:V,style:re,placeholder:te=T("select"),multiple:m=!1,allowClear:D=!1,overLine:f=!1,selectorProps:_,onChange:z,onClear:se,tagRender:u,morePopoverClassName:H,getPopupContainer:ne,overlayClassName:le}=v,p={...Q.handFieldConfig(v.selectorProps?.fieldConfig,v.selectorProps?.rowKey||"key"),...v.selectorProps?.backDataFieldConfig},[L,oe]=o.useState($||[]),[F,E]=o.useState(!1),[O,A]=o.useState(!1),[c,b]=o.useState(null),h=o.useRef(null),t=o.useRef({list:[]}),l=`${i.$prefixCls}-selector-picker`;t.current.value=k,t.current.valueCom=L,t.current.openMore=O;const K=()=>t.current.value!==void 0?t.current.value:t.current.valueCom,ce=()=>{const e=K();let s=e?[e]:[];return e instanceof Array&&(s=[...e]),s};t.current.list=ce(),o.useEffect(()=>(!f&&m?window.addEventListener("resize",g):window.removeEventListener("resize",g),()=>{window.removeEventListener("resize",g)}),[f,m]),o.useEffect(()=>(g(),()=>{clearTimeout(t.current.resizeTimer)}),[L,k]);const W=e=>{if(e===null||e===0)return;e===void 0&&(e=t.current.list.length);const s=h.current;if(!s)return;const n=s.querySelector(".selector-picker-wrapper-content-check");if(n)if(n.scrollHeight>n.clientHeight){const j=Number(e)-1;b(j),W(j)}else t.current.list.length<=e&&G()},g=()=>{if(t.current.list.length===0)return b(null);clearTimeout(t.current.resizeTimer),t.current.resizeTimer=setTimeout(()=>{b(t.current.list.length),W()},50)},B=(e,s,n)=>{n.stopPropagation(),t.current.list.splice(s,1),w([...t.current.list],{},{})},w=(e,s,n)=>{z&&z(e,s,n),m||E(!1),k===void 0&&oe(e||[])},ie=()=>{if(q||S)return r.jsxRuntimeExports.jsx(be.default,{label:q,required:S,...Y})},ae=()=>{const e=()=>({layout:"list",disabled:a,selectMode:m?"check":"radio",value:K(),defaultValue:$,onChange:w,..._});return r.jsxRuntimeExports.jsx("div",{className:`selector-picker-dropdown-content ${i.$prefixCls}-scrollbar-small`,style:{width:`${h&&h.current?h.current.offsetWidth:0}px`},children:r.jsxRuntimeExports.jsx(Q.default,{...e()})})},ue=e=>{e.stopPropagation(),A(!0),E(!1)},G=()=>{t.current.openMore&&A(!1)},pe=e=>{e.stopPropagation(),E(!1),se?.(),w(null,{},{})},de=e=>{a||E(e)},xe=()=>{if(m)return r.jsxRuntimeExports.jsxs("div",{className:"selector-picker-wrapper-content-check",children:[t.current.list.map((d,x)=>{if(c!==null&&c<=x)return null;const N=p.mainTitle||"",Ee=p.key||"",ge=d[N]||d[Ee],Re=u&&u(d);let P=!0;return a===!0&&(P=!1),r.jsxRuntimeExports.jsxs("div",{className:P?"check-select-content-item":"check-select-content-item check-select-content-item-noclose",children:[r.jsxRuntimeExports.jsx("span",{children:r.jsxRuntimeExports.jsx(y.default,{placement:"top-start",children:Re||ge})}),P&&r.jsxRuntimeExports.jsx(U.Close,{onClick:ke=>B?.(d,x,ke)})]},x)}),(()=>{if(c!==null&&t.current.list.length>c)return r.jsxRuntimeExports.jsx("div",{className:"check-select-content-item check-select-content-item-more",onClick:ue,children:r.jsxRuntimeExports.jsxs("span",{children:["+",t.current.list.length-c]})})})()]});const e=p.mainTitle||"",s=p.key||"",n=t.current.list[0]?.[e]||t.current.list[0]?.[s],R=u&&u(t.current.list[0])||n;return r.jsxRuntimeExports.jsx("div",{className:"selector-picker-wrapper-content-radio",children:f?R:r.jsxRuntimeExports.jsx(y.default,{placement:"top-start",children:R})})},me=()=>t.current.list.length?r.jsxRuntimeExports.jsx("div",{className:"selector-picker-wrapper-content",children:xe()}):null,fe=()=>r.jsxRuntimeExports.jsxs("div",{className:"selector-picker-wrapper",children:[me(),!t.current.list.length&&r.jsxRuntimeExports.jsx("span",{className:"selector-picker-placeholder",children:te}),r.jsxRuntimeExports.jsx("span",{className:"selector-picker-arrow",children:r.jsxRuntimeExports.jsx(ye.Down,{})}),D&&t.current.list.length&&!a?r.jsxRuntimeExports.jsx("span",{className:"selector-picker-clear",onClick:pe,children:r.jsxRuntimeExports.jsx(Pe.CloseCircleF,{})}):null]}),he=()=>r.jsxRuntimeExports.jsxs("div",{className:"select-more",children:[r.jsxRuntimeExports.jsx("div",{className:"select-more-title",children:r.jsxRuntimeExports.jsx("span",{children:T({id:"more"})})}),r.jsxRuntimeExports.jsx("div",{className:"select-more-content",children:t.current.list.map((e,s)=>{if(c!==null&&c>s)return null;const n=p.mainTitle||"",j=p.key||"",R=e[n]||e[j],d=u&&u(e);let x=!0;return a===!0&&(x=!1),r.jsxRuntimeExports.jsxs("div",{className:"select-more-content-item",children:[r.jsxRuntimeExports.jsx("span",{children:r.jsxRuntimeExports.jsx(y.default,{placement:"top-start",children:d||R})}),x&&r.jsxRuntimeExports.jsx(U.Close,{onClick:N=>B?.(e,s,N)})]},s)})})]}),je=()=>{let e=`${i.$prefixCls}-selector-more-popover ${i.$prefixCls}-scrollbar-small`;return C&&(e+=` ${i.$prefixCls}-selector-more-popover-${C}`),H&&(e+=` ${H}`),e},I=()=>r.jsxRuntimeExports.jsx(Ne.Popover,{placement:"rightTop",visible:O,content:he(),onVisibleChange:G,overlayClassName:je(),children:fe()}),ve=()=>r.jsxRuntimeExports.jsx(we.Dropdown,{visible:F,destroyPopupOnHide:!0,overlay:ae(),placement:"bottomLeft",trigger:["click"],onVisibleChange:de,overlayClassName:J(`${i.$prefixCls}-selector-picker-dropdown`,le,{[`${i.$prefixCls}-selector-picker-dropdown-search`]:_?.search}),getPopupContainer:ne,children:V?r.jsxRuntimeExports.jsx(Se.Tooltip,{disabled:!0,...V,children:I()}):I()}),Ce=()=>J(l,X,{[`${l}-focused`]:F,[`${l}-disabled`]:a,[`${l}-error`]:M,[`${l}-clear`]:D&&t.current.list.length,[`${l}-${C}`]:C,[`${l}-wrap`]:f,[`${l}-nowrap`]:!f});return r.jsxRuntimeExports.jsxs("div",{className:Ce(),style:re,ref:h,children:[ie(),ve(),r.jsxRuntimeExports.jsx($e.default,{error:M,helperText:ee,hideErrorDom:Z})]})};exports.default=Me;
 //# sourceMappingURL=index.js.map

package/lib/SingleBox/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"),f=require("react"),k=require("../TextField/index.js"),D=require("../Label/index.js"),I=require("../HelperText/index.js"),z=require("@para-ui/icons/PlusCircleF"),H=require("@para-ui/icons/Delete"),m=require("../GlobalContext/constant.js"),O=require("../GlobalContext/useFormatMessage.js"),w=require("./lang/index.js"),G=require("../Tooltip/index.js");;/* empty css            */const R=n=>{const{className:j,style:q,size:c="large",placeholder:N="",label:p="",labelTooltip:u,labelSign:b,disabled:o=!1,disabledTooltip:x,required:T=!1,hideErrorDom:C,helperText:a="",value:d,onChange:l,fetchSuggestions:S,otherProps:h}=n,g=!!(a&&typeof a=="string"),$=a instanceof Array,_=O.default("SingleBox",w.default),[t,i]=f.useState([]);f.useEffect(()=>{n.defaultValue!==void 0&&i([...n.defaultValue])},[]),f.useEffect(()=>{d!==void 0&&i([...d])},[d]);const y=s=>{let e={error:!1,helperText:""};if($){const E=a[s];E&&(e={error:!0,helperText:E})}return e},B=()=>{o||(t.push(""),n.value===void 0&&i([...t]),l&&l(t))},A=s=>()=>{o||(t.splice(s,1),n.value===void 0&&i([...t]),l&&l(t))},F=s=>e=>{t[s]=e.target.value,n.value===void 0&&i([...t]),l&&l(t)},V=s=>e=>{t[s]=e,typeof e=="object"&&e!==null&&(t[s]=e.value),n.value===void 0&&i([...t]),l&&l(t)},L=()=>{if(!p&&!b)return null;const s=()=>{let e="single-box-label";return u&&u.className&&(e+=` ${u.className}`),e};return r.jsxRuntimeExports.jsx(D.default,{label:p,required:T,labelSign:b,...u,className:s()})},M=()=>{let s=`${m.$prefixCls}-single-box`;return j&&(s+=` ${j}`),c&&(s+=` ${m.$prefixCls}-single-box-${c}`),o&&(s+=` ${m.$prefixCls}-single-box-disabled`),s},v=()=>r.jsxRuntimeExports.jsxs("div",{className:"single-box-add",onClick:B,children:[r.jsxRuntimeExports.jsx(z,{}),r.jsxRuntimeExports.jsx("span",{children:_({id:"add"})})]}),P=()=>x?r.jsxRuntimeExports.jsx(G.Tooltip,{disabled:!0,placement:x.placement||"top",...x,children:v()}):v();return r.jsxRuntimeExports.jsxs("div",{className:M(),style:q,children:[L(),r.jsxRuntimeExports.jsx("div",{className:"single-box-content",children:t.map((s,e)=>r.jsxRuntimeExports.jsxs("div",{className:"single-box-content-item",children:[r.jsxRuntimeExports.jsx("div",{className:"content-box",children:r.jsxRuntimeExports.jsx(k.TextField,{className:"single-box-text-field",disabled:o,value:s||"",placeholder:N,size:c,...y(e),onChange:F(e),fetchSuggestions:S,onSelect:V(e),...h&&h(e,s)})}),!o&&r.jsxRuntimeExports.jsx("div",{className:"opera-box",children:r.jsxRuntimeExports.jsx("span",{className:"del-box",onClick:A(e),children:r.jsxRuntimeExports.jsx(H,{})})})]},e))}),P(),r.jsxRuntimeExports.jsx(I.default,{className:"single-box-error",error:g,helperText:g?a:void 0,hideErrorDom:C})]})};exports.SingleBox=R;exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),f=require("react"),k=require("../TextField/index.js"),D=require("../Label/index.js"),I=require("../HelperText/index.js"),z=require("../node_modules/@para-ui/icons/PlusCircleF/index.js"),H=require("../node_modules/@para-ui/icons/Delete/index.js"),m=require("../GlobalContext/constant.js"),O=require("../GlobalContext/useFormatMessage.js"),w=require("./lang/index.js"),G=require("../Tooltip/index.js");;/* empty css            */const R=n=>{const{className:j,style:q,size:c="large",placeholder:N="",label:p="",labelTooltip:u,labelSign:b,disabled:o=!1,disabledTooltip:x,required:T=!1,hideErrorDom:C,helperText:a="",value:d,onChange:l,fetchSuggestions:$,otherProps:h}=n,g=!!(a&&typeof a=="string"),S=a instanceof Array,_=O.default("SingleBox",w.default),[t,i]=f.useState([]);f.useEffect(()=>{n.defaultValue!==void 0&&i([...n.defaultValue])},[]),f.useEffect(()=>{d!==void 0&&i([...d])},[d]);const y=s=>{let e={error:!1,helperText:""};if(S){const E=a[s];E&&(e={error:!0,helperText:E})}return e},B=()=>{o||(t.push(""),n.value===void 0&&i([...t]),l&&l(t))},A=s=>()=>{o||(t.splice(s,1),n.value===void 0&&i([...t]),l&&l(t))},F=s=>e=>{t[s]=e.target.value,n.value===void 0&&i([...t]),l&&l(t)},V=s=>e=>{t[s]=e,typeof e=="object"&&e!==null&&(t[s]=e.value),n.value===void 0&&i([...t]),l&&l(t)},L=()=>{if(!p&&!b)return null;const s=()=>{let e="single-box-label";return u&&u.className&&(e+=` ${u.className}`),e};return r.jsxRuntimeExports.jsx(D.default,{label:p,required:T,labelSign:b,...u,className:s()})},M=()=>{let s=`${m.$prefixCls}-single-box`;return j&&(s+=` ${j}`),c&&(s+=` ${m.$prefixCls}-single-box-${c}`),o&&(s+=` ${m.$prefixCls}-single-box-disabled`),s},v=()=>r.jsxRuntimeExports.jsxs("div",{className:"single-box-add",onClick:B,children:[r.jsxRuntimeExports.jsx(z.PlusCircleF,{}),r.jsxRuntimeExports.jsx("span",{children:_({id:"add"})})]}),P=()=>x?r.jsxRuntimeExports.jsx(G.Tooltip,{disabled:!0,placement:x.placement||"top",...x,children:v()}):v();return r.jsxRuntimeExports.jsxs("div",{className:M(),style:q,children:[L(),r.jsxRuntimeExports.jsx("div",{className:"single-box-content",children:t.map((s,e)=>r.jsxRuntimeExports.jsxs("div",{className:"single-box-content-item",children:[r.jsxRuntimeExports.jsx("div",{className:"content-box",children:r.jsxRuntimeExports.jsx(k.TextField,{className:"single-box-text-field",disabled:o,value:s||"",placeholder:N,size:c,...y(e),onChange:F(e),fetchSuggestions:$,onSelect:V(e),...h&&h(e,s)})}),!o&&r.jsxRuntimeExports.jsx("div",{className:"opera-box",children:r.jsxRuntimeExports.jsx("span",{className:"del-box",onClick:A(e),children:r.jsxRuntimeExports.jsx(H.Delete,{})})})]},e))}),P(),r.jsxRuntimeExports.jsx(I.default,{className:"single-box-error",error:g,helperText:g?a:void 0,hideErrorDom:C})]})};exports.SingleBox=R;exports.default=R;
 //# sourceMappingURL=index.js.map

package/lib/SortBox/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),f=require("clsx"),i=require("../GlobalContext/constant.js"),N=require("../_virtual/index.js"),S=require("@para-ui/icons/Drag");;/* empty css            */const x=c=>{const{className:l,style:d,type:a="fill",list:n,marginBottom:u="10px",onSort:r}=c,m=()=>n?.map((e,s)=>t.jsxRuntimeExports.jsxs("div",{className:"sort-item",style:{marginBottom:u},children:[t.jsxRuntimeExports.jsx("div",{className:"content",children:e.render}),t.jsxRuntimeExports.jsx("div",{className:"opera-box",children:t.jsxRuntimeExports.jsx("span",{className:"sort-icon",children:t.jsxRuntimeExports.jsx(S,{})})})]},s)),p=(e,s,o)=>{const R=e.splice(s,1)[0];return e.splice(o,0,R),e},j=e=>{},h=e=>{if(e.oldIndex===void 0||e.newIndex===void 0||e.oldIndex===e.newIndex)return;const s=[...n||[]];p(s,e.oldIndex,e.newIndex),r&&r(s)},E=()=>{const e=[];return n?.forEach((s,o)=>{e.push({...s,id:s.id||o})}),e};return t.jsxRuntimeExports.jsx("div",{className:f(l,`${i.$prefixCls}-sort-box`,`${i.$prefixCls}-sort-box-${a}`),style:d,children:t.jsxRuntimeExports.jsx(N.distExports.ReactSortable,{list:E(),handle:".sort-icon",animation:300,setList:j,onEnd:h,children:m()})})};exports.SortBox=x;exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),f=require("clsx"),i=require("../GlobalContext/constant.js"),S=require("react-sortablejs"),b=require("../node_modules/@para-ui/icons/Drag/index.js");;/* empty css            */const c=l=>{const{className:x,style:d,type:a="fill",list:n,marginBottom:u="10px",onSort:r}=l,m=()=>n?.map((e,s)=>t.jsxRuntimeExports.jsxs("div",{className:"sort-item",style:{marginBottom:u},children:[t.jsxRuntimeExports.jsx("div",{className:"content",children:e.render}),t.jsxRuntimeExports.jsx("div",{className:"opera-box",children:t.jsxRuntimeExports.jsx("span",{className:"sort-icon",children:t.jsxRuntimeExports.jsx(b.Drag,{})})})]},s)),p=(e,s,o)=>{const R=e.splice(s,1)[0];return e.splice(o,0,R),e},j=e=>{},h=e=>{if(e.oldIndex===void 0||e.newIndex===void 0||e.oldIndex===e.newIndex)return;const s=[...n||[]];p(s,e.oldIndex,e.newIndex),r&&r(s)},E=()=>{const e=[];return n?.forEach((s,o)=>{e.push({...s,id:s.id||o})}),e};return t.jsxRuntimeExports.jsx("div",{className:f(x,`${i.$prefixCls}-sort-box`,`${i.$prefixCls}-sort-box-${a}`),style:d,children:t.jsxRuntimeExports.jsx(S.ReactSortable,{list:E(),handle:".sort-icon",animation:300,setList:j,onEnd:h,children:m()})})};exports.SortBox=c;exports.default=c;
 //# sourceMappingURL=index.js.map

package/lib/Status/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),m=require("clsx"),n=require("../GlobalContext/constant.js"),d=require("@para-ui/icons/CloseCircleF"),p=require("@para-ui/icons/CheckCircleF"),j=require("../node_modules/tinycolor2/esm/tinycolor.js");;/* empty css            */const o=a=>{const{text:i,status:r="info",icon:s,className:u,style:c,color:e}=a,l=m(`${n.$prefixCls}-status`,u,r&&!s&&`${n.$prefixCls}-status-${r}`),x=()=>{if(s){if(typeof s!="string")return s;if(typeof s=="string")switch(s){case"success":return t.jsxRuntimeExports.jsx(p,{className:`status-icon-${s}`});case"error":return t.jsxRuntimeExports.jsx(d,{className:`status-icon-${s}`});default:return null}}};return t.jsxRuntimeExports.jsxs("span",{className:l,style:c,children:[s?t.jsxRuntimeExports.jsx("span",{className:"status-icon",children:x()}):t.jsxRuntimeExports.jsx("div",{className:"status-ink",style:{backgroundColor:e?j.default(e).setAlpha(.1).toRgbString():void 0},children:t.jsxRuntimeExports.jsx("span",{className:"status-radius",style:{backgroundColor:e||void 0}})}),t.jsxRuntimeExports.jsx("span",{className:"status-text",children:i})]})};exports.Status=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),d=require("clsx"),n=require("../GlobalContext/constant.js"),m=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),p=require("../node_modules/@para-ui/icons/CheckCircleF/index.js"),j=require("../node_modules/tinycolor2/esm/tinycolor.js");;/* empty css            */const i=o=>{const{text:a,status:r="info",icon:s,className:u,style:c,color:e}=o,l=d(`${n.$prefixCls}-status`,u,r&&!s&&`${n.$prefixCls}-status-${r}`),x=()=>{if(s){if(typeof s!="string")return s;if(typeof s=="string")switch(s){case"success":return t.jsxRuntimeExports.jsx(p.CheckCircleF,{className:`status-icon-${s}`});case"error":return t.jsxRuntimeExports.jsx(m.CloseCircleF,{className:`status-icon-${s}`});default:return null}}};return t.jsxRuntimeExports.jsxs("span",{className:l,style:c,children:[s?t.jsxRuntimeExports.jsx("span",{className:"status-icon",children:x()}):t.jsxRuntimeExports.jsx("div",{className:"status-ink",style:{backgroundColor:e?j.default(e).setAlpha(.1).toRgbString():void 0},children:t.jsxRuntimeExports.jsx("span",{className:"status-radius",style:{backgroundColor:e||void 0}})}),t.jsxRuntimeExports.jsx("span",{className:"status-text",children:a})]})};exports.Status=i;exports.default=i;
 //# sourceMappingURL=index.js.map

package/lib/Stepper/icons.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),s=require("@para-ui/icons/One"),i=require("@para-ui/icons/Two"),t=require("@para-ui/icons/Three"),u=require("@para-ui/icons/Four"),r=require("@para-ui/icons/Five"),m=require("@para-ui/icons/Six"),x=require("@para-ui/icons/Seven"),o=require("@para-ui/icons/Eight"),n=require("@para-ui/icons/Nine"),j=require("@para-ui/icons/Check"),c={1:e.jsxRuntimeExports.jsx(s,{size:"medium"}),2:e.jsxRuntimeExports.jsx(i,{size:"medium"}),3:e.jsxRuntimeExports.jsx(t,{size:"medium"}),4:e.jsxRuntimeExports.jsx(u,{size:"medium"}),5:e.jsxRuntimeExports.jsx(r,{size:"medium"}),6:e.jsxRuntimeExports.jsx(m,{size:"medium"}),7:e.jsxRuntimeExports.jsx(x,{size:"medium"}),8:e.jsxRuntimeExports.jsx(o,{size:"medium"}),9:e.jsxRuntimeExports.jsx(n,{size:"medium"}),done:e.jsxRuntimeExports.jsx(j,{size:"medium"})};exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),i=require("../node_modules/@para-ui/icons/One/index.js"),s=require("../node_modules/@para-ui/icons/Two/index.js"),t=require("../node_modules/@para-ui/icons/Three/index.js"),x=require("../node_modules/@para-ui/icons/Four/index.js"),n=require("../node_modules/@para-ui/icons/Five/index.js"),u=require("../node_modules/@para-ui/icons/Six/index.js"),r=require("../node_modules/@para-ui/icons/Seven/index.js"),m=require("../node_modules/@para-ui/icons/Eight/index.js"),o=require("../node_modules/@para-ui/icons/Nine/index.js"),d=require("../node_modules/@para-ui/icons/Check/index.js"),j={1:e.jsxRuntimeExports.jsx(i.One,{size:"medium"}),2:e.jsxRuntimeExports.jsx(s.Two,{size:"medium"}),3:e.jsxRuntimeExports.jsx(t.Three,{size:"medium"}),4:e.jsxRuntimeExports.jsx(x.Four,{size:"medium"}),5:e.jsxRuntimeExports.jsx(n.Five,{size:"medium"}),6:e.jsxRuntimeExports.jsx(u.Six,{size:"medium"}),7:e.jsxRuntimeExports.jsx(r.Seven,{size:"medium"}),8:e.jsxRuntimeExports.jsx(m.Eight,{size:"medium"}),9:e.jsxRuntimeExports.jsx(o.Nine,{size:"medium"}),done:e.jsxRuntimeExports.jsx(d.Check,{size:"medium"})};exports.default=j;
 //# sourceMappingURL=icons.js.map

package/lib/Stepper/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"),C=require("react"),x=require("rc-steps"),s=require("./icons.js"),d=require("../GlobalContext/constant.js"),v=require("clsx"),a=require("../AutoTips/index.js"),f=require("@para-ui/icons/Close");;/* empty css            */const n=j=>{const{current:m=0,errorStep:c,steps:u,direction:R="horizontal",children:S,className:q,...h}=j,E=`${d.$rcPrefixCls}-stepper`,b={finish:s.default.done,error:s.default.done},$=({node:e,status:t})=>t==="finish"?C.cloneElement(e,{},s.default.done):e,g=()=>u?.length?u.map((e,t)=>{let o="",l="",i=null;const p=t===c;return typeof e=="string"?(o=e,i=p?r.jsxRuntimeExports.jsx(f,{size:"medium"}):s.default[t+1]):typeof e=="object"&&(o=e.label,l=e.description,i=p?r.jsxRuntimeExports.jsx(f,{size:"medium"}):e.icon||s.default[t+1]),r.jsxRuntimeExports.jsx(n.Step,{description:r.jsxRuntimeExports.jsx(a.default,{children:l}),title:r.jsxRuntimeExports.jsx(a.default,{children:o}),status:t===c?"error":void 0,icon:i},t)}):S;return r.jsxRuntimeExports.jsx(x,{...h,className:v(`${d.$prefixCls}-stepper`,q),current:m,icons:b,direction:R,stepIcon:$,prefixCls:E,children:g()})};n.Step=x.Step;exports.Stepper=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),v=require("react"),f=require("rc-steps"),s=require("./icons.js"),d=require("../GlobalContext/constant.js"),y=require("clsx"),a=require("../AutoTips/index.js"),x=require("../node_modules/@para-ui/icons/Close/index.js");;/* empty css            */const n=j=>{const{current:m=0,errorStep:c,steps:u,direction:R="horizontal",children:S,className:q,...h}=j,E=`${d.$rcPrefixCls}-stepper`,b={finish:s.default.done,error:s.default.done},C=({node:e,status:t})=>t==="finish"?v.cloneElement(e,{},s.default.done):e,g=()=>u?.length?u.map((e,t)=>{let o="",l="",i=null;const p=t===c;return typeof e=="string"?(o=e,i=p?r.jsxRuntimeExports.jsx(x.Close,{size:"medium"}):s.default[t+1]):typeof e=="object"&&(o=e.label,l=e.description,i=p?r.jsxRuntimeExports.jsx(x.Close,{size:"medium"}):e.icon||s.default[t+1]),r.jsxRuntimeExports.jsx(n.Step,{description:r.jsxRuntimeExports.jsx(a.default,{children:l}),title:r.jsxRuntimeExports.jsx(a.default,{children:o}),status:t===c?"error":void 0,icon:i},t)}):S;return r.jsxRuntimeExports.jsx(f,{...h,className:y(`${d.$prefixCls}-stepper`,q),current:m,icons:b,direction:R,stepIcon:C,prefixCls:E,children:g()})};n.Step=f.Step;exports.Stepper=n;exports.default=n;
 //# sourceMappingURL=index.js.map

package/lib/Styles/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/lib/Styles/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/lib/Switch/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),q=require("@para-ui/icons/LoadingF"),o=require("rc-switch"),m=require("clsx"),e=require("../GlobalContext/constant.js"),j=require("../Label/index.js"),f=require("../Tooltip/index.js"),T=require("../GlobalContext/useFormatMessage.js"),S=require("./lang/index.js");;/* empty css            */const h=b=>{const C=T.default("Switch",S.default),{size:v="default",loading:i,disabled:t,className:R,label:r,required:d=!1,desc:x,labelTooltip:E,descTooltip:w,disabledTooltip:u,loadingTitle:p=C({id:"ing"}),labelPlacement:N="top",descPlacement:P="start",supText:l,error:_,...c}=b,a=m(`${e.$prefixCls}-switch`,{[`${e.$prefixCls}-switch-loading`]:i,[`${e.$prefixCls}-switch-disabled`]:t},R),g=m(`${e.$prefixCls}-switch-label`,`${e.$prefixCls}-switch-label-${N}`,`${e.$prefixCls}-switch-desc-${P}`),n=s.jsxRuntimeExports.jsx("div",{className:`${e.$rcPrefixCls}-switch-handle`,children:i&&s.jsxRuntimeExports.jsx(q,{className:`${e.$rcPrefixCls}-switch-loading-icon`})}),$=()=>t&&u?s.jsxRuntimeExports.jsx(f.Tooltip,{disabled:!0,...u,children:s.jsxRuntimeExports.jsxs("div",{className:`${e.$rcPrefixCls}-label-box`,children:[s.jsxRuntimeExports.jsx(o,{className:a,...c,prefixCls:`${e.$rcPrefixCls}-switch`,disabled:t||i,loadingIcon:n}),l&&s.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:p&&i?s.jsxRuntimeExports.jsx(f.Tooltip,{disabled:!0,title:p,children:s.jsxRuntimeExports.jsxs("div",{className:`${e.$rcPrefixCls}-label-box`,children:[s.jsxRuntimeExports.jsx(o,{...c,prefixCls:`${e.$rcPrefixCls}-switch`,className:a,disabled:t||i,loadingIcon:n}),l&&s.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):s.jsxRuntimeExports.jsxs("div",{className:`${e.$rcPrefixCls}-label-box`,children:[s.jsxRuntimeExports.jsx(o,{...c,prefixCls:`${e.$rcPrefixCls}-switch`,className:a,disabled:t||i,loadingIcon:n}),l&&s.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})});return r||x?s.jsxRuntimeExports.jsxs("span",{className:g,children:[x&&s.jsxRuntimeExports.jsx(j.default,{label:x,required:d,...w,className:`${e.$rcPrefixCls}-desc-text ${t?`${e.$rcPrefixCls}-disabled-text`:""}`}),s.jsxRuntimeExports.jsxs("span",{className:`${e.$prefixCls}-label-text-container`,children:[r&&s.jsxRuntimeExports.jsx(j.default,{label:r,required:d,...E,className:`${e.$rcPrefixCls}-switch-text ${t?`${e.$rcPrefixCls}-disabled-text`:""}`}),$()]})]}):$()};exports.Switch=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),q=require("../node_modules/@para-ui/icons/LoadingF/index.js"),o=require("rc-switch"),m=require("clsx"),e=require("../GlobalContext/constant.js"),j=require("../Label/index.js"),f=require("../Tooltip/index.js"),T=require("../GlobalContext/useFormatMessage.js"),S=require("./lang/index.js");;/* empty css            */const h=b=>{const C=T.default("Switch",S.default),{size:v="default",loading:i,disabled:t,className:R,label:r,required:d=!1,desc:x,labelTooltip:E,descTooltip:w,disabledTooltip:u,loadingTitle:p=C({id:"ing"}),labelPlacement:N="top",descPlacement:P="start",supText:l,error:_,...c}=b,a=m(`${e.$prefixCls}-switch`,{[`${e.$prefixCls}-switch-loading`]:i,[`${e.$prefixCls}-switch-disabled`]:t},R),g=m(`${e.$prefixCls}-switch-label`,`${e.$prefixCls}-switch-label-${N}`,`${e.$prefixCls}-switch-desc-${P}`),n=s.jsxRuntimeExports.jsx("div",{className:`${e.$rcPrefixCls}-switch-handle`,children:i&&s.jsxRuntimeExports.jsx(q.LoadingF,{className:`${e.$rcPrefixCls}-switch-loading-icon`})}),$=()=>t&&u?s.jsxRuntimeExports.jsx(f.Tooltip,{disabled:!0,...u,children:s.jsxRuntimeExports.jsxs("div",{className:`${e.$rcPrefixCls}-label-box`,children:[s.jsxRuntimeExports.jsx(o,{className:a,...c,prefixCls:`${e.$rcPrefixCls}-switch`,disabled:t||i,loadingIcon:n}),l&&s.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:p&&i?s.jsxRuntimeExports.jsx(f.Tooltip,{disabled:!0,title:p,children:s.jsxRuntimeExports.jsxs("div",{className:`${e.$rcPrefixCls}-label-box`,children:[s.jsxRuntimeExports.jsx(o,{...c,prefixCls:`${e.$rcPrefixCls}-switch`,className:a,disabled:t||i,loadingIcon:n}),l&&s.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):s.jsxRuntimeExports.jsxs("div",{className:`${e.$rcPrefixCls}-label-box`,children:[s.jsxRuntimeExports.jsx(o,{...c,prefixCls:`${e.$rcPrefixCls}-switch`,className:a,disabled:t||i,loadingIcon:n}),l&&s.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})});return r||x?s.jsxRuntimeExports.jsxs("span",{className:g,children:[x&&s.jsxRuntimeExports.jsx(j.default,{label:x,required:d,...w,className:`${e.$rcPrefixCls}-desc-text ${t?`${e.$rcPrefixCls}-disabled-text`:""}`}),s.jsxRuntimeExports.jsxs("span",{className:`${e.$prefixCls}-label-text-container`,children:[r&&s.jsxRuntimeExports.jsx(j.default,{label:r,required:d,...E,className:`${e.$rcPrefixCls}-switch-text ${t?`${e.$rcPrefixCls}-disabled-text`:""}`}),$()]})]}):$()};exports.Switch=h;exports.default=h;
 //# sourceMappingURL=index.js.map

package/lib/Switch/style/index.css

@@ -1 +1 @@
-.paraui-v4-switch{position:relative;display:inline-block;width:32px;height:16px;vertical-align:middle;background-color:rgba(0,0,0,0);border:0;cursor:pointer;transition:all .2s;user-select:none}.paraui-v4-switch .component-switch{border:none;cursor:pointer}.paraui-v4-switch:before{position:absolute;top:0px;left:0;width:100%;height:16px;border-radius:8px;background-color:#a1a8b3;content:"";transition:all .2s}a .paraui-v4-switch:focus{outline:0;box-shadow:none}.paraui-v4-switch.component-switch-checked:focus{box-shadow:none}.paraui-v4-switch:focus:hover{box-shadow:none}.paraui-v4-switch.component-switch-checked:before{background-color:#2e65e6}.paraui-v4-switch-loading *,.paraui-v4-switch.component-switch-disabled *{box-shadow:none}.paraui-v4-switch-loading .component-switch-inner::before,.paraui-v4-switch.component-switch-disabled .component-switch-inner::before{position:absolute;top:0px;left:0;width:100%;height:16px;background-color:rgba(255,255,255,.5);content:"";z-index:100}.paraui-v4-switch .component-switch-inner{display:block;margin:0 7px 0 25px;font-size:14px;transition:margin .2s}.paraui-v4-switch.component-switch-checked .component-switch-inner{margin:0 25px 0 7px}.paraui-v4-switch .component-switch-handle{position:absolute;top:2px;left:2px;width:12px;height:12px;transition:all .2s ease-in-out}.paraui-v4-switch .component-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:9px;box-shadow:none;transition:all .2s ease-in-out;content:""}.paraui-v4-switch.component-switch-checked .component-switch-handle{left:calc(100% - 14px)}.paraui-v4-switch.component-switch-checked .component-switch-handle::before{background-color:#fff}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before{right:-30%;left:0}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before{right:0;left:-30%}.paraui-v4-switch .component-switch-loading-icon{position:relative;top:1px;color:#2e65e6;font-size:10px;vertical-align:top;animation:switchLoadingCircle 1s infinite linear}.paraui-v4-switch.component-switch-checked .component-switch-loading-icon{color:#2e65e6}.paraui-v4-switch-small{min-width:28px;height:14px;line-height:14px}.paraui-v4-switch-small .component-switch-inner{margin:0 5px 0 18px;font-size:14px}.paraui-v4-switch-small .component-switch-handle{width:12px;height:12px;top:3px;left:2px}.paraui-v4-switch-small .component-switch-loading-icon{top:1.5px;font-size:9px}.paraui-v4-switch-small.component-switch-checked .component-switch-inner{margin:0 18px 0 5px}.paraui-v4-switch-small.component-switch-checked .component-switch-handle{left:calc(100% - 12px - 2px)}@keyframes switchLoadingCircle{100%{transform:rotate(360deg)}}.paraui-v4-switch-disabled::before{background-color:#a1a8b3}.paraui-v4-switch-disabled.component-switch-checked::before{background-color:#97b2f2}.component-label-box{display:flex;align-items:center}.component-label-box .sup-text{color:#5c6573;font-size:14px;margin-left:10px;line-height:16px}.component-label-box .sup-text>a{text-decoration:none;cursor:pointer;color:#2e65e6}.component-label-box .sup-text>a:hover{color:#5783eb}.paraui-v4-switch-label{display:inline-flex;align-items:flex-end}.paraui-v4-switch-label .component-disabled-text{color:#5c6573}.paraui-v4-switch-label .component-desc-text{margin-bottom:0;margin-right:10px;line-height:16px;color:#1d2126}.paraui-v4-switch-label .component-desc-text .paraui-v4-help{line-height:1}.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg{top:0}.paraui-v4-switch-label .paraui-v4-label-text-container{display:flex;flex-direction:column}.paraui-v4-switch-desc-end{flex-direction:row-reverse}.paraui-v4-switch-desc-end .component-desc-text{margin-right:0}.component-switch-disabled>div:nth-child(1)::before{transition:all 2s ease-in-out}
+.paraui-v4-switch{position:relative;display:inline-block;width:32px;height:16px;vertical-align:middle;background-color:rgba(0,0,0,0);border:0;cursor:pointer;transition:all .2s;user-select:none}.paraui-v4-switch .component-switch{border:none;cursor:pointer}.paraui-v4-switch:before{position:absolute;top:0px;left:0;width:100%;height:16px;border-radius:8px;background-color:#a1a8b3;content:"";transition:all .2s}a .paraui-v4-switch:focus{outline:0;box-shadow:none}.paraui-v4-switch.component-switch-checked:focus{box-shadow:none}.paraui-v4-switch:focus:hover{box-shadow:none}.paraui-v4-switch.component-switch-checked:before{background-color:#2e65e6}.paraui-v4-switch-loading *,.paraui-v4-switch.component-switch-disabled *{box-shadow:none}.paraui-v4-switch-loading .component-switch-inner::before,.paraui-v4-switch.component-switch-disabled .component-switch-inner::before{position:absolute;top:0px;left:0;width:100%;height:16px;background-color:hsla(0,0%,100%,.5);content:"";z-index:100}.paraui-v4-switch .component-switch-inner{display:block;margin:0 7px 0 25px;font-size:14px;transition:margin .2s}.paraui-v4-switch.component-switch-checked .component-switch-inner{margin:0 25px 0 7px}.paraui-v4-switch .component-switch-handle{position:absolute;top:2px;left:2px;width:12px;height:12px;transition:all .2s ease-in-out}.paraui-v4-switch .component-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:9px;box-shadow:none;transition:all .2s ease-in-out;content:""}.paraui-v4-switch.component-switch-checked .component-switch-handle{left:calc(100% - 14px)}.paraui-v4-switch.component-switch-checked .component-switch-handle::before{background-color:#fff}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before{right:-30%;left:0}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before{right:0;left:-30%}.paraui-v4-switch .component-switch-loading-icon{position:relative;top:1px;color:#2e65e6;font-size:10px;vertical-align:top;animation:switchLoadingCircle 1s infinite linear}.paraui-v4-switch.component-switch-checked .component-switch-loading-icon{color:#2e65e6}.paraui-v4-switch-small{min-width:28px;height:14px;line-height:14px}.paraui-v4-switch-small .component-switch-inner{margin:0 5px 0 18px;font-size:14px}.paraui-v4-switch-small .component-switch-handle{width:12px;height:12px;top:3px;left:2px}.paraui-v4-switch-small .component-switch-loading-icon{top:1.5px;font-size:9px}.paraui-v4-switch-small.component-switch-checked .component-switch-inner{margin:0 18px 0 5px}.paraui-v4-switch-small.component-switch-checked .component-switch-handle{left:calc(100% - 12px - 2px)}@keyframes switchLoadingCircle{100%{transform:rotate(360deg)}}.paraui-v4-switch-disabled::before{background-color:#a1a8b3}.paraui-v4-switch-disabled.component-switch-checked::before{background-color:#97b2f2}.component-label-box{display:flex;align-items:center}.component-label-box .sup-text{color:#5c6573;font-size:14px;margin-left:10px;line-height:16px}.component-label-box .sup-text>a{text-decoration:none;cursor:pointer;color:#2e65e6}.component-label-box .sup-text>a:hover{color:#5783eb}.paraui-v4-switch-label{display:inline-flex;align-items:flex-end}.paraui-v4-switch-label .component-disabled-text{color:#5c6573}.paraui-v4-switch-label .component-desc-text{margin-bottom:0;margin-right:10px;line-height:16px;color:#1d2126}.paraui-v4-switch-label .component-desc-text .paraui-v4-help{line-height:1}.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg{top:0}.paraui-v4-switch-label .paraui-v4-label-text-container{display:flex;flex-direction:column}.paraui-v4-switch-desc-end{flex-direction:row-reverse}.paraui-v4-switch-desc-end .component-desc-text{margin-right:0}.component-switch-disabled>div:nth-child(1)::before{transition:all 2s ease-in-out}

package/lib/Table/index.d.ts

@@ -1,4 +1,6 @@
 import { FunctionComponent } from 'react';
 import { TableProps } from './interface';
-declare const Table: FunctionComponent<TableProps>;
+declare const Table: FunctionComponent<TableProps<any>>;
 export default Table;
+export type { Anyjson, MethodType, OrderType, SelectStatus, ExpandableStatus, AlignType, FilterEnumsProps, HeadDataProps, HeadDataReqProps, PosFixedProps, TableHeadBodyPublicProps, TableProps, ExpandableRowItem, ExpandableRow, ReqProps, HeadLocalStorageItem, HeadLocalStorage, HeadDataConfigProps, SetLocalStorageProps } from './interface';
+export type * from './interface';