tablevu 0.2.0 → 0.2.2

package/dist/array.js

@@ -1 +1 @@
-export default function adapter(e,a){let r=a;if(e.filter||e.search){const a=e.cols.map((e,a)=>({index:a,searchable:null==q.searchable||1==q.searchable})).filter(e=>1==e.searchable).map(e=>e.index);a.length>0&&(e.filter||e.search)&&(e.filter,e.search&&(r=r.filter(r=>Object.values(r).filter((e,r)=>a.indexOf(r)>-1).some(a=>a.indexOf(e.search)>-1))))}if(e.sort&&e.sort.length>0)for(let a=e.sort.length-1;a>=0;a--){let t=e.sort[a];"desc"==t.dir?r.sort((e,a)=>e[t.name]<a[t.name]?1:a[t.name]<e[t.name]?-1:0):r.sort((e,a)=>e[t.name]>a[t.name]?1:a[t.name]>e[t.name]?-1:0)}return e.pageSize&&r.length>e.pageSize&&(r=r.filter((a,r,t)=>r>=e.pageSize*(e.currPage-1)&&r<e.pageSize*e.currPage)),{rows:r,count:a.length}};
+export default function adapter(t,e){let a=e;if(t.filter||t.search){const r=t.cols.map((e,a)=>({index:a,searchable:null==q.searchable||1==q.searchable})).filter(e=>1==e.searchable).map(e=>e.index);0<r.length&&(t.filter||t.search)&&(t.filter,t.search)&&(a=a.filter(e=>Object.values(e).filter((e,a)=>-1<r.indexOf(a)).some(e=>-1<e.indexOf(t.search))))}if(t.sort&&0<t.sort.length)for(let e=t.sort.length-1;0<=e;e--){let r=t.sort[e];"desc"==r.dir?a.sort((e,a)=>e[r.name]<a[r.name]?1:a[r.name]<e[r.name]?-1:0):a.sort((e,a)=>e[r.name]>a[r.name]?1:a[r.name]>e[r.name]?-1:0)}return{rows:a=t.pageSize&&a.length>t.pageSize?a.filter((e,a,r)=>a>=t.pageSize*(t.currPage-1)&&a<t.pageSize*t.currPage):a,count:e.length}}

package/dist/get.js

@@ -1 +1 @@
-export default function get(n){return new Promise((t,e)=>{fetch(n).then(n=>n.json()).then(n=>{let e,o=0;n?(n.hasOwnProperty("value")?(e=n.value,o=n.hasOwnProperty("@count")?parseInt(n["@count"]):n.hasOwnProperty("count")?parseInt(n.count):0):(e=n,o=0),t({rows:e,count:o})):t({rows:null,count:null})}).catch(n=>{console.error(n),e(n)})})};
+export default function get(n){return new Promise((o,t)=>{fetch(n).then(n=>n.json()).then(n=>{let t,e=0;n?(e=n.hasOwnProperty("value")?(t=n.value,n.hasOwnProperty("@count")?parseInt(n["@count"]):n.hasOwnProperty("count")?parseInt(n.count):0):(t=n,0),o({rows:t,count:e})):o({rows:null,count:null})}).catch(n=>{console.error(n),t(n)})})}

package/dist/odata.js

