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