data-table-list 1.0.4 โ 1.0.5
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/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
โจ Flessibile e completamente personalizzabile per la gestione di tabelle dati.
|
|
8
8
|
|
|
9
9
|
---
|
|
10
|
-
|
|
10
|
+
|
|
11
11
|
|
|
12
12
|
## ๐ Features
|
|
13
13
|
|
|
@@ -63,7 +63,10 @@ npm install data-table-list@latest
|
|
|
63
63
|
|
|
64
64
|
Se questo progetto ti รจ utile nel tuo lavoro, considera di supportarlo con un caffรจ โ
|
|
65
65
|
|
|
66
|
-
๐ [[
|
|
66
|
+
๐ [[paypal.me/msalvonet](https://paypal.me/msalvonet)]
|
|
67
|
+
|
|
68
|
+
๐ [[buymeacoffee.com/mssalvo](https://buymeacoffee.com/mssalvo)]
|
|
69
|
+
|
|
67
70
|
|
|
68
71
|
Ogni supporto aiuta a mantenere e migliorare il progetto ๐
|
|
69
72
|
``
|
|
@@ -87,7 +90,7 @@ import 'data-table-list/dist/data-table-list.css'; // This imports the new stabl
|
|
|
87
90
|
|
|
88
91
|
## 1. Strutture Dati e Interfacce (Modelli)
|
|
89
92
|
|
|
90
|
-
Il componente utilizza le seguenti interfacce TypeScript definite in [Models.ts](file
|
|
93
|
+
Il componente utilizza le seguenti interfacce TypeScript definite in [Models.ts](file://data-table-list/src/model/Models.ts):
|
|
91
94
|
|
|
92
95
|
```ts
|
|
93
96
|
export interface DataTableConf {
|
|
@@ -106,8 +109,8 @@ export interface DataTableConf {
|
|
|
106
109
|
export interface ColumnTable {
|
|
107
110
|
title: string; // Intestazione della colonna
|
|
108
111
|
property: string; // Nome della chiave nell'oggetto riga
|
|
109
|
-
style?: string
|
|
110
|
-
callFormatt?: Function
|
|
112
|
+
style?: string; // Stile CSS inline da applicare alla cella (es: "width: 150px")
|
|
113
|
+
callFormatt?: Function; // Funzione custom per formattare il valore della cella
|
|
111
114
|
hidden?: boolean; // Nasconde la colonna se impostato a true
|
|
112
115
|
order?: boolean; // Abilita l'ordinamento client-side per questa colonna
|
|
113
116
|
}
|
|
@@ -121,7 +124,7 @@ export interface ActionRow {
|
|
|
121
124
|
export interface PaginatorPosition {
|
|
122
125
|
top: boolean; // Mostra il paginatore sopra la tabella
|
|
123
126
|
bottom: boolean; // Mostra il paginatore sotto la tabella
|
|
124
|
-
class:
|
|
127
|
+
class: 'center' | 'left' | 'right'; // Allineamento del paginatore ('left', 'center', 'right')
|
|
125
128
|
}
|
|
126
129
|
|
|
127
130
|
export interface ServerPaging {
|
package/dist/data-table-list.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
section[data-v-
|
|
1
|
+
section[data-v-17b6686d]{float:right;box-sizing:border-box;display:contents}.row[data-v-17b6686d]{box-sizing:border-box;flex-wrap:wrap;width:100%;margin-left:-15px;margin-right:-15px;display:flex}.col[data-v-17b6686d]{box-sizing:border-box;flex-grow:1;flex-basis:0;max-width:100%;padding-left:15px;padding-right:15px}.col-md-12[data-v-17b6686d]{box-sizing:border-box;flex:0 0 100%;max-width:100%;padding-left:15px;padding-right:15px}.mb-3[data-v-17b6686d]{margin-bottom:1rem!important}.mb-5[data-v-17b6686d]{margin-bottom:3rem!important}.shadow-none[data-v-17b6686d]{box-shadow:none!important;border:none!important}.iconNav[data-v-17b6686d]{width:30px;height:30px;fill:#06c!important}.iconNav[data-v-17b6686d]:hover{width:30px;height:30px;fill:#21374d!important}.iconView[data-v-17b6686d],.iconUpdate[data-v-17b6686d]{border:none;width:22px;height:22px;fill:#06c!important}.iconDelete[data-v-17b6686d]{color:#dc3545;background:#e3e2e2;border-radius:35px 35px 10px 10px;width:20px;height:24px}.iconOrder[data-v-17b6686d]{vertical-align:bottom;fill:#a1a1a1;width:22px;height:22px}.icon-primaryOrder[data-v-17b6686d]{fill:#06c!important}.tablerow[data-v-17b6686d]{margin-top:0}.navBtn[data-v-17b6686d]{clip-path:fill-box}.mr10[data-v-17b6686d]{margin-right:15px}.center[data-v-17b6686d]{flex-wrap:nowrap;place-content:center;align-self:center;align-items:center;display:flex}.left[data-v-17b6686d]{flex-wrap:nowrap;place-content:center flex-start;align-self:center;align-items:center;display:flex}.right[data-v-17b6686d]{flex-wrap:nowrap;place-content:center flex-end;align-self:center;align-items:center;display:flex}.right-box[data-v-17b6686d]{margin-right:unset;justify-content:flex-end;padding-bottom:40px;padding-right:60px;display:flex}.box-action[data-v-17b6686d]{float:right;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.box-action button[data-v-17b6686d]{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.box-action button[data-v-17b6686d]:hover{opacity:.8}.table[data-v-17b6686d]{color:#212529;vertical-align:middle;border-collapse:collapse;box-sizing:border-box;border-color:#dee2e6;width:100%;margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.table th[data-v-17b6686d],.table td[data-v-17b6686d]{vertical-align:middle;text-align:left;box-sizing:border-box;border-bottom:1px solid #dee2e6;padding:.75rem .3rem}.table-hover tbody tr[data-v-17b6686d]:hover{background-color:#0000000a}.table thead th[data-v-17b6686d]{vertical-align:bottom;background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.checkbox-header[data-v-17b6686d]{width:40px}.action-header[data-v-17b6686d]{width:120px}.headerTitle[data-v-17b6686d]{color:#06c;letter-spacing:.05em;font-size:small;font-weight:600}.header-container[data-v-17b6686d]{justify-content:space-between;align-items:center;width:100%;min-height:24px;display:flex}.header-text[data-v-17b6686d]{color:#06c;font-size:small;font-weight:600}.sort-arrows[data-v-17b6686d]{flex-direction:column;justify-content:center;height:32px;margin-left:8px;display:flex}.sort-arrow-up[data-v-17b6686d],.sort-arrow-down[data-v-17b6686d]{cursor:pointer;align-items:center;height:16px;display:flex}.sort-arrow-down[data-v-17b6686d]{margin-top:-4px}.btn[data-v-17b6686d]{color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.btn-outline-default[data-v-17b6686d]{color:#06c;background-color:#fff;border:1px solid #06c;border-radius:4px;padding:4px 8px}.btn-default[data-v-17b6686d]{color:#495057;pointer-events:none;background-color:#f8f9fa;border:1px solid #dee2e6;padding:4px 12px;font-weight:600}.navBtn[data-v-17b6686d]{min-width:38px;height:38px;margin:0 4px}.btn-group[data-v-17b6686d]{vertical-align:middle;display:inline-flex;position:relative}.form-check[data-v-17b6686d]{box-sizing:border-box;min-height:1.5rem;margin-bottom:.125rem;padding-left:1.5em;display:block;position:relative}.dtlchek[data-v-17b6686d]{cursor:pointer;box-sizing:border-box;width:1rem;height:1rem;margin-top:.3rem;margin-left:-1.5rem;position:absolute}.icon[data-v-17b6686d],.iconNav[data-v-17b6686d],.iconView[data-v-17b6686d],.iconUpdate[data-v-17b6686d],.iconDelete[data-v-17b6686d],.iconOrder[data-v-17b6686d]{vertical-align:middle;fill:currentColor;display:inline-block}.iconNav[data-v-17b6686d]{color:#06c;width:30px;height:30px}.iconView[data-v-17b6686d],.iconUpdate[data-v-17b6686d]{color:#06c;width:22px;height:22px}.iconDelete[data-v-17b6686d]{color:#dc3545;width:22px;height:22px}.iconOrder[data-v-17b6686d]{color:#a1a1a1}.icon-primaryOrder[data-v-17b6686d]{color:#06c!important}.avatar[data-v-0ae6bfc5]{color:#333;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#e9ecef;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.size-xs[data-v-0ae6bfc5]{width:24px;height:24px;font-size:.65rem}.size-sm[data-v-0ae6bfc5]{width:32px;height:32px;font-size:.8rem}.size-lg[data-v-0ae6bfc5]{width:48px;height:48px;font-size:1.1rem}.size-xl[data-v-0ae6bfc5]{width:64px;height:64px;font-size:1.5rem}.size-xxl[data-v-0ae6bfc5]{width:96px;height:96px;font-size:2.2rem}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/data-table-list.js
CHANGED
|
@@ -12,7 +12,7 @@ var g = {
|
|
|
12
12
|
}, b = { class: "col" }, x = { class: "table table-hover" }, S = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "checkbox-header"
|
|
15
|
-
}, C = { class: "headerTitle" },
|
|
15
|
+
}, C = { class: "headerTitle" }, w = { class: "header-container" }, ee = { class: "header-text" }, T = {
|
|
16
16
|
key: 0,
|
|
17
17
|
class: "sort-arrows"
|
|
18
18
|
}, E = ["onClick"], D = ["onClick"], O = {
|
|
@@ -59,7 +59,7 @@ var g = {
|
|
|
59
59
|
String(e[n.property]).toUpperCase().indexOf(String(B.filter).toUpperCase()) != -1 && (t = !0);
|
|
60
60
|
}), t;
|
|
61
61
|
}), H.value = 0, L.value = z.value.slice(0, U.value)) : (H.value = 0, L.value = B.dataItems.slice(0, U.value)), L)), G = t(() => (H.value < 0 && (H.value = 0), B.dataTableConf.isserver ? B.dataTableConf.serverPaging && H.value >= B.dataTableConf.serverPaging.serverTotalePagine && --H.value : B.filter ? H.value * U.value > z.value.length && --H.value : H.value * U.value > B.dataItems.length && --H.value, H)), K = t(() => {
|
|
62
|
-
if (B.dataTableConf.isserver) return B.dataTableConf.serverPaging?.serverTotalePagine;
|
|
62
|
+
if (B.dataTableConf.isserver) return B.dataTableConf.serverPaging?.serverTotalePagine || 0;
|
|
63
63
|
if (B.filter) return Math.ceil(z.value.length / U.value);
|
|
64
64
|
if (B.dataItems.length) return Math.ceil(B.dataItems.length / U.value);
|
|
65
65
|
}), q = () => {
|
|
@@ -90,7 +90,7 @@ var g = {
|
|
|
90
90
|
});
|
|
91
91
|
});
|
|
92
92
|
let Y = () => {
|
|
93
|
-
H.value += 1, B.dataTableConf.isserver && (B.dataTableConf.serverPaging && H.value >= B.dataTableConf.serverPaging.serverTotalePagine && --H.value, V("onavanti", H.value, U.value)), Q && J(), B.showCheckbox && $();
|
|
93
|
+
H.value < (K.value || 0) - 1 && (H.value += 1), B.dataTableConf.isserver && (B.dataTableConf.serverPaging && H.value >= B.dataTableConf.serverPaging.serverTotalePagine && --H.value, V("onavanti", H.value, U.value)), Q && J(), B.showCheckbox && $();
|
|
94
94
|
}, X = () => {
|
|
95
95
|
Q && J(), H.value > 0 && (--H.value, B.showCheckbox && $()), B.dataTableConf.isserver && V("onindietro", H.value, U.value);
|
|
96
96
|
}, Z = d([]), Q = d(!1);
|
|
@@ -150,7 +150,7 @@ var g = {
|
|
|
150
150
|
], 2)) : n("", !0)])) : n("", !0)])) : n("", !0),
|
|
151
151
|
i("div", { class: s(B.dataTableConf.paginator ? "row tablerow" : "row") }, [i("div", b, [i("table", x, [i("thead", null, [i("tr", null, [
|
|
152
152
|
o.showCheckbox ? (u(), r("th", S)) : n("", !0),
|
|
153
|
-
(u(!0), r(e, null, f(Z.value, (e) => (u(), r("th", C, [i("div",
|
|
153
|
+
(u(!0), r(e, null, f(Z.value, (e) => (u(), r("th", C, [i("div", w, [i("span", ee, m(e.title), 1), e.order ? (u(), r("div", T, [i("span", {
|
|
154
154
|
class: "sort-arrow-up",
|
|
155
155
|
onClick: (t) => oe(e.property, t)
|
|
156
156
|
}, [...l[3] ||= [i("svg", {
|
|
@@ -244,7 +244,7 @@ var g = {
|
|
|
244
244
|
let n = e.__vccOpts || e;
|
|
245
245
|
for (let [e, r] of t) n[e] = r;
|
|
246
246
|
return n;
|
|
247
|
-
}, R = /* @__PURE__ */ L(I, [["__scopeId", "data-v-
|
|
247
|
+
}, R = /* @__PURE__ */ L(I, [["__scopeId", "data-v-17b6686d"]]), z = /* @__PURE__ */ L(/* @__PURE__ */ o({
|
|
248
248
|
__name: "Avatar",
|
|
249
249
|
props: {
|
|
250
250
|
label: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DataTableList={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={key:0,class:`col-md-12 right-box`},r={key:1},i={key:0,class:`row`},a={class:`btn btn-default navBtn`,type:`button`},o={class:`col`},s={class:`table table-hover`},c={key:0,class:`checkbox-header`},l={class:`headerTitle`},u={class:`header-container`},d={class:`header-text`},f={key:0,class:`sort-arrows`},p=[`onClick`],m=[`onClick`],h={key:1,class:`headerTitle action-header`},g={key:0},_={class:`form-check`},v=[`onChange`,`id`,`checked`],y=[`for`],b={key:1},x={class:`btn-group box-action`,role:`group`,"aria-label":`Actions`},S=[`onClick`],C=[`onClick`],w=[`onClick`],T={key:0,class:`col-md-12 center`},E={key:0,class:`row mb-5`},D={class:`btn btn-default navBtn`,type:`button`},O=(0,t.defineComponent)({__name:`DataTableList`,props:{filter:{},dataTableConf:{},dataItems:{},showCheckbox:{type:Boolean}},emits:[`onview`,`onupdate`,`ondelete`,`onavanti`,`onindietro`,`ondownload`,`onchecked`],setup(e,{emit:O}){let k=(0,t.ref)([]),A=(0,t.ref)([]),j=(0,t.ref)([]),M=e,N=O,P=(0,t.ref)(0),F=(0,t.ref)(M.dataTableConf.dimensionePagina),I=(0,t.computed)(()=>(M.dataTableConf.isserver?k.value=M.dataItems:M.filter?(P.value=0,j.value=M.dataItems.filter(e=>{let t=!1;return M.dataTableConf.columns.forEach(n=>{String(e[n.property]).toUpperCase().indexOf(String(M.filter).toUpperCase())!=-1&&(t=!0)}),t}),P.value=0,k.value=j.value.slice(0,F.value)):(P.value=0,k.value=M.dataItems.slice(0,F.value)),k)),L=(0,t.computed)(()=>(P.value<0&&(P.value=0),M.dataTableConf.isserver?M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value:M.filter?P.value*F.value>j.value.length&&--P.value:P.value*F.value>M.dataItems.length&&--P.value,P)),R=(0,t.computed)(()=>{if(M.dataTableConf.isserver)return M.dataTableConf.serverPaging?.serverTotalePagine;if(M.filter)return Math.ceil(j.value.length/F.value);if(M.dataItems.length)return Math.ceil(M.dataItems.length/F.value)}),z=()=>{N(`ondownload`,I.value.value)};function B(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r<i?-1:+(r>i)})}function V(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r>i?-1:+(r<i)})}let H=()=>{Array.from(document.getElementsByClassName(`icon-primaryOrder`)).forEach(e=>{e.classList.remove(`icon-primaryOrder`)})};(0,t.watch)(P,async()=>{M.dataTableConf.isserver?k.value=M.dataItems:P.value>0?M.filter?k.value=j.value.slice(F.value*P.value,F.value*P.value+F.value):k.value=M.dataItems.slice(F.value*P.value,F.value*P.value+F.value):(P.value=0,M.filter?k.value=j.value.slice(0,F.value):k.value=M.dataItems.slice(0,F.value))}),(0,t.watch)(M.dataTableConf,async()=>R),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t})});let U=()=>{P.value+=1,M.dataTableConf.isserver&&(M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value,N(`onavanti`,P.value,F.value)),K&&H(),M.showCheckbox&&J()},W=()=>{K&&H(),P.value>0&&(--P.value,M.showCheckbox&&J()),M.dataTableConf.isserver&&N(`onindietro`,P.value,F.value)},G=(0,t.ref)([]),K=(0,t.ref)(!1);(0,t.onMounted)(()=>{G.value=M.dataTableConf.columns.filter(e=>!e.hidden),M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t}),M.dataTableConf.columns.forEach(e=>{e.order&&(K.value=!0)}),console.log(M.dataItems),N(`onchecked`,A.value)}),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checked&&(A.value.push(e),console.log(`obj:checked:`,e),N(`onchecked`,A.value))})});let q=e=>{if(A.value.length){let t=A.value.findIndex(t=>t.checkId==e.checkId);t==-1?A.value.push(e):A.value.splice(t,1)}else A.value.push(e);console.log(A.value),N(`onchecked`,A.value)},J=()=>{A.value=[],Array.from(document.querySelectorAll(`.dtlchek`)).forEach(e=>{e.checked=!1}),N(`onchecked`,A.value)};return(O,k)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[M.dataTableConf.viewDownload?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.renderSlot)(O.$slots,`download`,{ondownload:{oncall:z}},()=>[(0,t.createElementVNode)(`button`,{type:`button`,class:`btn btn p-0 shadow-none`,onClick:z,title:`Download`},[...k[0]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 16l4-5h-3V4h-2v7H8l4 5zm-7 2v2h14v-2H5z`})])],-1)]])],!0)])):(0,t.createCommentVNode)(``,!0),M.dataTableConf.paginator?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,r,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.top===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12 mb-3`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.renderSlot)(O.$slots,`iconIndietroTop`,{},()=>[k[1]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)],!0)]),(0,t.createElementVNode)(`button`,a,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.renderSlot)(O.$slots,`iconAvantiTop`,{},()=>[k[2]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)],!0)])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(M.dataTableConf.paginator?`row tablerow`:`row`)},[(0,t.createElementVNode)(`div`,o,[(0,t.createElementVNode)(`table`,s,[(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,null,[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,c)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,l,[(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`span`,d,(0,t.toDisplayString)(e.title),1),e.order?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.createElementVNode)(`span`,{class:`sort-arrow-up`,onClick:t=>B(e.property,t)},[...k[3]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 14l5-5 5 5H7z`})],-1)]],8,p),(0,t.createElementVNode)(`span`,{class:`sort-arrow-down`,onClick:t=>V(e.property,t)},[...k[4]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 10l5 5 5-5H7z`})],-1)]],8,m)])):(0,t.createCommentVNode)(``,!0)])]))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,h)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`tbody`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(I.value.value,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:r},[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,g,[(0,t.renderSlot)(O.$slots,`checkbox`,{row:n},()=>[(0,t.createElementVNode)(`div`,_,[(0,t.createElementVNode)(`input`,{class:`dtlchek`,onChange:e=>q(n),id:`chek`+r,checked:n.checked,type:`checkbox`,"data-focus-mouse":`false`},null,40,v),(0,t.createElementVNode)(`label`,{style:{color:`aliceblue`},for:`chek`+r},`\xA0\xA0`,8,y)])],!0)])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{style:(0,t.normalizeStyle)(e.style)},[(0,t.renderSlot)(O.$slots,`iconTd`,{row:n,column:e},void 0,!0),(0,t.renderSlot)(O.$slots,`columnTd`,{row:n,column:e},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.callFormatt?e.callFormatt(n[e.property],n):n[e.property]),1)],!0)],4))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,b,[(0,t.createElementVNode)(`div`,x,[(0,t.renderSlot)(O.$slots,`actions`,{row:n},()=>[M.dataTableConf.actionsRow?.view?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onview`,n)},[(0,t.renderSlot)(O.$slots,`iconView`,{},()=>[k[5]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconView`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z`})])],-1)],!0)],8,S)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.update?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onupdate`,n)},[(0,t.renderSlot)(O.$slots,`iconUpdate`,{},()=>[k[6]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconUpdate`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M3 17.25V21h3.75L20.81 6.94l-3.75-3.75L3 17.25z`})])],-1)],!0)],8,C)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.delete?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`ondelete`,n)},[(0,t.renderSlot)(O.$slots,`iconDelete`,{},()=>[k[7]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconDelete`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M6 7h12M9 7v12m6-12v12M10 3h4l1 1h5v2H4V4h5l1-1z`})])],-1)],!0)],8,w)):(0,t.createCommentVNode)(``,!0)],!0)])])):(0,t.createCommentVNode)(``,!0)]))),128))])]),M.dataItems.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.createElementVNode)(`span`,null,[k[8]||=(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 2L2 22h20L12 2zm0 14h-1v-6h2v6zm0 4h-1v-2h2v2z`})],-1),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.dataTableConf.messageNotRecords),1)])]))])],2),(0,t.createElementVNode)(`section`,null,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,E,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.bottom===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.renderSlot)(O.$slots,`iconIndietroBottom`,{},()=>[k[9]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)],!0)]),(0,t.createElementVNode)(`button`,D,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.renderSlot)(O.$slots,`iconAvantiBottom`,{},()=>[k[10]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)],!0)])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])],64))}}),k=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},A=k(O,[[`__scopeId`,`data-v-5e3f44c8`]]);e.Avatar=k((0,t.defineComponent)({__name:`Avatar`,props:{label:{},class:{},backgroundDynamics:{type:Boolean},background:{},color:{}},setup(e){let n=e,r=[`#f4cccc`,`#d9ead3`,`#ffe599`,`#cfe2f3`,`#f9cb9c`,`#d5a6bd`,`#9fc5e8`,`#b6d7a8`,`#ffe6cc`,`#f6c1a6`,`#e6ccff`,`#ffd9b3`,`#c2f0f7`,`#ffebd7`,`#d0e0e3`,`#f7d9c4`,`#e0f7e9`,`#f2f9f9`,`#fde2e2`,`#f2f2f2`],i=(0,t.computed)(()=>{let e=[];return n.background&&(e.push(`background-color:`),e.push(n.background),e.push(`!important;`)),n.backgroundDynamics&&(e=[],e.push(`background-color:`),e.push(a(n.label)),e.push(`!important;`)),n.color&&(e.push(`color:`),e.push(n.color),e.push(`!important;`)),e.join(``)});function a(e){if(e&&e.length>1){let t=e.charCodeAt(0),n=e.charCodeAt(1),i=((t-65)*26+(n-65))%r.length;return r[i>=0&&i<r.length?i:0]}else return`#d0fbc8`}return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{style:(0,t.normalizeStyle)(i.value),class:(0,t.normalizeClass)(n.class?`avatar size-lg `+n.class:`avatar size-lg`)},(0,t.toDisplayString)(n.label),7))}}),[[`__scopeId`,`data-v-0ae6bfc5`]]),e.DataTableList=A});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DataTableList={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={key:0,class:`col-md-12 right-box`},r={key:1},i={key:0,class:`row`},a={class:`btn btn-default navBtn`,type:`button`},o={class:`col`},s={class:`table table-hover`},c={key:0,class:`checkbox-header`},l={class:`headerTitle`},u={class:`header-container`},d={class:`header-text`},f={key:0,class:`sort-arrows`},p=[`onClick`],m=[`onClick`],h={key:1,class:`headerTitle action-header`},g={key:0},_={class:`form-check`},v=[`onChange`,`id`,`checked`],y=[`for`],b={key:1},x={class:`btn-group box-action`,role:`group`,"aria-label":`Actions`},S=[`onClick`],C=[`onClick`],w=[`onClick`],T={key:0,class:`col-md-12 center`},E={key:0,class:`row mb-5`},D={class:`btn btn-default navBtn`,type:`button`},O=(0,t.defineComponent)({__name:`DataTableList`,props:{filter:{},dataTableConf:{},dataItems:{},showCheckbox:{type:Boolean}},emits:[`onview`,`onupdate`,`ondelete`,`onavanti`,`onindietro`,`ondownload`,`onchecked`],setup(e,{emit:O}){let k=(0,t.ref)([]),A=(0,t.ref)([]),j=(0,t.ref)([]),M=e,N=O,P=(0,t.ref)(0),F=(0,t.ref)(M.dataTableConf.dimensionePagina),I=(0,t.computed)(()=>(M.dataTableConf.isserver?k.value=M.dataItems:M.filter?(P.value=0,j.value=M.dataItems.filter(e=>{let t=!1;return M.dataTableConf.columns.forEach(n=>{String(e[n.property]).toUpperCase().indexOf(String(M.filter).toUpperCase())!=-1&&(t=!0)}),t}),P.value=0,k.value=j.value.slice(0,F.value)):(P.value=0,k.value=M.dataItems.slice(0,F.value)),k)),L=(0,t.computed)(()=>(P.value<0&&(P.value=0),M.dataTableConf.isserver?M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value:M.filter?P.value*F.value>j.value.length&&--P.value:P.value*F.value>M.dataItems.length&&--P.value,P)),R=(0,t.computed)(()=>{if(M.dataTableConf.isserver)return M.dataTableConf.serverPaging?.serverTotalePagine||0;if(M.filter)return Math.ceil(j.value.length/F.value);if(M.dataItems.length)return Math.ceil(M.dataItems.length/F.value)}),z=()=>{N(`ondownload`,I.value.value)};function B(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r<i?-1:+(r>i)})}function V(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r>i?-1:+(r<i)})}let H=()=>{Array.from(document.getElementsByClassName(`icon-primaryOrder`)).forEach(e=>{e.classList.remove(`icon-primaryOrder`)})};(0,t.watch)(P,async()=>{M.dataTableConf.isserver?k.value=M.dataItems:P.value>0?M.filter?k.value=j.value.slice(F.value*P.value,F.value*P.value+F.value):k.value=M.dataItems.slice(F.value*P.value,F.value*P.value+F.value):(P.value=0,M.filter?k.value=j.value.slice(0,F.value):k.value=M.dataItems.slice(0,F.value))}),(0,t.watch)(M.dataTableConf,async()=>R),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t})});let U=()=>{P.value<(R.value||0)-1&&(P.value+=1),M.dataTableConf.isserver&&(M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value,N(`onavanti`,P.value,F.value)),K&&H(),M.showCheckbox&&J()},W=()=>{K&&H(),P.value>0&&(--P.value,M.showCheckbox&&J()),M.dataTableConf.isserver&&N(`onindietro`,P.value,F.value)},G=(0,t.ref)([]),K=(0,t.ref)(!1);(0,t.onMounted)(()=>{G.value=M.dataTableConf.columns.filter(e=>!e.hidden),M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t}),M.dataTableConf.columns.forEach(e=>{e.order&&(K.value=!0)}),console.log(M.dataItems),N(`onchecked`,A.value)}),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checked&&(A.value.push(e),console.log(`obj:checked:`,e),N(`onchecked`,A.value))})});let q=e=>{if(A.value.length){let t=A.value.findIndex(t=>t.checkId==e.checkId);t==-1?A.value.push(e):A.value.splice(t,1)}else A.value.push(e);console.log(A.value),N(`onchecked`,A.value)},J=()=>{A.value=[],Array.from(document.querySelectorAll(`.dtlchek`)).forEach(e=>{e.checked=!1}),N(`onchecked`,A.value)};return(O,k)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[M.dataTableConf.viewDownload?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.renderSlot)(O.$slots,`download`,{ondownload:{oncall:z}},()=>[(0,t.createElementVNode)(`button`,{type:`button`,class:`btn btn p-0 shadow-none`,onClick:z,title:`Download`},[...k[0]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 16l4-5h-3V4h-2v7H8l4 5zm-7 2v2h14v-2H5z`})])],-1)]])],!0)])):(0,t.createCommentVNode)(``,!0),M.dataTableConf.paginator?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,r,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.top===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12 mb-3`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.renderSlot)(O.$slots,`iconIndietroTop`,{},()=>[k[1]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)],!0)]),(0,t.createElementVNode)(`button`,a,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.renderSlot)(O.$slots,`iconAvantiTop`,{},()=>[k[2]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)],!0)])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(M.dataTableConf.paginator?`row tablerow`:`row`)},[(0,t.createElementVNode)(`div`,o,[(0,t.createElementVNode)(`table`,s,[(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,null,[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,c)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,l,[(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`span`,d,(0,t.toDisplayString)(e.title),1),e.order?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.createElementVNode)(`span`,{class:`sort-arrow-up`,onClick:t=>B(e.property,t)},[...k[3]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 14l5-5 5 5H7z`})],-1)]],8,p),(0,t.createElementVNode)(`span`,{class:`sort-arrow-down`,onClick:t=>V(e.property,t)},[...k[4]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 10l5 5 5-5H7z`})],-1)]],8,m)])):(0,t.createCommentVNode)(``,!0)])]))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,h)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`tbody`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(I.value.value,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:r},[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,g,[(0,t.renderSlot)(O.$slots,`checkbox`,{row:n},()=>[(0,t.createElementVNode)(`div`,_,[(0,t.createElementVNode)(`input`,{class:`dtlchek`,onChange:e=>q(n),id:`chek`+r,checked:n.checked,type:`checkbox`,"data-focus-mouse":`false`},null,40,v),(0,t.createElementVNode)(`label`,{style:{color:`aliceblue`},for:`chek`+r},`\xA0\xA0`,8,y)])],!0)])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{style:(0,t.normalizeStyle)(e.style)},[(0,t.renderSlot)(O.$slots,`iconTd`,{row:n,column:e},void 0,!0),(0,t.renderSlot)(O.$slots,`columnTd`,{row:n,column:e},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.callFormatt?e.callFormatt(n[e.property],n):n[e.property]),1)],!0)],4))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,b,[(0,t.createElementVNode)(`div`,x,[(0,t.renderSlot)(O.$slots,`actions`,{row:n},()=>[M.dataTableConf.actionsRow?.view?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onview`,n)},[(0,t.renderSlot)(O.$slots,`iconView`,{},()=>[k[5]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconView`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z`})])],-1)],!0)],8,S)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.update?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onupdate`,n)},[(0,t.renderSlot)(O.$slots,`iconUpdate`,{},()=>[k[6]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconUpdate`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M3 17.25V21h3.75L20.81 6.94l-3.75-3.75L3 17.25z`})])],-1)],!0)],8,C)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.delete?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`ondelete`,n)},[(0,t.renderSlot)(O.$slots,`iconDelete`,{},()=>[k[7]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconDelete`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M6 7h12M9 7v12m6-12v12M10 3h4l1 1h5v2H4V4h5l1-1z`})])],-1)],!0)],8,w)):(0,t.createCommentVNode)(``,!0)],!0)])])):(0,t.createCommentVNode)(``,!0)]))),128))])]),M.dataItems.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.createElementVNode)(`span`,null,[k[8]||=(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 2L2 22h20L12 2zm0 14h-1v-6h2v6zm0 4h-1v-2h2v2z`})],-1),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.dataTableConf.messageNotRecords),1)])]))])],2),(0,t.createElementVNode)(`section`,null,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,E,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.bottom===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.renderSlot)(O.$slots,`iconIndietroBottom`,{},()=>[k[9]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)],!0)]),(0,t.createElementVNode)(`button`,D,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.renderSlot)(O.$slots,`iconAvantiBottom`,{},()=>[k[10]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)],!0)])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])],64))}}),k=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},A=k(O,[[`__scopeId`,`data-v-17b6686d`]]);e.Avatar=k((0,t.defineComponent)({__name:`Avatar`,props:{label:{},class:{},backgroundDynamics:{type:Boolean},background:{},color:{}},setup(e){let n=e,r=[`#f4cccc`,`#d9ead3`,`#ffe599`,`#cfe2f3`,`#f9cb9c`,`#d5a6bd`,`#9fc5e8`,`#b6d7a8`,`#ffe6cc`,`#f6c1a6`,`#e6ccff`,`#ffd9b3`,`#c2f0f7`,`#ffebd7`,`#d0e0e3`,`#f7d9c4`,`#e0f7e9`,`#f2f9f9`,`#fde2e2`,`#f2f2f2`],i=(0,t.computed)(()=>{let e=[];return n.background&&(e.push(`background-color:`),e.push(n.background),e.push(`!important;`)),n.backgroundDynamics&&(e=[],e.push(`background-color:`),e.push(a(n.label)),e.push(`!important;`)),n.color&&(e.push(`color:`),e.push(n.color),e.push(`!important;`)),e.join(``)});function a(e){if(e&&e.length>1){let t=e.charCodeAt(0),n=e.charCodeAt(1),i=((t-65)*26+(n-65))%r.length;return r[i>=0&&i<r.length?i:0]}else return`#d0fbc8`}return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{style:(0,t.normalizeStyle)(i.value),class:(0,t.normalizeClass)(n.class?`avatar size-lg `+n.class:`avatar size-lg`)},(0,t.toDisplayString)(n.label),7))}}),[[`__scopeId`,`data-v-0ae6bfc5`]]),e.DataTableList=A});
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { default as DataTableList } from './component/commons/DataTableList.vue';
|
|
2
|
+
import { default as Avatar } from './component/commons/Avatar.vue';
|
|
3
|
+
import { DataTableConf, ColumnTable, ActionRow, PaginatorPosition, ServerPaging, DataItems } from './model/Models';
|
|
4
|
+
export { DataTableList };
|
|
5
|
+
export { Avatar };
|
|
6
|
+
export type { DataTableConf, ColumnTable, ActionRow, PaginatorPosition, ServerPaging, DataItems };
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
export interface BreadcrumbConf {
|
|
2
|
-
label: string;
|
|
3
|
-
actionRouter: any;
|
|
4
|
-
}
|
|
5
1
|
export interface DataTableConf {
|
|
6
2
|
columns: ColumnTable[];
|
|
7
3
|
actionsRow?: ActionRow;
|
|
@@ -24,13 +20,13 @@ export interface ServerPaging {
|
|
|
24
20
|
export interface PaginatorPosition {
|
|
25
21
|
top: boolean;
|
|
26
22
|
bottom: boolean;
|
|
27
|
-
class:
|
|
23
|
+
class: 'center' | 'left' | 'right';
|
|
28
24
|
}
|
|
29
25
|
export interface ColumnTable {
|
|
30
26
|
title: string;
|
|
31
27
|
property: string;
|
|
32
|
-
style?: string
|
|
33
|
-
callFormatt?: Function
|
|
28
|
+
style?: string;
|
|
29
|
+
callFormatt?: Function;
|
|
34
30
|
hidden?: boolean;
|
|
35
31
|
order?: boolean;
|
|
36
32
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "data-table-list",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/data-table-list.umd.cjs",
|
|
@@ -17,6 +17,19 @@
|
|
|
17
17
|
"files": [
|
|
18
18
|
"dist"
|
|
19
19
|
],
|
|
20
|
+
"keywords": [
|
|
21
|
+
"vue",
|
|
22
|
+
"vue3",
|
|
23
|
+
"data-table",
|
|
24
|
+
"component",
|
|
25
|
+
"typescript",
|
|
26
|
+
"ui",
|
|
27
|
+
"vue-data-table"
|
|
28
|
+
],
|
|
29
|
+
"repository": {
|
|
30
|
+
"type": "git",
|
|
31
|
+
"url": "https://github.com/mssalvo/data-table-list-vue3"
|
|
32
|
+
},
|
|
20
33
|
"scripts": {
|
|
21
34
|
"dev": "vite",
|
|
22
35
|
"build": "run-p type-check \"build-only {@}\" --",
|