pgo-uiux2 1.0.7 → 1.0.9

package/dist/assets/ChipGroup-mg6PDbQp.js

@@ -0,0 +1 @@
+import{B as k,c,a as y,o as d,j,F as x,C as B,d as $,E as z,e as i,G as u,H as f,I,J as K}from"./index-bQl5eAOZ.js";const L={class:"flex items-center"},w=["aria-label"],G={__name:"ChipGroup",props:{chips:{type:Array,default:()=>[]},variant:{type:String,default:"default"},color:{type:String,default:"primary"},size:{type:String,default:"default"},rounded:{type:String,default:"full"},clickable:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},gap:{type:String,default:"md"},justify:{type:String,default:"start"},containerClass:{type:String,default:""},chipClass:{type:String,default:""},textClass:{type:String,default:""},bgColor:{type:String,default:""},textColor:{type:String,default:""},borderColor:{type:String,default:""},ariaLabel:{type:String,default:"Chip group"},itemKey:{type:String,default:"id"},itemText:{type:String,default:"text"},groupName:{type:String,default:""}},emits:["chip-click","chip-close","update:chips","update:modelValue"],setup(a,{emit:b}){const r=a,s=b,g=c(()=>{const e={none:"gap-0",sm:"gap-1",md:"gap-2",lg:"gap-3",xl:"gap-4"};return e[r.gap]||e.md}),p=c(()=>{const e={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};return e[r.justify]||e.start}),C=(e,n)=>typeof e=="object"&&e[r.itemKey]?e[r.itemKey]:typeof e=="object"&&e.id?e.id:n,m=e=>typeof e=="string"?e:typeof e=="object"?e[r.itemText]||e.text||e.label||e.name||"":String(e),v=e=>{s("chip-click",e),s("update:modelValue",e.value)},S=(e,n)=>{const t=[...r.chips];t.splice(n,1),s("chip-close",{chip:e,index:n}),s("update:chips",t)};return(e,n)=>(d(),y("div",L,[j("div",{class:K(["inline-flex ",g.value,p.value,a.containerClass]),role:"group","aria-label":a.ariaLabel},[(d(!0),y(x,null,B(a.chips,(t,o)=>(d(),$(I,{key:C(t,o),label:m(t),variant:t.variant||a.variant,color:t.color||a.color,size:t.size||a.size,rounded:t.rounded||a.rounded,clickable:t.clickable!==void 0?t.clickable:a.clickable,closable:t.closable!==void 0?t.closable:a.closable,disabled:t.disabled||a.disabled,avatar:t.avatar,"avatar-alt":t.avatarAlt,"prepend-icon":t.prependIcon,"append-icon":t.appendIcon,"chip-class":t.chipClass||a.chipClass,"text-class":t.textClass||a.textClass,"bg-color":t.bgColor||a.bgColor,"text-color":t.textColor||a.textColor,"border-color":t.borderColor||a.borderColor,onClick:l=>v(t),onClose:l=>S(t,o)},z({_:2},[e.$slots.chip?{name:"default",fn:i(l=>[u(e.$slots,"chip",f({ref_for:!0},{...l,chip:t,index:o}),void 0,!0)]),key:"0"}:void 0,e.$slots.prepend?{name:"prepend",fn:i(l=>[u(e.$slots,"prepend",f({ref_for:!0},{...l,chip:t,index:o}),void 0,!0)]),key:"1"}:void 0,e.$slots.append?{name:"append",fn:i(l=>[u(e.$slots,"append",f({ref_for:!0},{...l,chip:t,index:o}),void 0,!0)]),key:"2"}:void 0]),1032,["label","variant","color","size","rounded","clickable","closable","disabled","avatar","avatar-alt","prepend-icon","append-icon","chip-class","text-class","bg-color","text-color","border-color","onClick","onClose"]))),128))],10,w)]))}},A=k(G,[["__scopeId","data-v-afa93294"]]);export{A as default};

package/dist/assets/ListView-D4TUzICh.js