@@ -1 +1 @@
-import get from"./get.js";function filter(e){function t(e){return null===e?"null":"string"==typeof e?10==e.length&&"-"==e[4]&&"-"==e[7]&&Date.parse(e)?e:"'"+e+"'":"number"==typeof e?e:e.getMonth&&"function"==typeof e.getMonth?e.toISOString():e.func+"("+e.params.join(",")+")"}let r="";if(e&&e.filters)for(let n=0;n<e.filters.length;n++)n>0&&(r+=` ${e.type||"and"} `),e.filters[n].column?r="in"==e.filters[n].operator?r+t(e.filters[n].value)+" "+e.filters[n].operator+" "+e.filters[n].column:r+e.filters[n].column+" "+e.filters[n].operator+" "+t(e.filters[n].value):e.filters[n].func?r=r+e.filters[n].func+"("+e.filters[n].params.map(e=>t(e)).join(",")+")":e.filters[n]&&(r=r+"("+filter(e.filters[n])+")");return r}function sefs(e,t,r){let n="";if(t.select&&t.select.length>0&&(r?n+="$select="+t.select.join(","):e.searchParams.append("$select",t.select.join(","))),t.expand&&t.expand.length>0){let l=[];t.expand.forEach(e=>{let t=sefs(null,e,";");t?l.push(e.name+"("+t+")"):l.push(e.name)}),r?n+=(n.length>0?r:"")+"$expand="+l.join(","):e.searchParams.append("$expand",l.join(","))}return n}export default class odata{constructor(e,t,r){this.adapter=(n=>{const l=new URL(e.url);n.pageSize&&(l.searchParams.append("$skip",n.pageSize*(n.currPage-1)),l.searchParams.append("$top",n.pageSize)),sefs(l,t);let a=[];if(n.filter&&Object.prototype.hasOwnProperty.call(n.filter,"filters")){let e=filter(n.filter);e&&a.push(e)}if(n.filter){let e=filter(n.filter);e&&a.push(e)}if(n.search){let e=n.cols.filter(e=>null==e.searchable||1==e.searchable).map(e=>"contains("+e.name.replaceAll(".","/")+",'"+n.search+"')").join(" or ");e&&a.push("("+e+")")}a&&a.length>0&&l.searchParams.append("$filter",a.join(" and ")),n.sort&&n.sort.length>0&&l.searchParams.append("$orderby",n.sort.map(e=>{let t={index:-1,name:"",dir:null};return Object.prototype.hasOwnProperty.call(e,"index")?t.index=e.index:t.name=e.name,t.dir=e.dir,t}).map(e=>(e.index>-1?n.cols[e.index].name:e.name).replaceAll(".","/")+(e.dir?" "+e.dir:"")).join(","));let s=null;return s=r.onfetch&&"function"==typeof r.onfetch?r.onfetch(new Request(l,e)):new Request(l,e),get(s)})}};
+import get from"./get.js";function filter(t){function r(e){return null===e?"null":"string"==typeof e?10==e.length&&"-"==e[4]&&"-"==e[7]&&Date.parse(e)?e:"'"+e+"'":"number"==typeof e?e:e.getMonth&&"function"==typeof e.getMonth?e.toISOString():e.func+"("+e.params.join(",")+")"}let n="";if(t&&t.filters)for(let e=0;e<t.filters.length;e++)0<e&&(n+=` ${t.type||"and"} `),t.filters[e].column?n="in"==t.filters[e].operator?n+r(t.filters[e].value)+" "+t.filters[e].operator+" "+t.filters[e].column:n+t.filters[e].column+" "+t.filters[e].operator+" "+r(t.filters[e].value):t.filters[e].func?n=n+t.filters[e].func+"("+t.filters[e].params.map(e=>r(e)).join(",")+")":t.filters[e]&&(n=n+"("+filter(t.filters[e])+")");return n}function sefs(e,t,n){let a="";if(t.select&&0<t.select.length&&(n?a+="$select="+t.select.join(","):e.searchParams.append("$select",t.select.join(","))),t.expand&&0<t.expand.length){let r=[];t.expand.forEach(e=>{var t=sefs(null,e,";");t?r.push(e.name+"("+t+")"):r.push(e.name)}),n?a+=(0<a.length?n:"")+"$expand="+r.join(","):e.searchParams.append("$expand",r.join(","))}return a}export default class odata{constructor(l,s,i){this.adapter=t=>{var e,r=new URL(l.url),n=(t.pageSize&&(r.searchParams.append("$skip",t.pageSize*(t.currPage-1)),r.searchParams.append("$top",t.pageSize)),sefs(r,s),[]);t.filter&&Object.prototype.hasOwnProperty.call(t.filter,"filters")&&(e=filter(t.filter))&&n.push(e),t.filter&&(e=filter(t.filter))&&n.push(e),t.search&&(e=t.cols.filter(e=>null==e.searchable||1==e.searchable).map(e=>"contains("+e.name.replaceAll(".","/")+",'"+t.search+"')").join(" or "))&&n.push("("+e+")"),n&&0<n.length&&r.searchParams.append("$filter",n.join(" and ")),t.sort&&0<t.sort.length&&r.searchParams.append("$orderby",t.sort.map(e=>{var t={index:-1,name:"",dir:null};return Object.prototype.hasOwnProperty.call(e,"index")?t.index=e.index:t.name=e.name,t.dir=e.dir,t}).map(e=>(-1<e.index?t.cols[e.index]:e).name.replaceAll(".","/")+(e.dir?" "+e.dir:"")).join(","));let a=null;return a=i&&i.onfetch&&"function"==typeof i.onfetch?i.onfetch(new Request(r,l)):new Request(r,l),get(a)}}}

