@para-ui/core 5.0.0-beta.11 → 5.0.0-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Anchor/index.js +15 -15
- package/es/Argv/dataGenerator/index.js +1 -1
- package/es/Argv/index.js +1 -1
- package/es/AutoBox/protal.js +1 -1
- package/es/AutoTips/index.js +1 -1
- package/es/Cascader/Cascader.js +1 -1
- package/es/Cascader/OptionList/Column.js +1 -1
- package/es/Cascader/OptionList/index.js +1 -1
- package/es/CheckboxGroup/index.js +1 -1
- package/es/CodeEditor/index.d.ts +1 -1
- package/es/CodeEditor/index.js +19 -19
- package/es/ComboSelect/index.js +53 -52
- package/es/DatePicker/generatePicker/generateRangePicker.js +1 -1
- package/es/DatePicker/generatePicker/generateSinglePicker.js +1 -1
- package/es/Desktop/index.js +1 -1
- package/es/Drawer/index.js +1 -1
- package/es/Dropdown/index.js +1 -1
- package/es/DynamicMultiBox/index.js +1 -1
- package/es/FieldForm/FieldFormItem/ItemHolder.js +1 -1
- package/es/FieldForm/FieldFormItem/StatusProvider.js +1 -1
- package/es/FieldForm/Form.js +1 -1
- package/es/FieldForm/FormItemInput.js +1 -1
- package/es/FieldForm/FormItemLabel.js +1 -1
- package/es/Form/index.js +1 -1
- package/es/GlobalContext/confirmLocale.js +1 -1
- package/es/GlobalContext/index.js +1 -1
- package/es/Image/PreviewGroup.js +1 -1
- package/es/Image/index.js +1 -1
- package/es/InputLang/index.js +1 -1
- package/es/Menu/verticalMenuList.js +1 -1
- package/es/Modal/Confirm/index.js +1 -1
- package/es/PageHeader/horizontalMeun.js +1 -1
- package/es/PageHeader/horizontalMeunRight.js +1 -1
- package/es/ParauiProvider/index.js +1 -1
- package/es/QuickReply/QuickReplyCode/index.js +1 -1
- package/es/RangeInput/index.js +19 -19
- package/es/Select/index.js +1 -1
- package/es/Selector/index.js +52 -47
- package/es/Selector/interface.d.ts +1 -1
- package/es/Selector/selectorData/index.js +1 -1
- package/es/Selector/selectorMain/index.js +1 -1
- package/es/Selector/util.d.ts +1 -1
- package/es/Selector/util.js +6 -12
- package/es/Table/index.js +256 -253
- package/es/Table/interface.d.ts +24 -0
- package/es/Table/tableHead.js +1 -1
- package/es/Table/util.d.ts +1 -1
- package/es/Table/util.js +3 -12
- package/es/TextEditor/index.js +1 -1
- package/es/TextField/index.js +1 -1
- package/es/ToggleButton/index.js +1 -1
- package/es/Tree/OperateBar/index.js +1 -1
- package/es/Tree/Tree.js +3 -3
- package/es/Tree/interface.d.ts +1 -1
- package/es/Upload/util.js +1 -1
- package/es/Utils/snack-kit-shims.d.ts +18 -0
- package/es/Utils/snack-kit-shims.js +19 -0
- package/es/_virtual/index.js +5 -3
- package/es/_virtual/index2.js +2 -5
- package/es/node_modules/classnames/index.js +1 -1
- package/lib/Anchor/index.js +1 -1
- package/lib/Argv/dataGenerator/index.js +1 -1
- package/lib/Argv/index.js +1 -1
- package/lib/AutoBox/protal.js +1 -1
- package/lib/AutoTips/index.js +1 -1
- package/lib/Cascader/Cascader.js +1 -1
- package/lib/Cascader/OptionList/Column.js +1 -1
- package/lib/Cascader/OptionList/index.js +1 -1
- package/lib/CheckboxGroup/index.js +1 -1
- package/lib/CodeEditor/index.d.ts +1 -1
- package/lib/CodeEditor/index.js +1 -1
- package/lib/ComboSelect/index.js +1 -1
- package/lib/DatePicker/generatePicker/generateRangePicker.js +1 -1
- package/lib/DatePicker/generatePicker/generateSinglePicker.js +1 -1
- package/lib/Desktop/index.js +1 -1
- package/lib/Drawer/index.js +1 -1
- package/lib/Dropdown/index.js +1 -1
- package/lib/DynamicMultiBox/index.js +1 -1
- package/lib/FieldForm/FieldFormItem/ItemHolder.js +1 -1
- package/lib/FieldForm/FieldFormItem/StatusProvider.js +1 -1
- package/lib/FieldForm/Form.js +1 -1
- package/lib/FieldForm/FormItemInput.js +1 -1
- package/lib/FieldForm/FormItemLabel.js +1 -1
- package/lib/Form/index.js +1 -1
- package/lib/GlobalContext/confirmLocale.js +1 -1
- package/lib/GlobalContext/index.js +1 -1
- package/lib/Image/PreviewGroup.js +1 -1
- package/lib/Image/index.js +1 -1
- package/lib/InputLang/index.js +1 -1
- package/lib/Menu/verticalMenuList.js +1 -1
- package/lib/Modal/Confirm/index.js +1 -1
- package/lib/PageHeader/horizontalMeun.js +1 -1
- package/lib/PageHeader/horizontalMeunRight.js +1 -1
- package/lib/ParauiProvider/index.js +1 -1
- package/lib/QuickReply/QuickReplyCode/index.js +1 -1
- package/lib/RangeInput/index.js +1 -1
- package/lib/Select/index.js +1 -1
- package/lib/Selector/index.js +1 -1
- package/lib/Selector/interface.d.ts +1 -1
- package/lib/Selector/selectorData/index.js +1 -1
- package/lib/Selector/selectorMain/index.js +1 -1
- package/lib/Selector/util.d.ts +1 -1
- package/lib/Selector/util.js +1 -1
- package/lib/Table/index.js +1 -1
- package/lib/Table/interface.d.ts +24 -0
- package/lib/Table/tableHead.js +1 -1
- package/lib/Table/util.d.ts +1 -1
- package/lib/Table/util.js +1 -1
- package/lib/TextEditor/index.js +1 -1
- package/lib/TextField/index.js +1 -1
- package/lib/ToggleButton/index.js +1 -1
- package/lib/Tree/OperateBar/index.js +2 -2
- package/lib/Tree/Tree.js +1 -1
- package/lib/Tree/interface.d.ts +1 -1
- package/lib/Upload/util.js +1 -1
- package/lib/Utils/snack-kit-shims.d.ts +18 -0
- package/lib/Utils/snack-kit-shims.js +2 -0
- package/lib/_virtual/index.js +1 -1
- package/lib/_virtual/index2.js +1 -1
- package/lib/node_modules/classnames/index.js +1 -1
- package/package.json +3 -2
- package/es/_virtual/index3.js +0 -5
- package/es/_virtual/index4.js +0 -5
- package/es/node_modules/@para-snack/core/dist/index.js +0 -5231
- package/lib/_virtual/index3.js +0 -2
- package/lib/_virtual/index4.js +0 -2
- package/lib/node_modules/@para-snack/core/dist/index.js +0 -20
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),n=require("react"),K=require("../Button/index.js"),y=require("../Popover/index.js"),Q=require("../AutoTips/index.js"),X=require("../node_modules/@para-ui/icons/Down/index.js"),Y=require("../node_modules/@para-ui/icons/Right/index.js"),S=require("../GlobalContext/constant.js"),F=require("@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),n=require("react"),K=require("../Button/index.js"),y=require("../Popover/index.js"),Q=require("../AutoTips/index.js"),X=require("../node_modules/@para-ui/icons/Down/index.js"),Y=require("../node_modules/@para-ui/icons/Right/index.js"),S=require("../GlobalContext/constant.js"),F=require("@snack-kit/lib"),Z=g=>{const{icon:s,label:p,render:a,onClick:m,className:l}=g,r=t=>{m&&m(t)},x=()=>e.jsxRuntimeExports.jsx(K.Button,{startIcon:s,variant:"contained",onClick:r,size:"small",children:p}),c=()=>{let t="back-btn";return l&&(t+=` ${l}`),t};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a||e.jsxRuntimeExports.jsx("div",{className:c(),children:x()})})},ee=g=>{const{icon:s,label:p,render:a,onClick:m,className:l}=g,r=()=>{let x="help-btn";return l&&(x+=` ${l}`),x};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a||e.jsxRuntimeExports.jsxs("div",{className:r(),onClick:m,children:[s&&e.jsxRuntimeExports.jsx("span",{className:"icon",children:s}),p&&e.jsxRuntimeExports.jsx("span",{className:"label",children:p})]})})},se=g=>{const{language:s=[],selectLang:p="",onClick:a,className:m,render:l}=g,[r,x]=n.useState({}),[c,t]=n.useState({}),[E,R]=n.useState(!1);n.useEffect(()=>{const o=r[p]||{};t(o)},[p,r]),n.useEffect(()=>{const o={};for(let d=0,u=s.length;d<u;d++){const C=s[d];C.value&&(o[C.value]=C)}x(o)},[s]);const v=o=>()=>{a&&a(o.value,o),R(!1)},f=()=>{let o="language";return m&&(o+=` ${m}`),E&&(o+=" language-select"),o},_=o=>{R(o)},b=()=>{const o=d=>{let u="menu-popover-item";return d.value===c.value&&(u+=" menu-popover-item-select"),u};return e.jsxRuntimeExports.jsx("div",{className:"menu-popover-box",children:s.map((d,u)=>e.jsxRuntimeExports.jsxs("div",{className:o(d),onClick:v(d),children:[d.icon&&e.jsxRuntimeExports.jsx("span",{className:"icon",children:d.icon}),d.label&&e.jsxRuntimeExports.jsx("span",{className:"label",style:{marginLeft:"5px"},children:d.label})]},u))})},N=()=>{const o=()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c.icon&&e.jsxRuntimeExports.jsx("span",{className:"language-item-icon",children:c.icon}),c.label&&e.jsxRuntimeExports.jsx("span",{className:"language-item-label",children:c.label})]});return e.jsxRuntimeExports.jsx(y.Popover,{trigger:"hover",visible:E,placement:"bottom-start",content:b(),overlayClassName:`${S.$prefixCls}-horizontal-meun-right-popover`,onVisibleChange:_,children:e.jsxRuntimeExports.jsx("div",{className:"language-item",children:o()})})};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l||e.jsxRuntimeExports.jsx("div",{className:f(),children:N()})})},te=g=>{const{list:s=[],render:p,className:a,onClick:m}=g,l=()=>{let c="btn-list";return a&&(c+=` ${a}`),c},r=c=>t=>{m&&m(c,t)},x=n.useMemo(()=>{const c=t=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.icon&&e.jsxRuntimeExports.jsx("span",{className:"btn-list-item-icon",children:t.icon}),t.label&&e.jsxRuntimeExports.jsx("span",{className:"btn-list-item-label",children:t.label})]});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s.map((t,E)=>{let R="btn-list-item";return t.sign&&(R+=" btn-list-item-sign"),e.jsxRuntimeExports.jsx("div",{className:R,onClick:r(t),children:c(t)},E)})})},[s]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p||e.jsxRuntimeExports.jsx("div",{className:l(),children:x})})},q=g=>{const{item:s,selectValue:p,selectId:a,clickUserItem:m,hoverId:l,showDialog:r,idMapLast:x,onMouseEnter:c,onMouseLeave:t}=g,[E,R]=n.useState(!1),[v,f]=n.useState("");n.useEffect(()=>(r===!1&&R(!1),()=>{f("")}),[r]);const _=u=>{f(u._paraui_menu_id||"")},b=()=>{},N=()=>{let u="menu-popover-item";return l===s._paraui_menu_id&&(u+=" menu-popover-item-hover"),s._paraui_menu_id&&x[l]&&x[l].indexOf(s._paraui_menu_id)!==-1&&(u+=" menu-popover-item-hover"),s._paraui_menu_id&&x[a]&&x[a].indexOf(s._paraui_menu_id)!==-1&&(u+=" menu-popover-item-select"),u},o=()=>{if(s.children&&s.children.length>0)return e.jsxRuntimeExports.jsx("div",{className:"menu-popover-box",children:s.children&&s.children.map((u,C)=>e.jsxRuntimeExports.jsx(q,{item:u,selectValue:p,clickUserItem:m,onMouseEnter:()=>_(u),onMouseLeave:b,hoverId:v,showDialog:r,selectId:a,idMapLast:x},C))})},d=u=>{R(u),u||f("")};return e.jsxRuntimeExports.jsx(y.Popover,{visible:E,trigger:"hover",placement:"left-start",content:o(),onVisibleChange:d,overlayClassName:`${S.$prefixCls}-horizontal-meun-right-popover ${S.$prefixCls}-horizontal-meun-right-popover-children`,children:e.jsxRuntimeExports.jsxs("div",{className:N(),onClick:m(s),onMouseEnter:c,onMouseLeave:t,children:[s.icon&&e.jsxRuntimeExports.jsx("span",{className:"icon",style:{marginRight:"5px"},children:s.icon}),s.label&&e.jsxRuntimeExports.jsx("span",{className:"label",children:e.jsxRuntimeExports.jsx(Q.default,{children:s.label})}),s.children&&s.children.length>0&&e.jsxRuntimeExports.jsx("span",{className:"icon icon-right",children:e.jsxRuntimeExports.jsx(Y.Right,{})})]})})},ne=g=>{const{img:s,imgRender:p,label:a,render:m,className:l,list:r,onClick:x,onClickMenu:c,selectValue:t}=g,[E,R]=n.useState([]),[v,f]=n.useState(""),[_,b]=n.useState(!1),[N,o]=n.useState(""),[d,u]=n.useState({}),[C]=n.useState({}),L=n.useRef(null),I=n.useRef({listJson:{}});n.useEffect(()=>()=>{clearTimeout(C.timer)},[]),n.useEffect(()=>{J()},[r]),n.useEffect(()=>{const i=Object.keys(I.current.listJson);for(let h=0,M=i.length;h<M;h++){const k=I.current.listJson[i[h]];if(k.value===t){f(k._paraui_menu_id||"");break}}},[t,r]);const J=()=>{const i={},h={},M={},k=(D,$)=>{for(let P=0,G=D.length;P<G;P++){const j=D[P];if(j._paraui_menu_id=`_paraui_menu_id_${F.UUID()}`,i[j._paraui_menu_id]=j,$&&$._paraui_menu_id){const w=F.DeepClone(h[$._paraui_menu_id]||[]);w.push(j._paraui_menu_id),h[j._paraui_menu_id]=[...w]}else h[j._paraui_menu_id]=[j._paraui_menu_id],j._paraui_menu_first=!0;j.children&&j.children.length>0?k(j.children,j):M[j._paraui_menu_id]=h[j._paraui_menu_id]}};k(r||[]),I.current.listJson=i,R([...r||[]]),u(M)},B=i=>{x&&x(i)},U=i=>()=>{i.children&&i.children.length>0||(c&&c(i.value,i),b(!1),o(""))},H=i=>{o(i._paraui_menu_id||"")},V=()=>{},O=i=>{b(i),i||o("")},T=()=>{if(E.length===0)return null;const i=()=>{const h={};return L&&L.current&&(h.minWidth=`${L.current.getBoundingClientRect().width}px`),h};return e.jsxRuntimeExports.jsx("div",{className:"menu-popover-box",style:i(),children:E&&E.map((h,M)=>e.jsxRuntimeExports.jsx(q,{item:h,selectValue:t,clickUserItem:U,onMouseEnter:()=>H(h),onMouseLeave:V,hoverId:N,showDialog:_,selectId:v,idMapLast:d},M))})},W=()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[p||s&&e.jsxRuntimeExports.jsx("img",{src:s,alt:""}),a&&e.jsxRuntimeExports.jsx("span",{className:"label",style:{marginLeft:"12px"},children:a}),r&&r.length>0&&e.jsxRuntimeExports.jsx("span",{className:"arrow",children:e.jsxRuntimeExports.jsx(X.Down,{})})]}),A=()=>{let i="logo";return l&&(i+=` ${l}`),_&&(i+=" logo-show-dialog"),i};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:m||e.jsxRuntimeExports.jsx(y.Popover,{trigger:"hover",visible:_,placement:"bottom-start",content:T(),overlayClassName:`${S.$prefixCls}-horizontal-meun-right-popover`,onVisibleChange:O,children:e.jsxRuntimeExports.jsx("div",{className:A(),onClick:B,ref:L,children:W()})})})},z=g=>{const{className:s="",backSelfcareProps:p,languageProps:a,btnListProps:m,userProps:l,helpProps:r,render:x}=g,c=()=>{let _="horizontal-meun-right";return s&&(_+=` ${s}`),_},t=n.useMemo(()=>p&&e.jsxRuntimeExports.jsx(Z,{...p}),[p]),E=n.useMemo(()=>r&&e.jsxRuntimeExports.jsx(ee,{...r}),[r]),R=n.useMemo(()=>a&&e.jsxRuntimeExports.jsx(se,{...a}),[a]),v=n.useMemo(()=>m&&e.jsxRuntimeExports.jsx(te,{...m}),[m]),f=n.useMemo(()=>l&&e.jsxRuntimeExports.jsx(ne,{...l}),[l]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:x||e.jsxRuntimeExports.jsxs("div",{className:c(),children:[t,E,R,v,f]})})};exports.HorizontalMeunRight=z;exports.default=z;
|
|
2
2
|
//# sourceMappingURL=horizontalMeunRight.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../Styles/index.css');const s=require("../_virtual/jsx-runtime.js"),d=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../Styles/index.css');const s=require("../_virtual/jsx-runtime.js"),d=require("react"),f=require("../GlobalContext/index.js"),l=require("../Utils/snack-kit-shims.js"),m=require("../GlobalContext/intl.js");;/* empty css */const q=require("../GlobalContext/confirmLocale.js"),u=e=>{const o=(a,c)=>(n,i)=>{const t=e.language||l.GetLanguage(),r=(e.locale||{})[t]||{},g={[t]:r[a]||{}};return m.i18nIntl({ops:n,i18nData:g,lang:t,params:i,defI18nData:c})};return d.useEffect(()=>{const a=e.language||l.GetLanguage(),n=(e.locale||{})[a]||{};q.changeConfirmLocale?.(n,a)},[e.language,e.locale]),s.jsxRuntimeExports.jsx(f.default.Provider,{value:{...e,language:e.language||l.GetLanguage(),intlFormat:o},children:e.children})};exports.ParauiProvider=u;exports.default=u;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),b=require("react"),oe=require("clsx"),d=require("../../GlobalContext/constant.js"),le=require("react-sortablejs"),x=require("../../Button/index.js"),ce=require("../../Checkbox/index.js"),ue=require("../../TextField/index.js"),H=require("../../PopConfirm/index.js"),de=require("../../Empty/index.js"),ae=require("../../AutoTips/index.js"),xe=require("../../node_modules/@para-ui/icons/Plus/index.js"),pe=require("../../node_modules/@para-ui/icons/Drag/index.js"),me=require("../../node_modules/@para-ui/icons/Delete/index.js"),je=require("../../node_modules/@para-ui/icons/EditOutline/index.js"),K=require("@snack-kit/lib"),he=require("../../GlobalContext/useFormatMessage.js"),fe=require("../lang/index.js");;/* empty css */const z=U=>{const{rowKey:n="id",labelKey:v="label",valueKey:$="label",limitLength:w,className:M,style:Q,list:i,add:N=!0,edit:B=!0,del:j=!0,sort:h=!0,width:R=440,minHeight:k=200,maxHeight:C=320,placeholder:A,onChange:c,onSelect:P,onShowDelete:u}=U,r=he.default("QuickReply",fe.default),[a,E]=b.useState({}),[s,f]=b.useState(),[l,S]=b.useState({}),[y,q]=b.useState(),D=b.useRef({uuid:K.UUID()}),L=()=>{E({[n]:K.UUID(),[v]:"",[$]:""}),f("add")},J=e=>()=>{E({...e}),f("edit")},T=()=>{f(void 0),S({}),E({})},G=()=>{f("sort")},_=()=>{if(s==="del"){u&&u(!0),q(D.current.uuid);return}f("del")},W=e=>{if(!s){P&&P(e);return}s!=="del"||y||(l[e[n]]?delete l[e[n]]:l[e[n]]=!0,S({...l}))},X=e=>o=>{o.stopPropagation(),u&&u(!0),q(e[n])},O=e=>{let o={};e&&(o[e[n]]=!0),D.current.uuid===y&&(o={...l});const p=[];i?.forEach(g=>{const m=g[n];delete l[m],o[m]||p.push(g)}),c&&c(p),u&&u(!1),q(void 0),S({...l})},F=()=>{u&&u(!1),q(void 0)},Y=e=>{a[v]=e.target.value,a[$]=e.target.value,E({...a})},Z=()=>{if(s==="add")c&&c([a,...i||[]]);else{const e=[];i?.forEach(o=>{o[n]===a[n]?e.push(a):e.push(o)}),c&&c(e)}T()},V=()=>!N&&!h&&!j?null:t.jsxRuntimeExports.jsxs("div",{className:"quick-reply-code-top",children:[N&&t.jsxRuntimeExports.jsx("div",{className:"add-box",children:t.jsxRuntimeExports.jsx(x.Button,{variant:"text",startIcon:t.jsxRuntimeExports.jsx(xe.Plus,{}),onClick:L,children:r("add")})}),t.jsxRuntimeExports.jsxs("div",{className:"sort-del-box",children:[(s==="del"||s==="sort")&&t.jsxRuntimeExports.jsx(x.Button,{variant:"text",className:"back-btn",onClick:T,children:r("back")}),h&&s!=="sort"&&s!=="del"&&t.jsxRuntimeExports.jsx(x.Button,{variant:"text",className:"sort-btn",onClick:G,disabled:!i||i?.length===0,children:r("sort")}),j&&s!=="sort"&&t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s==="del"?t.jsxRuntimeExports.jsx(H.PopConfirm,{title:r("del"),content:r("delTip"),controllable:!0,open:D.current.uuid===y,getPopupContainer:()=>document.body,placement:"bottom-end",onOk:O,onCancel:F,children:t.jsxRuntimeExports.jsx(x.Button,{disabled:JSON.stringify(l)==="{}",variant:"text",className:"del-btn",onClick:_,children:r("batchDel")})}):t.jsxRuntimeExports.jsx(x.Button,{variant:"text",className:"del-btn",disabled:!i||i?.length===0,onClick:_,children:r("del")})})]})]}),ee=e=>s==="del"?t.jsxRuntimeExports.jsx(H.PopConfirm,{title:r("del"),content:r("delTip"),controllable:!0,open:e[n]===y,placement:"bottom-end",onOk:()=>O(e),onCancel:F,getPopupContainer:()=>document.body,children:t.jsxRuntimeExports.jsx(me.Delete,{onClick:X(e)})}):s==="sort"?t.jsxRuntimeExports.jsx(pe.Drag,{className:"sort-icon"}):B?t.jsxRuntimeExports.jsx(je.EditOutline,{onClick:J(e)}):null,I=()=>!i||i?.length===0?t.jsxRuntimeExports.jsx("div",{className:"list-empty",children:t.jsxRuntimeExports.jsx(de.default,{size:"small"})}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:i?.map(e=>t.jsxRuntimeExports.jsxs("div",{className:"info-item",onClick:()=>W(e),children:[s==="del"&&t.jsxRuntimeExports.jsx(ce.Checkbox,{className:"info-item-checkbox",checked:l[e[n]]||!1}),t.jsxRuntimeExports.jsx("div",{className:"label-box",children:t.jsxRuntimeExports.jsx(ae.default,{placement:"top-start",children:e[v]})}),ee(e)]},e[n]))}),te=e=>{const o=[];for(let p=0,g=e.length;p<g;p++){const m=e[p];delete m.chosen,delete m.selected,o.push(m)}c&&c(o)},se=()=>h?t.jsxRuntimeExports.jsx(le.ReactSortable,{id:n,list:i||[],handle:".sort-icon",animation:150,setList:te,className:`quick-reply-code-bottom-scroll ${d.$prefixCls}-scrollbar-small`,children:I()}):t.jsxRuntimeExports.jsx("div",{className:"quick-reply-code-bottom-scroll",children:I()}),ne=()=>{if(!(s!=="add"&&s!=="edit"))return t.jsxRuntimeExports.jsxs("div",{className:"edit-box",children:[t.jsxRuntimeExports.jsx(ue.TextField,{multiline:!0,className:"text-input",placeholder:A||r("pleaseEnter"),resize:!1,hideErrorDom:!0,limitLength:w,value:a[$],onChange:Y}),t.jsxRuntimeExports.jsxs("div",{className:"edit-footer",children:[t.jsxRuntimeExports.jsx(x.Button,{variant:"outlined",size:"small",onClick:T,children:r("cancel")}),t.jsxRuntimeExports.jsx(x.Button,{size:"small",onClick:Z,children:r("confirm")})]})]})},re=()=>{const e={...Q};return R&&(e.width=typeof R=="number"?`${R}px`:R),k&&(e.minHeight=typeof k=="number"?`${k}px`:k),C&&(e.maxHeight=typeof C=="number"?`${C}px`:C),e},ie=()=>!!(j&&h||j&&s==="del");return t.jsxRuntimeExports.jsxs("div",{className:oe(`${d.$prefixCls}-quick-reply-code`,`${d.$prefixCls}-scrollbar-small`,M,{[`${d.$prefixCls}-quick-reply-code-add`]:N,[`${d.$prefixCls}-quick-reply-code-edit`]:B,[`${d.$prefixCls}-quick-reply-code-del`]:j,[`${d.$prefixCls}-quick-reply-code-sort`]:h,[`${d.$prefixCls}-quick-reply-code-line`]:ie()}),style:re(),children:[V(),t.jsxRuntimeExports.jsx("div",{className:"quick-reply-code-bottom",children:se()}),ne()]})};exports.QuickReplyCode=z;exports.default=z;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/RangeInput/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),t=require("react"),i=require("../GlobalContext/constant.js"),Z=require("../Label/index.js"),M=require("../InputNumber/index.js"),B=require("../HelperText/index.js"),ee=require("clsx"),ne=require("../Tooltip/index.js"),re=require("@snack-kit/lib");;/* empty css */function V(u){const{className:P,style:W,label:H,labelTooltip:z,size:L="large",required:O=!1,disabled:l=!1,disabledTooltip:o,warningMessage:g,warnTime:k=2e3,defaultValue:te,value:h,error:j=!1,hideErrorDom:E,helperText:G="",separator:J="~",unit:v,placeholder:c,clearable:se=!1,onFocus:C,onBlur:w,onEnter:T,onChange:d,otherProps:f}=u,[m,p]=t.useState([null,null]),[K,I]=t.useState(!1),[Q,q]=t.useState(!1),e=t.useRef({timer:null,swapRafId:null}),$=t.useRef(null);t.useEffect(()=>{u.defaultValue!==void 0&&p(u.defaultValue)},[]),t.useEffect(()=>{h!==void 0&&p(h)},[h]),t.useEffect(()=>()=>{e.current.swapRafId!==null&&(cancelAnimationFrame(e.current.swapRafId),e.current.swapRafId=null),e.current.timer!==null&&(clearTimeout(e.current.timer),e.current.timer=null)},[]);const N=n=>c&&c instanceof Array?c[n]:c,x=n=>l&&l instanceof Array?l[n]:l,F=n=>s=>{I(!0),C&&C(s,n)},A=n=>s=>{I(!1),w&&w(s,n),e.current.swapRafId!==null&&cancelAnimationFrame(e.current.swapRafId),e.current.swapRafId=requestAnimationFrame(()=>{e.current.swapRafId=null;const a=$.current;if(a&&a.contains(document.activeElement))return;const[R,b]=m;if(R!==null&&b!==null&&R>b){const y=[b,R];u.value===void 0&&p(y),d&&d(y,-1),g&&U()}})},U=()=>{clearTimeout(e.current.timer),q(!0),e.current.timer=setTimeout(()=>{q(!1)},k)},D=n=>s=>{T&&T(s,n)},S=n=>s=>{const a=re.DeepClone(m);a[n]=s,u.value===void 0&&p(a),d&&d(a,n)},_=()=>r.jsxRuntimeExports.jsxs("div",{className:"range-input-content",children:[r.jsxRuntimeExports.jsx(M.InputNumber,{...f&&f[0],clearable:!0,btnMode:"none",hideErrorDom:!0,placeholder:N(0),disabled:x(0),disabledTooltip:o?.[0],value:m[0],onFocus:F(0),onBlur:A(0),onEnter:D(0),onChange:S(0)}),r.jsxRuntimeExports.jsx("span",{className:"separator",children:J}),r.jsxRuntimeExports.jsx(M.InputNumber,{...f&&f[1],clearable:!0,btnMode:"none",hideErrorDom:!0,placeholder:N(1),disabled:x(1),disabledTooltip:o?.[1],value:m[1],onFocus:F(1),onBlur:A(1),onEnter:D(1),onChange:S(1)}),v&&r.jsxRuntimeExports.jsx("span",{className:"unit",children:v})]}),X=()=>o&&!(o instanceof Array)?r.jsxRuntimeExports.jsx(ne.Tooltip,{disabled:!0,...o,children:_()}):_(),Y=()=>Q?r.jsxRuntimeExports.jsx(B.default,{className:"range-input-warning-text",helperText:g,hideErrorDom:E}):r.jsxRuntimeExports.jsx(B.default,{className:"range-input-error-text",error:j,helperText:G,hideErrorDom:E});return r.jsxRuntimeExports.jsxs("div",{ref:$,className:ee(P,`${i.$prefixCls}-range-input`,`${i.$prefixCls}-range-input-${L}`,{[`${i.$prefixCls}-range-input-focus`]:K,[`${i.$prefixCls}-range-input-disabled`]:l===!0||x(0)&&x(1),[`${i.$prefixCls}-range-input-error`]:j}),style:W,children:[r.jsxRuntimeExports.jsx(Z.default,{label:H,required:O,...z}),X(),Y()]})}exports.RangeInput=V;exports.default=V;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/Select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),c=require("react"),wt=require("../Empty/index.js"),$t=require("../Label/index.js"),kt=require("../Dropdown/index.js"),oe=require("@paraview/lib"),bt=require("../GlobalContext/index.js"),Qe=require("../node_modules/@para-ui/icons/Close/index.js"),Nt=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),Mt=require("../node_modules/@para-ui/icons/Down/index.js"),qt=require("../node_modules/@para-ui/icons/Check/index.js"),Dt=require("../GlobalContext/useFormatMessage.js"),Tt=require("./lang/index.js"),pe=require("../AutoTips/index.js"),Lt=require("../Loading/index.js"),Ot=require("../Popover/index.js"),Pt=require("../Search/index.js"),Ft=require("../Tooltip/index.js"),It=require("../HelperText/index.js"),Vt=require("../Hooks/useGlobalProps.js"),h=require("../GlobalContext/constant.js");;/* empty css */const g=(q,f)=>q[f],zt=(q,f,N)=>{q[f]=N},_t=(q,f,N)=>{const C=document.createElement("span");C.id="referenceSpan";const R={width:0,height:0};R.width=C.offsetWidth,R.height=C.offsetHeight,C.style.visibility="hidden",C.style.fontSize=q,C.style.fontFamily=f,C.style.display="inline-block";const z=document.getElementById("referenceSpan");return z&&document.body.removeChild(z),document.body.appendChild(C),typeof C.textContent<"u"?C.textContent=N:C.innerText=N,R.width=parseFloat(window.getComputedStyle(C).width)-R.width,R.height=parseFloat(window.getComputedStyle(C).height)-R.height,document.body.removeChild(C),R},Xe=(q,f)=>{const N=c.useRef(!1);c.useEffect(()=>{N.current?q():N.current=!0},f)};function Ht(q){const f=q,{className:N,style:C,showSelect:R=!0,allowClear:z=!1,emptyProps:ne,size:_="large",labelMode:J="outside",labelTooltip:W,placeholder:le="",searchPlaceholder:Ee,label:H="",input:O=!1,disabled:m=!1,disabledTooltip:ye,multiple:p=!1,required:B=!1,labelSign:P,error:Se=!1,hideErrorDom:Ye,helperText:Ze="",list:re,showName:k="label",showValue:b="value",childrenName:Q="children",value:$,onChange:v,overLine:Re=!1,search:F=!1,searchModel:E="inside",selectPopoverClassName:we,morePopoverClassName:$e,fetchSuggestions:ke,searchInputProps:j,onEnter:K,onEnterInput:be,onClear:de,getPopupContainer:et,renderContent:w,selectCheckIcon:me=!0,blurChangeValueBol:ie=!1}=Vt.default(f,"Select"),fe=(e=[])=>{const s=[];for(let t=0,l=e.length;t<l;t++){const n=e[t];if(typeof n=="object"&&n!==null)s.push(n);else{const u={[k]:n,[b]:n};s.push(u)}}return s},tt=()=>{let e=[];return f.defaultValue!==void 0&&(p?e=oe.DeepClone(f.defaultValue||[]):e=f.defaultValue===""?[]:[f.defaultValue]),$!==void 0&&(p?e=oe.DeepClone($||[]):e=$===""?[]:[$]),e},Ne=()=>{const e=fe(re),s={};for(let t=0,l=e.length;t<l;t++){const n=e[t],u=g(n,Q);if(u&&u.length>0){const a=u;for(let S=0,x=a.length;S<x;S++){const T=a[S],L=String(g(T,b));s[L]=T}}else{const a=String(g(n,b));s[a]=n}}return s},A=c.useRef(null),[Me]=c.useState(`${h.$prefixCls}-select-${oe.UUID()}`),[X]=c.useState(`select-popover-${oe.UUID()}`),[I,Y]=c.useState(!1),[Z,xe]=c.useState(!1),[r,M]=c.useState(tt()),[U,st]=c.useState([]),[y,ot]=c.useState(Ne()),[D,he]=c.useState(null),[ve,qe]=c.useState(!1),[d,G]=c.useState(""),[V,De]=c.useState(!1),[ee,ce]=c.useState(!1),[je,nt]=c.useState(!1),te=c.useRef(null),[i]=c.useState({valueCom:[],listCom:[],searchModel:"inside",openMore:!1}),{language:Te,locale:Le}=c.useContext(bt.default),Oe=Dt.default("Select",Tt.default);i.valueCom=[...r],i.listCom=U,i.searchModel=E,i.openMore=ve,c.useEffect(()=>()=>{clearTimeout(i.searchTimer),clearTimeout(i.timer),clearTimeout(i.scrollTimer),clearTimeout(i.dropDownTimer)},[]),Xe(()=>{if($===void 0){M([]);return}M(p?oe.DeepClone($||[]):$===""?[]:[$])},[$,p]),c.useEffect(()=>{ae()},[r,$]),c.useEffect(()=>{if(E==="outside"&&p)return De(!0);De(Re)},[Re,E,p,O]),Xe(()=>{ot(Ne())},[re]),c.useEffect(()=>(!V&&p?window.addEventListener("resize",ae):window.removeEventListener("resize",ae),()=>{window.removeEventListener("resize",ae)}),[V,p]),c.useEffect(()=>{r&&r.length>0?xe(!0):(xe(!1),E==="outside"&&xe(d!==""))},[F,d,E,r,O]),c.useEffect(()=>{if(I)if(ce(!0),ke)ke(d,e=>{const s=fe(e);Fe(s,!0),ce(!1)});else{const e=fe(re);Fe(e),ce(!1)}},[F,d,re,I]),c.useEffect(()=>(I?(clearTimeout(i.openTimer),i.openTimer=setTimeout(()=>{Ie(),window.addEventListener("keydown",Ce)})):(G(""),window.removeEventListener("keydown",Ce)),()=>{clearTimeout(i.openTimer),window.removeEventListener("keydown",Ce)}),[I]),c.useEffect(()=>{m!==!0&&p&&E==="outside"&&ft(d)},[d,p,m,E,O]);const Pe=e=>{if(e===null||e===0)return;e===void 0&&(e=i.valueCom.length);const s=document.querySelector(`.${Me} > .select-content > .check-select-content`);if(s)if(s.scrollHeight>s.clientHeight){const t=Number(e)-1;he(t),Pe(t)}else i.valueCom.length<=e&&_e()},ae=()=>{if(i.valueCom.length===0)return he(null);clearTimeout(i.timer),i.timer=setTimeout(()=>{he(i.valueCom.length),Pe()},50)},Fe=(e,s)=>{const t=[],l=[...e];for(let n=0,u=l.length;n<u;n++){const a={...l[n]},S=g(a,Q);if(S&&S.length>0){const x=S,T=[];for(let L=0,se=x.length;L<se;L++){const ge=x[L];(s||ze(ge))&&T.push(ge)}T.length>0&&(zt(a,Q,T),t.push(a))}else(s||ze(a))&&t.push(a)}st(t),ce(!1),nt(t.length===0)},Ie=()=>{const e=te&&te.current;i.searchModel!=="inside"&&e&&e.focus({preventScroll:!0})},Ve=(e,s)=>{let t=e;const l=t&&(t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector);if(!l)return null;for(;t&&!l.call(t,s);)t=t.parentElement;return t},ze=e=>{let s=!0;if(d.trim()==="")return s;const t=g(e,k);return t&&(typeof t=="number"||typeof t=="string")?t.toString().toLowerCase().indexOf(d.trim().toLowerCase())===-1&&(s=!1):s=!1,s},lt=()=>{m!==!0&&Y(!0)},rt=()=>{Y(!1)},it=e=>{qe(!0),Y(!1),e.stopPropagation()},_e=()=>{i.openMore&&qe(!1)},ue=(e,s)=>t=>{const l=g(e,b);if(!(typeof m=="object"&&m.indexOf(l)!==-1))if(p){const n=i.valueCom.indexOf(l);n!==-1?i.valueCom.splice(n,1):i.valueCom.push(l),f.value===void 0&&M([...i.valueCom]),v&&v([...i.valueCom],t),s&&K&&K([...i.valueCom]),Ie()}else f.value===void 0&&M([l]),v&&v(l,t),s&&K&&K(l),rt(),G("")},He=(e,s)=>t=>{e||(e={[b]:s,children:[]}),ue(e)(t),t.stopPropagation()},ct=()=>{let e=`${h.$prefixCls}-select`;return p&&!V&&(e+=` ${Me}`),N&&(e+=` ${N}`),_&&(e+=` ${h.$prefixCls}-select-${_}`),Se&&(e+=` ${h.$prefixCls}-select-error`),m===!0&&(e+=` ${h.$prefixCls}-select-disabled`),I&&(e+=` ${h.$prefixCls}-select-open`),p&&(e+=` ${h.$prefixCls}-select-multiple`),V&&(e+=` ${h.$prefixCls}-select-over-line`),R&&(e+=` ${h.$prefixCls}-select-show-select`),r.length>0&&(e+=` ${h.$prefixCls}-select-value`),z&&(e+=` ${h.$prefixCls}-select-allow-clear`),e},at=()=>{let e=`${h.$prefixCls}-select-popover ${h.$prefixCls}-scrollbar-small`;return _&&(e+=` ${h.$prefixCls}-select-popover-${_}`),p?e+=` ${h.$prefixCls}-select-popover-multiple`:e+=` ${h.$prefixCls}-select-popover-radio`,we&&(e+=` ${we}`),R||(e+=` ${h.$prefixCls}-select-popover-hide`),e},ut=()=>{let e=`${h.$prefixCls}-select-more-popover ${h.$prefixCls}-scrollbar-small`;return _&&(e+=` ${h.$prefixCls}-select-more-popover-${_}`),$e&&(e+=` ${$e}`),e},pt=e=>{G(e.target.value),j&&j.onChange&&j.onChange(e)},dt=(e,s)=>{G(e),s&&j?.onChange&&j.onChange(s)},Be=e=>{if(e.keyCode===13){be&&be(d);const s=document.querySelector(`.${X} .select-popover-list`);if(s){const t=s.querySelector(".select-popover-list-item-hover");if(s.querySelector(".select-popover-list-item-keydown")||t)return}if(f.input&&d.trim()!==""){if(p){const t=[...r,d];f.value===void 0&&M(t),v&&v(t,e)}else f.value===void 0&&M([d]),v&&v(d,e);G("")}}j&&j.onKeyDown&&j.onKeyDown(e)},mt=e=>{if(f.input&&ie&&d.trim()!==""){if(p){const s=[...r,d];f.value===void 0&&M(s),v&&v(s,e)}else f.value===void 0&&M([d]),v&&v(d,e);G("")}i.inputOpen=!1,j&&j.onBlur?.(e)},ft=e=>{const s=te&&te.current;if(!s)return null;const t=window.getComputedStyle(s),l=t.fontFamily,n=t.fontSize;let a=_t(n,l,e).width;a<10&&(a=10),s.style.width=`${a}px`},Ke=e=>{const{selectDom:s,keyCode:t,currentKeydownDom:l}=e;let n=null,u="nextElementSibling",a=".select-popover-list > div",S=".select-popover-list-item";if(t===38&&(u="previousElementSibling",a=".select-popover-list > div:last-child",S=".select-popover-list-item:last-child"),!l)n=s.querySelector(a);else if(n=l[u],n){if(n.className.indexOf("select-popover-list-group-label")!==-1){const x=l.parentElement;x&&(n=x[u],n||(n=s.querySelector(a)))}}else{const x=l.parentElement;x&&x.className&&x.className.indexOf("select-popover-list-group")!==-1?(n=x[u],n||(n=s.querySelector(a))):n=s.querySelector(a)}if(n)if(n.className.indexOf("select-popover-list-group")!==-1){const x=n.querySelector(S);x&&(x.classList.add("select-popover-list-item-keydown"),Ae(x,s))}else n.classList.add("select-popover-list-item-keydown"),Ae(n,s)},Ae=(e,s)=>{clearTimeout(i.scrollTimer);const t=s.clientHeight,n=e.offsetTop+e.clientHeight-t;i.scroll=!0,n>0?s.scrollTop=n:s.scrollTop=0,i.scrollTimer=setTimeout(()=>{i.scroll=!1},100)},Ce=e=>{const s=document.querySelector(`.${X} .select-popover-list`);if(!s)return;const t=s.querySelector(".select-popover-list-item-select"),l=s.querySelector(".select-popover-list-item-hover"),n=s.querySelector(".select-popover-list-item-keydown");let u=t;if(l&&(u=l),e.keyCode===13){const a=n||l;if(a){const S=a.dataset.val;ue(y[S],!0)({target:n})}else K&&$!==void 0&&K($)}n&&(u=n,n.classList.remove("select-popover-list-item-keydown")),e.keyCode===40&&Ke({selectDom:s,keyCode:e.keyCode,currentKeydownDom:u}),e.keyCode===38&&Ke({selectDom:s,keyCode:e.keyCode,currentKeydownDom:u})},Ue=e=>{if(i.scroll)return;const s=Ve(e.target,".select-popover-list-item");if(!s)return;s.classList.add("select-popover-list-item-hover");const t=document.querySelector(`.${X}`);if(!t)return;const l=t.querySelector(".select-popover-list-item-keydown");l&&l.classList.remove("select-popover-list-item-keydown")},Ge=e=>{const s=Ve(e.target,".select-popover-list-item");s&&s.classList.remove("select-popover-list-item-hover")},xt=c.useMemo(()=>{const e=!!(H||B||P),s=()=>{let t="select-label";return W&&W.className&&(t+=` ${W.className}`),t};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:J==="outside"&&e&&o.jsxRuntimeExports.jsx($t.default,{label:H,required:B,labelSign:P,...W,className:s()})})},[J,H,P,B,W]),ht=c.useMemo(()=>{const e=()=>J==="outside"?le:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[H||le,B&&o.jsxRuntimeExports.jsx("span",{className:"select-required",children:"*"}),P&&o.jsxRuntimeExports.jsx("span",{children:P})]});return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!Z&&o.jsxRuntimeExports.jsx("span",{className:"select-label-placeholder",children:e()})})},[Z,J,le,H,P,B]),Je=e=>{if(m===!0)return null;const s=`${e}-search-outside`;return E==="outside"?o.jsxRuntimeExports.jsx("input",{...j,onClick:t=>{i.inputOpen=!0,j&&j.onClick?.(t)},onBlur:mt,className:s,value:d,onChange:pt,onKeyDown:Be,ref:te}):null},vt=c.useMemo(()=>{const e=()=>{if(d!==""&&(E==="outside"||O))return null;const s=String(r[0]),t=y[s]&&g(y[s],k)||r[0],l=w&&w(y[s],!1);return V?l||t:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:l||t})};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!p&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"radio-select-content",children:e()}),Je("radio")]})})},[p,Z,V,y,r,k,F,E,d,m,O,j,w,ie]),jt=c.useMemo(()=>{const e=s=>{const t=String(r[s]),l=y[t]&&g(y[t],k)||r[s];return w&&w(y[t],!1)||l};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:p&&o.jsxRuntimeExports.jsxs("div",{className:"check-select-content",children:[r&&r.map((s,t)=>{if(D!==null&&D<=t)return null;let l=!0;(m===!0||typeof m=="object"&&m.indexOf(r[t])!==-1)&&(l=!1);let n="check-select-content-item check-select-content-item-select";return l||(n+=" check-select-content-item-noclose"),o.jsxRuntimeExports.jsxs("div",{className:n,children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Qe.Close,{onClick:He(y[String(r[t])],r[t])})]},t)}),(()=>{if(D!==null&&r.length>D)return o.jsxRuntimeExports.jsx("div",{className:"check-select-content-item check-select-content-item-more",onClick:it,children:o.jsxRuntimeExports.jsxs("span",{children:["+",r.length-D]})})})(),Je("check")]})})},[p,Z,r,D,y,m,v,d,F,E,O,j,w,ie]),Ct=e=>{e.stopPropagation();const s=[];let t;if(p&&(t=[],m instanceof Array))for(let l=0,n=r.length;l<n;l++){const u=r[l];m.indexOf(u)!==-1&&(t.push(u),s.push(u))}f.value===void 0&&M(s),v&&v(t,e),Y(!1),de&&de()},gt=()=>{if(r.length>0&&m!==!0&&z)return o.jsxRuntimeExports.jsx("span",{className:"clean-up-icon",onClick:Ct,children:o.jsxRuntimeExports.jsx(Nt.CloseCircleF,{})})},Et=()=>{const e=s=>{const t=String(r[s]),l=y[t]&&g(y[t],k)||r[s];return w&&w(y[t],"more")||l};return o.jsxRuntimeExports.jsxs("div",{className:"select-more",children:[o.jsxRuntimeExports.jsx("div",{className:"select-more-title",children:o.jsxRuntimeExports.jsx("span",{children:Oe({id:"more"})})}),o.jsxRuntimeExports.jsx("div",{className:"select-more-content",children:r&&r.map((s,t)=>{if(D!==null&&D>t)return null;let l=!0;return(m===!0||typeof m=="object"&&m.indexOf(r[t])!==-1)&&(l=!1),o.jsxRuntimeExports.jsxs("div",{className:"select-more-content-item",children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Qe.Close,{onClick:He(y[String(r[t])],r[t])})]},t)})})]})},We=c.useMemo(()=>o.jsxRuntimeExports.jsx(Ot.Popover,{placement:"bottom-end",visible:ve,content:Et(),onVisibleChange:_e,overlayClassName:ut(),children:o.jsxRuntimeExports.jsxs("div",{className:"select-content",onClick:lt,ref:A,children:[ht,o.jsxRuntimeExports.jsxs("span",{className:"select-svg",children:[o.jsxRuntimeExports.jsx(Mt.Down,{}),gt()]}),vt,jt]})}),[A,Z,J,le,H,P,B,V,y,r,k,p,D,m,v,d,E,O,R,j,z,de,ve,w,ie]),yt=c.useMemo(()=>{const e=()=>{let t="select-popover-list";return ee&&(t+=" select-popover-list-loading"),t},s=t=>{const l=g(t,k)||g(t,b),n=w&&w(t,!0);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-label",children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:n||l})}),p&&me&&o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-svg",children:o.jsxRuntimeExports.jsx(qt.Check,{})})]})};return o.jsxRuntimeExports.jsxs("div",{className:e(),style:{outline:"1px solid transparent"},children:[U&&U.length>0?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:U.map((t,l)=>{const n=g(t,Q);if(n&&n.length>0){const S=n;return o.jsxRuntimeExports.jsxs("div",{className:"select-popover-list-group",children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-group-label",children:g(t,k)||g(t,b)}),S.map((x,T)=>{const L=g(x,b);let se="select-popover-list-item";return r.indexOf(L)!==-1&&(se+=" select-popover-list-item-select"),typeof m=="object"&&m.indexOf(L)!==-1&&(se+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ue(x),className:se,onMouseEnter:Ue,onMouseLeave:Ge,"data-val":L,children:s(x)},T)})]},l)}const u=g(t,b);let a="select-popover-list-item";return r.indexOf(u)!==-1&&(a+=" select-popover-list-item-select"),typeof m=="object"&&m.indexOf(u)!==-1&&(a+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ue(t),className:a,onMouseEnter:Ue,onMouseLeave:Ge,"data-val":u,children:s(t)},l)})}):!ee&&je&&o.jsxRuntimeExports.jsx("div",{className:"select-nodata",children:o.jsxRuntimeExports.jsx(wt.default,{...ne,size:ne?.size||"small"})}),ee&&o.jsxRuntimeExports.jsx(Lt.Loading,{})]})},[U,k,b,r,v,p,ee,Te,Le,ne,je,w,me]),St=c.useMemo(()=>{if(!R)return"";const e=()=>{let s=`select-popover-content ${X}`;return F&&E==="inside"&&(s+=" select-popover-content-search"),s};return o.jsxRuntimeExports.jsxs("div",{style:{width:`${A&&A.current?A.current.offsetWidth:0}px`},className:e(),children:[F&&E==="inside"&&o.jsxRuntimeExports.jsx(Pt.Search,{placeholder:Ee||Oe({id:"searchPlaceholder"}),onKeydown:Be,value:d,onChange:dt,className:"select-popover-search"}),yt]})},[I,A,U,Q,b,k,r,d,F,X,E,p,Ee,R,ee,j,Te,Le,ne,je,w,me]),Rt=()=>o.jsxRuntimeExports.jsx(kt.Dropdown,{visible:I,placement:"bottomLeft",trigger:["click"],overlay:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:St}),overlayClassName:at(),getPopupContainer:et,onVisibleChange:e=>{e||(clearTimeout(i.dropDownTimer),i.dropDownTimer=setTimeout(()=>{i.inputOpen||Y(!1)},0))},children:ye?o.jsxRuntimeExports.jsx(Ft.Tooltip,{disabled:!0,...ye,children:We}):We});return o.jsxRuntimeExports.jsxs("div",{className:ct(),style:C,children:[xt,Rt(),o.jsxRuntimeExports.jsx(It.default,{className:"select-error-text",error:Se,helperText:Ze,hideErrorDom:Ye})]})}exports.default=Ht;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),c=require("react"),wt=require("../Empty/index.js"),$t=require("../Label/index.js"),bt=require("../Dropdown/index.js"),oe=require("@snack-kit/lib"),kt=require("../GlobalContext/index.js"),Qe=require("../node_modules/@para-ui/icons/Close/index.js"),Nt=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),Mt=require("../node_modules/@para-ui/icons/Down/index.js"),Dt=require("../node_modules/@para-ui/icons/Check/index.js"),qt=require("../GlobalContext/useFormatMessage.js"),Tt=require("./lang/index.js"),pe=require("../AutoTips/index.js"),Lt=require("../Loading/index.js"),Ot=require("../Popover/index.js"),Pt=require("../Search/index.js"),Ft=require("../Tooltip/index.js"),It=require("../HelperText/index.js"),Vt=require("../Hooks/useGlobalProps.js"),h=require("../GlobalContext/constant.js");;/* empty css */const g=(D,f)=>D[f],zt=(D,f,N)=>{D[f]=N},_t=(D,f,N)=>{const C=document.createElement("span");C.id="referenceSpan";const R={width:0,height:0};R.width=C.offsetWidth,R.height=C.offsetHeight,C.style.visibility="hidden",C.style.fontSize=D,C.style.fontFamily=f,C.style.display="inline-block";const z=document.getElementById("referenceSpan");return z&&document.body.removeChild(z),document.body.appendChild(C),typeof C.textContent<"u"?C.textContent=N:C.innerText=N,R.width=parseFloat(window.getComputedStyle(C).width)-R.width,R.height=parseFloat(window.getComputedStyle(C).height)-R.height,document.body.removeChild(C),R},Xe=(D,f)=>{const N=c.useRef(!1);c.useEffect(()=>{N.current?D():N.current=!0},f)};function Ht(D){const f=D,{className:N,style:C,showSelect:R=!0,allowClear:z=!1,emptyProps:ne,size:_="large",labelMode:J="outside",labelTooltip:W,placeholder:le="",searchPlaceholder:Ee,label:H="",input:O=!1,disabled:m=!1,disabledTooltip:ye,multiple:p=!1,required:B=!1,labelSign:P,error:Se=!1,hideErrorDom:Ye,helperText:Ze="",list:re,showName:b="label",showValue:k="value",childrenName:Q="children",value:$,onChange:v,overLine:Re=!1,search:F=!1,searchModel:E="inside",selectPopoverClassName:we,morePopoverClassName:$e,fetchSuggestions:be,searchInputProps:j,onEnter:K,onEnterInput:ke,onClear:de,getPopupContainer:et,renderContent:w,selectCheckIcon:me=!0,blurChangeValueBol:ie=!1}=Vt.default(f,"Select"),fe=(e=[])=>{const s=[];for(let t=0,l=e.length;t<l;t++){const n=e[t];if(typeof n=="object"&&n!==null)s.push(n);else{const u={[b]:n,[k]:n};s.push(u)}}return s},tt=()=>{let e=[];return f.defaultValue!==void 0&&(p?e=oe.DeepClone(f.defaultValue||[]):e=f.defaultValue===""?[]:[f.defaultValue]),$!==void 0&&(p?e=oe.DeepClone($||[]):e=$===""?[]:[$]),e},Ne=()=>{const e=fe(re),s={};for(let t=0,l=e.length;t<l;t++){const n=e[t],u=g(n,Q);if(u&&u.length>0){const a=u;for(let S=0,x=a.length;S<x;S++){const T=a[S],L=String(g(T,k));s[L]=T}}else{const a=String(g(n,k));s[a]=n}}return s},A=c.useRef(null),[Me]=c.useState(`${h.$prefixCls}-select-${oe.UUID()}`),[X]=c.useState(`select-popover-${oe.UUID()}`),[I,Y]=c.useState(!1),[Z,xe]=c.useState(!1),[r,M]=c.useState(tt()),[U,st]=c.useState([]),[y,ot]=c.useState(Ne()),[q,he]=c.useState(null),[ve,De]=c.useState(!1),[d,G]=c.useState(""),[V,qe]=c.useState(!1),[ee,ce]=c.useState(!1),[je,nt]=c.useState(!1),te=c.useRef(null),[i]=c.useState({valueCom:[],listCom:[],searchModel:"inside",openMore:!1}),{language:Te,locale:Le}=c.useContext(kt.default),Oe=qt.default("Select",Tt.default);i.valueCom=[...r],i.listCom=U,i.searchModel=E,i.openMore=ve,c.useEffect(()=>()=>{clearTimeout(i.searchTimer),clearTimeout(i.timer),clearTimeout(i.scrollTimer),clearTimeout(i.dropDownTimer)},[]),Xe(()=>{if($===void 0){M([]);return}M(p?oe.DeepClone($||[]):$===""?[]:[$])},[$,p]),c.useEffect(()=>{ae()},[r,$]),c.useEffect(()=>{if(E==="outside"&&p)return qe(!0);qe(Re)},[Re,E,p,O]),Xe(()=>{ot(Ne())},[re]),c.useEffect(()=>(!V&&p?window.addEventListener("resize",ae):window.removeEventListener("resize",ae),()=>{window.removeEventListener("resize",ae)}),[V,p]),c.useEffect(()=>{r&&r.length>0?xe(!0):(xe(!1),E==="outside"&&xe(d!==""))},[F,d,E,r,O]),c.useEffect(()=>{if(I)if(ce(!0),be)be(d,e=>{const s=fe(e);Fe(s,!0),ce(!1)});else{const e=fe(re);Fe(e),ce(!1)}},[F,d,re,I]),c.useEffect(()=>(I?(clearTimeout(i.openTimer),i.openTimer=setTimeout(()=>{Ie(),window.addEventListener("keydown",Ce)})):(G(""),window.removeEventListener("keydown",Ce)),()=>{clearTimeout(i.openTimer),window.removeEventListener("keydown",Ce)}),[I]),c.useEffect(()=>{m!==!0&&p&&E==="outside"&&ft(d)},[d,p,m,E,O]);const Pe=e=>{if(e===null||e===0)return;e===void 0&&(e=i.valueCom.length);const s=document.querySelector(`.${Me} > .select-content > .check-select-content`);if(s)if(s.scrollHeight>s.clientHeight){const t=Number(e)-1;he(t),Pe(t)}else i.valueCom.length<=e&&_e()},ae=()=>{if(i.valueCom.length===0)return he(null);clearTimeout(i.timer),i.timer=setTimeout(()=>{he(i.valueCom.length),Pe()},50)},Fe=(e,s)=>{const t=[],l=[...e];for(let n=0,u=l.length;n<u;n++){const a={...l[n]},S=g(a,Q);if(S&&S.length>0){const x=S,T=[];for(let L=0,se=x.length;L<se;L++){const ge=x[L];(s||ze(ge))&&T.push(ge)}T.length>0&&(zt(a,Q,T),t.push(a))}else(s||ze(a))&&t.push(a)}st(t),ce(!1),nt(t.length===0)},Ie=()=>{const e=te&&te.current;i.searchModel!=="inside"&&e&&e.focus({preventScroll:!0})},Ve=(e,s)=>{let t=e;const l=t&&(t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector);if(!l)return null;for(;t&&!l.call(t,s);)t=t.parentElement;return t},ze=e=>{let s=!0;if(d.trim()==="")return s;const t=g(e,b);return t&&(typeof t=="number"||typeof t=="string")?t.toString().toLowerCase().indexOf(d.trim().toLowerCase())===-1&&(s=!1):s=!1,s},lt=()=>{m!==!0&&Y(!0)},rt=()=>{Y(!1)},it=e=>{De(!0),Y(!1),e.stopPropagation()},_e=()=>{i.openMore&&De(!1)},ue=(e,s)=>t=>{const l=g(e,k);if(!(typeof m=="object"&&m.indexOf(l)!==-1))if(p){const n=i.valueCom.indexOf(l);n!==-1?i.valueCom.splice(n,1):i.valueCom.push(l),f.value===void 0&&M([...i.valueCom]),v&&v([...i.valueCom],t),s&&K&&K([...i.valueCom]),Ie()}else f.value===void 0&&M([l]),v&&v(l,t),s&&K&&K(l),rt(),G("")},He=(e,s)=>t=>{e||(e={[k]:s,children:[]}),ue(e)(t),t.stopPropagation()},ct=()=>{let e=`${h.$prefixCls}-select`;return p&&!V&&(e+=` ${Me}`),N&&(e+=` ${N}`),_&&(e+=` ${h.$prefixCls}-select-${_}`),Se&&(e+=` ${h.$prefixCls}-select-error`),m===!0&&(e+=` ${h.$prefixCls}-select-disabled`),I&&(e+=` ${h.$prefixCls}-select-open`),p&&(e+=` ${h.$prefixCls}-select-multiple`),V&&(e+=` ${h.$prefixCls}-select-over-line`),R&&(e+=` ${h.$prefixCls}-select-show-select`),r.length>0&&(e+=` ${h.$prefixCls}-select-value`),z&&(e+=` ${h.$prefixCls}-select-allow-clear`),e},at=()=>{let e=`${h.$prefixCls}-select-popover ${h.$prefixCls}-scrollbar-small`;return _&&(e+=` ${h.$prefixCls}-select-popover-${_}`),p?e+=` ${h.$prefixCls}-select-popover-multiple`:e+=` ${h.$prefixCls}-select-popover-radio`,we&&(e+=` ${we}`),R||(e+=` ${h.$prefixCls}-select-popover-hide`),e},ut=()=>{let e=`${h.$prefixCls}-select-more-popover ${h.$prefixCls}-scrollbar-small`;return _&&(e+=` ${h.$prefixCls}-select-more-popover-${_}`),$e&&(e+=` ${$e}`),e},pt=e=>{G(e.target.value),j&&j.onChange&&j.onChange(e)},dt=(e,s)=>{G(e),s&&j?.onChange&&j.onChange(s)},Be=e=>{if(e.keyCode===13){ke&&ke(d);const s=document.querySelector(`.${X} .select-popover-list`);if(s){const t=s.querySelector(".select-popover-list-item-hover");if(s.querySelector(".select-popover-list-item-keydown")||t)return}if(f.input&&d.trim()!==""){if(p){const t=[...r,d];f.value===void 0&&M(t),v&&v(t,e)}else f.value===void 0&&M([d]),v&&v(d,e);G("")}}j&&j.onKeyDown&&j.onKeyDown(e)},mt=e=>{if(f.input&&ie&&d.trim()!==""){if(p){const s=[...r,d];f.value===void 0&&M(s),v&&v(s,e)}else f.value===void 0&&M([d]),v&&v(d,e);G("")}i.inputOpen=!1,j&&j.onBlur?.(e)},ft=e=>{const s=te&&te.current;if(!s)return null;const t=window.getComputedStyle(s),l=t.fontFamily,n=t.fontSize;let a=_t(n,l,e).width;a<10&&(a=10),s.style.width=`${a}px`},Ke=e=>{const{selectDom:s,keyCode:t,currentKeydownDom:l}=e;let n=null,u="nextElementSibling",a=".select-popover-list > div",S=".select-popover-list-item";if(t===38&&(u="previousElementSibling",a=".select-popover-list > div:last-child",S=".select-popover-list-item:last-child"),!l)n=s.querySelector(a);else if(n=l[u],n){if(n.className.indexOf("select-popover-list-group-label")!==-1){const x=l.parentElement;x&&(n=x[u],n||(n=s.querySelector(a)))}}else{const x=l.parentElement;x&&x.className&&x.className.indexOf("select-popover-list-group")!==-1?(n=x[u],n||(n=s.querySelector(a))):n=s.querySelector(a)}if(n)if(n.className.indexOf("select-popover-list-group")!==-1){const x=n.querySelector(S);x&&(x.classList.add("select-popover-list-item-keydown"),Ae(x,s))}else n.classList.add("select-popover-list-item-keydown"),Ae(n,s)},Ae=(e,s)=>{clearTimeout(i.scrollTimer);const t=s.clientHeight,n=e.offsetTop+e.clientHeight-t;i.scroll=!0,n>0?s.scrollTop=n:s.scrollTop=0,i.scrollTimer=setTimeout(()=>{i.scroll=!1},100)},Ce=e=>{const s=document.querySelector(`.${X} .select-popover-list`);if(!s)return;const t=s.querySelector(".select-popover-list-item-select"),l=s.querySelector(".select-popover-list-item-hover"),n=s.querySelector(".select-popover-list-item-keydown");let u=t;if(l&&(u=l),e.keyCode===13){const a=n||l;if(a){const S=a.dataset.val;ue(y[S],!0)({target:n})}else K&&$!==void 0&&K($)}n&&(u=n,n.classList.remove("select-popover-list-item-keydown")),e.keyCode===40&&Ke({selectDom:s,keyCode:e.keyCode,currentKeydownDom:u}),e.keyCode===38&&Ke({selectDom:s,keyCode:e.keyCode,currentKeydownDom:u})},Ue=e=>{if(i.scroll)return;const s=Ve(e.target,".select-popover-list-item");if(!s)return;s.classList.add("select-popover-list-item-hover");const t=document.querySelector(`.${X}`);if(!t)return;const l=t.querySelector(".select-popover-list-item-keydown");l&&l.classList.remove("select-popover-list-item-keydown")},Ge=e=>{const s=Ve(e.target,".select-popover-list-item");s&&s.classList.remove("select-popover-list-item-hover")},xt=c.useMemo(()=>{const e=!!(H||B||P),s=()=>{let t="select-label";return W&&W.className&&(t+=` ${W.className}`),t};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:J==="outside"&&e&&o.jsxRuntimeExports.jsx($t.default,{label:H,required:B,labelSign:P,...W,className:s()})})},[J,H,P,B,W]),ht=c.useMemo(()=>{const e=()=>J==="outside"?le:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[H||le,B&&o.jsxRuntimeExports.jsx("span",{className:"select-required",children:"*"}),P&&o.jsxRuntimeExports.jsx("span",{children:P})]});return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!Z&&o.jsxRuntimeExports.jsx("span",{className:"select-label-placeholder",children:e()})})},[Z,J,le,H,P,B]),Je=e=>{if(m===!0)return null;const s=`${e}-search-outside`;return E==="outside"?o.jsxRuntimeExports.jsx("input",{...j,onClick:t=>{i.inputOpen=!0,j&&j.onClick?.(t)},onBlur:mt,className:s,value:d,onChange:pt,onKeyDown:Be,ref:te}):null},vt=c.useMemo(()=>{const e=()=>{if(d!==""&&(E==="outside"||O))return null;const s=String(r[0]),t=y[s]&&g(y[s],b)||r[0],l=w&&w(y[s],!1);return V?l||t:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:l||t})};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:!p&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"radio-select-content",children:e()}),Je("radio")]})})},[p,Z,V,y,r,b,F,E,d,m,O,j,w,ie]),jt=c.useMemo(()=>{const e=s=>{const t=String(r[s]),l=y[t]&&g(y[t],b)||r[s];return w&&w(y[t],!1)||l};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:p&&o.jsxRuntimeExports.jsxs("div",{className:"check-select-content",children:[r&&r.map((s,t)=>{if(q!==null&&q<=t)return null;let l=!0;(m===!0||typeof m=="object"&&m.indexOf(r[t])!==-1)&&(l=!1);let n="check-select-content-item check-select-content-item-select";return l||(n+=" check-select-content-item-noclose"),o.jsxRuntimeExports.jsxs("div",{className:n,children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Qe.Close,{onClick:He(y[String(r[t])],r[t])})]},t)}),(()=>{if(q!==null&&r.length>q)return o.jsxRuntimeExports.jsx("div",{className:"check-select-content-item check-select-content-item-more",onClick:it,children:o.jsxRuntimeExports.jsxs("span",{children:["+",r.length-q]})})})(),Je("check")]})})},[p,Z,r,q,y,m,v,d,F,E,O,j,w,ie]),Ct=e=>{e.stopPropagation();const s=[];let t;if(p&&(t=[],m instanceof Array))for(let l=0,n=r.length;l<n;l++){const u=r[l];m.indexOf(u)!==-1&&(t.push(u),s.push(u))}f.value===void 0&&M(s),v&&v(t,e),Y(!1),de&&de()},gt=()=>{if(r.length>0&&m!==!0&&z)return o.jsxRuntimeExports.jsx("span",{className:"clean-up-icon",onClick:Ct,children:o.jsxRuntimeExports.jsx(Nt.CloseCircleF,{})})},Et=()=>{const e=s=>{const t=String(r[s]),l=y[t]&&g(y[t],b)||r[s];return w&&w(y[t],"more")||l};return o.jsxRuntimeExports.jsxs("div",{className:"select-more",children:[o.jsxRuntimeExports.jsx("div",{className:"select-more-title",children:o.jsxRuntimeExports.jsx("span",{children:Oe({id:"more"})})}),o.jsxRuntimeExports.jsx("div",{className:"select-more-content",children:r&&r.map((s,t)=>{if(q!==null&&q>t)return null;let l=!0;return(m===!0||typeof m=="object"&&m.indexOf(r[t])!==-1)&&(l=!1),o.jsxRuntimeExports.jsxs("div",{className:"select-more-content-item",children:[o.jsxRuntimeExports.jsx("span",{children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:e(t)})}),l&&o.jsxRuntimeExports.jsx(Qe.Close,{onClick:He(y[String(r[t])],r[t])})]},t)})})]})},We=c.useMemo(()=>o.jsxRuntimeExports.jsx(Ot.Popover,{placement:"bottom-end",visible:ve,content:Et(),onVisibleChange:_e,overlayClassName:ut(),children:o.jsxRuntimeExports.jsxs("div",{className:"select-content",onClick:lt,ref:A,children:[ht,o.jsxRuntimeExports.jsxs("span",{className:"select-svg",children:[o.jsxRuntimeExports.jsx(Mt.Down,{}),gt()]}),vt,jt]})}),[A,Z,J,le,H,P,B,V,y,r,b,p,q,m,v,d,E,O,R,j,z,de,ve,w,ie]),yt=c.useMemo(()=>{const e=()=>{let t="select-popover-list";return ee&&(t+=" select-popover-list-loading"),t},s=t=>{const l=g(t,b)||g(t,k),n=w&&w(t,!0);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-label",children:o.jsxRuntimeExports.jsx(pe.default,{placement:"top-start",children:n||l})}),p&&me&&o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-item-svg",children:o.jsxRuntimeExports.jsx(Dt.Check,{})})]})};return o.jsxRuntimeExports.jsxs("div",{className:e(),style:{outline:"1px solid transparent"},children:[U&&U.length>0?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:U.map((t,l)=>{const n=g(t,Q);if(n&&n.length>0){const S=n;return o.jsxRuntimeExports.jsxs("div",{className:"select-popover-list-group",children:[o.jsxRuntimeExports.jsx("span",{className:"select-popover-list-group-label",children:g(t,b)||g(t,k)}),S.map((x,T)=>{const L=g(x,k);let se="select-popover-list-item";return r.indexOf(L)!==-1&&(se+=" select-popover-list-item-select"),typeof m=="object"&&m.indexOf(L)!==-1&&(se+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ue(x),className:se,onMouseEnter:Ue,onMouseLeave:Ge,"data-val":L,children:s(x)},T)})]},l)}const u=g(t,k);let a="select-popover-list-item";return r.indexOf(u)!==-1&&(a+=" select-popover-list-item-select"),typeof m=="object"&&m.indexOf(u)!==-1&&(a+=" select-popover-list-item-disabled"),o.jsxRuntimeExports.jsx("div",{onClick:ue(t),className:a,onMouseEnter:Ue,onMouseLeave:Ge,"data-val":u,children:s(t)},l)})}):!ee&&je&&o.jsxRuntimeExports.jsx("div",{className:"select-nodata",children:o.jsxRuntimeExports.jsx(wt.default,{...ne,size:ne?.size||"small"})}),ee&&o.jsxRuntimeExports.jsx(Lt.Loading,{})]})},[U,b,k,r,v,p,ee,Te,Le,ne,je,w,me]),St=c.useMemo(()=>{if(!R)return"";const e=()=>{let s=`select-popover-content ${X}`;return F&&E==="inside"&&(s+=" select-popover-content-search"),s};return o.jsxRuntimeExports.jsxs("div",{style:{width:`${A&&A.current?A.current.offsetWidth:0}px`},className:e(),children:[F&&E==="inside"&&o.jsxRuntimeExports.jsx(Pt.Search,{placeholder:Ee||Oe({id:"searchPlaceholder"}),onKeydown:Be,value:d,onChange:dt,className:"select-popover-search"}),yt]})},[I,A,U,Q,k,b,r,d,F,X,E,p,Ee,R,ee,j,Te,Le,ne,je,w,me]),Rt=()=>o.jsxRuntimeExports.jsx(bt.Dropdown,{visible:I,placement:"bottomLeft",trigger:["click"],overlay:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:St}),overlayClassName:at(),getPopupContainer:et,onVisibleChange:e=>{e||(clearTimeout(i.dropDownTimer),i.dropDownTimer=setTimeout(()=>{i.inputOpen||Y(!1)},0))},children:ye?o.jsxRuntimeExports.jsx(Ft.Tooltip,{disabled:!0,...ye,children:We}):We});return o.jsxRuntimeExports.jsxs("div",{className:ct(),style:C,children:[xt,Rt(),o.jsxRuntimeExports.jsx(It.default,{className:"select-error-text",error:Se,helperText:Ze,hideErrorDom:Ye})]})}exports.default=Ht;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/Selector/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const z=require("../_virtual/jsx-runtime.js"),d=require("react"),ur=require("./selectorMain/index.js"),ir=require("./selectorData/index.js"),Le=require("./util.js"),lr=require("@snack-kit/lib"),fr=require("../Utils/snack-kit-shims.js"),dr=require("../Hooks/useGlobalProps.js"),hr=require("../GlobalContext/useFormatMessage.js"),R=require("../GlobalContext/constant.js"),mr=require("./lang/index.js"),gr=require("../HelperText/index.js");;/* empty css */const ke=(c,V)=>({mainTitle:"label",children:"children",parentId:"parentId",key:V,type:"type",...c}),br=c=>{const{className:V,style:W,rowKey:L="key",layout:k="lr",nodeMode:w="branch",selectMode:b,refresh:X,ctx:Y,url:M,method:Z="Get",value:B,defaultValue:ee,data:A,pagination:je=!1,size:E=10,isLazy:re=!1,isAllCheck:ve=!0,disabled:S,disabledChild:xe,detail:F,detailRender:te,backDataFieldConfig:Ie,search:Pe,searchPlaceholder:Te,searchTrigger:ze="onChange",breadcrumbs:Re=!0,breadcrumbsSeparator:Ve,breadcrumbsHead:N,showbreadcrumbsHead:ae=!0,groupType:ne,groupRange:Be="search",emptyProps:ce,selectRenderItem:Ee,selectRender:$e,onChange:se,onSelect:$,onSearch:oe,onRefresh:J,error:ue=!1,hideErrorDom:He=!0,helperText:_e="",mainHeader:we}=dr.default(c,"Selector"),ie=hr.default("Selector",mr.default),C=ke(c.fieldConfig,L),y={...C,...Ie},[le,H]=d.useState([]),[Me,_]=d.useState(!1),[j,Ae]=d.useState([]),[fe,Fe]=d.useState({}),[v,D]=d.useState([]),[Ne,x]=d.useState(!1),[Je,de]=d.useState({val:""}),[Oe,O]=d.useState([]),[Ke,he]=d.useState(!1),[Ge,I]=d.useState(!0),[Qe,me]=d.useState(),e=d.useRef({jsonData:{},jsonDataCopy:{},oneDataList:[],currentSourceData:[],selectValueJson:{},breadcrumbsList:[],reqId:"",reqParams:{size:E,pagination:!1,isLazy:!1},noLazyReq:!1,reqTimer:null,page:1,searchVal:"",beforeSearchBreadcrumbs:null,searchConfig:{page:1,size:E,reqId:"",currentSourceData:[]}});e.current.searchConfig.size=E,e.current.reqParams.size=E,e.current.reqParams.pagination=je,e.current.reqParams.isLazy=re;const P=c.data||!e.current.reqParams.isLazy&&e.current.noLazyReq;d.useEffect(()=>(ee!==void 0&&G(ee),()=>{e.current.reqTimer&&clearTimeout(e.current.reqTimer)}),[]),d.useEffect(()=>{B!==void 0&&G(B)},[B]),d.useEffect(()=>{if(A){const r=p(A,!1);e.current.oneDataList=r,e.current.currentSourceData=r,D([]),q()}},[A]),d.useEffect(()=>{M&&(D([]),q())},[M]),d.useEffect(()=>{e.current.reqTimer&&clearTimeout(e.current.reqTimer),c.url&&lr.Cancel(e.current.reqId),e.current.reqTimer=setTimeout(()=>{if(P){const r=e.current.currentSourceData;if(e.current.reqParams.pagination){const a=r.slice(0,e.current.page*e.current.reqParams.size);H(a),e.current.page*e.current.reqParams.size>=r.length?_(!1):_(!0)}else H(r);I(!1)}if(c.url){const r={method:Z,url:c.url,ctx:Y,onCancelId:a=>{e.current.reqId=a},data:{parentId:ge(),...c.params}};e.current.reqParams.isLazy?(e.current.reqParams.pagination&&(r.data.size=e.current.reqParams.size,r.data.page=e.current.page),be(c.paramsCallback?c.paramsCallback(r):r)):e.current.noLazyReq||be(c.paramsCallback?c.paramsCallback(r):r)}},50)},[Qe]),d.useEffect(()=>{X&&K()},[X]);const K=()=>{P||(e.current.currentSourceData=[]),q()},Ue=(r,a)=>{let t={key:r[L],parentId:r[C.parentId],type:r[C.type],img:r[C.img],mainTitle:r[C.mainTitle],subTitle:r[C.subTitle],tag:r[C.tag],children:[],disabled:!1,disabledChild:!1,choice:b!==void 0,detail:F,leaf:w==="leaf",data:r};return c.handNodeInfo&&(t=c.handNodeInfo(t,a)),t},p=(r,a,t)=>{const n=[],s={},o=h=>{for(let l=0,i=h.length;l<i;l++){const g=h[l],f=g[L]||"",m=Ue(g,!!t);s[f]=m;const U=C.children;e.current.jsonDataCopy[f]=g,e.current.jsonData[f]=m,g[U]&&o(g[U])}};o(r);const u=Object.keys(s);for(let h=0,l=u.length;h<l;h++){const i=u[h],g=s[i],f=g.parentId||"";if(a){n.push(g);continue}f&&s[f]?(s[f].children||(s[f].children=[]),s[f].children.push(g)):n.push(g)}return n},ge=()=>{let r;return e.current.breadcrumbsList.length>0?r=e.current.breadcrumbsList[e.current.breadcrumbsList.length-1].value:c.breadcrumbsHead&&(r=c.breadcrumbsHead.value),ae&&e.current.breadcrumbsList.length===1&&(r=void 0,c.breadcrumbsHead&&(r=c.breadcrumbsHead.value)),r},be=async r=>{I(!0);const{data:a,error:t}=await Le.reqFunc(r);if(t){I(!1),e.current.reqParams.isLazy&&e.current.reqParams.pagination&&e.current.page!==1&&(e.current.page=e.current.page-1);return}if(c.requestCallback){c.requestCallback(a,n=>{I(!1),Ce(n)});return}I(!1),Ce(a)},Ce=r=>{if(e.current.reqParams.isLazy)if(e.current.reqParams.pagination){const a=r.data||{},t=a.list||[],n=a.total,s=p(t,!0),o=[...e.current.currentSourceData,...s];e.current.currentSourceData=o,H(o),e.current.page*e.current.reqParams.size>=n?_(!1):_(!0)}else{const a=r.data||[],t=p(a,!0);e.current.currentSourceData=t,H(t)}else{e.current.noLazyReq=!0;const a=r.data||[],t=p(a,!1);e.current.oneDataList=t,e.current.currentSourceData=t,q()}},q=()=>{e.current.page=1,me(Math.random())},G=r=>{let a=r?[r]:[];r instanceof Array&&(a=[...r]);const t=fr.ArrayToObject(y.key,a);e.current.selectValueJson=t,Fe(t),Ae([...a])},We=(r,a)=>{let t=[...v];a&&(t=[],e.current.beforeSearchBreadcrumbs===null&&(e.current.beforeSearchBreadcrumbs=[...v])),t.push({label:r.mainTitle,value:r.key||""}),D(t)},Xe=(r,a)=>{We(r,a),P?(e.current.currentSourceData=r.children||[],q()):e.current.reqParams.isLazy&&(e.current.reqParams.pagination&&(e.current.currentSourceData=[]),q())},Q=r=>{const a=["key","img","mainTitle","subTitle","tag"];c.groupType&&c.groupType.length>0&&a.push("type");const t={};for(let n=0,s=a.length;n<s;n++){const o=a[n],u=y[o];u&&(t[u]=r[o])}return t},T=(r,a,t,n)=>{se&&se(r,t,n),B==null&&G(r||[])},Ye=async r=>{const a=r.key||"";if(b==="radio"&&fe[a])return;const t=e.current.selectValueJson[a];if(!($&&await $(r,b==="radio"?!0:!t,!1))){if(b==="radio"){const n=Q(r);T(n,[n],e.current.jsonData[a],e.current.jsonDataCopy[a])}if(b==="check"){const n=[],s={},o={};for(let u=0,h=j.length;u<h;u++){const l=j[u];if(!t||r.key!==l[y.key]){const i=l[y.key]||"";s[i]=e.current.jsonData[i],o[i]=e.current.jsonDataCopy[i],n.push(l)}}if(!t){const u=Q(r);s[a]=e.current.jsonData[a],o[a]=e.current.jsonDataCopy[a],n.push(u)}T(n,n,s,o)}}},Ze=r=>!!(S&&(S===!0||S instanceof Array&&r.key&&S.indexOf(r.key)!==-1)||r.disabled),er=async r=>{const a=[...le],t=[...j],n=[],s={},o={},u=[],h=[];for(let i=0,g=a.length;i<g;i++){const f=a[i],m=f.key||"";Ze(f)||(r?e.current.selectValueJson[m]||(t.push(Q(f)),h.push(f)):e.current.selectValueJson[m]&&(u.push(m),h.push(f)))}for(let i=0,g=t.length;i<g;i++){const f=t[i],m=f[y.key]||"";r?(s[m]=e.current.jsonData[m],o[m]=e.current.jsonDataCopy[m]):u.indexOf(m)===-1&&(s[m]=e.current.jsonData[m],o[m]=e.current.jsonDataCopy[m],n.push(f))}const l=r?t:n;$&&await $(h,!!r,!1)||T(l,l,s,o)},rr=r=>{if(r){e.current.searchConfig.page=e.current.searchConfig.page+1,qe();return}e.current.page=e.current.page+1,me(Math.random())},Se=()=>{const r=[...v],a=N||{label:ie({id:"root"}),value:"_paraui_first_floor"};return e.current.searchVal&&r.unshift({label:c.searchBreadcrumbs?c.searchBreadcrumbs:ie({id:"searchResult"}),value:"_paraui_search"}),ae&&r.unshift(a),e.current.breadcrumbsList=r,r},tr=r=>{const a=[];for(let t=0,n=v.length;t<n;t++){const s=v[t];if(a.push(s),s.value===r.value)break}return a},ar=r=>{const a=e.current.breadcrumbsList;if(a.length===0||r.value===a[a.length-1].value)return;const t=r.value||"",n=N?N.value:"_paraui_first_floor";if(r.value==="_paraui_search"){de({val:e.current.searchVal}),D([...e.current.beforeSearchBreadcrumbs||[]]);return}if(e.current.beforeSearchBreadcrumbs&&r.value===n&&(e.current.searchVal="",e.current.beforeSearchBreadcrumbs=null,de({val:""}),Se()),D(t===n?[]:tr(r)),P)if(t===n)e.current.currentSourceData=[...e.current.oneDataList];else{const s=e.current.jsonData[t];e.current.currentSourceData=s[C.children]||[]}else e.current.reqParams.isLazy&&e.current.reqParams.pagination&&(e.current.currentSourceData=[]);q()},ye=r=>{const a=r.isTree;if(e.current.reqParams.pagination){const t=r.data||{},n=t.list||[],s=t.total,o=p(n,!a,!0),u=[...e.current.searchConfig.currentSourceData,...o];e.current.searchConfig.currentSourceData=u,O(u),e.current.searchConfig.page*e.current.searchConfig.size>=s?he(!1):he(!0)}else{const t=r.data||[],n=p(t,!a,!0);e.current.searchConfig.currentSourceData=n,O(n)}},De=r=>{const{data:a,error:t}=r;if(t){x(!1),e.current.reqParams.pagination&&e.current.searchConfig.page!==1&&(e.current.searchConfig.page=e.current.searchConfig.page-1);return}if(c.requestCallback){c.requestCallback(a,n=>{x(!1),ye(n)},!0);return}x(!1),ye(a)},qe=async()=>{if(oe){const t={};e.current.reqParams.pagination&&(t.size=e.current.searchConfig.size,t.page=e.current.searchConfig.page);const n=await oe(e.current.searchVal,t);De(n);return}let r={method:Z,url:c.url||"",ctx:Y,onCancelId:t=>{e.current.reqId=t},data:{searchKey:e.current.searchVal?.trim(),...c.params}};e.current.reqParams.pagination&&(r.data.size=e.current.searchConfig.size,r.data.page=e.current.searchConfig.page),r=c.paramsCallback?c.paramsCallback(r,!0):r;const a=await Le.reqFunc(r);De(a)},nr=(r,a)=>{let t=a;const n=s=>{for(let o=0,u=s.length;o<u;o++){const h=s[o],l=h[L],i=h.children||[];if(l===r){t=i;return}n(i)}};return n(a),t},cr=async(r,a)=>{if(x(!0),e.current.searchVal=r,r===""){if(O([]),x(!1),e.current.beforeSearchBreadcrumbs){if(e.current.breadcrumbsList=[...e.current.beforeSearchBreadcrumbs],D([...e.current.beforeSearchBreadcrumbs]),e.current.beforeSearchBreadcrumbs=null,P){const t=ge(),n=nr(t,e.current.oneDataList);e.current.currentSourceData=n}K()}a&&(K(),J&&J());return}e.current.searchConfig.page=1,e.current.searchConfig.currentSourceData=[],qe()},sr=(r,a)=>{if(b==="radio"&&T(null,[],{},{}),b==="check"){const t=[...j];t.splice(a,1);const n={},s={};for(let o=0,u=t.length;o<u;o++){const l=t[o][y.key]||"";n[l]=e.current.jsonData[l],s[l]=e.current.jsonDataCopy[l]}T(t,t,n,s)}},pe=()=>z.jsxRuntimeExports.jsx(ir.default,{layout:k==="tb"?"tag":"node",backDataFieldConfig:y,groupType:ne,handSelectorNodeInfo:c.handSelectorNodeInfo,list:j,nodeMode:w,detail:F,detailRender:te,emptyProps:ce,onClose:sr,selectDataTitleRender:c.selectDataTitleRender,selectRenderItem:Ee,selectRender:$e,disabled:S}),or=()=>{let r=`${R.$prefixCls}-selector`;return V&&(r+=` ${V}`),k&&(r+=` ${R.$prefixCls}-selector-${k}`),b&&(r+=` ${R.$prefixCls}-selector-${b}`),S===!0&&(r+=` ${R.$prefixCls}-selector-disabled`),ue&&(r+=` ${R.$prefixCls}-selector-error`),r};return z.jsxRuntimeExports.jsxs("div",{className:or(),style:W,children:[z.jsxRuntimeExports.jsxs("div",{className:"selector-content",children:[k==="tb"&&pe(),z.jsxRuntimeExports.jsx(ur.default,{url:M,rowKey:L,value:fe,loadMore:Me,isAllCheck:ve,list:le,groupType:ne,groupRange:Be,fieldConfig:C,nodeMode:w,selectMode:b,isLazy:re,detail:F,detailRender:te,search:Pe,searchTrigger:ze,searchPlaceholder:Te,searchLoading:Ne,searchVal:Je,disabled:S,disabledChild:xe,loading:Ge,searchLoadMore:Ke,searchList:Oe,breadcrumbs:Re,breadcrumbsSeparator:Ve,breadcrumbsList:Se(),emptyProps:ce,mainHeader:we,onLevel:Xe,onSelect:Ye,onLoad:rr,onAllCheck:er,onClickBreadcrumbs:ar,onSearch:cr,onRefresh:J}),k==="lr"&&pe()]}),z.jsxRuntimeExports.jsx(gr.default,{error:ue,helperText:_e,hideErrorDom:He})]})};exports.default=br;exports.handFieldConfig=ke;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../../_virtual/jsx-runtime.js"),h=require("react"),L=require("../selectorNode/index.js"),P=require("../../AutoTips/index.js"),z=require("../../node_modules/@para-ui/icons/Close/index.js"),B=require("../../Utils/snack-kit-shims.js"),G=require("../../GlobalContext/useFormatMessage.js"),R=require("../../GlobalContext/constant.js"),H=require("../lang/index.js");;/* empty css */const Q=k=>{const{className:b,layout:m="node",style:D,list:a,groupType:l,nodeMode:q,backDataFieldConfig:o,detail:S,detailRender:g,disabled:c,handSelectorNodeInfo:E,selectDataTitleRender:y,selectRenderItem:d,selectRender:u,onClose:x}=k,$=G.default("Selector",H.default),[v,F]=h.useState({}),j=h.useRef({listTypeJson:{},backDataFieldConfig:{}});j.current.listTypeJson=B.ArrayToObject("value",l),j.current.backDataFieldConfig=o||{},h.useEffect(()=>{if(a&&l&&l.length>0){const e={};for(let s=0,t=a.length;s<t;s++){const i=a[s],r=i[j.current.backDataFieldConfig.type||""];e[r]||(e[r]=[]),e[r].push(i)}F(e)}},[a]);const p=e=>{if(c){if(c===!0)return!0;if(c instanceof Array){const s=o?.key||"",t=e[s];if(c.indexOf(t)!==-1)return!0}}return!1},I=(e,s)=>{let t=e;E&&(t=E(e));const r={useCase:"edit",close:!p(e),detail:S,nodeMode:q,onClose:()=>x&&x(t,s),disabled:p(e),tagStyle:t.tagStyle};d&&(r.leftRender=()=>d(e)),t.leaf!==void 0&&(r.nodeMode=t.leaf?"leaf":"branch");const N=["img","mainTitle","subTitle","tag"];for(let f=0,w=N.length;f<w;f++){const T=N[f]||"",K=o&&o[T]||"";r[T]=t[K]}return g&&(r.detailRender=async()=>await g(t,!1)),t.detail!==void 0&&(r.detail=t.detail),t.close!==void 0&&(r.close=t.close),r},M=()=>u?u(a||[]):a?.map((e,s)=>n.jsxRuntimeExports.jsx(L.default,{...I(e,s)},s)),C=()=>{const e=()=>{if(y)return y(a);if(l)return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:l.map((s,t)=>{let i=0;const r=s.value;if(v[r]&&(i=v[r].length),i!==0)return n.jsxRuntimeExports.jsxs("span",{className:"title-content",children:[i,"个",s.label||s.value]},t)})})};return n.jsxRuntimeExports.jsxs("div",{className:"title",children:[n.jsxRuntimeExports.jsxs("span",{className:"title-tip",children:[$({id:"selected"}),":"]}),e()]})},A=()=>n.jsxRuntimeExports.jsxs("div",{className:"selector-data-node-box",children:[C(),n.jsxRuntimeExports.jsx("div",{className:"content",children:M()})]}),O=()=>u?u(a||[]):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:a?.map((e,s)=>{const t=p(e);return n.jsxRuntimeExports.jsxs("span",{className:"content-tag",children:[n.jsxRuntimeExports.jsx("span",{children:d?d(e):n.jsxRuntimeExports.jsx(P.default,{children:e[o?.mainTitle||""]||e[o?.key||""]})}),!t&&n.jsxRuntimeExports.jsx(z.Close,{onClick:()=>x&&x(e,s)})]},s)})}),_=()=>n.jsxRuntimeExports.jsxs("div",{className:"selector-data-tag-box",children:[C(),n.jsxRuntimeExports.jsx("div",{className:"content",children:O()})]}),J=()=>{let e=`${R.$prefixCls}-selector-data`;return m&&(e+=` ${R.$prefixCls}-selector-data-${m}`),c===!0&&(e+=` ${R.$prefixCls}-selector-data-disabled`),b&&(e+=` ${b}`),e};return n.jsxRuntimeExports.jsx("div",{className:J(),style:D,children:m==="node"?A():_()})};exports.default=Q;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../../_virtual/jsx-runtime.js"),o=require("react"),ne=require("../selectorNode/index.js"),ue=require("../../Search/index.js"),he=require("../../Breadcrumbs/index.js"),fe=require("../../Loading/index.js"),me=require("../../Empty/index.js"),xe=require("../../node_modules/@para-ui/icons/Search/index.js"),pe=require("../../node_modules/@para-ui/icons/Refresh/index.js"),je=require("../../Utils/snack-kit-shims.js"),le=require("../../GlobalContext/useFormatMessage.js"),ie=require("../lang/index.js"),q=require("../../GlobalContext/constant.js");;/* empty css */const ce=P=>{const{className:C,value:f,rowKey:re="key",nodeMode:A="branch",selectMode:m,loadMore:k=!1,isAllCheck:j=!1,detail:V,detailRender:B,isLazy:G,list:l,groupType:a,breadcrumbs:z,breadcrumbsSeparator:D="-",breadcrumbsList:R=[],fieldConfig:Q,disabled:d,disabledChild:u,emptyProps:S,loading:x,onClickBreadcrumbs:w,onLevel:I,onSelect:E,onLoad:_,onAllCheck:v}=P,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 r=l[t],i=r.type;e[i]||(e[i]=[]),e[i].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],i=r.key;if(H(r)){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 s.jsxRuntimeExports.jsx(ne.default,{disabled:d===!0,nodeMode:"branch",mainTitle:y({id:"selectAll"}),selectMode:"check",...e,onSelect:t,className:"selector-all-check"})},Y=()=>{_&&_()},J=()=>k?s.jsxRuntimeExports.jsx("div",{className:"selector-main-list-more",onClick:Y,children:s.jsxRuntimeExports.jsx("span",{className:"more-btn",children:y({id:"seeMore"})})}):null,M=e=>{let t=!1;return f&&f[e.key]&&(t=!0),t},K=e=>{const t={useCase:"view",detail:V,nodeMode:A,disabled:H(e),disabledChild:O(e),onLevel:()=>I&&I(e),onSelect:()=>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,i=c.length;r<i;r++){const $=c[r];t[$]=e[$]}if(e.choice!==!1&&m&&(t.selectMode=m),G)t.child=e.child;else{const r=e.children||[];r&&r.length>0&&(t.child=!0),e.child!==void 0&&(t.child=e.child)}return B&&(t.detailRender=async()=>await B(e,!0)),e.detail!==void 0&&(t.detail=e.detail),t},g=e=>e?.map((t,c)=>s.jsxRuntimeExports.jsx(ne.default,{...K(t)},c)),h=()=>a&&a.length>0?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:a.map((e,t)=>{const c=e.value,r=U[c]||[];let i="selector-group-title";return t===0&&(i+=" selector-group-title-first"),s.jsxRuntimeExports.jsxs(o.Fragment,{children:[r.length>0&&s.jsxRuntimeExports.jsx("div",{className:i,children:e.label||c}),g(r)]},t)})}):g(l||[]),Z=e=>{w&&w(e)},ee=()=>!z||R.length===0?null:s.jsxRuntimeExports.jsx("div",{className:"nav-box",children:s.jsxRuntimeExports.jsx(he.Breadcrumbs,{minNum:1,list:R,separator:D,onClickItem:Z})}),te=()=>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"),k&&(e+=" selector-main-content-load-more"),e};return T(),s.jsxRuntimeExports.jsxs("div",{className:se(),children:[ee(),te()]})},be=P=>{const{className:C,style:f,url:re,value:A,rowKey:m="key",nodeMode:k="branch",selectMode:j,loadMore:V=!1,searchLoadMore:B=!1,isAllCheck:G=!1,disabled:l,disabledChild:a,detail:z,detailRender:D,isLazy:R,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}=P,Y=le.default("Selector",ie.default),[J,M]=o.useState(!1),[K,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)},se=()=>{e()},e=n=>{clearTimeout(h.current.searchTimer),h.current.searchTimer=setTimeout(()=>{M(!!h.current.searchStr),O&&O(h.current.searchStr,!!n)},300)},t=()=>{const n=()=>K?s.jsxRuntimeExports.jsx(xe.Search,{}):!re&&!X?null:s.jsxRuntimeExports.jsx(pe.Refresh,{});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:S&&s.jsxRuntimeExports.jsx(ue.Search,{className:"selectot-main-search",value:K,rightIconExist:!0,showBtn:!1,rightIcon:n(),btnType:"inside",onChange:Z,onEnter:ee,onClear:se,placeholder:w||Y({id:"pleaseEnter"}),onClickBtn:te})})},c=n=>de=>{n&&(h.current.searchStr="",g(""),M(!1)),T&&T(de,n)},r=n=>()=>{F&&F(n)},i=()=>s.jsxRuntimeExports.jsx(ce,{className:"selector-main-list-box",value:A,rowKey:m,nodeMode:k,selectMode:j,loadMore:V,isAllCheck:G,disabled:l,disabledChild:a,detail:z,detailRender:D,isLazy:R,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"),$=()=>{if(J)return s.jsxRuntimeExports.jsx(ce,{className:"selector-main-search-content",value:A,rowKey:m,nodeMode:k,selectMode:j,loadMore:B,isAllCheck:!1,disabled:l,disabledChild:a,detail:z,detailRender:D,isLazy:R,list:_,groupType:u==="search"||u==="searchList"?d:void 0,fieldConfig:b,loading:E,onSelect:N,onLevel:c(!0),onLoad:r(!0)},"search")},oe=()=>{if(E||v)return s.jsxRuntimeExports.jsx(fe.Loading,{})},ae=()=>{let n=`${q.$prefixCls}-selector-main`;return C&&(n+=` ${C}`),j==="check"&&(n+=` ${q.$prefixCls}-selector-main-select`),J&&(n+=` ${q.$prefixCls}-selector-main-show-search`),S&&(n+=` ${q.$prefixCls}-selector-main-search`),l===!0&&(n+=` ${q.$prefixCls}-selector-main-disabled`),n};return s.jsxRuntimeExports.jsxs("div",{className:ae(),style:f,children:[t(),y&&s.jsxRuntimeExports.jsx("div",{className:"selector-main-header",children:y}),s.jsxRuntimeExports.jsxs("div",{className:"selector-main-box",children:[i(),$(),oe()]})]})};exports.default=be;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/Selector/util.d.ts
CHANGED
|
@@ -12,4 +12,4 @@ export interface ReqFuncProps {
|
|
|
12
12
|
* 发送请求
|
|
13
13
|
* @param obj {ReqFuncProps} 请求信息
|
|
14
14
|
*/
|
|
15
|
-
export declare const reqFunc: (obj: ReqFuncProps) => Promise<import('@
|
|
15
|
+
export declare const reqFunc: (obj: ReqFuncProps) => Promise<import('@snack-kit/lib').HttpResult<unknown>> | undefined;
|
package/lib/Selector/util.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@snack-kit/lib"),u=s=>{const{method:t,data:e,url:r,...o}=s;if(t==="Get")return n.Get(r,{params:e,...o});if(t==="Post")return n.Post(r,e,o)};exports.reqFunc=u;
|
|
2
2
|
//# sourceMappingURL=util.js.map
|
package/lib/Table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const N=require("../_virtual/jsx-runtime.js"),o=require("react"),S=require("@paraview/lib"),y=require("./util.js"),Fr=require("./tableHead.js"),Hr=require("./tableBody.js"),Or=require("./tablePagination.js"),Lr=require("./tableContainer/index.js"),zr=require("./tableElement/index.js"),Pr=require("../Loading/index.js"),_r=require("../Hooks/useGlobalProps.js"),m=require("../GlobalContext/constant.js"),Wr=require("../GlobalContext/useFormatMessage.js"),Vr=require("./lang/index.js"),Jr=require("../ScrollBar/index.js");;/* empty css */const Ir=require("../Utils/Hooks/useResizeObserver.js"),Br=Ot=>{const s=_r.default(Ot,"Table");S.GetBrowserClass()==="ie"&&(s.fixedColumn=!1);const{className:Le,style:Lt,url:D,ctx:be,emptyProps:ze,method:O="Get",data:xe,page:zt=1,size:L=10,sizeArr:z=[10,20,50,100],search:Pe,pagination:q=!0,paginationType:_e="complex",flippingArrow:We,autoPagination:Ve=!0,tableCell:Je,requestCallback:Ie,checkDefaultValue:X,setCheck:Ce,radioDefaultValue:Y,setRadio:Se,refresh:Pt,disabledArr:Z,disabledArrStatus:Be,headData:Ke=[],sortTableRadio:Ue,sortTable:ee=!1,filter:Ge=!1,expandable:k,rowKey:v="key",check:P=!1,radio:_=!1,checkRememberPage:_t=!1,align:te="left",paramsCallback:re,operate:ne,showColumns:A="inside",fixedTable:W=!0,fixedColumn:F=!0,dragColumn:ye=!0,dragRow:V,formatter:Qe,lineHeight:J=48,lineWidth:ae=80,autoSize:Xe=!0,loadMore:T=!1,loadMoreRender:Ye,onClickMore:Ze,expandValue:et,expandMultiple:tt,disabledExpand:rt,onExpand:nt,defaultExpandAllRows:at=!1,onClickColumns:De,beyondText:se=!0,tipMaxWidth:oe=500,loading:Te,defaultSortValue:st,defaultFilterValue:Wt,searchKeyName:Vt,filterSearchCallback:Jt,onClickRow:ot,rowClassMapping:lt,getPopupContainer:it,onSort:we,onError:It,refreshInside:ct=!!s.url,checkCount:ut=!!s.check,onDragRow:ft,virtual:Re=!1,columnsInfoEvent:dt,onRefreshCallback:le}=s,Bt=Wr.default("Table",Vr.default),ht=s.expirationTime?s.expirationTime===0?1e8:s.expirationTime:7,[I,mt]=o.useState(s.page!==void 0?s.page:1),[B,Kt]=o.useState(null),[gt,Ut]=o.useState(z),[ie,Ne]=o.useState(0),[C,ke]=o.useState([]),[Gt,pt]=o.useState({}),[E,bt]=o.useState({}),[g,Qt]=o.useState(Object.values(st||{})),[b,Xt]=o.useState(Object.keys(st||{})),[ce,K]=o.useState("not"),[x,ve]=o.useState({}),[Ee,Yt]=o.useState(),[j,Zt]=o.useState({}),[er,tr]=o.useState({}),[U,rr]=o.useState([]),[G,xt]=o.useState([]),[$,nr]=o.useState({...Wt}),[ue,H]=o.useState(!0),[Ct,ar]=o.useState(!1),[je]=o.useState(Math.random().toString()),[sr,M]=o.useState(),[or,lr]=o.useState(0),[fe,ir]=o.useState({}),[St,$e]=o.useState({}),[de,yt]=o.useState(!1),[Dt,Tt]=o.useState([0,0]),[cr,wt]=o.useState(0),[Rt,ur]=o.useState(),h=o.useRef(null),Me=o.useRef(null),Q=o.useRef(null),n=o.useRef({page:s.page!==void 0?s.page:1,headDataConfig:{}});Ir.default({dom:Me.current,cb:()=>$r()}),n.current.loadMoreUrl=T&&D,n.current.search=Pe,n.current.url=D,n.current.orderTypeArr=g,n.current.orderFieldArr=b,n.current.selectFilterCom=$,n.current.data=xe,n.current.searchKeyName=Vt,n.current.filterSearchCallback=Jt,n.current.onError=It,n.current.sizeCom=B,n.current.virtual=Re,n.current.expandable=k,o.useEffect(()=>()=>{n.current.isDestroy=!0,clearTimeout(n.current.reqTimer),clearTimeout(n.current.loadingTimer),S.Cancel(je)},[]),o.useEffect(()=>{Te!==void 0&&(clearTimeout(n.current.loadingTimer),n.current.loadingTimer=setTimeout(()=>{H(Te)},50))},[Te]),o.useEffect(()=>{ar(!!(T&&D))},[T,D]),o.useEffect(()=>{s.page!==void 0&&w(s.page)},[zt]),o.useEffect(()=>{if(!Xe)return he(L);if(s.size)he(L);else if(h&&h.current){const e=Nt();z.indexOf(e)===-1&&(z.unshift(e),z.sort((t,r)=>t-r),Ut([...z])),he(e)}},[L,Xe]),o.useEffect(()=>{s.headData!==void 0&&qt(Ke,!1)},[Ke]),o.useEffect(()=>{if(xe){n.current.historyData=[];const e=kt(),t=S.ArrayToObject(v,e);bt(t),M(Math.random())}},[xe]),o.useEffect(()=>{n.current.initReq&&(w(1),n.current.historyData=[])},[Pe,D]),o.useEffect(()=>{n.current.loadMoreUrl?(n.current.historyData=[],w(1)):M(Math.random())},[Pt]),o.useEffect(()=>{clearTimeout(n.current.reqTimer),n.current.url&&S.Cancel(je),n.current.reqTimer=setTimeout(()=>{if(n.current.initReq=!0,n.current.url){let e={};if(q){if(n.current.page===null||n.current.size===null)return;e.size=n.current.size,e.page=n.current.page}if(b.length>0&&(e.orderField=b,e.orderType=g,s.sortTableRadio&&(e.orderField=b[0],e.orderType=g[0])),$&&Object.keys($).length>0){const r=pr();Object.keys(r).length>0&&(e.filter=r)}n.current.search&&typeof n.current.search=="object"&&(e={...e,...n.current.search});const t={url:n.current.url,ctx:be,method:O,data:e};if(O==="Get")if(re)re(t,r=>{const a=y.handGetReqParams(r);me({...r,url:a,ctx:be,method:O})});else{const r=y.handGetReqParams(t);me({url:r,ctx:be,method:O})}O==="Post"&&(re?re(t,r=>{me(r)}):me(t))}if(n.current.data){let e=kt();if(e=fr(e),q){if(n.current.page===null||n.current.size===null)return;const t=e.slice((n.current.page-1)*n.current.size,(n.current.page-1)*n.current.size+n.current.size);ge(t),Ne(e.length)}else ge(e);s.loading===void 0&&H(!1)}},50)},[sr]),o.useEffect(()=>{Y!==void 0&&Y!==Ee&&Yt(Y)},[Y]),o.useEffect(()=>{if(X){const e={};for(let t=0,r=X.length;t<r;t++){const a=X[t];e[a]=!0}ve(e)}},[X]),o.useEffect(()=>{if(Z){const e={};for(let t=0,r=Z.length;t<r;t++){const a=Z[t];e[a]=!0}Zt(e)}},[Z]),o.useEffect(()=>{if(Object.keys(x).length===0)K("not");else{const e=Object.keys(Gt);if(e.length===0)return K("not");let t=e.length,r=0;for(let a=0,i=e.length;a<i;a++){const l=e[a];j[l]?t--:x[l]!==void 0&&r++}if(r===0)return K("not");if(r===t)return K("all");if(r<t)return K("half")}},[x,C,j]),o.useEffect(()=>{Oe()},[Re,C,k]),o.useEffect(()=>{He({target:h.current})});const Nt=()=>{if(!h.current)return L;let e=h.current.clientHeight-48;s.loadMore&&(e-=J);const t=Math.floor(e/J);return t<1?L:t},he=e=>{n.current.size=e,Kt(e),M(Math.random())},w=e=>{n.current.page=e,mt(e),M(Math.random())},kt=()=>{let e=[];return n.current.data instanceof Array?e=n.current.data:e=n.current.data?.list,e},fr=e=>{const t=Object.keys(n.current.selectFilterCom||{}),r=[];for(let a=0,i=e.length;a<i;a++){const l=e[a];let u=!0;if(n.current.filterSearchCallback)u=n.current.filterSearchCallback(l,{search:n.current.search,filter:n.current.selectFilterCom});else{for(let c=0,f=t.length;c<f;c++){const d=t[c],p=n.current.selectFilterCom[d]||[],R=l[d];if(p.length>0&&p.indexOf(R)===-1){u=!1;continue}}u&&(u=dr(l))}u&&r.push(l)}return r},dr=e=>{let t;const r=n.current.search;if(r&&typeof r!="string"&&r.searchKey&&(t=r.searchKey),typeof t=="string"&&n.current.searchKeyName&&n.current.searchKeyName.length>0)for(let a=0,i=n.current.searchKeyName.length;a<i;a++){const l=n.current.searchKeyName[a],u=e[l];if(u&&u.indexOf&&u.indexOf(t)!==-1)return!0}else return!0;return!1},vt=()=>s.tableKey?s.tableKey:s.data?window.location.origin+window.location.pathname+window.location.hash:s.url?`${s.url}_${s.method||"Get"}`:"",Et=()=>s.rememberColumns===!1?{}:y.getLocalStorageSelectHead(vt(),ht),jt=e=>{if(s.rememberColumns===!1)return;const t=Et(),r={headName:t.headName||{},headDataConfig:t.headDataConfig||{},storageTime:new Date().getTime(),validity:ht*(3600*24)};if(e.setFixed){const a=S.ArrayToObject("name",e.headArr||[]);for(let i=0,l=U.length;i<l;i++){const c=U[i].name||"";r.headName[c]=!1,a[c]&&(r.headName[c]=!0)}}e.setDrag&&(r.headDataConfig=e.headDataConfig||{}),y.setLocalStorageSelectHead(vt(),r)},hr=(e,t,r)=>{if(A===!1){t.push(e);return}if(s.rememberColumns===!1)e.selected&&t.push(e);else{const a=r.headName||{},i=e.name||"",l=a[i];l!==void 0?l&&t.push(e):e.selected&&t.push(e)}},$t=e=>{const t={label:Bt({id:"serial"}),selected:!0,width:s.radio||s.check||s.expandable?45:55,fixed:"left",align:"center",className:"table-serial-number",name:"table-serial-number",sort:!1,filter:!1,render:(r,a,i,l,u)=>Number(u)+1};s.serialNumber&&(typeof s.serialNumber=="boolean"?e.unshift(t):e.unshift({...t,...s.serialNumber}))},Mt=e=>{dt&&dt(e)},qt=(e,t)=>{const r=[],a=[],i={},l=Et();n.current.headDataConfig=l.headDataConfig||{};for(let u=0,c=e.length;u<c;u++){const f=e[u],d=f.name||"";typeof f.width=="number"&&(f.width=`${f.width}px`),t||(f.orderNum=u),hr(f,r,l),a.push(f),i[d]=f}t&&(r.sort((u,c)=>Number(u.orderNum)-Number(c.orderNum)),a.sort((u,c)=>Number(u.orderNum)-Number(c.orderNum))),$t(r),Ae(r),xt(r),Mt(r),rr(a),$e({...n.current.headDataConfig}),n.current.headDataJson=i},mr=()=>{let e=0;return s.check&&(e+=48),s.radio&&(s.check?e+=32:e+=48),s.expandable&&(s.check||s.radio?e+=32:e+=48),e},gr=()=>{let e=0;return(s.showColumns==="inside"||s.showColumns===void 0||s.dragRow)&&(e+=53),s.operate&&(s.operate.width?e+=y.getStringInNumber(s.operate.width):s.operate.operateBtnRender?s.dragRow?e+=145:e+=e===0?158:105:e+=ae),e},qe=e=>{let t=e.width||"";const r=e.name||"",a=n.current.headDataConfig[r]&&n.current.headDataConfig[r].width;return a&&(t=a),t},Ae=e=>{const t=[],r=[];let a=0;const i=mr();a+=i;const l=gr();a+=l;const u={leftBol:!1,rightBol:!1};for(let c=0,f=e.length;c<f;c++){const d=e[c];let p=0;const R=qe(d);R?(p=y.getStringInNumber(R),a+=p):a+=ae,d.fixed==="left"&&d.width&&t.push(d),d.fixed==="right"&&d.width&&r.push(d)}if(t.length>0){u.leftBol=!0;let c=i;for(let f=0,d=t.length;f<d;f++){const p=t[f];if(p.width){const R=qe(p),Ar=y.getStringInNumber(R);p.paraui_left_width=c,c+=Ar,f===t.length-1?p.paraui_fixed_left_last=!0:p.paraui_fixed_left_last=!1}}}if(r.length>0){u.rightBol=!0;let c=l;for(let f=r.length-1;f>=0;f--){const d=r[f];if(d.width){const p=qe(d),R=y.getStringInNumber(p);d.paraui_right_width=c,c+=R,f===0?d.paraui_fixed_right_first=!0:d.paraui_fixed_right_first=!1}}}lr(a),ir(u)},pr=()=>{const e={},t=Object.keys($),r=n.current.headDataJson||{};for(let a=0,i=t.length;a<i;a++){const l=t[a],u=$[l]||[];if(u.length===0)continue;const c=r[l];c&&c.filterRadio?e[l]=u[0]:e[l]=u}return e},me=async e=>{e.uuid=je,s.loading===void 0&&H(!0);let{data:t,err:r}=await y.requestFunc(e);if(!n.current.isDestroy){if(r){if(s.loading===void 0&&H(!1),!r.__CANCEL__){let a=!1;if(n.current.onError&&(a=await n.current.onError(r)),!a)return;ke([]),Ne(0),pt({})}return!1}Ie?Ie(t,a=>{a&&(a.data&&(a=a.data),At(a),s.loading===void 0&&H(!1))}):(t.data&&(t=t.data),At(t),s.loading===void 0&&H(!1))}},At=e=>{if(e.columns&&s.headData===void 0&&JSON.stringify(e.columns)!==JSON.stringify(er)){tr(e.columns);const r=Object.keys(e.columns),a=[];for(let i=0,l=r.length;i<l;i++){const u=r[i],c=e.columns[u];c.name=u,c.label=c.displayName,c.filter=c.filterFlag,c.filterRadio=c.filterRadioFlag,c.sort=c.orderFlag,c.selected=c.selectedFlag,c.width=c.width,a.push(c)}qt(a,!0)}if(q)ge(e.list||[]),Ne(e.total),e.page!==void 0&&e.page!==null&&(n.current.page=Number(e.page),mt(Number(e.page)));else{let t=[];e instanceof Array?t=e:t=e.list||[],ge(t)}},ge=e=>{if(n.current.loadMoreUrl){const r=n.current.historyData||[];r.length>0&&(e=[...r,...e])}const t=S.ArrayToObject(v,e);n.current.historyData=e,pt(t),ke(e),D&&bt({...E,...t})},br=e=>{e!==void 0&&w(e),pe()},xr=e=>{e!==void 0&&he(e),w(1),pe()},Cr=e=>{const t=e||Number(I)+1;w(t)},Sr=(e,t)=>{const r=b.indexOf(t);if(r!==-1){const l=g[r];l==="asc"&&(g[r]="desc"),l==="desc"&&(b.splice(r,1),g.splice(r,1)),l===void 0&&(g[r]="asc")}else b.push(t),g.push("asc");let a=[...b],i=[...g];if(Ue){const l=a.indexOf(t);l!==-1&&(a=[a[l]],i=[i[l]])}Xt(a),Qt(i),n.current.orderFieldArr=a,n.current.orderTypeArr=i,we&&we({orderField:a,orderType:i}),n.current.loadMoreUrl&&(n.current.historyData=[],w(1)),M(Math.random())},Fe=e=>{s.checkDefaultValue===void 0&&ve({...e});const t=Object.keys(e);if(Ce){const r=[];for(let a=0,i=t.length;a<i;a++)E[t[a]]&&r.push(E[t[a]]);Ce(t,r)}},Ft=(e,t)=>{const r=s.checkDefaultValue!==void 0?{...x}:x;for(let a=0,i=C.length;a<i;a++){const l=C[a][v];j[l]||(t?r[l]=!0:r[l]&&delete r[l])}Fe(r)},yr=(e,t,r)=>{const a=s.checkDefaultValue!==void 0?{...x}:x;a[r]=t,a[r]===!1&&delete a[r],Fe(a)},Dr=(e,t)=>{Se&&Se(t,E[t])},pe=()=>{_t||(ve({}),Fe({}))},Ht=(e,t,r)=>{Ae(e),xt(e),Mt(e);const a={setFixed:!0,headArr:e};r&&(a.setDrag=!0,a.headDataConfig={}),jt(a),De&&De(e,t)},Tr=(e,t,r)=>{if(t){n.current.headDataConfig={},$e({});const i=[],l=[...U];$t(l);for(let u=0,c=l.length;u<c;u++){const f=l[u];f&&f.selected&&i.push(f)}Ht(i,r,!0);return}e.sort((i,l)=>Number(i.orderNum)-Number(l.orderNum));const a=[...e];Ht(a,r)},wr=e=>{n.current.selectFilterCom=S.DeepClone(e),nr(S.DeepClone(e)),w(1)},Rr=(e,t)=>{const r=e.name||"";n.current.headDataConfig[r]={width:t.width},$e({...n.current.headDataConfig}),Ae([...G]),jt({headDataConfig:n.current.headDataConfig,setDrag:!0})},Nr=(e,t,r)=>{const a=e.splice(t,1)[0];return e.splice(r,0,a),e},kr=async e=>{const{oldIndex:t,newIndex:r}=e;if(t===r)return;const a=[...C||[]];Nr(a,t,r),await ft?.(a,e)||ke(a)},vr=o.useMemo(()=>N.jsxRuntimeExports.jsx(Fr.TableHead,{orderTypeArr:g,orderFieldArr:b,sortTable:ee,filter:Ge,expandable:k,check:P,selectStatus:ce,radio:_,align:te,showList:U,headData:G,selectFilter:$,operate:ne,onRequestSort:Sr,selectAll:Ft,changeShowList:Tr,changeFilter:wr,showColumns:A,rowKey:v,fixedTable:W,fixedColumn:F,posFixed:fe,beyondText:se,lineWidth:ae,dragColumn:ye,dragRow:V,headDataConfig:St,tipMaxWidth:oe,changeColumnWidth:Rr,getPopupContainer:it}),[E,A,v,C,x,j,g,b,ee,Ge,k,P,ce,_,te,U,G,$,ne,De,Ue,W,fe,se,F,ae,ye,V,St,it,we,oe]),Er=o.useMemo(()=>N.jsxRuntimeExports.jsx(Hr.TableBody,{url:D,emptyProps:ze,changePage:Cr,loadMoreUrl:Ct,total:ie,page:I,currentRowsPerPage:B,loadState:ue,loadMore:T,loadMoreRender:Ye,onClickMore:Ze,rowData:C,headData:G,expandable:k,check:P,radio:_,checkJson:x,radioValue:Ee,disabledJson:j,disabledArrStatus:Be,align:te,tableCell:Je,operate:ne,showColumns:A,formatter:Qe,orderTypeArr:g,orderFieldArr:b,sortTable:ee,selectCheck:yr,selectRadio:Dr,rowKey:v,expandMultiple:tt,expandValue:et,disabledExpand:rt,onExpand:nt,defaultExpandAllRows:at,onRefresh:()=>{le?.("empty"),M(Math.random()),pe()},posFixed:fe,beyondText:se,fixedColumn:F,fixedTable:W,onClickRow:ot,rowClassMapping:lt,tipMaxWidth:oe,lineHeight:J,dragRow:V,onDragRow:kr,virtualIndex:Dt,virtual:de}),[A,Qe,v,C,G,k,P,_,x,ee,g,b,Ee,j,te,Je,ne,Se,Ce,E,T,Ye,Ze,ie,I,B,Ct,et,tt,rt,nt,at,ue,ze,D,Be,fe,se,W,F,ot,lt,oe,J,V,ft,Dt,Re,de,le]),jr=o.useMemo(()=>{if(!(n.current.page===null||n.current.size===null||T))return q&&N.jsxRuntimeExports.jsx(Or.TableHead,{paginationType:_e,flippingArrow:We,autoPagination:Ve,total:ie,page:I,currentRowsPerPage:B,rowsPerPage:gt,changePage:br,changeRowsPerPage:xr,refreshInside:ct,checkCount:ut,onRefresh:()=>{le?.("refresh"),M(Math.random()),pe()},selectStatus:ce,selectAll:Ft,checkNumber:Object.keys(x).length,currentPageTotal:C.length,resizePaginationLine:Rt})},[ie,I,B,gt,q,T,Ve,_e,We,ct,ut,ce,C,x,j,E,Rt,le]),He=e=>{const t=Me.current,r=e.target;if(!(!t||!r)&&(t.classList.remove("table-scroll-left","table-scroll-right","table-scroll-middle"),!(r.scrollWidth<=r.clientWidth))){if(r.scrollLeft===0){t.classList.add("table-scroll-left");return}if(r.scrollLeft+r.clientWidth===r.scrollWidth){t.classList.add("table-scroll-right");return}t.classList.add("table-scroll-middle")}},$r=()=>{Oe(),He({target:h.current}),ur(S.UUID())},Oe=()=>{const e=Nt(),t=10;if(n.current.virtual&&!n.current.expandable&&Number(n.current.sizeCom)>e+2*t){if(yt(!0),!Q.current||!h.current)return;const r=Q.current.clientHeight-h.current.clientHeight;h.current.scrollTop>=r&&(h.current.scrollTop=r,wt(r)),wt(h.current.scrollTop);const a=h.current,i=Math.floor(a.scrollTop/J),l=i+e+t;Tt([i,l])}else Tt([0,0]),yt(!1)},Mr=()=>!de||!Q.current||!h.current?null:N.jsxRuntimeExports.jsx(Jr.default,{style:{position:"absolute",top:0,right:0,zIndex:100},scrollTotalLength:Q.current.clientHeight-h.current.clientHeight,scrollLength:cr,onScroll:e=>{h.current&&(h.current.scrollTop=e)}}),qr=()=>{let e=`${m.$prefixCls}-table`;return A==="inside"&&(e+=` ${m.$prefixCls}-table-columns-inside`),q&&(e+=` ${m.$prefixCls}-table-pagination`),T&&(e+=` ${m.$prefixCls}-table-load-more`),W&&(e+=` ${m.$prefixCls}-table-fixed-table`),F&&(e+=` ${m.$prefixCls}-table-fixed-cloumn`),ye&&(e+=` ${m.$prefixCls}-table-drag-column`),V&&(e+=` ${m.$prefixCls}-table-drag-row`),P&&(e+=` ${m.$prefixCls}-table-check`),_&&(e+=` ${m.$prefixCls}-table-radio`),k&&(e+=` ${m.$prefixCls}-table-expandable`),C.length===0&&(e+=` ${m.$prefixCls}-table-no-data`),ue&&(e+=` ${m.$prefixCls}-table-load`),de&&(e+=` ${m.$prefixCls}-virtual`),Le&&(e+=` ${Le}`),e};return N.jsxRuntimeExports.jsxs("div",{className:qr(),style:Lt,ref:Me,children:[N.jsxRuntimeExports.jsx(Lr.TableContainer,{className:"table-contain",cRef:h,onScroll:e=>{Oe(),He(e)},children:N.jsxRuntimeExports.jsxs(zr.TableElement,{cRef:Q,fixedColumn:F,style:{minWidth:`${or}px`},children:[vr,Er]})}),Mr(),ue&&N.jsxRuntimeExports.jsx(Pr.Loading,{}),jr]})};exports.default=Br;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const w=require("../_virtual/jsx-runtime.js"),o=require("react"),Q=require("@snack-kit/lib"),be=require("../Utils/snack-kit-shims.js"),S=require("./util.js"),Hr=require("./tableHead.js"),Or=require("./tableBody.js"),Lr=require("./tablePagination.js"),zr=require("./tableContainer/index.js"),Pr=require("./tableElement/index.js"),_r=require("../Loading/index.js"),Wr=require("../Hooks/useGlobalProps.js"),m=require("../GlobalContext/constant.js"),Vr=require("../GlobalContext/useFormatMessage.js"),Jr=require("./lang/index.js"),Ir=require("../ScrollBar/index.js");;/* empty css */const Br=require("../Utils/Hooks/useResizeObserver.js"),Kr=Lt=>{const s=Wr.default(Lt,"Table");be.GetBrowserClass()==="ie"&&(s.fixedColumn=!1);const{className:ze,style:zt,url:y,ctx:xe,emptyProps:Pe,method:H="Get",data:Ce,page:Pt=1,size:O=10,sizeArr:L=[10,20,50,100],search:_e,pagination:$=!0,paginationType:We="complex",flippingArrow:Ve,autoPagination:Je=!0,tableCell:Ie,requestCallback:Be,checkDefaultValue:X,setCheck:Se,radioDefaultValue:Y,setRadio:ye,refresh:_t,disabledArr:Z,disabledArrStatus:Ke,headData:Ue=[],sortTableRadio:Ge,sortTable:ee=!1,filter:Qe=!1,expandable:N,rowKey:k="key",check:z=!1,radio:P=!1,checkRememberPage:Wt=!1,align:te="left",paramsCallback:re,operate:ne,showColumns:q="inside",fixedTable:_=!0,fixedColumn:A=!0,dragColumn:De=!0,dragRow:W,formatter:Xe,lineHeight:V=48,lineWidth:ae=80,autoSize:Ye=!0,loadMore:D=!1,loadMoreRender:Ze,onClickMore:et,expandValue:tt,expandMultiple:rt,disabledExpand:nt,onExpand:at,defaultExpandAllRows:st=!1,onClickColumns:Te,beyondText:se=!0,tipMaxWidth:oe=500,loading:Re,defaultSortValue:ot,defaultFilterValue:Vt,searchKeyName:Jt,filterSearchCallback:It,onClickRow:lt,rowClassMapping:it,getPopupContainer:ct,onSort:we,onError:Bt,refreshInside:ut=!!s.url,checkCount:ft=!!s.check,onDragRow:dt,virtual:Ne=!1,columnsInfoEvent:ht,onRefreshCallback:le}=s,Kt=Vr.default("Table",Jr.default),mt=s.expirationTime?s.expirationTime===0?1e8:s.expirationTime:7,[J,gt]=o.useState(s.page!==void 0?s.page:1),[I,Ut]=o.useState(null),[pt,Gt]=o.useState(L),[ie,ke]=o.useState(0),[C,ve]=o.useState([]),[Qt,bt]=o.useState({}),[v,xt]=o.useState({}),[g,Xt]=o.useState(Object.values(ot||{})),[b,Yt]=o.useState(Object.keys(ot||{})),[ce,B]=o.useState("not"),[x,Ee]=o.useState({}),[je,Zt]=o.useState(),[E,er]=o.useState({}),[tr,rr]=o.useState({}),[K,nr]=o.useState([]),[U,Ct]=o.useState([]),[j,ar]=o.useState({...Vt}),[ue,F]=o.useState(!0),[St,sr]=o.useState(!1),Me=o.useRef(""),[or,M]=o.useState(),[lr,ir]=o.useState(0),[fe,cr]=o.useState({}),[yt,$e]=o.useState({}),[de,Dt]=o.useState(!1),[Tt,Rt]=o.useState([0,0]),[ur,wt]=o.useState(0),[Nt,fr]=o.useState(),h=o.useRef(null),qe=o.useRef(null),G=o.useRef(null),a=o.useRef({page:s.page!==void 0?s.page:1,headDataConfig:{}});Br.default({dom:qe.current,cb:()=>$r()}),a.current.loadMoreUrl=D&&y,a.current.search=_e,a.current.url=y,a.current.orderTypeArr=g,a.current.orderFieldArr=b,a.current.selectFilterCom=j,a.current.data=Ce,a.current.searchKeyName=Jt,a.current.filterSearchCallback=It,a.current.onError=Bt,a.current.sizeCom=I,a.current.virtual=Ne,a.current.expandable=N,o.useEffect(()=>()=>{a.current.isDestroy=!0,clearTimeout(a.current.reqTimer),clearTimeout(a.current.loadingTimer),Q.Cancel(Me.current)},[]),o.useEffect(()=>{Re!==void 0&&(clearTimeout(a.current.loadingTimer),a.current.loadingTimer=setTimeout(()=>{F(Re)},50))},[Re]),o.useEffect(()=>{sr(!!(D&&y))},[D,y]),o.useEffect(()=>{s.page!==void 0&&T(s.page)},[Pt]),o.useEffect(()=>{if(!Ye)return he(O);if(s.size)he(O);else if(h&&h.current){const e=kt();L.indexOf(e)===-1&&(L.unshift(e),L.sort((t,r)=>t-r),Gt([...L])),he(e)}},[O,Ye]),o.useEffect(()=>{s.headData!==void 0&&At(Ue,!1)},[Ue]),o.useEffect(()=>{if(Ce){a.current.historyData=[];const e=vt(),t=be.ArrayToObject(k,e);xt(t),M(Math.random())}},[Ce]),o.useEffect(()=>{a.current.initReq&&(T(1),a.current.historyData=[])},[_e,y]),o.useEffect(()=>{a.current.loadMoreUrl?(a.current.historyData=[],T(1)):M(Math.random())},[_t]),o.useEffect(()=>{clearTimeout(a.current.reqTimer),a.current.url&&Q.Cancel(Me.current),a.current.reqTimer=setTimeout(()=>{if(a.current.initReq=!0,a.current.url){let e={};if($){if(a.current.page===null||a.current.size===null)return;e.size=a.current.size,e.page=a.current.page}if(b.length>0&&(e.orderField=b,e.orderType=g,s.sortTableRadio&&(e.orderField=b[0],e.orderType=g[0])),j&&Object.keys(j).length>0){const r=br();Object.keys(r).length>0&&(e.filter=r)}a.current.search&&typeof a.current.search=="object"&&(e={...e,...a.current.search});const t={url:a.current.url,ctx:xe,method:H,data:e};if(H==="Get")if(re)re(t,r=>{const n=S.handGetReqParams(r);me({...r,url:n,ctx:xe,method:H})});else{const r=S.handGetReqParams(t);me({url:r,ctx:xe,method:H})}H==="Post"&&(re?re(t,r=>{me(r)}):me(t))}if(a.current.data){let e=vt();if(e=dr(e),$){if(a.current.page===null||a.current.size===null)return;const t=e.slice((a.current.page-1)*a.current.size,(a.current.page-1)*a.current.size+a.current.size);ge(t),ke(e.length)}else ge(e);s.loading===void 0&&F(!1)}},50)},[or]),o.useEffect(()=>{Y!==void 0&&Y!==je&&Zt(Y)},[Y]),o.useEffect(()=>{if(X){const e={};for(let t=0,r=X.length;t<r;t++){const n=X[t];e[n]=!0}Ee(e)}},[X]),o.useEffect(()=>{if(Z){const e={};for(let t=0,r=Z.length;t<r;t++){const n=Z[t];e[n]=!0}er(e)}},[Z]),o.useEffect(()=>{if(Object.keys(x).length===0)B("not");else{const e=Object.keys(Qt);if(e.length===0)return B("not");let t=e.length,r=0;for(let n=0,i=e.length;n<i;n++){const l=e[n];E[l]?t--:x[l]!==void 0&&r++}if(r===0)return B("not");if(r===t)return B("all");if(r<t)return B("half")}},[x,C,E]),o.useEffect(()=>{Le()},[Ne,C,N]),o.useEffect(()=>{Oe({target:h.current})});const kt=()=>{if(!h.current)return O;let e=h.current.clientHeight-48;s.loadMore&&(e-=V);const t=Math.floor(e/V);return t<1?O:t},he=e=>{a.current.size=e,Ut(e),M(Math.random())},T=e=>{a.current.page=e,gt(e),M(Math.random())},vt=()=>{let e=[];return a.current.data instanceof Array?e=a.current.data:e=a.current.data?.list,e},dr=e=>{const t=Object.keys(a.current.selectFilterCom||{}),r=[];for(let n=0,i=e.length;n<i;n++){const l=e[n];let u=!0;if(a.current.filterSearchCallback)u=a.current.filterSearchCallback(l,{search:a.current.search,filter:a.current.selectFilterCom});else{for(let c=0,f=t.length;c<f;c++){const d=t[c],p=a.current.selectFilterCom[d]||[],R=l[d];if(p.length>0&&p.indexOf(R)===-1){u=!1;continue}}u&&(u=hr(l))}u&&r.push(l)}return r},hr=e=>{let t;const r=a.current.search;if(r&&typeof r!="string"&&r.searchKey&&(t=r.searchKey),typeof t=="string"&&a.current.searchKeyName&&a.current.searchKeyName.length>0)for(let n=0,i=a.current.searchKeyName.length;n<i;n++){const l=a.current.searchKeyName[n],u=e[l];if(u&&u.indexOf&&u.indexOf(t)!==-1)return!0}else return!0;return!1},Et=()=>s.tableKey?s.tableKey:s.data?window.location.origin+window.location.pathname+window.location.hash:s.url?`${s.url}_${s.method||"Get"}`:"",jt=()=>s.rememberColumns===!1?{}:S.getLocalStorageSelectHead(Et(),mt),Mt=e=>{if(s.rememberColumns===!1)return;const t=jt(),r={headName:t.headName||{},headDataConfig:t.headDataConfig||{},storageTime:new Date().getTime(),validity:mt*(3600*24)};if(e.setFixed){const n=be.ArrayToObject("name",e.headArr||[]);for(let i=0,l=K.length;i<l;i++){const c=K[i].name||"";r.headName[c]=!1,n[c]&&(r.headName[c]=!0)}}e.setDrag&&(r.headDataConfig=e.headDataConfig||{}),S.setLocalStorageSelectHead(Et(),r)},mr=(e,t,r)=>{if(q===!1){t.push(e);return}if(s.rememberColumns===!1)e.selected&&t.push(e);else{const n=r.headName||{},i=e.name||"",l=n[i];l!==void 0?l&&t.push(e):e.selected&&t.push(e)}},$t=e=>{const t={label:Kt({id:"serial"}),selected:!0,width:s.radio||s.check||s.expandable?45:55,fixed:"left",align:"center",className:"table-serial-number",name:"table-serial-number",sort:!1,filter:!1,render:(r,n,i,l,u)=>Number(u)+1};s.serialNumber&&(typeof s.serialNumber=="boolean"?e.unshift(t):e.unshift({...t,...s.serialNumber}))},qt=e=>{ht&&ht(e)},At=(e,t)=>{const r=[],n=[],i={},l=jt();a.current.headDataConfig=l.headDataConfig||{};for(let u=0,c=e.length;u<c;u++){const f=e[u],d=f.name||"";typeof f.width=="number"&&(f.width=`${f.width}px`),t||(f.orderNum=u),mr(f,r,l),n.push(f),i[d]=f}t&&(r.sort((u,c)=>Number(u.orderNum)-Number(c.orderNum)),n.sort((u,c)=>Number(u.orderNum)-Number(c.orderNum))),$t(r),Fe(r),Ct(r),qt(r),nr(n),$e({...a.current.headDataConfig}),a.current.headDataJson=i},gr=()=>{let e=0;return s.check&&(e+=48),s.radio&&(s.check?e+=32:e+=48),s.expandable&&(s.check||s.radio?e+=32:e+=48),e},pr=()=>{let e=0;return(s.showColumns==="inside"||s.showColumns===void 0||s.dragRow)&&(e+=53),s.operate&&(s.operate.width?e+=S.getStringInNumber(s.operate.width):s.operate.operateBtnRender?s.dragRow?e+=145:e+=e===0?158:105:e+=ae),e},Ae=e=>{let t=e.width||"";const r=e.name||"",n=a.current.headDataConfig[r]&&a.current.headDataConfig[r].width;return n&&(t=n),t},Fe=e=>{const t=[],r=[];let n=0;const i=gr();n+=i;const l=pr();n+=l;const u={leftBol:!1,rightBol:!1};for(let c=0,f=e.length;c<f;c++){const d=e[c];let p=0;const R=Ae(d);R?(p=S.getStringInNumber(R),n+=p):n+=ae,d.fixed==="left"&&d.width&&t.push(d),d.fixed==="right"&&d.width&&r.push(d)}if(t.length>0){u.leftBol=!0;let c=i;for(let f=0,d=t.length;f<d;f++){const p=t[f];if(p.width){const R=Ae(p),Fr=S.getStringInNumber(R);p.paraui_left_width=c,c+=Fr,f===t.length-1?p.paraui_fixed_left_last=!0:p.paraui_fixed_left_last=!1}}}if(r.length>0){u.rightBol=!0;let c=l;for(let f=r.length-1;f>=0;f--){const d=r[f];if(d.width){const p=Ae(d),R=S.getStringInNumber(p);d.paraui_right_width=c,c+=R,f===0?d.paraui_fixed_right_first=!0:d.paraui_fixed_right_first=!1}}}ir(n),cr(u)},br=()=>{const e={},t=Object.keys(j),r=a.current.headDataJson||{};for(let n=0,i=t.length;n<i;n++){const l=t[n],u=j[l]||[];if(u.length===0)continue;const c=r[l];c&&c.filterRadio?e[l]=u[0]:e[l]=u}return e},me=async e=>{e.onCancelId=n=>{Me.current=n},s.loading===void 0&&F(!0);let{data:t,error:r}=await S.requestFunc(e);if(!a.current.isDestroy){if(r){if(s.loading===void 0&&F(!1),!r.__CANCEL__){let n=!1;if(a.current.onError&&(n=await a.current.onError(r)),!n)return;ve([]),ke(0),bt({})}return!1}Be?Be(t,n=>{n&&(n.data&&(n=n.data),Ft(n),s.loading===void 0&&F(!1))}):(t.data&&(t=t.data),Ft(t),s.loading===void 0&&F(!1))}},Ft=e=>{if(e.columns&&s.headData===void 0&&JSON.stringify(e.columns)!==JSON.stringify(tr)){rr(e.columns);const r=Object.keys(e.columns),n=[];for(let i=0,l=r.length;i<l;i++){const u=r[i],c=e.columns[u];c.name=u,c.label=c.displayName,c.filter=c.filterFlag,c.filterRadio=c.filterRadioFlag,c.sort=c.orderFlag,c.selected=c.selectedFlag,c.width=c.width,n.push(c)}At(n,!0)}if($)ge(e.list||[]),ke(e.total),e.page!==void 0&&e.page!==null&&(a.current.page=Number(e.page),gt(Number(e.page)));else{let t=[];e instanceof Array?t=e:t=e.list||[],ge(t)}},ge=e=>{if(a.current.loadMoreUrl){const r=a.current.historyData||[];r.length>0&&(e=[...r,...e])}const t=be.ArrayToObject(k,e);a.current.historyData=e,bt(t),ve(e),y&&xt({...v,...t})},xr=e=>{e!==void 0&&T(e),pe()},Cr=e=>{e!==void 0&&he(e),T(1),pe()},Sr=e=>{const t=e||Number(J)+1;T(t)},yr=(e,t)=>{const r=b.indexOf(t);if(r!==-1){const l=g[r];l==="asc"&&(g[r]="desc"),l==="desc"&&(b.splice(r,1),g.splice(r,1)),l===void 0&&(g[r]="asc")}else b.push(t),g.push("asc");let n=[...b],i=[...g];if(Ge){const l=n.indexOf(t);l!==-1&&(n=[n[l]],i=[i[l]])}Yt(n),Xt(i),a.current.orderFieldArr=n,a.current.orderTypeArr=i,we&&we({orderField:n,orderType:i}),a.current.loadMoreUrl&&(a.current.historyData=[],T(1)),M(Math.random())},He=e=>{s.checkDefaultValue===void 0&&Ee({...e});const t=Object.keys(e);if(Se){const r=[];for(let n=0,i=t.length;n<i;n++)v[t[n]]&&r.push(v[t[n]]);Se(t,r)}},Ht=(e,t)=>{const r=s.checkDefaultValue!==void 0?{...x}:x;for(let n=0,i=C.length;n<i;n++){const l=C[n][k];E[l]||(t?r[l]=!0:r[l]&&delete r[l])}He(r)},Dr=(e,t,r)=>{const n=s.checkDefaultValue!==void 0?{...x}:x;n[r]=t,n[r]===!1&&delete n[r],He(n)},Tr=(e,t)=>{ye&&ye(t,v[t])},pe=()=>{Wt||(Ee({}),He({}))},Ot=(e,t,r)=>{Fe(e),Ct(e),qt(e);const n={setFixed:!0,headArr:e};r&&(n.setDrag=!0,n.headDataConfig={}),Mt(n),Te&&Te(e,t)},Rr=(e,t,r)=>{if(t){a.current.headDataConfig={},$e({});const i=[],l=[...K];$t(l);for(let u=0,c=l.length;u<c;u++){const f=l[u];f&&f.selected&&i.push(f)}Ot(i,r,!0);return}e.sort((i,l)=>Number(i.orderNum)-Number(l.orderNum));const n=[...e];Ot(n,r)},wr=e=>{a.current.selectFilterCom=Q.DeepClone(e),ar(Q.DeepClone(e)),T(1)},Nr=(e,t)=>{const r=e.name||"";a.current.headDataConfig[r]={width:t.width},$e({...a.current.headDataConfig}),Fe([...U]),Mt({headDataConfig:a.current.headDataConfig,setDrag:!0})},kr=(e,t,r)=>{const n=e.splice(t,1)[0];return e.splice(r,0,n),e},vr=async e=>{const{oldIndex:t,newIndex:r}=e;if(t===r)return;const n=[...C||[]];kr(n,t,r),await dt?.(n,e)||ve(n)},Er=o.useMemo(()=>w.jsxRuntimeExports.jsx(Hr.TableHead,{orderTypeArr:g,orderFieldArr:b,sortTable:ee,filter:Qe,expandable:N,check:z,selectStatus:ce,radio:P,align:te,showList:K,headData:U,selectFilter:j,operate:ne,onRequestSort:yr,selectAll:Ht,changeShowList:Rr,changeFilter:wr,showColumns:q,rowKey:k,fixedTable:_,fixedColumn:A,posFixed:fe,beyondText:se,lineWidth:ae,dragColumn:De,dragRow:W,headDataConfig:yt,tipMaxWidth:oe,changeColumnWidth:Nr,getPopupContainer:ct}),[v,q,k,C,x,E,g,b,ee,Qe,N,z,ce,P,te,K,U,j,ne,Te,Ge,_,fe,se,A,ae,De,W,yt,ct,we,oe]),jr=o.useMemo(()=>w.jsxRuntimeExports.jsx(Or.TableBody,{url:y,emptyProps:Pe,changePage:Sr,loadMoreUrl:St,total:ie,page:J,currentRowsPerPage:I,loadState:ue,loadMore:D,loadMoreRender:Ze,onClickMore:et,rowData:C,headData:U,expandable:N,check:z,radio:P,checkJson:x,radioValue:je,disabledJson:E,disabledArrStatus:Ke,align:te,tableCell:Ie,operate:ne,showColumns:q,formatter:Xe,orderTypeArr:g,orderFieldArr:b,sortTable:ee,selectCheck:Dr,selectRadio:Tr,rowKey:k,expandMultiple:rt,expandValue:tt,disabledExpand:nt,onExpand:at,defaultExpandAllRows:st,onRefresh:()=>{le?.("empty"),M(Math.random()),pe()},posFixed:fe,beyondText:se,fixedColumn:A,fixedTable:_,onClickRow:lt,rowClassMapping:it,tipMaxWidth:oe,lineHeight:V,dragRow:W,onDragRow:vr,virtualIndex:Tt,virtual:de}),[q,Xe,k,C,U,N,z,P,x,ee,g,b,je,E,te,Ie,ne,ye,Se,v,D,Ze,et,ie,J,I,St,tt,rt,nt,at,st,ue,Pe,y,Ke,fe,se,_,A,lt,it,oe,V,W,dt,Tt,Ne,de,le]),Mr=o.useMemo(()=>{if(!(a.current.page===null||a.current.size===null||D))return $&&w.jsxRuntimeExports.jsx(Lr.TableHead,{paginationType:We,flippingArrow:Ve,autoPagination:Je,total:ie,page:J,currentRowsPerPage:I,rowsPerPage:pt,changePage:xr,changeRowsPerPage:Cr,refreshInside:ut,checkCount:ft,onRefresh:()=>{le?.("refresh"),M(Math.random()),pe()},selectStatus:ce,selectAll:Ht,checkNumber:Object.keys(x).length,currentPageTotal:C.length,resizePaginationLine:Nt})},[ie,J,I,pt,$,D,Je,We,Ve,ut,ft,ce,C,x,E,v,Nt,le]),Oe=e=>{const t=qe.current,r=e.target;if(!(!t||!r)&&(t.classList.remove("table-scroll-left","table-scroll-right","table-scroll-middle"),!(r.scrollWidth<=r.clientWidth))){if(r.scrollLeft===0){t.classList.add("table-scroll-left");return}if(r.scrollLeft+r.clientWidth===r.scrollWidth){t.classList.add("table-scroll-right");return}t.classList.add("table-scroll-middle")}},$r=()=>{Le(),Oe({target:h.current}),fr(Q.UUID())},Le=()=>{const e=kt(),t=10;if(a.current.virtual&&!a.current.expandable&&Number(a.current.sizeCom)>e+2*t){if(Dt(!0),!G.current||!h.current)return;const r=G.current.clientHeight-h.current.clientHeight;h.current.scrollTop>=r&&(h.current.scrollTop=r,wt(r)),wt(h.current.scrollTop);const n=h.current,i=Math.floor(n.scrollTop/V),l=i+e+t;Rt([i,l])}else Rt([0,0]),Dt(!1)},qr=()=>!de||!G.current||!h.current?null:w.jsxRuntimeExports.jsx(Ir.default,{style:{position:"absolute",top:0,right:0,zIndex:100},scrollTotalLength:G.current.clientHeight-h.current.clientHeight,scrollLength:ur,onScroll:e=>{h.current&&(h.current.scrollTop=e)}}),Ar=()=>{let e=`${m.$prefixCls}-table`;return q==="inside"&&(e+=` ${m.$prefixCls}-table-columns-inside`),$&&(e+=` ${m.$prefixCls}-table-pagination`),D&&(e+=` ${m.$prefixCls}-table-load-more`),_&&(e+=` ${m.$prefixCls}-table-fixed-table`),A&&(e+=` ${m.$prefixCls}-table-fixed-cloumn`),De&&(e+=` ${m.$prefixCls}-table-drag-column`),W&&(e+=` ${m.$prefixCls}-table-drag-row`),z&&(e+=` ${m.$prefixCls}-table-check`),P&&(e+=` ${m.$prefixCls}-table-radio`),N&&(e+=` ${m.$prefixCls}-table-expandable`),C.length===0&&(e+=` ${m.$prefixCls}-table-no-data`),ue&&(e+=` ${m.$prefixCls}-table-load`),de&&(e+=` ${m.$prefixCls}-virtual`),ze&&(e+=` ${ze}`),e};return w.jsxRuntimeExports.jsxs("div",{className:Ar(),style:zt,ref:qe,children:[w.jsxRuntimeExports.jsx(zr.TableContainer,{className:"table-contain",cRef:h,onScroll:e=>{Le(),Oe(e)},children:w.jsxRuntimeExports.jsxs(Pr.TableElement,{cRef:G,fixedColumn:A,style:{minWidth:`${lr}px`},children:[Er,jr]})}),qr(),ue&&w.jsxRuntimeExports.jsx(_r.Loading,{}),Mr]})};exports.default=Kr;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/Table/interface.d.ts
CHANGED
|
@@ -77,6 +77,16 @@ export interface HeadDataProps<T = unknown> {
|
|
|
77
77
|
tipMaxWidth?: number | string;
|
|
78
78
|
/** 排序,请求才有 */
|
|
79
79
|
orderNum?: number;
|
|
80
|
+
/** 自定义内联样式 */
|
|
81
|
+
style?: React.CSSProperties;
|
|
82
|
+
/** @internal Table 内部计算字段:左固定列累计宽度(运行时挂载,业务侧请勿设置) */
|
|
83
|
+
paraui_left_width?: number;
|
|
84
|
+
/** @internal Table 内部计算字段:右固定列累计宽度(运行时挂载,业务侧请勿设置) */
|
|
85
|
+
paraui_right_width?: number;
|
|
86
|
+
/** @internal Table 内部计算字段:是否为左固定列最后一列(用于阴影) */
|
|
87
|
+
paraui_fixed_left_last?: boolean;
|
|
88
|
+
/** @internal Table 内部计算字段:是否为右固定列第一列(用于阴影) */
|
|
89
|
+
paraui_fixed_right_first?: boolean;
|
|
80
90
|
}
|
|
81
91
|
/** 远程数据的表头显示列 */
|
|
82
92
|
export interface HeadDataReqProps {
|
|
@@ -92,6 +102,18 @@ export interface HeadDataReqProps {
|
|
|
92
102
|
orderFlag?: boolean;
|
|
93
103
|
/** 表头是否显示该字段 */
|
|
94
104
|
selectedFlag?: boolean;
|
|
105
|
+
/** @internal Table 内部从 displayName/filterFlag 等映射后写入的字段(与 HeadDataProps 一致),业务侧无需设置 */
|
|
106
|
+
name?: string;
|
|
107
|
+
/** @internal */
|
|
108
|
+
label?: ReactNode;
|
|
109
|
+
/** @internal */
|
|
110
|
+
filter?: boolean;
|
|
111
|
+
/** @internal */
|
|
112
|
+
filterRadio?: boolean;
|
|
113
|
+
/** @internal */
|
|
114
|
+
sort?: boolean;
|
|
115
|
+
/** @internal */
|
|
116
|
+
selected?: boolean;
|
|
95
117
|
}
|
|
96
118
|
/** 固定列/拖拽 位置信息 */
|
|
97
119
|
export interface PosFixedProps {
|
|
@@ -323,6 +345,8 @@ export interface ReqProps {
|
|
|
323
345
|
ctx?: string;
|
|
324
346
|
/** 请求参数 */
|
|
325
347
|
data?: Record<string, unknown> | Anyjson;
|
|
348
|
+
/** 接收 cancel id 的回调(来自 @snack-kit/lib HTTP API;Table 内部赋值,业务侧无需设置) */
|
|
349
|
+
onCancelId?: (id: string) => void;
|
|
326
350
|
}
|
|
327
351
|
/** 显示列LocalStorage item */
|
|
328
352
|
export interface HeadLocalStorageItem {
|
package/lib/Table/tableHead.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../_virtual/jsx-runtime.js"),a=require("react"),qe=require("./tableHeadElement/index.js"),Me=require("./trElement/index.js"),j=require("./thElement/index.js"),se=require("../Popover/index.js"),V=require("../Checkbox/index.js"),J=require("../Button/index.js"),F=require("../AutoTips/index.js"),z=require("@paraview/lib"),Fe=require("../node_modules/@para-ui/icons/ScreenF/index.js"),De=require("../node_modules/@para-ui/icons/UpTriangleF/index.js"),_e=require("../node_modules/@para-ui/icons/DownTriangleF/index.js"),Be=require("../node_modules/@para-ui/icons/Panel/index.js"),He=require("./lang/index.js"),Pe=require("../GlobalContext/useFormatMessage.js"),k=require("../GlobalContext/constant.js"),We=require("../Empty/index.js"),ne=re=>{const{headData:f=[],sortTable:S,filter:D,expandable:h,check:_,radio:N,onRequestSort:I,orderFieldArr:U=[],orderTypeArr:B=[],selectAll:H,selectStatus:y,align:$,showList:G=[],changeShowList:g,selectFilter:E,changeFilter:R,operate:c,showColumns:m,fixedTable:ie,fixedColumn:o,posFixed:d,beyondText:q,lineWidth:K,dragColumn:Q,dragRow:M,changeColumnWidth:P,headDataConfig:W,getPopupContainer:v,tipMaxWidth:p}=re,[X,O]=a.useState(!1),[Y,A]=a.useState(!1),[Z,ee]=a.useState(null),[w,le]=a.useState({}),[x,T]=a.useState({}),[u,C]=a.useState({}),L=Pe.default("Table",He.default);a.useEffect(()=>{y==="all"&&(A(!0),O(!1)),y==="half"&&(A(!1),O(!0)),y==="not"&&(A(!1),O(!1))},[y]),a.useEffect(()=>{if(f){const e={};for(let s=0,r=f.length;s<r;s++){const l=f[s];e[l.name]=l}le(e)}},[f]),a.useEffect(()=>{E&&C(z.DeepClone(E))},[E]);const ae=(e,s)=>r=>{S&&s.name&&s.sort!==!1&&I&&I(r,e)},oe=(e,s)=>{H&&H(e,s)},ce=e=>{ee(e.currentTarget)},de=e=>{e||ee(null)},xe=e=>()=>{if(e.disabledSelection)return;const s=e.name;if(w[s]){delete w[s];const l=Object.keys(w),t=[];for(let i=0,b=l.length;i<b;i++){const $e=l[i];t.push(w[$e])}g&&g(t,!1,e)}else f.push(e),g&&g(f,!1,e)},ue=()=>{g&&g(f,!0)},fe=e=>s=>{T(e),C({...E})},me=e=>{e||(T({}),C({...E}))},he=e=>()=>{const s=x.name;let r=z.DeepClone(u[s]||[]);const l=r.indexOf(e.value);if(l!==-1?r.splice(l,1):r.push(e.value),x.filterRadio){const i=r.indexOf(e.value);i!==-1&&(r=[r[i]])}u[s]=r,C({...u})},te=e=>()=>{if(e==="confirm")R&&R({...u}),T({});else{const s=z.DeepClone(u);delete s[x.name],C(s),R&&R({...s}),T({})}},pe=(e={})=>{R&&R({...e}),T({})},be=e=>{let s="table-header-box";if(S&&e.name&&e.sort!==!1){s+=" table-header-box-sort";const r=U.indexOf(e.name);r!==-1&&(B[r]==="asc"&&(s+=" table-header-box-sort-asc"),B[r]==="desc"&&(s+=" table-header-box-sort-desc"))}return D&&e.name&&e.filter&&(s+=" table-header-box-filter"),s},je=a.useMemo(()=>{if(_){const e=()=>{let s="table-checkbox table-head-btn";return o&&(s+=" table-fixed-dom-left",!d?.leftBol&&!N&&!h&&(s+=" table-fixed-dom-left-last")),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box",children:n.jsxRuntimeExports.jsx(V.Checkbox,{indeterminate:X,checked:Y,onChange:oe})})})}},[_,X,Y,H,d,N,h,o]),ge=a.useMemo(()=>{if(N){const e=()=>{let s="table-radio table-head-btn";return o&&(s+=" table-fixed-dom-left",!d?.leftBol&&!h&&(s+=" table-fixed-dom-left-last")),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box"})})}},[N,d,h,o]),Ee=a.useMemo(()=>{if(h){const e=()=>{let s="table-expandable table-head-btn";return o&&(s+=" table-fixed-dom-left",d?.leftBol||(s+=" table-fixed-dom-left-last")),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box"})})}},[h,d,o]),Re=()=>{const e=x.name;if(!e)return;const s=u[e]||[];if(x.filterRender)return x.filterRender({filterValue:s,selectFilter:u,headData:x,setFilter:pe});const r=x.enums||[];let l="filter-select";return r.length===0&&(l+=" filter-select-none"),n.jsxRuntimeExports.jsx("div",{className:l,children:r.length===0?n.jsxRuntimeExports.jsx(We.default,{size:"small",imageStyle:{width:"80px",height:"80px"}}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("div",{className:"filter-select-box",children:r.map((t,i)=>{const b=s.indexOf(t.value)!==-1;return n.jsxRuntimeExports.jsxs("div",{onClick:he(t),className:b?"filter-select-item filter-select-item-select":"filter-select-item",children:[n.jsxRuntimeExports.jsx(V.Checkbox,{checked:b}),n.jsxRuntimeExports.jsx("span",{children:n.jsxRuntimeExports.jsx(F.default,{tipMaxWidth:p,children:t.displayName})})]},i)})}),n.jsxRuntimeExports.jsxs("div",{className:"filter-select-footer",children:[n.jsxRuntimeExports.jsx(J.Button,{onClick:te("reset"),variant:"text",children:L({id:"empty"})}),n.jsxRuntimeExports.jsx(J.Button,{onClick:te("confirm"),variant:"text",children:L({id:"determine"})})]})]})})},ve=e=>s=>{P&&P(e,s)},we=e=>{let s=e.width||"";const r=e.name||"",l=W[r]&&W[r].width;return l&&(s=`${l}px`),s},Ne=a.useMemo(()=>{const e=t=>{let i="table-header-filter";return x.name===t.name&&(i+=" table-header-filter-show"),t.name&&u[t.name]&&u[t.name].length>0&&(i+=" table-header-filter-select"),i},s=t=>{let i="";return t.className&&(i+=t.className),o&&t.fixed&&(i+=` table-fixed-dom-${t.fixed}`,t.fixed==="left"&&t.paraui_fixed_left_last&&(i+=" table-fixed-dom-left-last"),t.fixed==="right"&&t.paraui_fixed_right_first&&(i+=" table-fixed-dom-right-first")),i},r=t=>{const i={width:we(t)};return o&&t.fixed&&t.width&&(t.fixed==="left"&&(i.left=`${t.paraui_left_width}px`),t.fixed==="right"&&(i.right=`${t.paraui_right_width}px`)),{...i,...t.style}},l=t=>t.name==="table-serial-number"?!1:!!(Q&&t.drag!==!1);return f.map((t,i)=>{let b=`${k.$prefixCls}-filter-popover ${k.$prefixCls}-scrollbar-small`;return t.filterRender||(b+=` ${k.$prefixCls}-filter-popover-default`),n.jsxRuntimeExports.jsx(j.ThElement,{className:s(t),align:t.align||$,style:r(t),draggable:l(t),headCell:t,onDragDown:ve(t),lineWidth:K,children:n.jsxRuntimeExports.jsx(se.Popover,{placement:"bottom-start",visible:t.name!==void 0&&x.name===t.name,content:t.name!==void 0&&x.name===t.name&&Re(),onVisibleChange:me,overlayClassName:b,getPopupContainer:v||(()=>document.body),maxWidth:t.filterMaxWidth,children:n.jsxRuntimeExports.jsxs("div",{className:be(t),children:[n.jsxRuntimeExports.jsx("div",{className:"table-header-title",children:n.jsxRuntimeExports.jsx("span",{className:"table-header-title-label",children:n.jsxRuntimeExports.jsx(F.default,{beyondText:t.beyondText===void 0?q:t.beyondText,tipMaxWidth:t.tipMaxWidth!==void 0?t.tipMaxWidth:p,children:t.label})})}),D&&t.name&&t.filter&&n.jsxRuntimeExports.jsx("div",{className:e(t),onClick:fe(t),children:n.jsxRuntimeExports.jsx("span",{children:n.jsxRuntimeExports.jsx(Fe.ScreenF,{})})}),S&&t.name&&t.sort!==!1&&n.jsxRuntimeExports.jsx("div",{className:"table-sort-svg",children:n.jsxRuntimeExports.jsxs("span",{onClick:ae(t.name,t),children:[n.jsxRuntimeExports.jsx(De.UpTriangleF,{className:"up-svg"}),n.jsxRuntimeExports.jsx(_e.DownTriangleF,{className:"down-svg"})]})})]})})},t.name||i)})},[f,S,D,U,B,$,x,u,q,E,o,K,Q,P,W,v,p]),Te=a.useMemo(()=>{if(c){const e=()=>{let r="table-operate";return c.operateBtnRender&&(r+=" table-operate-small"),m===!1&&(r+=" table-operate-not-columns"),M&&(r+=" table-operate-drag-row"),o&&(r+=" table-fixed-dom-right",d?.rightBol||(r+=" table-fixed-dom-right-first")),r},s=()=>{const r={width:c.width};return o&&(r.right=m==="inside"?"53px":"0px"),{...r,...c.style}};return n.jsxRuntimeExports.jsx(j.ThElement,{align:c.align||$,style:s(),className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box",children:n.jsxRuntimeExports.jsx("div",{className:"table-header-title",children:n.jsxRuntimeExports.jsx("span",{className:"table-header-title-label",children:n.jsxRuntimeExports.jsx(F.default,{beyondText:c.beyondText===void 0?q:c.beyondText,tipMaxWidth:p,children:c.label})})})})})}},[c,$,d,m,d,q,o,p,M]),Ce=()=>n.jsxRuntimeExports.jsxs("div",{className:"show-colums-select",children:[n.jsxRuntimeExports.jsx("div",{className:"show-colums-select-box",children:G.map((e,s)=>{const r=!!w[e.name];let l="show-colums-select-item";return r&&(l+=" show-colums-select-item-select"),e.disabledSelection&&(l+=" show-colums-select-item-disabled"),n.jsxRuntimeExports.jsxs("div",{onClick:xe(e),className:l,children:[n.jsxRuntimeExports.jsx(V.Checkbox,{checked:r,disabled:e.disabledSelection}),n.jsxRuntimeExports.jsx("span",{children:n.jsxRuntimeExports.jsx(F.default,{tipMaxWidth:p,children:e.label})})]},s)})}),n.jsxRuntimeExports.jsx("div",{className:"show-colums-select-footer",children:n.jsxRuntimeExports.jsx(J.Button,{variant:"text",onClick:ue,children:L({id:"restoreDefault"})})})]}),ke=a.useMemo(()=>{const e=()=>{let s="show-colums table-fixed-dom-right";return(!o||!c&&!d?.rightBol)&&(s+=" table-fixed-dom-right-first"),s};return m==="inside"&&n.jsxRuntimeExports.jsx(se.Popover,{placement:"bottom-end",visible:!!Z,content:Ce(),onVisibleChange:de,overlayClassName:`${k.$prefixCls}-table-show-colums-popover ${k.$prefixCls}-scrollbar-small`,getPopupContainer:v||(()=>document.body),children:n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),onClick:ce,draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box",children:n.jsxRuntimeExports.jsx(Be.Panel,{})})})})},[m,d,c,Z,G,w,v,p]),Se=a.useMemo(()=>{if(!M||c||m==="inside")return null;const e=()=>{let s="drag-row table-fixed-dom-right";return(!o||!c&&!d?.rightBol)&&(s+=" table-fixed-dom-right-first"),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1})},[c,m,o,d,M]),ye=()=>{let e="table-head";return m==="inside"&&(e+=" table-head-inside"),ie||(e+=" table-head-scroll"),!_&&!N&&!h&&(e+=" table-head-no-btn"),e};return n.jsxRuntimeExports.jsx(qe.TableHeadElement,{className:ye(),children:n.jsxRuntimeExports.jsxs(Me.TrElement,{children:[je,ge,Ee,Ne,Te,ke,Se]})})};exports.TableHead=ne;exports.default=ne;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../_virtual/jsx-runtime.js"),a=require("react"),Me=require("./tableHeadElement/index.js"),qe=require("./trElement/index.js"),j=require("./thElement/index.js"),se=require("../Popover/index.js"),V=require("../Checkbox/index.js"),J=require("../Button/index.js"),F=require("../AutoTips/index.js"),z=require("@snack-kit/lib"),Fe=require("../node_modules/@para-ui/icons/ScreenF/index.js"),De=require("../node_modules/@para-ui/icons/UpTriangleF/index.js"),_e=require("../node_modules/@para-ui/icons/DownTriangleF/index.js"),Be=require("../node_modules/@para-ui/icons/Panel/index.js"),He=require("./lang/index.js"),Pe=require("../GlobalContext/useFormatMessage.js"),k=require("../GlobalContext/constant.js"),We=require("../Empty/index.js"),ne=re=>{const{headData:f=[],sortTable:S,filter:D,expandable:h,check:_,radio:N,onRequestSort:I,orderFieldArr:U=[],orderTypeArr:B=[],selectAll:H,selectStatus:y,align:$,showList:G=[],changeShowList:g,selectFilter:E,changeFilter:R,operate:c,showColumns:m,fixedTable:ie,fixedColumn:o,posFixed:d,beyondText:M,lineWidth:K,dragColumn:Q,dragRow:q,changeColumnWidth:P,headDataConfig:W,getPopupContainer:v,tipMaxWidth:b}=re,[X,O]=a.useState(!1),[Y,A]=a.useState(!1),[Z,ee]=a.useState(null),[w,le]=a.useState({}),[x,T]=a.useState({}),[u,C]=a.useState({}),L=Pe.default("Table",He.default);a.useEffect(()=>{y==="all"&&(A(!0),O(!1)),y==="half"&&(A(!1),O(!0)),y==="not"&&(A(!1),O(!1))},[y]),a.useEffect(()=>{if(f){const e={};for(let s=0,r=f.length;s<r;s++){const l=f[s];e[l.name]=l}le(e)}},[f]),a.useEffect(()=>{E&&C(z.DeepClone(E))},[E]);const ae=(e,s)=>r=>{S&&s.name&&s.sort!==!1&&I&&I(r,e)},oe=(e,s)=>{H&&H(e,s)},ce=e=>{ee(e.currentTarget)},de=e=>{e||ee(null)},xe=e=>()=>{if(e.disabledSelection)return;const s=e.name;if(w[s]){delete w[s];const l=Object.keys(w),t=[];for(let i=0,p=l.length;i<p;i++){const $e=l[i];t.push(w[$e])}g&&g(t,!1,e)}else f.push(e),g&&g(f,!1,e)},ue=()=>{g&&g(f,!0)},fe=e=>s=>{T(e),C({...E})},me=e=>{e||(T({}),C({...E}))},he=e=>()=>{const s=x.name;let r=z.DeepClone(u[s]||[]);const l=r.indexOf(e.value);if(l!==-1?r.splice(l,1):r.push(e.value),x.filterRadio){const i=r.indexOf(e.value);i!==-1&&(r=[r[i]])}u[s]=r,C({...u})},te=e=>()=>{if(e==="confirm")R&&R({...u}),T({});else{const s=z.DeepClone(u);delete s[x.name],C(s),R&&R({...s}),T({})}},be=(e={})=>{R&&R({...e}),T({})},pe=e=>{let s="table-header-box";if(S&&e.name&&e.sort!==!1){s+=" table-header-box-sort";const r=U.indexOf(e.name);r!==-1&&(B[r]==="asc"&&(s+=" table-header-box-sort-asc"),B[r]==="desc"&&(s+=" table-header-box-sort-desc"))}return D&&e.name&&e.filter&&(s+=" table-header-box-filter"),s},je=a.useMemo(()=>{if(_){const e=()=>{let s="table-checkbox table-head-btn";return o&&(s+=" table-fixed-dom-left",!d?.leftBol&&!N&&!h&&(s+=" table-fixed-dom-left-last")),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box",children:n.jsxRuntimeExports.jsx(V.Checkbox,{indeterminate:X,checked:Y,onChange:oe})})})}},[_,X,Y,H,d,N,h,o]),ge=a.useMemo(()=>{if(N){const e=()=>{let s="table-radio table-head-btn";return o&&(s+=" table-fixed-dom-left",!d?.leftBol&&!h&&(s+=" table-fixed-dom-left-last")),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box"})})}},[N,d,h,o]),Ee=a.useMemo(()=>{if(h){const e=()=>{let s="table-expandable table-head-btn";return o&&(s+=" table-fixed-dom-left",d?.leftBol||(s+=" table-fixed-dom-left-last")),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box"})})}},[h,d,o]),Re=()=>{const e=x.name;if(!e)return;const s=u[e]||[];if(x.filterRender)return x.filterRender({filterValue:s,selectFilter:u,headData:x,setFilter:be});const r=x.enums||[];let l="filter-select";return r.length===0&&(l+=" filter-select-none"),n.jsxRuntimeExports.jsx("div",{className:l,children:r.length===0?n.jsxRuntimeExports.jsx(We.default,{size:"small",imageStyle:{width:"80px",height:"80px"}}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("div",{className:"filter-select-box",children:r.map((t,i)=>{const p=s.indexOf(t.value)!==-1;return n.jsxRuntimeExports.jsxs("div",{onClick:he(t),className:p?"filter-select-item filter-select-item-select":"filter-select-item",children:[n.jsxRuntimeExports.jsx(V.Checkbox,{checked:p}),n.jsxRuntimeExports.jsx("span",{children:n.jsxRuntimeExports.jsx(F.default,{tipMaxWidth:b,children:t.displayName})})]},i)})}),n.jsxRuntimeExports.jsxs("div",{className:"filter-select-footer",children:[n.jsxRuntimeExports.jsx(J.Button,{onClick:te("reset"),variant:"text",children:L({id:"empty"})}),n.jsxRuntimeExports.jsx(J.Button,{onClick:te("confirm"),variant:"text",children:L({id:"determine"})})]})]})})},ve=e=>s=>{P&&P(e,s)},we=e=>{let s=e.width||"";const r=e.name||"",l=W[r]&&W[r].width;return l&&(s=`${l}px`),s},Ne=a.useMemo(()=>{const e=t=>{let i="table-header-filter";return x.name===t.name&&(i+=" table-header-filter-show"),t.name&&u[t.name]&&u[t.name].length>0&&(i+=" table-header-filter-select"),i},s=t=>{let i="";return t.className&&(i+=t.className),o&&t.fixed&&(i+=` table-fixed-dom-${t.fixed}`,t.fixed==="left"&&t.paraui_fixed_left_last&&(i+=" table-fixed-dom-left-last"),t.fixed==="right"&&t.paraui_fixed_right_first&&(i+=" table-fixed-dom-right-first")),i},r=t=>{const i={width:we(t)};return o&&t.fixed&&t.width&&(t.fixed==="left"&&(i.left=`${t.paraui_left_width}px`),t.fixed==="right"&&(i.right=`${t.paraui_right_width}px`)),{...i,...t.style}},l=t=>t.name==="table-serial-number"?!1:!!(Q&&t.drag!==!1);return f.map((t,i)=>{let p=`${k.$prefixCls}-filter-popover ${k.$prefixCls}-scrollbar-small`;return t.filterRender||(p+=` ${k.$prefixCls}-filter-popover-default`),n.jsxRuntimeExports.jsx(j.ThElement,{className:s(t),align:t.align||$,style:r(t),draggable:l(t),headCell:t,onDragDown:ve(t),lineWidth:K,children:n.jsxRuntimeExports.jsx(se.Popover,{placement:"bottom-start",visible:t.name!==void 0&&x.name===t.name,content:t.name!==void 0&&x.name===t.name&&Re(),onVisibleChange:me,overlayClassName:p,getPopupContainer:v||(()=>document.body),maxWidth:t.filterMaxWidth,children:n.jsxRuntimeExports.jsxs("div",{className:pe(t),children:[n.jsxRuntimeExports.jsx("div",{className:"table-header-title",children:n.jsxRuntimeExports.jsx("span",{className:"table-header-title-label",children:n.jsxRuntimeExports.jsx(F.default,{beyondText:t.beyondText===void 0?M:t.beyondText,tipMaxWidth:t.tipMaxWidth!==void 0?t.tipMaxWidth:b,children:t.label})})}),D&&t.name&&t.filter&&n.jsxRuntimeExports.jsx("div",{className:e(t),onClick:fe(t),children:n.jsxRuntimeExports.jsx("span",{children:n.jsxRuntimeExports.jsx(Fe.ScreenF,{})})}),S&&t.name&&t.sort!==!1&&n.jsxRuntimeExports.jsx("div",{className:"table-sort-svg",children:n.jsxRuntimeExports.jsxs("span",{onClick:ae(t.name,t),children:[n.jsxRuntimeExports.jsx(De.UpTriangleF,{className:"up-svg"}),n.jsxRuntimeExports.jsx(_e.DownTriangleF,{className:"down-svg"})]})})]})})},t.name||i)})},[f,S,D,U,B,$,x,u,M,E,o,K,Q,P,W,v,b]),Te=a.useMemo(()=>{if(c){const e=()=>{let r="table-operate";return c.operateBtnRender&&(r+=" table-operate-small"),m===!1&&(r+=" table-operate-not-columns"),q&&(r+=" table-operate-drag-row"),o&&(r+=" table-fixed-dom-right",d?.rightBol||(r+=" table-fixed-dom-right-first")),r},s=()=>{const r={width:c.width};return o&&(r.right=m==="inside"?"53px":"0px"),{...r,...c.style}};return n.jsxRuntimeExports.jsx(j.ThElement,{align:c.align||$,style:s(),className:e(),draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box",children:n.jsxRuntimeExports.jsx("div",{className:"table-header-title",children:n.jsxRuntimeExports.jsx("span",{className:"table-header-title-label",children:n.jsxRuntimeExports.jsx(F.default,{beyondText:c.beyondText===void 0?M:c.beyondText,tipMaxWidth:b,children:c.label})})})})})}},[c,$,d,m,d,M,o,b,q]),Ce=()=>n.jsxRuntimeExports.jsxs("div",{className:"show-colums-select",children:[n.jsxRuntimeExports.jsx("div",{className:"show-colums-select-box",children:G.map((e,s)=>{const r=!!w[e.name];let l="show-colums-select-item";return r&&(l+=" show-colums-select-item-select"),e.disabledSelection&&(l+=" show-colums-select-item-disabled"),n.jsxRuntimeExports.jsxs("div",{onClick:xe(e),className:l,children:[n.jsxRuntimeExports.jsx(V.Checkbox,{checked:r,disabled:e.disabledSelection}),n.jsxRuntimeExports.jsx("span",{children:n.jsxRuntimeExports.jsx(F.default,{tipMaxWidth:b,children:e.label})})]},s)})}),n.jsxRuntimeExports.jsx("div",{className:"show-colums-select-footer",children:n.jsxRuntimeExports.jsx(J.Button,{variant:"text",onClick:ue,children:L({id:"restoreDefault"})})})]}),ke=a.useMemo(()=>{const e=()=>{let s="show-colums table-fixed-dom-right";return(!o||!c&&!d?.rightBol)&&(s+=" table-fixed-dom-right-first"),s};return m==="inside"&&n.jsxRuntimeExports.jsx(se.Popover,{placement:"bottom-end",visible:!!Z,content:Ce(),onVisibleChange:de,overlayClassName:`${k.$prefixCls}-table-show-colums-popover ${k.$prefixCls}-scrollbar-small`,getPopupContainer:v||(()=>document.body),children:n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),onClick:ce,draggable:!1,children:n.jsxRuntimeExports.jsx("div",{className:"table-header-box",children:n.jsxRuntimeExports.jsx(Be.Panel,{})})})})},[m,d,c,Z,G,w,v,b]),Se=a.useMemo(()=>{if(!q||c||m==="inside")return null;const e=()=>{let s="drag-row table-fixed-dom-right";return(!o||!c&&!d?.rightBol)&&(s+=" table-fixed-dom-right-first"),s};return n.jsxRuntimeExports.jsx(j.ThElement,{align:"center",className:e(),draggable:!1})},[c,m,o,d,q]),ye=()=>{let e="table-head";return m==="inside"&&(e+=" table-head-inside"),ie||(e+=" table-head-scroll"),!_&&!N&&!h&&(e+=" table-head-no-btn"),e};return n.jsxRuntimeExports.jsx(Me.TableHeadElement,{className:ye(),children:n.jsxRuntimeExports.jsxs(qe.TrElement,{children:[je,ge,Ee,Ne,Te,ke,Se]})})};exports.TableHead=ne;exports.default=ne;
|
|
2
2
|
//# sourceMappingURL=tableHead.js.map
|
package/lib/Table/util.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { HeadLocalStorageItem, ReqProps } from './interface';
|
|
|
3
3
|
* 发送请求
|
|
4
4
|
* @param obj {ReqProps} 请求信息
|
|
5
5
|
*/
|
|
6
|
-
export declare const requestFunc: (obj: ReqProps) => Promise<import('@
|
|
6
|
+
export declare const requestFunc: (obj: ReqProps) => Promise<import('@snack-kit/lib').HttpResult<unknown>> | undefined;
|
|
7
7
|
/**
|
|
8
8
|
* 处理get请求地址
|
|
9
9
|
* @param obj {ReqProps} 请求信息
|