@materialui-reactjs/admin 2.0.0 → 2.0.1

package/dist/meta-CXHXSPbq.cjs

@@ -1 +0,0 @@
-const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./Common-BBYXssMH.cjs"),n=require("./Validator-BcydBvOg.cjs"),r=require("./HeaderUpdate-DIwc8EAA.cjs");let i=require("react");i=e.t(i,1);let a=require("react-select");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("bootstrap"),c=require("react-router-dom"),l=require("react-helmet-async");var u=({cUri:e,itemId:t,isEdit:n=!1,isDel:i=!1,onDelete:a})=>(0,o.jsxs)(`div`,{className:`btn-group`,children:[n&&(0,o.jsx)(r.d,{title:`Chỉnh sửa`,children:(0,o.jsx)(c.Link,{to:e+`/edit/`+t,className:`btn btn-sm btn-icon btn-info`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`drive_file_rename_outline`})})}),i&&(0,o.jsx)(r.d,{title:`Xóa`,children:(0,o.jsx)(`button`,{type:`button`,onClick:()=>a?.(t),className:`btn btn-sm btn-icon btn-danger`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`delete`})})})]}),d=({modalRef:e,title:r,apiGetDetail:a,frmBody:l,onSubmit:u,onHide:d,itemId:f,setItemId:p,data:m,clsWidth:h=`xl`,btnTxt:g=`Lưu lại`,style:_={},clsBody:v=``})=>{let y=(0,i.useRef)(null),[b,x]=(0,i.useState)(),[S,C]=(0,i.useState)({});(0,i.useEffect)(()=>{if(!e.current)return;x(s.Modal.getOrCreateInstance(e.current,{backdrop:`static`,keyboard:!1}));let t=()=>{y?.current&&new n.t(y?.current).run()},r=()=>{p&&p(0),C({}),y?.current&&new n.t(y?.current).destroy()};return e.current.addEventListener(`shown.bs.modal`,t),e.current.addEventListener(`hidden.bs.modal`,r),()=>{e.current?.removeEventListener(`shown.bs.modal`,t),e.current?.removeEventListener(`hidden.bs.modal`,r)}},[]),(0,i.useEffect)(()=>{f&&(async()=>{try{if(!a)return;y.current&&t.x(y.current,!0);let e=await t.n(a+`/`+f,{},`GET`,`application/json`,!1),n=e?e.data:void 0;y.current&&t.x(y.current,!1),C(n??{})}catch(e){console.log(e)}})()},[f]),(0,i.useEffect)(()=>{m&&C(m)},[m]);let w=e=>{e.preventDefault(),document.activeElement?.blur(),b?.hide(),d&&d()};return(0,o.jsx)(`div`,{ref:e,className:`modal fade p-0 mx-auto`,tabIndex:-1,"data-bs-backdrop":`static`,"data-bs-keyboard":`false`,children:(0,o.jsx)(`div`,{className:`modal-dialog modal-${h}`,style:_,children:(0,o.jsx)(`div`,{className:`modal-content`,children:(0,o.jsxs)(c.Form,{ref:y,className:`position-relative`,encType:`multipart/form-data`,"data-toggle":`validator`,role:`form`,method:`POST`,onSubmit:async e=>{if(e.preventDefault(),!y?.current)return;let t=new n.t(y?.current);!t.hasErrors()&&!t.isIncomplete()&&b&&u(S,b,C)},children:[(0,o.jsxs)(`div`,{className:`modal-header py-3`,children:[(0,o.jsx)(`h5`,{className:`modal-title`,children:r}),(0,o.jsx)(`button`,{type:`button`,className:`btn-close btn-md-close`,onClick:w,children:(0,o.jsx)(`span`,{"aria-hidden":`true`,children:(0,o.jsx)(`i`,{className:`fal fa-times`,style:{fontSize:`1rem`}})})})]}),(0,o.jsx)(`div`,{className:`modal-body rounded-bottom pb-0 ${v}`,style:{overflowY:`auto`},children:l(S,async e=>{let{name:t,value:r}=n.i(e);C(e=>({...e,[t]:r}))})}),(0,o.jsxs)(`div`,{className:`modal-footer d-flex justify-content-center`,children:[(0,o.jsx)(`button`,{type:`button`,className:`btn btn-secondary btn-md-close`,"data-bs-original-title":`reply`,onClick:w,children:`Hủy`}),(0,o.jsx)(`button`,{type:`submit`,className:`btn btn-success`,"data-bs-original-title":`save`,children:g})]})]})})})})},f=({header:e,data:t,numOfFirst:n=0,numOfLast:r=0,columnWidth:a=200,...s})=>{let c=(0,i.useRef)(null),[l,u]=(0,i.useState)(0),[d,f]=(0,i.useState)(0),[p,m]=(0,i.useState)(!1),[h,g]=(0,i.useState)(!1),_=(e,t,n,r)=>e<n?{position:`left`}:e>=t-r?{position:`right`}:{position:`none`};(0,i.useEffect)(()=>{let e=c.current;if(!e)return;let t=()=>{u(e.scrollLeft),f(e.scrollWidth-e.offsetWidth)};return t(),e.addEventListener(`scroll`,t),window.addEventListener(`resize`,t),()=>{e.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,t)}},[]),(0,i.useEffect)(()=>{let e=l>5,t=l<d-5;m(e),g(t)},[l,d]);let v=e=>{c.current&&(c.current.scrollLeft+=e.deltaY)},y=e=>{c.current&&c.current.scrollBy({left:e?150:-150,behavior:`smooth`})},b=t=>e[t]?.width??a,x=e.slice(0,n).reduce((e,t,n)=>e+b(n),0)||0,S=e.slice(e.length-r).reduce((t,n,i)=>t+b(e.length-r+i),0)||0;return(0,o.jsxs)(`div`,{className:`scroll-table-group`,children:[(0,o.jsx)(`div`,{className:`fade-overlay fade-left ${p?`fade-visible`:`fade-hidden`}`,style:{left:`${x}px`}}),(0,o.jsx)(`div`,{className:`fade-overlay fade-right ${h?`fade-visible`:`fade-hidden`}`,style:{right:`${S}px`}}),p&&(0,o.jsx)(`button`,{title:`Phải`,className:`scroll-btn left-btn`,onClick:()=>y(!1),style:{left:`${x}px`},children:(0,o.jsx)(`i`,{className:`fa-solid fa-chevron-left`})}),h&&(0,o.jsx)(`button`,{title:`Trái`,className:`scroll-btn right-btn`,onClick:()=>y(!0),style:{right:`${S}px`},children:(0,o.jsx)(`i`,{className:`fa-solid fa-chevron-right`})}),(0,o.jsx)(`div`,{ref:c,onWheel:v,className:`table-container`,children:(0,o.jsxs)(`table`,{className:`custom-table`,...s,children:[(0,o.jsx)(`thead`,{children:(0,o.jsx)(`tr`,{className:`text-center`,children:e.map((t,i)=>{let{position:s}=_(i,e.length,n,r),c=t.width??a,l={left:s===`left`?`${e.slice(0,i).reduce((e,t,n)=>e+b(n),0)}px`:void 0,right:s===`right`?`${e.slice(i+1).reduce((e,t,n)=>e+b(i+1+n),0)}px`:void 0,minWidth:`${c}px`};return(0,o.jsx)(`th`,{style:l,className:`custom-th ${s===`none`?``:`sticky-col`} ${t.thClassName??``}`,children:t.label},i)})})}),(0,o.jsxs)(`tbody`,{children:[t.map((t,i)=>(0,o.jsx)(`tr`,{className:`custom-tr`,children:e.map((i,s)=>{let c=Object.values(t)[s],{position:l}=_(s,e.length,n,r),u=i.width??a,d={left:l===`left`?`${e.slice(0,s).reduce((e,t,n)=>e+b(n),0)}px`:void 0,right:l===`right`?`${e.slice(s+1).reduce((e,t,n)=>e+b(s+1+n),0)}px`:void 0,minWidth:`${u}px`};return(0,o.jsx)(`td`,{style:d,className:`custom-td ${l===`none`?``:`sticky-col`} ${i.tdClassName??``}`,children:c},s)})},i)),t.length?``:(0,o.jsx)(`tr`,{className:`text-center`,children:(0,o.jsx)(`td`,{className:`px-3 pt-2`,colSpan:20,children:(0,o.jsx)(`p`,{children:`Không có dữ liệu`})})})]})]})})]})},p=(e,t)=>{t(e);let n=e.currentTarget.closest(`.input-group-outline`);e.currentTarget.value.trim()===``?n?.classList.remove(`is-filled`):n?.classList.add(`is-filled`)},m=e=>{e.preventDefault(),e.currentTarget.closest(`.input-group-outline`)?.classList.add(`is-focused`)},h=e=>{e.preventDefault(),e.currentTarget.closest(`.input-group-outline`)?.classList.remove(`is-focused`)},g=({label:e,name:t,value:n=``,required:r=!1,disabled:a=!1,readonly:s=!1,cpnClass:c=``,minLength:l=0,maxLength:u=255,onChange:d,style:f={}})=>{let g=(0,i.useRef)(null);return(0,i.useEffect)(()=>{document.activeElement!==g.current&&d&&d({target:{name:t,value:n},preventDefault:()=>{}})},[n]),(0,o.jsx)(`div`,{className:`form-group `+(c??``),children:(0,o.jsxs)(`div`,{className:`input-group input-group-outline ${n?`is-filled`:``}`,children:[(0,o.jsx)(`div`,{className:`form-label`,children:e+(r?` *`:``)}),(0,o.jsx)(`input`,{style:f,name:t,placeholder:``,readOnly:s,disabled:a,required:r,minLength:l,maxLength:u,"data-required-error":`Vui lòng nhập dữ liệu`,"data-error":`Dữ liệu không hợp lệ`,className:`form-control`,value:n,onChange:e=>p(e,d),onFocus:m,onBlur:h})]})})},_=(e,t)=>e.find(e=>e.value===t)||null,v=(e,t,n,r,i)=>{let a=[];r&&a.push({value:-1,label:`Tất cả`}),i&&a.push({value:0,label:`Không có`});let o=Array.isArray(e)?e.map(e=>({value:e[t],label:e[n]})):[];return[...a,...o]},y=({label:e,name:t,lists:n=[],keyValue:r=`id`,keyName:s=`name`,value:c=``,cpnClass:l=``,required:u=!1,disabled:d=!1,all:f=!1,zero:p=!1,onChange:m,style:h={}})=>{let[g,y]=(0,i.useState)([]);(0,i.useEffect)(()=>{y(v(n,r,s,f,p))},[n]);let b=(0,i.useRef)(!1);(0,i.useEffect)(()=>{b.current||g.length&&(b.current=!0,m?.({target:{name:t,value:c},preventDefault:()=>{}}))},[g]);let x=e=>{m&&m({target:{name:t,value:e},preventDefault:()=>{}})},S=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let e=S.current?.querySelector(`input[name="${t}"][required]`);e&&e.setCustomValidity(c?``:`Vui lòng nhập dữ liệu`)},[c,t,u]),(0,o.jsx)(`div`,{ref:S,className:`form-group box-select `+(l??``),style:h,children:(0,o.jsxs)(`div`,{className:`input-group input-group-outline is-filled`,children:[(0,o.jsx)(`span`,{className:`form-label`,children:e+(u?` *`:``)}),(0,o.jsx)(a.default,{menuPortalTarget:document.body,styles:{menuPortal:e=>({...e,zIndex:99999})},classNamePrefix:`react-select`,placeholder:`Chọn`,name:t,options:g,value:_(g,c),onChange:e=>x(e?.value),noOptionsMessage:()=>`Không có dữ liệu`,isDisabled:d,required:u,"data-required-error":`Vui lòng nhập dữ liệu`,"data-error":`Dữ liệu không hợp lệ`,className:`form-control`})]})})},b=({ftfield:e,service:t,options:n,filter:r,handleChange:i,handleSearchForm:a})=>{let s=Array.isArray(e)?e:[];return(0,o.jsxs)(c.Form,{className:`d-flex align-items-center`,onSubmit:a,children:[(0,o.jsx)(`div`,{className:`mb-3 me-3`,children:`Tìm kiếm`}),(0,o.jsx)(`div`,{className:`row grid-space-16 row-cols-${s.length} flex-1`,children:s.map((e,a)=>{let s=t.ftFields(e);switch(s.type){case`text`:return(0,o.jsx)(g,{style:{minWidth:100},label:t.fieldName(e),name:e,cpnClass:`mb-3 col`,value:String(r?.[e]??``),onChange:i},a);case`select`:{let c=typeof s.option==`string`?n?.[s.option]??[]:s.option??[],l=s.keyName||`name`;return(0,o.jsx)(y,{style:{minWidth:100},label:t.fieldName(e),name:e,lists:c,keyName:l,cpnClass:`mb-3 col`,all:!0,value:r?.[e]??-1,onChange:i},a)}default:return``}})}),(0,o.jsx)(`div`,{className:`mb-3 ms-3`,children:(0,o.jsx)(`button`,{title:`Tìm kiếm`,type:`submit`,className:`btn btn-primary`,children:`Tìm`})})]})},x=({frmBody:e,service:n,apiOption:a,options:l,tbOption:u,roleOption:p,clsWidth:m=`xl`,btnTxt:h=`Lưu lại`})=>{let g=(0,i.useRef)(null),_=(0,c.useNavigate)(),[v,y]=(0,i.useState)(0),[x,S]=(0,i.useState)({items:[],page:1,filter:{},length:10,pageTotal:0,recordTotal:0}),C=(0,i.useRef)(!1);(0,i.useEffect)(()=>{C.current||(C.current=!0,w())},[]);let w=async e=>{try{let n=a.filter||{},r=e??x.filter??{},i=await t.n(a.apiGetData,{...r,...n},`GET`),o=i?i.data:x;o.filter||={...r,...n},S({...o,filter:o.filter??{...r,...n}})}catch(e){console.log(e)}},T=e=>{if(!g.current)return;let t=s.Modal.getOrCreateInstance(g?.current,{backdrop:`static`,keyboard:!1});y(e),t.show()},E=async e=>{try{e.preventDefault();let t=await r.s(e,x?.filter||{},a?.cUri,_);S({...x,filter:t}),await w(t)}catch(e){console.log(e)}},D=async e=>{e.preventDefault();let t=await r.l(e,x?.filter||{});S({...x,filter:t})},O=async e=>{e.preventDefault(),await w()},k=async(e,n)=>{try{g?.current&&t.x(g?.current,!0),e={...e,...a.formData};let r=e.id,i=r?a.apiEdit+`/`+r:a.apiCreate,o=await t.n(i,e,`POST`);r?t.b(`Cập nhật thành công`,`top-end`,!0):t.b(`Thêm mới thành công`,`top-end`,!0),o?.data?.id&&(await w(),document.activeElement?.blur(),n.hide())}catch(e){t.y(e.message)}finally{g?.current&&t.x(g?.current,!1)}},A=async e=>{try{if(!(await t.v()).isConfirmed)return;await t.n(`${a.apiDelete}/${e}`,{},`DELETE`),t.b(`Xoá thành công!`,`top-end`,!0),await w()}catch(e){t.y(e.message)}},j=[],M=u.numOfLast-1;j.push({label:`STT`,width:50,tdClassName:`text-center px-0`});for(let e of u.tbfield){let t=n.tbFields(e);j.push({label:n.fieldName(e),width:t?.width||150,tdClassName:t?.tdClassName||`text-start`})}(p?.isDelOne||p?.isEdit)&&(M+=1,j.push({label:`Thao tác`,width:100,align:`center`,thClassName:`p-0`,tdClassName:`text-center`}));let N=x?.items?.length?x?.items.map((e,r)=>{let i={};i.stt=r+1;for(let r of u.tbfield){let a=n.tbFields(r);switch(a.type){case`number`:i[r]=e[r]?.toLocaleString(`vi-VN`);break;case`selecthtml`:{let t=a?.func;i[r]=t?(0,o.jsx)(`span`,{dangerouslySetInnerHTML:{__html:t(e[r],!0)}}):(0,o.jsx)(`span`,{children:e[r]});break}case`select`:{let t=a?.func;i[r]=t?t(e[r],!0):e[r];break}case`date`:i[r]=t.s(e[r]);break;default:i[r]=e[r]}}return(p?.isDelOne||p?.isEdit)&&(i.action=(0,o.jsxs)(`div`,{className:`btn-group`,children:[(0,o.jsx)(`button`,{title:`Chỉnh sửa`,type:`button`,onClick:()=>T(e.id),className:`btn btn-sm btn-icon btn-info`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`drive_file_rename_outline`})}),(0,o.jsx)(`button`,{title:`Xóa`,type:`button`,onClick:()=>A(e.id),className:`btn btn-sm btn-icon btn-danger`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`delete`})})]})),i}):[];return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(`div`,{className:`card mb-20`,children:[(0,o.jsxs)(`div`,{className:`card-header flex-auto col-auto d-flex align-items-center`,children:[(0,o.jsx)(`h3`,{className:`card-title`,children:u.title}),p?.isCre&&(0,o.jsx)(`button`,{type:`button`,title:`Thêm mới`,className:`btn btn-success btn-sm btn-icon ms-auto`,onClick:()=>T(0),children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`add`})})]}),(0,o.jsx)(`hr`,{className:`m-0`}),(0,o.jsxs)(`div`,{className:`card-body`,children:[(0,o.jsx)(b,{ftfield:u.ftfield,service:n,options:l,filter:x?.filter||{},handleChange:D,handleSearchForm:O}),(0,o.jsx)(f,{header:j,data:N,numOfFirst:u.numOfFirst,numOfLast:M,columnWidth:u.columnWidth}),x.items.length?(0,o.jsx)(r.u,{data:x,onChange:D,onClickPage:E}):``]})]}),(0,o.jsx)(d,{title:`Thêm mới`,modalRef:g,frmBody:e,clsWidth:m,onSubmit:k,btnTxt:h,itemId:v,setItemId:y,apiGetDetail:a.apiGetDetail})]})},S=({id:e,title:t=`Hình ảnh`,clsWidth:n=`xl`,elId:r})=>(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(`div`,{id:e,className:`modal fade p-0 mx-auto`,"data-bs-backdrop":`static`,"data-bs-keyboard":`false`,children:(0,o.jsx)(`div`,{className:`modal-dialog modal-dialog-scrollable modal-${n}`,children:(0,o.jsxs)(`div`,{className:`modal-content`,children:[(0,o.jsxs)(`div`,{className:`modal-header py-3`,children:[(0,o.jsx)(`h5`,{className:`modal-title`,children:t}),(0,o.jsx)(`button`,{type:`button`,className:`btn-close btn-md-close`,children:(0,o.jsx)(`span`,{"aria-hidden":`true`,children:(0,o.jsx)(`i`,{className:`fal fa-times`,style:{fontSize:`1rem`}})})})]}),(0,o.jsx)(`div`,{className:`modal-body rounded-bottom pb-0`,children:(0,o.jsx)(`div`,{id:r,style:{height:`500px`}})})]})})})}),C=({config:e})=>(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(l.Helmet,{children:[(0,o.jsx)(`title`,{children:e?.name}),(0,o.jsx)(`link`,{rel:`shortcut icon`,href:t.f(e?.favicon||`/styles/favicon.ico`),type:`image/x-icon`}),(0,o.jsx)(`link`,{rel:`canonical`,href:`/`}),(0,o.jsx)(`link`,{rel:`apple-touch-icon`,href:t.f(e?.logotext||`/styles/logotext.png`)}),(0,o.jsx)(`link`,{rel:`stylesheet`,type:`text/css`,href:`https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700`})]})});function w({tabs:e,onChange:t}){let n=(0,i.useRef)(null),r=(0,i.useRef)(null),a=(0,i.useRef)([]),[s,c]=(0,i.useState)(e[0]?.key),l=e=>{let t=r.current,i=a.current[e],o=n.current;if(!t||!i||!o)return;let s=o.getBoundingClientRect(),c=i.getBoundingClientRect(),l=c.left-s.left;t.style.width=`${c.width}px`,t.style.transform=`translate3d(${l}px, 0, 0)`};(0,i.useLayoutEffect)(()=>{if(!e.length)return;let t=e.findIndex(e=>e.key===s),n=t===-1?0:t;c(e[n].key),l(n)},[e]),(0,i.useLayoutEffect)(()=>{let t=e.findIndex(e=>e.key===s);t!==-1&&l(t)},[s]),(0,i.useEffect)(()=>{if(!n.current)return;let t=()=>{let t=e.findIndex(e=>e.key===s);t!==-1&&l(t)};window.addEventListener(`resize`,t);let r=new ResizeObserver(t);return r.observe(n.current),()=>{window.removeEventListener(`resize`,t),r.disconnect()}},[s,e]);let u=e=>{c(e),t?.(e)};return(0,o.jsx)(`div`,{className:`nav-wrapper position-relative`,children:(0,o.jsxs)(`ul`,{ref:n,className:`nav nav-pills nav-fill p-1 position-relative`,children:[(0,o.jsx)(`div`,{ref:r,className:`moving-tab position-absolute nav-link`,style:{padding:0,top:`0.25rem`,left:0,pointerEvents:`none`,transition:`transform 0.5s ease, width 0.5s ease`,willChange:`transform, width`,zIndex:1},children:(0,o.jsx)(`div`,{className:`nav-link mb-0 px-0 py-2 cursor-pointer active`,children:e.find(e=>e.key===s)?.label})}),e.map((e,t)=>(0,o.jsx)(`li`,{ref:e=>{e&&(a.current[t]=e)},className:`nav-item`,children:(0,o.jsx)(`div`,{className:`nav-link cursor-pointer align-middle ${s===e.key?`active`:``}`,onClick:()=>u(e.key),style:{position:`relative`,zIndex:2},children:(0,o.jsxs)(`div`,{className:`d-flex align-items-center justify-content-center`,children:[e.icon&&(0,o.jsx)(`i`,{className:`material-icons text-md position-relative line-height-1 me-1`,style:{top:0},children:e.icon}),e.label]})})},e.key))]})})}function T({src:e,title:t=`PDF Viewer`,fullWidth:n=!0,fullHeight:r=!0,className:i=``,style:a={}}){let s={width:n?`100%`:`auto`,height:r?`100vh`:`600px`,border:`none`,...a};return(0,o.jsx)(`div`,{className:`w-full h-full ${i}`,style:{position:`relative`},children:(0,o.jsx)(`iframe`,{src:e,title:t,style:s,allow:`fullscreen`})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});