UNPKG

denwa-react-shared

Version:
1 lines 2.56 kB
const e=require("./styles.module-PjEte96r.cjs");let t=require("react/jsx-runtime"),n=require("react-use"),r=require("react"),i=require("antd"),a=require("@ant-design/icons");var o=({datePickerComponent:a,searchText:o,noDateText:s,emptyText:c,searchSelect:l,radioOptions:u,searchOptions:d,searchType:f,textSearchValue:p=``,dateSearchValue:m,numberSearchValue:h,multiselectSearchValue:g,multiselectOptions:_,onChangeSearch:v,onChangeTextSearch:y,onChangeRadioSearch:b,onChangeDateSearch:x,onChangeNumberSearch:S,onChangeMultiselectSearch:C})=>{let[w,T]=(0,r.useState)(p),{token:{borderRadius:E,colorBgBase:D,paddingXXS:O}}=i.theme.useToken(),{isMobileMaxWidth:k}=e.G(),{isSmallMaxWidth:A}=e.K(),j=(0,r.useMemo)(()=>A?2:k?5:15,[k,A]);(0,n.useDebounce)(()=>{y?.(w)},e.J.milliseconds.milliseconds500,[w]);let M=()=>{T(``)};return(0,t.jsxs)(i.Flex,{className:e.t.flex,gap:`small`,style:{padding:O,borderRadius:E,background:D},children:[(0,t.jsx)(i.Select,{defaultValue:l,value:l,style:{width:120,minWidth:120},options:d,onChange:e=>{v(e),M()}}),{text:(0,t.jsx)(i.Input,{placeholder:o,value:w,allowClear:!0,onChange:e=>{T(e.target.value.replace(/"/g,``))}}),radio:(0,t.jsx)(i.Segmented,{options:u,defaultValue:`all`,onChange:b}),date:(0,r.createElement)(a,{noDateText:s,currentValue:m??``,onChangeDate:e=>{x?.(e)}}),number:(0,t.jsx)(e.n,{emptyText:c,value:h,placeholder:o,min:0,max:2147483647,onChange:e=>{!e&&e!==0||S?.(+e)}}),multiselect:(0,t.jsx)(i.Select,{className:e.t.select,mode:`multiple`,placeholder:o,maxTagCount:1,maxTagTextLength:j,showSearch:!1,allowClear:!0,options:_,value:g,onChange:C})}[f]]})},s=({sortTooltipText:n,updateDataText:r,refreshText:s,createText:c,createNewElementText:l,order:u,orderOptions:d,createButtonTooltip:f,searchProps:p,isCanCreate:m,isHiddenCreate:h,onCreate:g,onRefetch:_,onChangeOrder:v})=>(0,t.jsxs)(i.Flex,{gap:`middle`,justify:`space-between`,wrap:`wrap`,style:{marginBottom:e.X.OFFSET[1]},children:[(0,t.jsxs)(i.Flex,{align:`center`,gap:`middle`,wrap:`wrap`,children:[(0,t.jsx)(o,{...p}),(0,t.jsx)(i.Tooltip,{title:n,children:(0,t.jsx)(i.Select,{className:e.t.sort,value:u,options:d,onChange:v})})]}),(0,t.jsxs)(i.Flex,{className:e.t.buttonsContainer,gap:`small`,align:`center`,children:[_&&(0,t.jsx)(i.Tooltip,{title:r,children:(0,t.jsx)(i.Button,{className:e.t.button,icon:(0,t.jsx)(a.RedoOutlined,{}),onClick:_,children:s})}),!h&&m&&(0,t.jsx)(i.Tooltip,{title:f??l,children:(0,t.jsx)(i.Button,{className:e.t.button,type:`primary`,icon:(0,t.jsx)(a.PlusOutlined,{}),onClick:g,children:c})})]})]});exports.TableHead=s;