@@ -0,0 +1 @@
+import{i as N,u as U,r as n,w as x,c as L,a as p,o as r,F as z,b as y,d as b,e as h,f as B,_ as I,T as R,g as V,h as _,D as G,j as S,t as Q}from"./index-bQl5eAOZ.js";const J={class:"mx-auto m-4"},M={key:1,class:"p-8"},K={key:1,class:"flex items-center justify-center p-8"},X={__name:"ListView",props:{items:{type:Object,required:!0},loading:{type:Boolean,default:!1}},emits:["update:queryParams"],setup(i,{emit:O}){const C=N("api");U();const c=i,g=n({title:"މީހުންގެ ލިސްޓް",quickFilters:[{type:"ChipGroup",key:"status",chips:[{value:"all",label:"All"},{value:"active",label:"Active"},{value:"pending",label:"Pending"},{value:"completed",label:"Completed"}],color:"primary",size:"small",clickable:!0},{type:"ChipGroup",key:"priority",chips:[{value:"all",label:"All Priority"},{value:"high",label:"High"},{value:"medium",label:"Medium"},{value:"low",label:"Low"}],color:"secondary",size:"small",clickable:!0},{type:"InputSearch",key:"search",placeholder:"Search...",size:"md"},{type:"DatePicker",key:"dob",placeholder:"DoB...",size:"md"}],buttons:[{type:"search",color:"primary",icon:"magnifying-glass",variant:"contained"},{type:"Clear",label:"Clear",color:"secondary"}]}),v=n(c.loading),d=n(!0),k=n({}),P=n({}),f=n({}),F=n(!1),o=n({page:1,itemsPerPage:10,sortBy:[],sortDesc:[],itemsLength:0}),m=async(e={})=>{try{v.value=!0;const t=new URLSearchParams({...e});console.log("Table Fetching with params:",t.toString());const a=await C.get(`${c.items.componentSettings.table.datalink}`+(t.toString()?"&"+t.toString():""));f.value=a,a?.pagination&&(o.value={...o.value,page:a.pagination.current_page,itemsPerPage:a.pagination.per_page,itemsLength:a?.pagination.total}),console.log("Table Fetched data:",f.value)}catch(t){console.error("Error fetching data:",t)}finally{v.value=!1}};x(()=>c.items,e=>{console.log("Items updated:",e),console.log("Headers from API:",e?.componentSettings?.table?.headers),m(),e?.componentSettings?.table?.pagination&&(o.value={...o.value,page:e.componentSettings.table.pagination.current_page})},{immediate:!0,deep:!0});const D=L(()=>{const e=c.items?.componentSettings?.table?.headers,t=c.items?.componentSettings?.headers;console.log("Headers from table:",e),console.log("Headers from settings:",t),console.log("Full componentSettings:",c.items?.componentSettings);const a=e||t;return!a||!Array.isArray(a)?(console.warn("No valid headers array found"),[]):a.filter(l=>!l.key&&!l.value?(console.warn("Header missing key and value:",l),!1):!0).map(l=>({value:l.key||l.value||"",title:l.title||"",sortable:l.sortable!==!1,lang:l.lang,displayType:l.displayType||"text",displayProps:l.displayProps||{},inlineEditable:l.inlineEditable||!1}))}),j=e=>{o.value={...o.value,...e};const t={page:e.page,per_page:e.itemsPerPage};if(e.sortBy&&e.sortBy.length>0){const a=e.sortBy.map((s,l)=>e.sortDesc[l]?`-${s}`:s);t.sort=a.join(",")}m(t)},q=async({item:e,key:t,value:a,updateData:s})=>{console.log("Inline update:",{item:e,key:t,value:a,updateData:s})},w=e=>{let t="";if(e&&typeof e=="object"){const s=[];Object.entries(e).forEach(([l,u])=>{u!=null&&u!==""&&s.push(`${l}:${u}`)}),s.length>0&&(t=s.join(","))}const a={page:1,per_page:o.value.itemsPerPage};t&&(a.filter=t),o.value={...o.value,page:1},m(a)},E=e=>{console.log("Quick search triggered:",e),e&&typeof e=="object"&&Object.entries(e).forEach(([a,s])=>{});const t={...o.value,...e,page:1};o.value=t,m(t)},$=()=>{console.log("Create button clicked"),F.value=!F.value},H=e=>{console.log("View item:",e)},T=e=>{console.log("Edit item:",e)},A=e=>{console.log("Delete item:",e)};return(e,t)=>(r(),p("div",J,[i.items?(r(),p(z,{key:0},[y(V,{"card-class":"border-none",bg:"vts-bg-surface-elevated",padding:"p-3",margin:"mb-4",shadow:"shadow-lg"},{default:h(()=>[g.value?(r(),b(I,{key:0,elevation:!1,color:"none",variant:"contained",title:g.value.title,"quick-filters":g.value.quickFilters,"filter-section":!!i.items.componentSettings?.FilterSection,"filter-values":P.value,"onUpdate:filterValues":t[0]||(t[0]=a=>P.value=a),onShowFilterSection:t[1]||(t[1]=a=>d.value=!d.value),onSearch:E,onRefresh:t[2]||(t[2]=()=>{}),onCreateButton:$},null,8,["title","quick-filters","filter-section","filter-values"])):B("",!0),y(R,{"enter-active-class":"transition-all duration-300 ease-out","enter-from-class":"transform -translate-y-4 opacity-0","enter-to-class":"transform translate-y-0 opacity-100","leave-active-class":"transition-all duration-200 ease-in","leave-from-class":"transform translate-y-0 opacity-100","leave-to-class":"transform -translate-y-4 opacity-0"},{default:h(()=>[i.items.componentSettings.FilterSection&&d.value?(r(),b(V,{key:0,"card-class":"border-dashed",rounded:"lg",bg:"",margin:"mt-2"},{default:h(()=>[y(_,{dir:"",grid:"","grid-columns":2,modelValue:k.value,"onUpdate:modelValue":t[3]||(t[3]=a=>k.value=a),rounded:"",filters:i.items.componentSettings.FilterSection.filters,buttons:i.items.componentSettings.FilterSection.buttons,onSearch:w,onSubmit:w,onClose:t[4]||(t[4]=a=>d.value=!1)},null,8,["modelValue","filters","buttons"])]),_:1})):B("",!0)]),_:1})]),_:1}),D.value.length>0?(r(),b(G,{key:0,dir:"",items:f.value.data,headers:D.value,"server-side-options":o.value,loading:v.value,title:"","onUpdate:options":j,showActions:!0,"inline-edit":!0,onInlineUpdate:q,onView:H,onEdit:T,onDelete:A},null,8,["items","headers","server-side-options","loading"])):(r(),p("div",M,[t[5]||(t[5]=S("p",null,"No headers found",-1)),S("pre",null,Q(JSON.stringify(i.items.componentSettings,null,2)),1)]))],64)):(r(),p("div",K,[...t[6]||(t[6]=[S("p",null,"No data",-1)])]))]))}};export{X as default};