@oneb/ui-vue 0.3.19 → 0.3.20
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/dist/dataTable/dataTable.d.ts +4 -0
- package/dist/dataTable/index.cjs +1 -1
- package/dist/dataTable/index.js +454 -441
- package/dist/dataTable/util.d.ts +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -218,6 +218,10 @@ export declare const dataTableProps: {
|
|
|
218
218
|
type: PropType<Breakpoint>;
|
|
219
219
|
required: boolean;
|
|
220
220
|
};
|
|
221
|
+
disabledRows: {
|
|
222
|
+
type: PropType<(rowData: any) => boolean>;
|
|
223
|
+
required: boolean;
|
|
224
|
+
};
|
|
221
225
|
};
|
|
222
226
|
export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
|
|
223
227
|
export interface ColumnContext {
|
package/dist/dataTable/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),ue=require("../i18n/index.cjs"),$=require("../ChevronRightIcon-7a2f0c20.cjs"),O=require("../SpinnerIcon-ccb6f3fc.cjs"),H=require("../ChevronDownIcon-6889ac87.cjs"),P=require("../CheckIcon-09b84cf5.cjs"),Fe=require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");function Re(c,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})])}function ie(c,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}const Me={field:{type:String,required:!1},header:{type:String,required:!1},sortable:{type:Boolean,default:!1},sortField:{type:String,required:!1},filterable:{type:Boolean,default:!1},filterField:{type:String,required:!1},expander:{type:Boolean,default:!1},width:{type:String,required:!1},headerClass:{type:String,required:!1},bodyClass:{type:String,required:!1},headerStyle:{type:[String,Object],required:!1},bodyStyle:{type:[String,Object],required:!1},visibleFrom:{type:String,required:!1}},ze={value:{type:Array,default:()=>[]},dataKey:{type:String,required:!1},lazy:{type:Boolean,default:!1},paginator:{type:Boolean,default:!1},rows:{type:Number,default:10},first:{type:Number,default:0},totalRecords:{type:Number,required:!1},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]},sortField:{type:String,required:!1},sortOrder:{type:Number,default:null},selectionMode:{type:String,required:!1},selection:{type:[Object,Array],required:!1},expandedRows:{type:[Array,Object],default:()=>[]},filters:{type:Object,required:!1},filterDisplay:{type:String,default:null},globalFilterFields:{type:Array,required:!1},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},bordered:{type:Boolean,default:!1},size:{type:String,default:"md"},tableClass:{type:String,required:!1},hasNextPage:{type:Boolean,default:!1},loadingNext:{type:Boolean,default:!1},loadMoreLabel:{type:String,default:""},colWidths:{type:[Array,Function],required:!1},verticalBorders:{type:String,default:"none"},headerVariant:{type:String,default:"default"},headerBgClass:{type:String,required:!1},bodyBgClass:{type:String,required:!1},wrapperClass:{type:String,required:!1},wrapperBordered:{type:Boolean,default:!0},cardBreakpoint:{type:String,required:!1}},pe=Symbol("OneDataTable"),ce={contains:(c,n)=>String(c??"").toLowerCase().includes(String(n).toLowerCase()),startsWith:(c,n)=>String(c??"").toLowerCase().startsWith(String(n).toLowerCase()),endsWith:(c,n)=>String(c??"").toLowerCase().endsWith(String(n).toLowerCase()),equals:(c,n)=>String(c??"").toLowerCase()===String(n).toLowerCase(),notEquals:(c,n)=>String(c??"").toLowerCase()!==String(n).toLowerCase()},qe={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function Le(c){const n=e.ref(!1);let d=null,r=null;const i=()=>{d&&r&&d.removeEventListener("change",r),d=null,r=null},u=m=>{i(),!(typeof window>"u")&&(d=window.matchMedia(m),n.value=d.matches,r=B=>{n.value=B.matches},d.addEventListener("change",r))};return e.onMounted(()=>{u(e.toValue(c)),e.watch(()=>e.toValue(c),m=>{u(m)})}),e.onBeforeUnmount(()=>{i()}),n}function V(c){return Le(`(min-width: ${qe[c]}px)`)}const Oe=(c=!0)=>{const n=["overflow-x-auto","w-full"];return c&&n.push("border","border-gray-100","rounded"),n},Pe=c=>{const n=["min-w-full","text-left","relative"];return c==="sm"?n.push("text-xs"):c==="lg"?n.push("text-base"):n.push("text-sm"),n},Q=(c,n,d="none",r="default",i)=>{const u=[];return r==="minimal"?u.push(i||"bg-gray-50","text-gray-700","font-medium","text-sm","normal-case","border-b","border-gray-200"):u.push(i||"bg-gray-100","text-gray-600","font-semibold","text-xs","uppercase","tracking-wide","border-b","border-gray-200","whitespace-nowrap"),n&&u.push("cursor-pointer","select-none","hover:text-primary-base","transition-colors"),d==="always"?u.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&u.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?u.push("px-1.5","py-1"):c==="lg"?u.push("px-4","py-3"):u.push("p-2"),u},G=(c,n,d="none",r)=>{const i=["border-b","border-gray-100","text-gray-900"];return r&&i.push(r),n&&i.push("border-r"),d==="always"?i.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&i.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?i.push("px-1.5","py-1"):c==="lg"?i.push("px-4","py-3"):i.push("px-2","py-1.5"),i},Te=(c,n,d,r,i=!1)=>{const u=[];return i&&u.push("group"),r?u.push("bg-primary-25"):c&&d&&u.push("bg-gray-50"),n&&(r?u.push("hover:bg-primary-25-hover","transition-colors"):u.push("hover:bg-gray-50","transition-colors")),u},T=c=>{const n=["w-3.5","h-3.5","inline-block","ml-1"];return c?n.push("text-primary-base"):n.push("text-gray-400"),n.push("transition-transform","duration-200"),n},X=c=>{const n=["text-center"];return c==="sm"?n.push("w-8"):c==="lg"?n.push("w-14"):n.push("w-12"),n},de=c=>X(c),$e=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],je=(c,n)=>{const d=["rounded","border","p-3"];return n?d.push("bg-primary-25","border-primary-base/20"):d.push("bg-white","border-gray-100"),c&&(n?d.push("hover:bg-primary-25-hover","transition-colors"):d.push("hover:bg-gray-50","transition-colors")),d},Ke=c=>{const n=["flex","items-start","justify-between","gap-2"];return c==="sm"?n.push("py-0.5"):c==="lg"?n.push("py-2"):n.push("py-1"),n},J=c=>{const n=["bg-gray-100","border-b","border-gray-200"];return c==="sm"?n.push("px-1.5","py-1"):c==="lg"?n.push("px-4","py-2"):n.push("px-2","py-1.5"),n},Ae={class:"flex items-center gap-4"},We={class:"text-gray-600"},Ie=["value"],De=["value"],Ue={class:"flex items-center gap-1"},He=["disabled"],Qe={class:"px-2 text-gray-600"},Ge=["disabled"],me=e.defineComponent({__name:"OneDataTablePaginator",props:{first:{type:Number,required:!0},rows:{type:Number,required:!0},totalRecords:{type:Number,required:!0},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]}},emits:["update:first","update:rows","page"],setup(c,{emit:n}){const d=c,r=n,i=ue.useOnebI18n(),u=e.computed(()=>Math.ceil(d.totalRecords/d.rows)),m=e.computed(()=>Math.floor(d.first/d.rows)+1),B=e.computed(()=>d.totalRecords===0?0:d.first+1),j=e.computed(()=>Math.min(d.first+d.rows,d.totalRecords)),K=e.computed(()=>d.first===0),C=e.computed(()=>d.first+d.rows>=d.totalRecords),_=e.computed(()=>$e()),x=k=>{k<0||k>=d.totalRecords||(r("update:first",k),r("page",{first:k,rows:d.rows,page:Math.floor(k/d.rows),pageCount:u.value}))},F=()=>{x(Math.max(0,d.first-d.rows))},f=()=>{x(d.first+d.rows)},M=k=>{const h=parseInt(k.target.value);r("update:rows",h),r("update:first",0),r("page",{first:0,rows:h,page:0,pageCount:Math.ceil(d.totalRecords/h)})};return(k,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(_.value)},[e.createElementVNode("div",Ae,[e.createElementVNode("span",We,e.toDisplayString(B.value)+"–"+e.toDisplayString(j.value)+" of "+e.toDisplayString(c.totalRecords),1),c.rowsPerPageOptions.length>1?(e.openBlock(),e.createElementBlock("select",{key:0,value:c.rows,class:"border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",onChange:M},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.rowsPerPageOptions,v=>(e.openBlock(),e.createElementBlock("option",{key:v,value:v},e.toDisplayString(e.unref(i)("ui.dataTable.perPage",{count:v})),9,De))),128))],40,Ie)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ue,[e.createElementVNode("button",{disabled:K.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:F},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Re)),{class:"w-4 h-4 text-gray-600"}))],8,He),e.createElementVNode("span",Qe,e.toDisplayString(m.value)+" / "+e.toDisplayString(u.value),1),e.createElementVNode("button",{disabled:C.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:f},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref($.render$1)),{class:"w-4 h-4 text-gray-600"}))],8,Ge)])],2))}}),Je={key:0,class:"mb-3"},Xe={key:0},Ye={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Ze={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},et=["onClick"],tt={key:1,class:"inline-flex items-center gap-1"},ot={key:0},rt=["value","placeholder","onInput"],lt={key:1},st=["onClick"],nt=["onClick"],at={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},it={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},ct=["onClick"],dt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},ut={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},pt=["onClick"],mt={key:0},ft=["colspan"],yt={key:2},kt=["colspan"],gt={class:"flex items-center justify-center gap-2 text-gray-500"},ht={key:3},vt=["colspan"],bt={class:"text-gray-400"},Bt={key:4},Ct=["colspan"],wt=["disabled"],Et={key:2},St={key:0,class:"text-center py-12"},xt={class:"flex items-center justify-center gap-2 text-gray-500"},Nt={key:1,class:"text-center py-12"},Vt={class:"text-gray-400"},_t={key:2,class:"space-y-2"},Ft={key:0,class:"flex items-center gap-2 px-3 py-2"},Rt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Mt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},zt={class:"text-sm text-gray-500"},qt=["onClick"],Lt={key:0,class:"flex items-center justify-between mb-2"},Ot={key:0},Pt=["onClick"],Tt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},$t={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},jt=["onClick"],Kt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},At={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},Wt={key:1},It=["onClick"],Dt={class:"text-gray-500 text-xs font-medium shrink-0"},Ut={class:"text-right"},Ht={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Qt=["disabled"],Gt={key:4,class:"mt-3"},Jt=e.defineComponent({__name:"OneDataTable",props:ze,emits:["update:value","update:selection","update:expandedRows","update:first","update:rows","update:sortField","update:sortOrder","update:filters","sort","page","filter","row-click","row-select","row-unselect","row-expand","row-collapse","load:next"],setup(c,{expose:n,emit:d}){const r=c,i=d,u=e.useSlots(),m=ue.useOnebI18n(),B=e.ref([]),j=t=>{B.value.push(t)},K=t=>{const l=B.value.indexOf(t);l>-1&&B.value.splice(l,1)};e.provide(pe,{registerColumn:j,unregisterColumn:K});const C=e.ref(r.first),_=e.ref(r.rows),x=e.ref(r.sortField),F=e.ref(r.sortOrder);e.watch(()=>r.first,t=>{C.value=t}),e.watch(()=>r.rows,t=>{_.value=t}),e.watch(()=>r.sortField,t=>{x.value=t}),e.watch(()=>r.sortOrder,t=>{F.value=t});const f=e.ref([...r.value]);e.watch(()=>r.value,t=>{f.value=[...t]});const M=e.computed(()=>C.value),k=e.computed(()=>_.value),h=e.computed(()=>x.value),v=e.computed(()=>F.value),y=(t,l)=>l?l.split(".").reduce((o,a)=>o==null?void 0:o[a],t):t,Y=t=>r.dataKey?y(t,r.dataKey):t,b=(t,l)=>t==null||l==null?t===l:r.dataKey?y(t,r.dataKey)===y(l,r.dataKey):t===l,Z=(t,l)=>r.dataKey?y(t,r.dataKey):l;n({updateRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] updateRow requires dataKey to be set"),!1;const l=y(t,r.dataKey),o=f.value.findIndex(s=>y(s,r.dataKey)===l);if(o===-1)return!1;const a=[...f.value];return a[o]=t,f.value=a,i("update:value",a),!0},addItems:(t,l="append")=>{const o=l==="prepend"?[...t,...f.value]:[...f.value,...t];f.value=o,i("update:value",o)},removeRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] removeRow requires dataKey to be set"),!1;const l=f.value.findIndex(a=>y(a,r.dataKey)===t);if(l===-1)return!1;const o=[...f.value];return o.splice(l,1),f.value=o,i("update:value",o),!0}});const g=e.computed(()=>B.value.some(t=>t.props.expander)),w=e.computed(()=>!!r.selectionMode),z=e.computed(()=>r.selectionMode==="multiple"),A=e.computed(()=>B.value.filter(t=>!t.props.expander)),q=e.computed(()=>R.value.length+(w.value?1:0)+(g.value?1:0)),ee=e.computed(()=>{var o,a;if(r.lazy||!r.filters)return f.value;let t=[...f.value];const l=r.filters;if((o=l.global)!=null&&o.value&&((a=r.globalFilterFields)!=null&&a.length)){const s=l.global.value;t=t.filter(p=>r.globalFilterFields.some(U=>ce.contains(y(p,U),s)))}for(const[s,p]of Object.entries(l)){if(s==="global"||!p.value)continue;const U=p.matchMode||"contains",ae=ce[U];ae&&(t=t.filter(_e=>ae(y(_e,s),p.value)))}return t}),fe=e.computed(()=>{const t=ee.value;return r.lazy||!h.value||!v.value?t:[...t].sort((l,o)=>{const a=y(l,h.value),s=y(o,h.value);if(a==null&&s==null)return 0;if(a==null)return 1;if(s==null)return-1;let p;return typeof a=="number"&&typeof s=="number"?p=a-s:p=String(a).localeCompare(String(s)),v.value===1?p:-p})}),te=e.computed(()=>r.totalRecords??ee.value.length),E=e.computed(()=>{const t=fe.value;if(r.paginator&&!r.lazy){const l=M.value,o=l+k.value;return t.slice(l,o)}return t}),ye=t=>{let l;h.value===t?v.value===1?l=-1:v.value===-1?l=null:l=1:l=1,x.value=t,F.value=l,i("update:sortField",t),i("update:sortOrder",l),i("sort",{field:t,order:l}),!r.lazy&&r.paginator&&(C.value=0,i("update:first",0))},oe=t=>t.props.sortField||t.props.field,ke=t=>h.value===oe(t),S=t=>r.selection?r.selectionMode==="single"?b(r.selection,t):r.selectionMode==="multiple"?r.selection.some(l=>b(l,t)):!1:!1,L=(t,l,o)=>{if(i("row-click",{originalEvent:t,data:l,index:o}),r.selectionMode==="single"){const a=b(r.selection,l)?null:l;i("update:selection",a),a?i("row-select",{originalEvent:t,data:l}):i("row-unselect",{originalEvent:t,data:l})}},W=(t,l)=>{if(t.stopPropagation(),r.selectionMode==="multiple"){const o=r.selection||[],a=o.some(p=>b(p,l));let s;a?(s=o.filter(p=>!b(p,l)),i("row-unselect",{originalEvent:t,data:l})):(s=[...o,l],i("row-select",{originalEvent:t,data:l})),i("update:selection",s)}},I=e.computed(()=>{if(r.selectionMode!=="multiple"||!r.selection)return!1;const t=r.selection;return E.value.length>0&&E.value.every(l=>t.some(o=>b(o,l)))}),re=t=>{t.stopPropagation();const l=r.selection||[];if(I.value){const o=l.filter(a=>!E.value.some(s=>b(a,s)));i("update:selection",o)}else{const o=[...l];E.value.forEach(a=>{o.some(s=>b(s,a))||o.push(a)}),i("update:selection",o)}},N=t=>{if(!r.expandedRows)return!1;if(Array.isArray(r.expandedRows))return r.expandedRows.some(l=>b(l,t));if(r.dataKey){const l=String(Y(t));return!!r.expandedRows[l]}return!1},D=(t,l)=>{t.stopPropagation();const o=N(l);if(Array.isArray(r.expandedRows)){let a;o?(a=r.expandedRows.filter(s=>!b(s,l)),i("row-collapse",{originalEvent:t,data:l})):(a=[...r.expandedRows,l],i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",a)}else if(r.dataKey){const a=String(Y(l)),s={...r.expandedRows};o?(delete s[a],i("row-collapse",{originalEvent:t,data:l})):(s[a]=!0,i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",s)}},ge=(t,l,o)=>{var s;if(!r.filters)return;const a={...r.filters,[t]:{value:l,matchMode:o||((s=r.filters[t])==null?void 0:s.matchMode)||"contains"}};i("update:filters",a),r.lazy&&i("filter",{filters:a}),r.paginator&&(C.value=0,i("update:first",0))},le=t=>{var l;return((l=r.filters)==null?void 0:l[t])||{value:null}},he=t=>()=>{r.filters&&(i("update:filters",{...r.filters}),r.lazy&&i("filter",{filters:r.filters}),r.paginator&&(C.value=0,i("update:first",0)))},ve=t=>{C.value=t,i("update:first",t)},be=t=>{_.value=t,i("update:rows",t)},se=e.computed(()=>{const t=[];if(r.colWidths){if(typeof r.colWidths=="function"){const l=r.colWidths(A.value),o=[];return w.value&&o.push(""),g.value&&o.push(""),[...o,...l]}return r.colWidths}return w.value&&t.push(""),g.value&&t.push(""),A.value.forEach(l=>{t.push(l.props.width||"")}),t}),ne=e.computed(()=>se.value.some(t=>t!==""&&t!=null)),Be=e.computed(()=>r.wrapperClass?["overflow-x-auto","w-full",r.wrapperClass]:r.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Oe(r.wrapperBordered)),Ce=e.computed(()=>{const t=Pe(r.size);return r.tableClass&&t.push(r.tableClass),r.bordered&&t.push("border","border-gray-100"),t}),we=r.cardBreakpoint?V(r.cardBreakpoint):e.ref(!0),Ee=e.computed(()=>!!r.cardBreakpoint&&!we.value),Se={sm:V("sm"),md:V("md"),lg:V("lg"),xl:V("xl"),"2xl":V("2xl")},xe=t=>{var o;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((o=Se[l])==null?void 0:o.value)??!0},R=e.computed(()=>A.value.filter(xe)),Ne=t=>l=>D(l,t),Ve=t=>l=>W(l,t);return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!1]]),e.unref(u).header?(e.openBlock(),e.createElementBlock("div",Je,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Ee.value?(e.openBlock(),e.createElementBlock("div",Et,[t.loading?(e.openBlock(),e.createElementBlock("div",St,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",xt,[e.createVNode(O.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(m)("ui.dataTable.loading")),1)])],!0)])):E.value.length===0?(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",Vt,e.toDisplayString(e.unref(m)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",_t,[z.value?(e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=o=>re(o))},[I.value?(e.openBlock(),e.createElementBlock("div",Rt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Mt))]),e.createElementVNode("span",zt,e.toDisplayString(e.unref(m)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(o,a)=>(e.openBlock(),e.createElementBlock("div",{key:Z(o,a),class:e.normalizeClass([...e.unref(je)(t.hoverable,S(o)),t.selectionMode?"cursor-pointer":""]),onClick:s=>L(s,o,a)},[e.unref(u).card?e.renderSlot(t.$slots,"card",{key:0,data:o,index:a,selected:S(o),expanded:g.value&&N(o),toggleExpansion:Ne(o),toggleSelection:Ve(o)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[w.value||g.value?(e.openBlock(),e.createElementBlock("div",Lt,[w.value?(e.openBlock(),e.createElementBlock("div",Ot,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>W(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",Tt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",$t))],8,Pt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>L(s,o,a),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",Kt,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",At))],8,jt))])):(e.openBlock(),e.createElementBlock("div",Wt)),g.value?(e.openBlock(),e.createElementBlock("button",{key:2,class:"p-1 rounded hover:bg-gray-100 transition-colors",onClick:e.withModifiers(s=>D(s,o),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o)?e.unref(H.render):e.unref($.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,It)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(s,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:e.normalizeClass(e.unref(Ke)(t.size))},[e.createElementVNode("span",Dt,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Ut,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:a},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)])],2))),128)),g.value&&N(o)?(e.openBlock(),e.createElementBlock("div",Ht,[e.renderSlot(t.$slots,"expansion",{data:o,index:a},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,qt))),128)),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("button",{key:1,class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[3]||(l[3]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(O.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(m)("ui.dataTable.showMore")),1)],8,Qt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...Be.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...Ce.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",ne.value?"table-fixed":""])},[ne.value?(e.openBlock(),e.createElementBlock("colgroup",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,(o,a)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${a}`,style:e.normalizeStyle(o?{width:o}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(Q)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(X)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:l[0]||(l[0]=o=>re(o))},[I.value?(e.openBlock(),e.createElementBlock("div",Ye,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Ze))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(Q)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(de)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(o,a)=>(e.openBlock(),e.createElementBlock("th",{key:a,class:e.normalizeClass([...e.unref(Q)(t.size,o.props.sortable,t.verticalBorders,t.headerVariant,t.headerBgClass),o.props.headerClass]),style:e.normalizeStyle([o.props.headerStyle,o.props.width?{width:o.props.width}:{}]),onClick:s=>o.props.sortable?ye(oe(o)):void 0},[o.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",tt,[e.createTextVNode(e.toDisplayString(o.props.header)+" ",1),o.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ke(o)?v.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref($.render)),{key:1,class:e.normalizeClass(e.unref(T)(!0))},null,8,["class"])):v.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(H.render)),{key:2,class:e.normalizeClass(e.unref(T)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ie)),{key:3,class:e.normalizeClass(e.unref(T)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ie)),{key:0,class:e.normalizeClass(e.unref(T)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,et))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",ot,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(J)(t.size))},null,2)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(J)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(o,a)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${a}`,class:e.normalizeClass(e.unref(J)(t.size))},[o.props.filterable&&o.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.filter),{key:0,filterModel:le(o.props.filterField||o.props.field),filterCallback:he(o.props.filterField||o.props.field)},null,8,["filterModel","filterCallback"])):o.props.filterable&&o.props.field?(e.openBlock(),e.createElementBlock("input",{key:1,type:"text",value:le(o.props.filterField||o.props.field).value||"",class:"w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",placeholder:`Filter ${o.props.header||o.props.field}`,onInput:s=>ge(o.props.filterField||o.props.field,s.target.value)},null,40,rt)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&E.value.length>0?(e.openBlock(),e.createElementBlock("tbody",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(o,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:Z(o,a)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref(Te)(t.striped,t.hoverable,a%2===1,S(o),!1),t.selectionMode?"cursor-pointer":""]),onClick:s=>L(s,o,a)},[w.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(G)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(X)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>W(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",at,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",it))],8,nt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>L(s,o,a),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",dt,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",ut))],8,ct))],2)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(G)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(de)(t.size)])},[e.createElementVNode("button",{class:"p-1 rounded hover:bg-gray-100 transition-colors",onClick:s=>D(s,o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o)?e.unref(H.render):e.unref($.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,pt)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(s,p)=>(e.openBlock(),e.createElementBlock("td",{key:p,class:e.normalizeClass([...e.unref(G)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),s.props.bodyClass]),style:e.normalizeStyle(s.props.bodyStyle)},[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:a},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)],6))),128))],10,st),g.value&&N(o)?(e.openBlock(),e.createElementBlock("tr",mt,[e.createElementVNode("td",{colspan:q.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:o,index:a},void 0,!0)],8,ft)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(e.openBlock(),e.createElementBlock("tbody",yt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:q.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",gt,[e.createVNode(O.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(m)("ui.dataTable.loading")),1)])],!0)],8,kt)])])):(e.openBlock(),e.createElementBlock("tbody",ht,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:q.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",bt,e.toDisplayString(e.unref(m)("ui.dataTable.noRecords")),1)],!0)],8,vt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",Bt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:q.value,class:"px-3 pb-3 pt-2"},[e.createElementVNode("button",{class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[1]||(l[1]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(O.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(m)("ui.dataTable.showMore")),1)],8,wt)],8,Ct)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&te.value>0?(e.openBlock(),e.createBlock(me,{key:3,first:M.value,rows:k.value,"total-records":te.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":ve,"onUpdate:rows":be,onPage:l[4]||(l[4]=o=>i("page",o))},null,8,["first","rows","total-records","rows-per-page-options"])):e.createCommentVNode("",!0),e.unref(u).footer?(e.openBlock(),e.createElementBlock("div",Gt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Xt=Fe._export_sfc(Jt,[["__scopeId","data-v-2987f33d"]]),Yt=e.defineComponent({__name:"OneColumn",props:Me,setup(c){const n=c,d=e.useSlots(),r=e.inject(pe),i={props:n,slots:d};return r&&r.registerColumn(i),e.onBeforeUnmount(()=>{r&&r.unregisterColumn(i)}),(u,m)=>e.renderSlot(u.$slots,"default")}});exports.OneColumn=Yt;exports.OneDataTable=Xt;exports.OneDataTablePaginator=me;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),pe=require("../i18n/index.cjs"),j=require("../ChevronRightIcon-7a2f0c20.cjs"),P=require("../SpinnerIcon-ccb6f3fc.cjs"),G=require("../ChevronDownIcon-6889ac87.cjs"),T=require("../CheckIcon-09b84cf5.cjs"),Fe=require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");function Me(c,a){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})])}function ce(c,a){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}const qe={field:{type:String,required:!1},header:{type:String,required:!1},sortable:{type:Boolean,default:!1},sortField:{type:String,required:!1},filterable:{type:Boolean,default:!1},filterField:{type:String,required:!1},expander:{type:Boolean,default:!1},width:{type:String,required:!1},headerClass:{type:String,required:!1},bodyClass:{type:String,required:!1},headerStyle:{type:[String,Object],required:!1},bodyStyle:{type:[String,Object],required:!1},visibleFrom:{type:String,required:!1}},ze={value:{type:Array,default:()=>[]},dataKey:{type:String,required:!1},lazy:{type:Boolean,default:!1},paginator:{type:Boolean,default:!1},rows:{type:Number,default:10},first:{type:Number,default:0},totalRecords:{type:Number,required:!1},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]},sortField:{type:String,required:!1},sortOrder:{type:Number,default:null},selectionMode:{type:String,required:!1},selection:{type:[Object,Array],required:!1},expandedRows:{type:[Array,Object],default:()=>[]},filters:{type:Object,required:!1},filterDisplay:{type:String,default:null},globalFilterFields:{type:Array,required:!1},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},bordered:{type:Boolean,default:!1},size:{type:String,default:"md"},tableClass:{type:String,required:!1},hasNextPage:{type:Boolean,default:!1},loadingNext:{type:Boolean,default:!1},loadMoreLabel:{type:String,default:""},colWidths:{type:[Array,Function],required:!1},verticalBorders:{type:String,default:"none"},headerVariant:{type:String,default:"default"},headerBgClass:{type:String,required:!1},bodyBgClass:{type:String,required:!1},wrapperClass:{type:String,required:!1},wrapperBordered:{type:Boolean,default:!0},cardBreakpoint:{type:String,required:!1},disabledRows:{type:Function,required:!1}},fe=Symbol("OneDataTable"),de={contains:(c,a)=>String(c??"").toLowerCase().includes(String(a).toLowerCase()),startsWith:(c,a)=>String(c??"").toLowerCase().startsWith(String(a).toLowerCase()),endsWith:(c,a)=>String(c??"").toLowerCase().endsWith(String(a).toLowerCase()),equals:(c,a)=>String(c??"").toLowerCase()===String(a).toLowerCase(),notEquals:(c,a)=>String(c??"").toLowerCase()!==String(a).toLowerCase()},Le={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function Oe(c){const a=e.ref(!1);let d=null,r=null;const i=()=>{d&&r&&d.removeEventListener("change",r),d=null,r=null},u=p=>{i(),!(typeof window>"u")&&(d=window.matchMedia(p),a.value=d.matches,r=C=>{a.value=C.matches},d.addEventListener("change",r))};return e.onMounted(()=>{u(e.toValue(c)),e.watch(()=>e.toValue(c),p=>{u(p)})}),e.onBeforeUnmount(()=>{i()}),a}function _(c){return Oe(`(min-width: ${Le[c]}px)`)}const Pe=(c=!0)=>{const a=["overflow-x-auto","w-full"];return c&&a.push("border","border-gray-100","rounded"),a},Te=c=>{const a=["min-w-full","text-left","relative"];return c==="sm"?a.push("text-xs"):c==="lg"?a.push("text-base"):a.push("text-sm"),a},J=(c,a,d="none",r="default",i)=>{const u=[];return r==="minimal"?u.push(i||"bg-gray-50","text-gray-700","font-medium","text-sm","normal-case","border-b","border-gray-200"):u.push(i||"bg-gray-100","text-gray-600","font-semibold","text-xs","uppercase","tracking-wide","border-b","border-gray-200","whitespace-nowrap"),a&&u.push("cursor-pointer","select-none","hover:text-primary-base","transition-colors"),d==="always"?u.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&u.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?u.push("px-1.5","py-1"):c==="lg"?u.push("px-4","py-3"):u.push("p-2"),u},X=(c,a,d="none",r)=>{const i=["border-b","border-gray-100","text-gray-900"];return r&&i.push(r),a&&i.push("border-r"),d==="always"?i.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&i.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?i.push("px-1.5","py-1"):c==="lg"?i.push("px-4","py-3"):i.push("px-2","py-1.5"),i},$e=(c,a,d,r,i=!1,u=!1)=>{const p=[];return i&&p.push("group"),u?(p.push("opacity-50"),p):(r?p.push("bg-primary-25"):c&&d&&p.push("bg-gray-50"),a&&(r?p.push("hover:bg-primary-25-hover","transition-colors"):p.push("hover:bg-gray-50","transition-colors")),p)},$=c=>{const a=["w-3.5","h-3.5","inline-block","ml-1"];return c?a.push("text-primary-base"):a.push("text-gray-400"),a.push("transition-transform","duration-200"),a},Z=c=>{const a=["text-center"];return c==="sm"?a.push("w-8"):c==="lg"?a.push("w-14"):a.push("w-12"),a},ue=c=>Z(c),je=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],Ke=(c,a,d=!1)=>{const r=["rounded","border","p-3"];return d?(r.push("bg-white","border-gray-100","opacity-50"),r):(a?r.push("bg-primary-25","border-primary-base/20"):r.push("bg-white","border-gray-100"),c&&(a?r.push("hover:bg-primary-25-hover","transition-colors"):r.push("hover:bg-gray-50","transition-colors")),r)},Ae=c=>{const a=["flex","items-start","justify-between","gap-2"];return c==="sm"?a.push("py-0.5"):c==="lg"?a.push("py-2"):a.push("py-1"),a},Y=c=>{const a=["bg-gray-100","border-b","border-gray-200"];return c==="sm"?a.push("px-1.5","py-1"):c==="lg"?a.push("px-4","py-2"):a.push("px-2","py-1.5"),a},We={class:"flex items-center gap-4"},Ie={class:"text-gray-600"},Ue=["value"],He=["value"],Qe={class:"flex items-center gap-1"},Ge=["disabled"],Je={class:"px-2 text-gray-600"},Xe=["disabled"],me=e.defineComponent({__name:"OneDataTablePaginator",props:{first:{type:Number,required:!0},rows:{type:Number,required:!0},totalRecords:{type:Number,required:!0},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]}},emits:["update:first","update:rows","page"],setup(c,{emit:a}){const d=c,r=a,i=pe.useOnebI18n(),u=e.computed(()=>Math.ceil(d.totalRecords/d.rows)),p=e.computed(()=>Math.floor(d.first/d.rows)+1),C=e.computed(()=>d.totalRecords===0?0:d.first+1),K=e.computed(()=>Math.min(d.first+d.rows,d.totalRecords)),A=e.computed(()=>d.first===0),w=e.computed(()=>d.first+d.rows>=d.totalRecords),R=e.computed(()=>je()),x=g=>{g<0||g>=d.totalRecords||(r("update:first",g),r("page",{first:g,rows:d.rows,page:Math.floor(g/d.rows),pageCount:u.value}))},F=()=>{x(Math.max(0,d.first-d.rows))},m=()=>{x(d.first+d.rows)},q=g=>{const v=parseInt(g.target.value);r("update:rows",v),r("update:first",0),r("page",{first:0,rows:v,page:0,pageCount:Math.ceil(d.totalRecords/v)})};return(g,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(R.value)},[e.createElementVNode("div",We,[e.createElementVNode("span",Ie,e.toDisplayString(C.value)+"–"+e.toDisplayString(K.value)+" of "+e.toDisplayString(c.totalRecords),1),c.rowsPerPageOptions.length>1?(e.openBlock(),e.createElementBlock("select",{key:0,value:c.rows,class:"border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",onChange:q},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.rowsPerPageOptions,b=>(e.openBlock(),e.createElementBlock("option",{key:b,value:b},e.toDisplayString(e.unref(i)("ui.dataTable.perPage",{count:b})),9,He))),128))],40,Ue)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Qe,[e.createElementVNode("button",{disabled:A.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:F},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Me)),{class:"w-4 h-4 text-gray-600"}))],8,Ge),e.createElementVNode("span",Je,e.toDisplayString(p.value)+" / "+e.toDisplayString(u.value),1),e.createElementVNode("button",{disabled:w.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:m},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(j.render$1)),{class:"w-4 h-4 text-gray-600"}))],8,Xe)])],2))}}),Ye={key:0,class:"mb-3"},Ze={key:0},De={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},et={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},tt=["onClick"],ot={key:1,class:"inline-flex items-center gap-1"},rt={key:0},lt=["value","placeholder","onInput"],st={key:1},nt=["onClick"],at=["onClick"],it={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},ct={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},dt=["onClick"],ut={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},pt={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},ft=["disabled","onClick"],mt={key:0},yt=["colspan"],kt={key:2},gt=["colspan"],ht={class:"flex items-center justify-center gap-2 text-gray-500"},vt={key:3},bt=["colspan"],Bt={class:"text-gray-400"},Ct={key:4},wt=["colspan"],Et=["disabled"],St={key:2},xt={key:0,class:"text-center py-12"},Nt={class:"flex items-center justify-center gap-2 text-gray-500"},Vt={key:1,class:"text-center py-12"},_t={class:"text-gray-400"},Rt={key:2,class:"space-y-2"},Ft={key:0,class:"flex items-center gap-2 px-3 py-2"},Mt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},qt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},zt={class:"text-sm text-gray-500"},Lt=["onClick"],Ot={key:0,class:"flex items-center justify-between mb-2"},Pt={key:0},Tt=["onClick"],$t={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},jt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},Kt=["onClick"],At={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},Wt={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},It={key:1},Ut=["disabled","onClick"],Ht={class:"text-gray-500 text-xs font-medium shrink-0"},Qt={class:"text-right"},Gt={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Jt=["disabled"],Xt={key:4,class:"mt-3"},Yt=e.defineComponent({__name:"OneDataTable",props:ze,emits:["update:value","update:selection","update:expandedRows","update:first","update:rows","update:sortField","update:sortOrder","update:filters","sort","page","filter","row-click","row-select","row-unselect","row-expand","row-collapse","load:next"],setup(c,{expose:a,emit:d}){const r=c,i=d,u=e.useSlots(),p=pe.useOnebI18n(),C=e.ref([]),K=t=>{C.value.push(t)},A=t=>{const l=C.value.indexOf(t);l>-1&&C.value.splice(l,1)};e.provide(fe,{registerColumn:K,unregisterColumn:A});const w=e.ref(r.first),R=e.ref(r.rows),x=e.ref(r.sortField),F=e.ref(r.sortOrder);e.watch(()=>r.first,t=>{w.value=t}),e.watch(()=>r.rows,t=>{R.value=t}),e.watch(()=>r.sortField,t=>{x.value=t}),e.watch(()=>r.sortOrder,t=>{F.value=t});const m=e.ref([...r.value]);e.watch(()=>r.value,t=>{m.value=[...t]});const q=e.computed(()=>w.value),g=e.computed(()=>R.value),v=e.computed(()=>x.value),b=e.computed(()=>F.value),y=(t,l)=>l?l.split(".").reduce((o,n)=>o==null?void 0:o[n],t):t,D=t=>r.dataKey?y(t,r.dataKey):t,B=(t,l)=>t==null||l==null?t===l:r.dataKey?y(t,r.dataKey)===y(l,r.dataKey):t===l,ee=(t,l)=>r.dataKey?y(t,r.dataKey):l,k=t=>{var l;return((l=r.disabledRows)==null?void 0:l.call(r,t))??!1};a({updateRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] updateRow requires dataKey to be set"),!1;const l=y(t,r.dataKey),o=m.value.findIndex(s=>y(s,r.dataKey)===l);if(o===-1)return!1;const n=[...m.value];return n[o]=t,m.value=n,i("update:value",n),!0},addItems:(t,l="append")=>{const o=l==="prepend"?[...t,...m.value]:[...m.value,...t];m.value=o,i("update:value",o)},removeRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] removeRow requires dataKey to be set"),!1;const l=m.value.findIndex(n=>y(n,r.dataKey)===t);if(l===-1)return!1;const o=[...m.value];return o.splice(l,1),m.value=o,i("update:value",o),!0}});const h=e.computed(()=>C.value.some(t=>t.props.expander)),E=e.computed(()=>!!r.selectionMode),z=e.computed(()=>r.selectionMode==="multiple"),W=e.computed(()=>C.value.filter(t=>!t.props.expander)),L=e.computed(()=>M.value.length+(E.value?1:0)+(h.value?1:0)),te=e.computed(()=>{var o,n;if(r.lazy||!r.filters)return m.value;let t=[...m.value];const l=r.filters;if((o=l.global)!=null&&o.value&&((n=r.globalFilterFields)!=null&&n.length)){const s=l.global.value;t=t.filter(f=>r.globalFilterFields.some(Q=>de.contains(y(f,Q),s)))}for(const[s,f]of Object.entries(l)){if(s==="global"||!f.value)continue;const Q=f.matchMode||"contains",ie=de[Q];ie&&(t=t.filter(Re=>ie(y(Re,s),f.value)))}return t}),ye=e.computed(()=>{const t=te.value;return r.lazy||!v.value||!b.value?t:[...t].sort((l,o)=>{const n=y(l,v.value),s=y(o,v.value);if(n==null&&s==null)return 0;if(n==null)return 1;if(s==null)return-1;let f;return typeof n=="number"&&typeof s=="number"?f=n-s:f=String(n).localeCompare(String(s)),b.value===1?f:-f})}),oe=e.computed(()=>r.totalRecords??te.value.length),N=e.computed(()=>{const t=ye.value;if(r.paginator&&!r.lazy){const l=q.value,o=l+g.value;return t.slice(l,o)}return t}),ke=t=>{let l;v.value===t?b.value===1?l=-1:b.value===-1?l=null:l=1:l=1,x.value=t,F.value=l,i("update:sortField",t),i("update:sortOrder",l),i("sort",{field:t,order:l}),!r.lazy&&r.paginator&&(w.value=0,i("update:first",0))},re=t=>t.props.sortField||t.props.field,ge=t=>v.value===re(t),S=t=>r.selection?r.selectionMode==="single"?B(r.selection,t):r.selectionMode==="multiple"?r.selection.some(l=>B(l,t)):!1:!1,O=(t,l,o)=>{if(i("row-click",{originalEvent:t,data:l,index:o}),!k(l)&&r.selectionMode==="single"){const n=B(r.selection,l)?null:l;i("update:selection",n),n?i("row-select",{originalEvent:t,data:l}):i("row-unselect",{originalEvent:t,data:l})}},I=(t,l)=>{if(t.stopPropagation(),!k(l)&&r.selectionMode==="multiple"){const o=r.selection||[],n=o.some(f=>B(f,l));let s;n?(s=o.filter(f=>!B(f,l)),i("row-unselect",{originalEvent:t,data:l})):(s=[...o,l],i("row-select",{originalEvent:t,data:l})),i("update:selection",s)}},U=e.computed(()=>{if(r.selectionMode!=="multiple"||!r.selection)return!1;const t=r.selection,l=N.value.filter(o=>!k(o));return l.length>0&&l.every(o=>t.some(n=>B(n,o)))}),le=t=>{t.stopPropagation();const l=r.selection||[],o=N.value.filter(n=>!k(n));if(U.value){const n=l.filter(s=>!o.some(f=>B(s,f)));i("update:selection",n)}else{const n=[...l];o.forEach(s=>{n.some(f=>B(f,s))||n.push(s)}),i("update:selection",n)}},V=t=>{if(!r.expandedRows)return!1;if(Array.isArray(r.expandedRows))return r.expandedRows.some(l=>B(l,t));if(r.dataKey){const l=String(D(t));return!!r.expandedRows[l]}return!1},H=(t,l)=>{if(t.stopPropagation(),k(l))return;const o=V(l);if(Array.isArray(r.expandedRows)){let n;o?(n=r.expandedRows.filter(s=>!B(s,l)),i("row-collapse",{originalEvent:t,data:l})):(n=[...r.expandedRows,l],i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",n)}else if(r.dataKey){const n=String(D(l)),s={...r.expandedRows};o?(delete s[n],i("row-collapse",{originalEvent:t,data:l})):(s[n]=!0,i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",s)}},he=(t,l,o)=>{var s;if(!r.filters)return;const n={...r.filters,[t]:{value:l,matchMode:o||((s=r.filters[t])==null?void 0:s.matchMode)||"contains"}};i("update:filters",n),r.lazy&&i("filter",{filters:n}),r.paginator&&(w.value=0,i("update:first",0))},se=t=>{var l;return((l=r.filters)==null?void 0:l[t])||{value:null}},ve=t=>()=>{r.filters&&(i("update:filters",{...r.filters}),r.lazy&&i("filter",{filters:r.filters}),r.paginator&&(w.value=0,i("update:first",0)))},be=t=>{w.value=t,i("update:first",t)},Be=t=>{R.value=t,i("update:rows",t)},ne=e.computed(()=>{const t=[];if(r.colWidths){if(typeof r.colWidths=="function"){const l=r.colWidths(W.value),o=[];return E.value&&o.push(""),h.value&&o.push(""),[...o,...l]}return r.colWidths}return E.value&&t.push(""),h.value&&t.push(""),W.value.forEach(l=>{t.push(l.props.width||"")}),t}),ae=e.computed(()=>ne.value.some(t=>t!==""&&t!=null)),Ce=e.computed(()=>r.wrapperClass?["overflow-x-auto","w-full",r.wrapperClass]:r.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Pe(r.wrapperBordered)),we=e.computed(()=>{const t=Te(r.size);return r.tableClass&&t.push(r.tableClass),r.bordered&&t.push("border","border-gray-100"),t}),Ee=r.cardBreakpoint?_(r.cardBreakpoint):e.ref(!0),Se=e.computed(()=>!!r.cardBreakpoint&&!Ee.value),xe={sm:_("sm"),md:_("md"),lg:_("lg"),xl:_("xl"),"2xl":_("2xl")},Ne=t=>{var o;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((o=xe[l])==null?void 0:o.value)??!0},M=e.computed(()=>W.value.filter(Ne)),Ve=t=>l=>H(l,t),_e=t=>l=>I(l,t);return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!1]]),e.unref(u).header?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Se.value?(e.openBlock(),e.createElementBlock("div",St,[t.loading?(e.openBlock(),e.createElementBlock("div",xt,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",Nt,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(p)("ui.dataTable.loading")),1)])],!0)])):N.value.length===0?(e.openBlock(),e.createElementBlock("div",Vt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",_t,e.toDisplayString(e.unref(p)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",Rt,[z.value?(e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=o=>le(o))},[U.value?(e.openBlock(),e.createElementBlock("div",Mt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",qt))]),e.createElementVNode("span",zt,e.toDisplayString(e.unref(p)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:ee(o,n),class:e.normalizeClass([...e.unref(Ke)(t.hoverable,S(o),k(o)),t.selectionMode&&!k(o)?"cursor-pointer":""]),onClick:s=>O(s,o,n)},[e.unref(u).card?e.renderSlot(t.$slots,"card",{key:0,data:o,index:n,selected:S(o),expanded:h.value&&V(o),toggleExpansion:Ve(o),toggleSelection:_e(o),disabled:k(o)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[E.value||h.value?(e.openBlock(),e.createElementBlock("div",Ot,[E.value?(e.openBlock(),e.createElementBlock("div",Pt,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>I(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",$t,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",jt))],8,Tt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>O(s,o,n),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",At,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Wt))],8,Kt))])):(e.openBlock(),e.createElementBlock("div",It)),h.value?(e.openBlock(),e.createElementBlock("button",{key:2,class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(o),onClick:e.withModifiers(s=>H(s,o),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(o)?e.unref(G.render):e.unref(j.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,Ut)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(s,f)=>(e.openBlock(),e.createElementBlock("div",{key:f,class:e.normalizeClass(e.unref(Ae)(t.size))},[e.createElementVNode("span",Ht,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Qt,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:n},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)])],2))),128)),h.value&&V(o)?(e.openBlock(),e.createElementBlock("div",Gt,[e.renderSlot(t.$slots,"expansion",{data:o,index:n},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,Lt))),128)),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("button",{key:1,class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[3]||(l[3]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(p)("ui.dataTable.showMore")),1)],8,Jt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...Ce.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...we.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",ae.value?"table-fixed":""])},[ae.value?(e.openBlock(),e.createElementBlock("colgroup",Ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,(o,n)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${n}`,style:e.normalizeStyle(o?{width:o}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[E.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(J)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:l[0]||(l[0]=o=>le(o))},[U.value?(e.openBlock(),e.createElementBlock("div",De,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",et))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(J)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(ue)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,n)=>(e.openBlock(),e.createElementBlock("th",{key:n,class:e.normalizeClass([...e.unref(J)(t.size,o.props.sortable,t.verticalBorders,t.headerVariant,t.headerBgClass),o.props.headerClass]),style:e.normalizeStyle([o.props.headerStyle,o.props.width?{width:o.props.width}:{}]),onClick:s=>o.props.sortable?ke(re(o)):void 0},[o.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",ot,[e.createTextVNode(e.toDisplayString(o.props.header)+" ",1),o.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ge(o)?b.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(j.render)),{key:1,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):b.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(G.render)),{key:2,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:3,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:0,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,tt))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",rt,[E.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(Y)(t.size))},null,2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(Y)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,n)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${n}`,class:e.normalizeClass(e.unref(Y)(t.size))},[o.props.filterable&&o.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.filter),{key:0,filterModel:se(o.props.filterField||o.props.field),filterCallback:ve(o.props.filterField||o.props.field)},null,8,["filterModel","filterCallback"])):o.props.filterable&&o.props.field?(e.openBlock(),e.createElementBlock("input",{key:1,type:"text",value:se(o.props.filterField||o.props.field).value||"",class:"w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",placeholder:`Filter ${o.props.header||o.props.field}`,onInput:s=>he(o.props.filterField||o.props.field,s.target.value)},null,40,lt)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&N.value.length>0?(e.openBlock(),e.createElementBlock("tbody",st,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:ee(o,n)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref($e)(t.striped,t.hoverable,n%2===1,S(o),!1,k(o)),t.selectionMode&&!k(o)?"cursor-pointer":""]),onClick:s=>O(s,o,n)},[E.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(X)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>I(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",it,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",ct))],8,at)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>O(s,o,n),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",ut,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",pt))],8,dt))],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(X)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(ue)(t.size)])},[e.createElementVNode("button",{class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(o),onClick:s=>H(s,o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(o)?e.unref(G.render):e.unref(j.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,ft)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(s,f)=>(e.openBlock(),e.createElementBlock("td",{key:f,class:e.normalizeClass([...e.unref(X)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),s.props.bodyClass]),style:e.normalizeStyle(s.props.bodyStyle)},[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:n,disabled:k(o)},null,8,["data","field","index","disabled"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)],6))),128))],10,nt),h.value&&V(o)?(e.openBlock(),e.createElementBlock("tr",mt,[e.createElementVNode("td",{colspan:L.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:o,index:n},void 0,!0)],8,yt)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(e.openBlock(),e.createElementBlock("tbody",kt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",ht,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(p)("ui.dataTable.loading")),1)])],!0)],8,gt)])])):(e.openBlock(),e.createElementBlock("tbody",vt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",Bt,e.toDisplayString(e.unref(p)("ui.dataTable.noRecords")),1)],!0)],8,bt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",Ct,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"px-3 pb-3 pt-2"},[e.createElementVNode("button",{class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[1]||(l[1]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(p)("ui.dataTable.showMore")),1)],8,Et)],8,wt)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&oe.value>0?(e.openBlock(),e.createBlock(me,{key:3,first:q.value,rows:g.value,"total-records":oe.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":be,"onUpdate:rows":Be,onPage:l[4]||(l[4]=o=>i("page",o))},null,8,["first","rows","total-records","rows-per-page-options"])):e.createCommentVNode("",!0),e.unref(u).footer?(e.openBlock(),e.createElementBlock("div",Xt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Zt=Fe._export_sfc(Yt,[["__scopeId","data-v-9359fb0b"]]),Dt=e.defineComponent({__name:"OneColumn",props:qe,setup(c){const a=c,d=e.useSlots(),r=e.inject(fe),i={props:a,slots:d};return r&&r.registerColumn(i),e.onBeforeUnmount(()=>{r&&r.unregisterColumn(i)}),(u,p)=>e.renderSlot(u.$slots,"default")}});exports.OneColumn=Dt;exports.OneDataTable=Zt;exports.OneDataTablePaginator=me;
|