package/dist/table.js

@@ -1 +1 @@
-import{h,onMounted,reactive,ref,watch}from"vue";import adaptarr from"./array.js";const tablevuStatuses={Error:-1,Ready:0,Loading:1},tablevu={props:{settings:{type:Object,default:null},data:{type:[Array,Function]},search:{type:String},filter:{type:[Array,Object]},command:{type:Array,default:[]},rowid:{type:String},onRowClick:{type:Function},onRowDblClick:{type:Function},class:{type:String,default:"table"},style:{type:String,default:null},buttonClass:{type:String,default:"btn"}},emits:["onRowClick","onRowDblClick"],setup(t,{attrs:e,slots:n,emit:o,expose:l}){let s=[],r=[],a=0;const i=reactive({adapter:null,group:{value:t.settings&&t.settings.group?t.settings.group.value:t.group?t.group:null,content:t.settings&&t.settings.group?t.settings.group.content:null,expandAll:!0,class:"table-light"},page:{count:0,size:t.settings&&t.settings.page?t.settings.page.size:0,current:0,type:null},footer:{button:{first:{visible:!0,content:null},prior:{visible:!0,content:null},next:{visible:!0,content:null},last:{visible:!0,content:null},page:{visible:!0,content:null},size:{visible:!0,content:null},class:"btn"}},sort:t.settings&&t.settings.sort?t.settings.sort:[],columns:t.settings&&t.settings.columns?t.settings.columns:[],onRowClick:t.settings.onRowClick||t.onRowClick,onRowDblClick:t.settings.onRowDblClick||t.onRowDblClick});function c(){f(1)}function u(){i.page.current>1?f(i.page.current-1):f(i.page.current)}function p(){f(i.page.current+1)}function d(){f(i.page.count)}function g(){f(i.page.current)}function m(t,e){if(i.sort&&i.sort.length>0){let n=i.sort.findIndex(e=>e.index==t);0==n?i.sort[n].dir=e||(i.sort[0].dir?null:"desc"):n>0&&i.sort.splice(n,1),0!=n&&i.sort.unshift({index:t,dir:e||null}),i.sort.length>2&&i.sort.pop()}else i.sort.push({index:t,dir:e||null});f(i.page.current)}function f(e){let n=null;t.data&&(Array.isArray(t.data)&&(n=t.data),i.status=tablevuStatuses.Loading,i.adapter&&i.adapter({pageSize:i.page.size,currPage:e,sort:i.sort,cols:i.columns,filter:i.filter,search:i.search},n).then(t=>{r=i.onData?i.onData(t.rows):t.rows,a=t.count,i.group&&(s=function(t,e){let n=[];for(let o=0;o<e.length;o++){let l=null,s=null;const r=e[o];if(t.value)l="function"==typeof t.value?t.value(r):r[t.value];else if("function"==typeof t)l=t(r);else if("bigint"==typeof t||"number"==typeof t){const e=parseInt(t);e&&(l=r[e])}else"string"==typeof t&&(l=r[t]);t.content&&(s="function"==typeof t.content?t.content(r):r[t.content]);const a=n.findIndex(t=>t.group==l);a>-1?n[a].rows.push(r):n.push({group:l,content:s,expand:i.group.expandAll,rows:[r]})}return n}(i.group,r)),i.page.count=t.count>0&&i.page.size>0?t.count/i.page.size:0,i.page.current=e,i.status=tablevuStatuses.Ready,i.time=Date.now()}))}function y(t,e){const n={style:{}};t.colspan&&t.colspan>1&&(n.colspan=t.colspan),t.align&&(n.style["text-align"]=t.align),t.width&&(n.style["max-width"]=t.width),t.color&&(n.style.color=t.color),t.backgroundColor&&(n.style["background-color"]=t.backgroundColor);const o=function(t,e){if(e){let n;if("datetime"==t.type||"date"==t.type||"time"==t.type){let o=new Date(e);n="date"==t.type?o.toLocaleDateString():"time"==t.type?o.toLocaleTimeString():o.toLocaleString()}else n="numeric"==t.type?parseFloat(e):"integer"==t.type?parseInt(e):e;return n}return""}(t,e);return h("td",n,o)}function b(t,e){const n={style:{}};t.colspan&&t.colspan>1&&(n.colspan=t.colspan),t.align&&(n.style["text-align"]=t.align),t.width&&(n.style["max-width"]=t.width);let o=t.render(e);return h("td",n,o)}function w(t){const e=h("button",{title:t.expand,onClick:e=>{console.log(t.expand),t.expand=!t.expand,e.currentTarget.value=t.expand?"▼":"►",i.time=Date.now(),e.preventDefault()},style:{padding:0,margin:"0 6px 0 0",width:"12px",height:"100%",border:"none",outline:0,backgroundColor:"transparent"}},t.expand?"▼":"►"),n=t.content||t.group;return h("tr",{},h("td",{colspan:i.columns.length,class:i.group.class},[e,n]))}function k(e,n){const l={},s=[];l.key=e,l.index=e,t.rowid&&(l.rowid=n[t.rowid]);for(let t=0;t<i.columns.length;t+=1){let e;const o=i.columns[t];if(o.render)e=b(o,n),s.push(e);else{if(o.depth){e=n;for(let t=0;t<o.depth.length;t+=1)e&&(e=e[o.depth[t]])}else e=n[o.name];s.push(y(o,e))}}return l.ondblclick=(t=>{const e=r[t.currentTarget.attributes.index.value];o("onRowDblClick",t,e)}),t.onRowClick&&(l.onClick=(e=>{const n=r[e.currentTarget.attributes.index.value];t.onRowClick(e,n)})),h("tr",l,s)}t.data&&(Array.isArray(t.data)?i.adapter=adaptarr:i.adapter=t.data),t.filter&&(i.filter=t.filter),watch(()=>t.filter,(t,e)=>{i.filter=t||null,g()},{deep:!0}),watch(()=>t.search,(e,n)=>{i.timer&&clearTimeout(i.timer),(n&&n.length>(t.data.searchMinChar||3)&&(null==e||null==e||e.length<=(t.data.searchMinChar||3))||e&&e.length>(t.data.searchMinChar||3))&&(i.timer=setTimeout(()=>{t.search&&t.search.length>(t.data.searchMinChar||3)?i.search=t.search:i.search=null,g()},444))}),watch(()=>t.command,(e,n)=>{if(e&&e.length>0){const n=t.command[e.length-1];n&&n.name&&("refresh"==n.name.toLowerCase()?g():"first"==n.name.toLowerCase()?c():"prior"==n.name.toLowerCase()?u():"next"==n.name.toLowerCase()?p():"last"==n.name.toLowerCase()?d():console.log("Unknown command")),t.command.length=0}},{deep:!0}),0==i.columns.length&&alert("Columns not defined !");for(let t=0;t<i.columns.length;t++)i.columns[t].name&&i.columns[t].name.indexOf(".")>-1&&(i.columns[t].depth=i.columns[t].name.split("."));return f(1),onMounted(()=>{console.log("tablevu.mounted")}),{spec:i,renderHeader:function(){let t=[],e=1;for(let n=0;n<i.columns.length;n+=1){if(e>1){e--;continue}const o=[];i.columns[n].label?o.push(h("span",i.columns[n].label)):o.push(h("span",i.columns[n].name)),i.sort&&i.sort.length>0&&i.sort[0].index==n&&("desc"==i.sort[0].dir?o.push(h("span",{style:{float:"right"}},"▼")):o.push(h("span",{style:{float:"right"}},"▲")));let l={position:"relative"};i.columns[n].width&&(l.width=i.columns[n].width,l.minWidth=i.columns[n].width,l.maxWidth=i.columns[n].width);let s,r,a={display:"block","font-weight":500,textDecoration:"none",color:"black",textAlign:"center"};if(i.columns[n].header&&(i.columns[n].header.colspan&&(e=parseInt(i.columns[n].header.colspan)||1),i.columns[n].header.align&&(a.textAlign=i.columns[n].header.align),i.columns[n].header.backgroundColor&&(l.backgroundColor=i.columns[n].header.backgroundColor),i.columns[n].header.color&&(a.color=i.columns[n].header.color)),i.columns[n].popup){const t=ref(null);let e=[h("a",{href:"#",onClick(t){m(n),t.preventDefault()},style:{display:"block",textDecoration:"none",color:"black",fontWeight:"initial",padding:".25rem"}},"Order by Ascending"),h("a",{href:"#",onClick(t){m(n,"desc"),t.preventDefault()},style:{display:"block",textDecoration:"none",color:"black",fontWeight:"initial",padding:".25rem"}},"Order by Descending")];s=h("a",{href:"#",onClick(e){t.value&&t.value.style&&t.value.style.display&&"block"==t.value.style.display?t.value.style.display="none":t.value.style.display="block",e.preventDefault()},style:a},o),r=h("div",{ref:t,style:{position:"absolute",display:"none",width:i.columns[n].width||"12rem",height:"fit-content",border:"1px solid lightgray",backgroundColor:"whitesmoke",zIndex:1,left:0,top:"2rem",bottom:0,right:0,padding:".25rem"}},e)}else s=h("a",{href:"#",onClick(t){m(n),t.preventDefault()},style:a},o);i.columns[n].filter,t.push(h("th",{colspan:e>1?e:null,style:l},[s,r]))}return[h("tr",{},t)]},renderBody:function(){const t=[];if(s&&s.length>0){let e=0;for(let n=0;n<s.length;n+=1){const o=s[n];if(t.push(w(o)),o.expand&&o.rows&&o.rows.length>0)for(let n=0;n<o.rows.length;n+=1)t.push(k(e,o.rows[n])),e++}}else if(r&&r.length>0)for(let e=0;e<r.length;e+=1)t.push(k(e,r[e]));return t},renderFooter:function(){const t=h("button",{class:i.footer.button.class,style:"margin-right: .5rem",onClick:c,disabled:1==i.page.current},"◀◀"),e=h("button",{class:i.footer.button.class,style:"margin-right: .5rem",onClick:d,disabled:i.page.count>0},"▶▶"),n=h("button",{class:i.footer.button.class,style:"margin-right: .5rem"},i.page.current),o=h("button",{class:i.footer.button.class,style:"margin-right: .5rem",onClick:u,disabled:1==i.page.current},"◀"),l=h("button",{class:i.footer.button.class,style:"margin-right: .5rem",onClick:p,disabled:i.page.count>0&&i.page.current==i.page.count},"▶"),s=h("td",{colspan:i.columns.length,align:"center"},[t,o,n,l,e]);return[h("tr",{},[s])]},renderCaption:function(){return null}}},render(t){console.log("tablevu.render",this.spec.status);let e={class:"tablevu"};t.class&&(e.class="tablevu "+t.class),t.style&&(e.style=t.style);let n=[];return n.push(h("thead",{},this.renderHeader())),this.spec.status==tablevuStatuses.Ready&&n.push(h("tbody",{"data-time":this.spec.time},this.renderBody())),this.spec.caption&&n.push(h("caption",{},this.renderCaption())),this.spec.page.size>0&&n.push(h("tfoot",{},this.renderFooter())),h("table",e,n)}};export default tablevu;
+import{h,onMounted,reactive,ref,watch}from"vue";import adaptarr from"./array.js";const tablevuStatuses={Error:-1,Ready:0,Loading:1},tablevu={props:{settings:{type:Object,default:null},data:{type:[Array,Function]},search:{type:String},filter:{type:[Array,Object]},command:{type:Array,default:[]},rowid:{type:String},onRowClick:{type:Function},onRowDblClick:{type:Function},class:{type:String,default:"table"},style:{type:String,default:null},buttonClass:{type:String,default:"btn"}},emits:["onRowClick","onRowDblClick"],setup(i,{emit:c}){let l=[],u=[],n=0;const d=reactive({adapter:null,group:{value:i.settings&&i.settings.group?i.settings.group.value:i.group||null,content:i.settings&&i.settings.group?i.settings.group.content:null,expandAll:!0,class:"table-light"},page:{count:0,size:i.settings&&i.settings.page?i.settings.page.size:0,current:0,type:null},footer:{button:{first:{visible:!0,content:null},prior:{visible:!0,content:null},next:{visible:!0,content:null},last:{visible:!0,content:null},page:{visible:!0,content:null},size:{visible:!0,content:null},class:"btn"}},sort:i.settings&&i.settings.sort?i.settings.sort:[],columns:i.settings&&i.settings.columns?i.settings.columns:[],onRowClick:i.settings.onRowClick||i.onRowClick,onRowDblClick:i.settings.onRowDblClick||i.onRowDblClick});function r(){m(1)}function a(){1<d.page.current?m(d.page.current-1):m(d.page.current)}function s(){m(d.page.current+1)}function p(){m(d.page.count)}function o(){m(d.page.current)}function g(e,t){var n;d.sort&&0<d.sort.length?(0==(n=d.sort.findIndex(t=>t.index==e))?d.sort[n].dir=t||(d.sort[0].dir?null:"desc"):0<n&&d.sort.splice(n,1),0!=n&&d.sort.unshift({index:e,dir:t||null}),2<d.sort.length&&d.sort.pop()):d.sort.push({index:e,dir:t||null}),m(d.page.current)}function m(e){let t=null;i.data&&(Array.isArray(i.data)&&(t=i.data),d.status=tablevuStatuses.Loading,d.adapter)&&d.adapter({pageSize:d.page.size,currPage:e,sort:d.sort,cols:d.columns,filter:d.filter,search:d.search},t).then(t=>{u=d.onData?d.onData(t.rows):t.rows,n=t.count,d.group&&(l=function(o,l){var r=[];for(let n=0;n<l.length;n++){let e=null,t=null;var a=l[n],s=(o.value?e="function"==typeof o.value?o.value(a):a[o.value]:"function"==typeof o?e=o(a):"bigint"==typeof o||"number"==typeof o?(s=parseInt(o))&&(e=a[s]):"string"==typeof o&&(e=a[o]),o.content&&(t="function"==typeof o.content?o.content(a):a[o.content]),r.findIndex(t=>t.group==e));-1<s?r[s].rows.push(a):r.push({group:e,content:t,expand:d.group.expandAll,rows:[a]})}return r}(d.group,u)),d.page.count=0<t.count&&0<d.page.size?t.count/d.page.size:0,d.page.current=e,d.status=tablevuStatuses.Ready,d.time=Date.now()})}function f(t,e){var n={style:{}},t=(t.colspan&&1<t.colspan&&(n.colspan=t.colspan),t.align&&(n.style["text-align"]=t.align),t.width&&(n.style["max-width"]=t.width),t.color&&(n.style.color=t.color),t.backgroundColor&&(n.style["background-color"]=t.backgroundColor),function(e,n){if(n){let t;var o;return t="datetime"==e.type||"date"==e.type||"time"==e.type?(o=new Date(n),"date"==e.type?o.toLocaleDateString():"time"==e.type?o.toLocaleTimeString():o.toLocaleString()):"numeric"==e.type?parseFloat(n):"integer"==e.type?parseInt(n):n}return""}(t,e));return h("td",n,t)}function y(t,n){var o,l,r,e={},a=[];e.key=t,e.index=t,i.rowid&&(e.rowid=n[i.rowid]);for(let t=0;t<d.columns.length;t+=1){let e;var s=d.columns[t];if(s.render)e=(l=n,void 0,r={style:{}},(o=s).colspan&&1<o.colspan&&(r.colspan=o.colspan),o.align&&(r.style["text-align"]=o.align),o.width&&(r.style["max-width"]=o.width),o=o.render(l),h("td",r,o)),a.push(e);else{if(s.depth){e=n;for(let t=0;t<s.depth.length;t+=1)e=e&&e[s.depth[t]]}else e=n[s.name];a.push(f(s,e))}}return e.ondblclick=t=>{var e=u[t.currentTarget.attributes.index.value];c("onRowDblClick",t,e)},i.onRowClick&&(e.onClick=t=>{var e=u[t.currentTarget.attributes.index.value];i.onRowClick(t,e)}),h("tr",e,a)}i.data&&(Array.isArray(i.data)?d.adapter=adaptarr:d.adapter=i.data),i.filter&&(d.filter=i.filter),watch(()=>i.filter,(t,e)=>{d.filter=t||null,o()},{deep:!0}),watch(()=>i.search,(t,e)=>{d.timer&&clearTimeout(d.timer),(e&&e.length>(i.data.searchMinChar||3)&&(null==t||t.length<=(i.data.searchMinChar||3))||t&&t.length>(i.data.searchMinChar||3))&&(d.timer=setTimeout(()=>{i.search&&i.search.length>(i.data.searchMinChar||3)?d.search=i.search:d.search=null,o()},444))}),watch(()=>i.command,(t,e)=>{t&&0<t.length&&((t=i.command[t.length-1])&&t.name&&("refresh"==t.name.toLowerCase()?o():"first"==t.name.toLowerCase()?r():"prior"==t.name.toLowerCase()?a():"next"==t.name.toLowerCase()?s():"last"==t.name.toLowerCase()?p():console.log("Unknown command")),i.command.length=0)},{deep:!0}),0==d.columns.length&&alert("Columns not defined !");for(let t=0;t<d.columns.length;t++)d.columns[t].name&&-1<d.columns[t].name.indexOf(".")&&(d.columns[t].depth=d.columns[t].name.split("."));return m(1),onMounted(()=>{console.log("tablevu.mounted")}),{spec:d,renderHeader:function(){var o=[];let l=1;for(let n=0;n<d.columns.length;n+=1)if(1<l)l--;else{var r=[],a=(d.columns[n].label?r.push(h("span",d.columns[n].label)):r.push(h("span",d.columns[n].name)),d.sort&&0<d.sort.length&&d.sort[0].index==n&&("desc"==d.sort[0].dir?r.push(h("span",{style:{float:"right"}},"▼")):r.push(h("span",{style:{float:"right"}},"▲"))),{position:"relative"}),s=(d.columns[n].width&&(a.width=d.columns[n].width,a.minWidth=d.columns[n].width,a.maxWidth=d.columns[n].width),{display:"block","font-weight":500,textDecoration:"none",color:"black",textAlign:"center"});d.columns[n].header&&(d.columns[n].header.colspan&&(l=parseInt(d.columns[n].header.colspan)||1),d.columns[n].header.align&&(s.textAlign=d.columns[n].header.align),d.columns[n].header.backgroundColor&&(a.backgroundColor=d.columns[n].header.backgroundColor),d.columns[n].header.color)&&(s.color=d.columns[n].header.color);let t,e;if(d.columns[n].popup){const c=ref(null);var i=[h("a",{href:"#",onClick(t){g(n),t.preventDefault()},style:{display:"block",textDecoration:"none",color:"black",fontWeight:"initial",padding:".25rem"}},"Order by Ascending"),h("a",{href:"#",onClick(t){g(n,"desc"),t.preventDefault()},style:{display:"block",textDecoration:"none",color:"black",fontWeight:"initial",padding:".25rem"}},"Order by Descending")];t=h("a",{href:"#",onClick(t){c.value&&c.value.style&&c.value.style.display&&"block"==c.value.style.display?c.value.style.display="none":c.value.style.display="block",t.preventDefault()},style:s},r),e=h("div",{ref:c,style:{position:"absolute",display:"none",width:d.columns[n].width||"12rem",height:"fit-content",border:"1px solid lightgray",backgroundColor:"whitesmoke",zIndex:1,left:0,top:"2rem",bottom:0,right:0,padding:".25rem"}},i)}else t=h("a",{href:"#",onClick(t){g(n),t.preventDefault()},style:s},r);d.columns[n].filter,o.push(h("th",{colspan:1<l?l:null,style:a},[t,e]))}return[h("tr",{},o)]},renderBody:function(){var n=[];if(l&&0<l.length){let e=0;for(let t=0;t<l.length;t+=1){var o=l[t];if(n.push(function(e){var t=h("button",{title:e.expand,onClick:t=>{console.log(e.expand),e.expand=!e.expand,t.currentTarget.value=e.expand?"▼":"►",d.time=Date.now(),t.preventDefault()},style:{padding:0,margin:"0 6px 0 0",width:"12px",height:"100%",border:"none",outline:0,backgroundColor:"transparent"}},e.expand?"▼":"►"),n=e.content||e.group;return h("tr",{},h("td",{colspan:d.columns.length,class:d.group.class},[t,n]))}(o)),o.expand&&o.rows&&0<o.rows.length)for(let t=0;t<o.rows.length;t+=1)n.push(y(e,o.rows[t])),e++}}else if(u&&0<u.length)for(let t=0;t<u.length;t+=1)n.push(y(t,u[t]));return n},renderFooter:function(){var t=h("button",{class:d.footer.button.class,style:"margin-right: .5rem",onClick:r,disabled:1==d.page.current},"◀◀"),e=h("button",{class:d.footer.button.class,style:"margin-right: .5rem",onClick:p,disabled:0<d.page.count},"▶▶"),n=h("button",{class:d.footer.button.class,style:"margin-right: .5rem"},d.page.current),o=h("button",{class:d.footer.button.class,style:"margin-right: .5rem",onClick:a,disabled:1==d.page.current},"◀"),l=h("button",{class:d.footer.button.class,style:"margin-right: .5rem",onClick:s,disabled:0<d.page.count&&d.page.current==d.page.count},"▶"),t=h("td",{colspan:d.columns.length,align:"center"},[t,o,n,l,e]);return[h("tr",{},[t])]},renderCaption:function(){return null}}},render(t){console.log("tablevu.render",this.spec.status);var e={class:"tablevu"},t=(t.class&&(e.class="tablevu "+t.class),t.style&&(e.style=t.style),[]);return t.push(h("thead",{},this.renderHeader())),this.spec.status==tablevuStatuses.Ready&&t.push(h("tbody",{"data-time":this.spec.time},this.renderBody())),this.spec.caption&&t.push(h("caption",{},this.renderCaption())),0<this.spec.page.size&&t.push(h("tfoot",{},this.renderFooter())),h("table",e,t)}};export default tablevu;

package/dist/webapi.js

@@ -1 +1 @@
-import get from"./get.js";export default class webapi{constructor(e,a,r){this.adapter=(a=>{const t=new URL(e.url);a.pageSize&&(t.searchParams.append("skip",a.pageSize*(a.currPage-1)),t.searchParams.append("top",a.pageSize)),a.search&&t.searchParams.append("search",a.search),a.sort&&a.sort.length>0&&t.searchParams.append("orderby",a.sort.map(e=>{let a={index:-1,name:""};return Object.prototype.hasOwnProperty.call(e,"index")?a.index=e.index:a.name=e.name,a}).map(e=>e.index>-1?a.cols[e.index].name:e.name));let n=null;return n=r.onfetch&&"function"==typeof r.onfetch?r.onfetch(new Request(t,e)):new Request(t,e),get(n)})}};
+import get from"./get.js";export default class webapi{constructor(t,e,n){this.adapter=a=>{var e=new URL(t.url);a.pageSize&&(e.searchParams.append("skip",a.pageSize*(a.currPage-1)),e.searchParams.append("top",a.pageSize)),a.search&&e.searchParams.append("search",a.search),a.sort&&0<a.sort.length&&e.searchParams.append("orderby",a.sort.map(e=>{var a={index:-1,name:""};return Object.prototype.hasOwnProperty.call(e,"index")?a.index=e.index:a.name=e.name,a}).map(e=>(-1<e.index?a.cols[e.index]:e).name));let r=null;return r=n&&n.onfetch&&"function"==typeof n.onfetch?n.onfetch(new Request(e,t)):new Request(e,t),get(r)}}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tablevu",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"description": "vue 3 data table",
 	"main": "index.js",
 	"directories": {

package/src/odata.js

@@ -130,7 +130,7 @@ export default class odata {
 				u.searchParams.append('$orderby', props.sort.map(m => { let n = { index: -1, name: '', dir: null }; if (Object.prototype.hasOwnProperty.call(m, 'index')) { n.index = m.index } else { n.name = m.name }; n.dir = m.dir; return n; }).map(m => { return (m.index > -1 ? props.cols[m.index].name : m.name).replaceAll('.', '/') + (m.dir ? (' ' + m.dir): '') }).join(','));
 
 			let r = null;
-			if (events.onfetch && typeof events.onfetch == 'function')
+			if (events && events.onfetch && typeof events.onfetch == 'function')
 				r = events.onfetch(new Request(u, req))
 			else
 				r = new Request(u, req);

package/src/webapi.js

@@ -22,7 +22,7 @@ export default class webapi {
 			};
 
 			let r = null;
-			if (events.onfetch && typeof events.onfetch == 'function')
+			if (events && events.onfetch && typeof events.onfetch == 'function')
 				r = events.onfetch(new Request(u, req))
 			else
 				r = new Request(u, req);