datatables.net-vue3 3.0.3 → 3.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=["childRow","column-sizing","column-visibility","destroy","draw","error","init","length","order","page","preDraw","preInit","preXhr","processing","requestChild","search","stateLoadParams","stateLoaded","stateSaveParams","xhr","autoFill","preAutoFill","buttons-action","buttons-processing","column-reorder","key","key-blur","key-focus","key-refocus","key-return-submit","responsive-display","responsive-resize","rowgroup-datasrc","pre-row-reorder","row-reorder","row-reordered","dtsb-inserted","deselect","select","select-blur","selectItems","selectStyle","user-select","stateRestore-change"];let m;const D={name:"Datatables.netVue",inheritAttrs:!1,use(u){m=u}},h=n.defineComponent({...D,props:{ajax:null,columns:null,data:null,options:null},emits:g,setup(u,{expose:f}){const i=u,v=n.ref(null),c={},s=n.ref(),w=n.ref([]);n.watch(()=>i.data,t=>{let e=s.value;e&&(p(e),e.clear(),e.rows.add(t).draw(!1))},{deep:!0}),n.onMounted(()=>{var a;const t=n.getCurrentInstance();let e=Object.assign({},i.options)||{};if(i.data&&(e.data=i.data,k(e.data)),i.columns&&(e.columns=i.columns),e.columns&&y(e.columns,t),i.ajax&&(e.ajax=i.ajax),e.columnDefs||(e.columnDefs=[]),t){let l=Object.keys(t.slots);for(let r=0;r<l.length;r++){let o=l[r];if(o.match(/^column\-/)){let d=o.replace("column-","");e.columnDefs.push({target:d.match(/^\d+$/)?parseInt(d):d+":name",render:"#"+o})}}y(e.columnDefs,t)}if(!m)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");s.value=new m(n.unref(v),e),(a=s.value)==null||a.on("preXhr",function(){p(s.value)});for(let l of g)s.value&&t&&s.value.on(l,function(){var r=Array.from(arguments),o=r.shift();r.unshift({event:o,dt:s}),r.unshift(l),t.emit.apply(t,r)})}),n.onBeforeUnmount(()=>{var t;p(s.value),(t=s.value)==null||t.destroy(!0)});function k(t){w.value=t.value?t.value.slice():t.slice()}function b(t){return function(e,a,l,r){let o=r.settings.sTableId+","+r.row+","+r.col;if(!c[o]){let d=n.h("div",t({cellData:e,colIndex:r.col,rowData:l,rowIndex:r.row,type:a}));c[o]=document.createElement("div"),n.render(d,c[o])}return c[o]}}function y(t,e){if(e)for(let l=0;l<t.length;l++){let r=t[l];if(typeof r.render=="string"&&r.render.charAt(0)==="#"){var a=r.render.replace("#","");e.slots[a]&&(r.render=b(e.slots[a]))}else if(typeof r.render=="object"&&typeof r.render.display=="string"&&r.render.display.charAt(0)==="#"){var a=r.render.display.replace("#","");e.slots[a]&&(r.render.display=b(e.slots[a]))}}}function p(t){let e=Object.keys(c),a=t.table().node().id;for(var l=0;l<e.length;l++)e[l].indexOf(a+",")===0&&delete c[e[l]]}return f({dt:s}),(t,e)=>e[0]||(n.setBlockTracking(-1),e[0]=n.createElementVNode("div",{class:"datatable"},[n.createElementVNode("table",n.mergeProps({ref_key:"table",ref:v},t.$attrs,{style:{width:"100%"}}),[n.renderSlot(t.$slots,"default")],16)]),n.setBlockTracking(1),e[0])}}),j=(()=>{const u=h;return u.install=f=>{f.component("Datatables.netVue",u)},u})();exports.DataTable=h;exports.default=j;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as x, ref as p, watch as j, onMounted as I, getCurrentInstance as A, unref as E, onBeforeUnmount as O, setBlockTracking as h, createElementVNode as g, mergeProps as
|
|
1
|
+
import { defineComponent as x, ref as p, watch as j, onMounted as I, getCurrentInstance as A, unref as E, onBeforeUnmount as O, setBlockTracking as h, createElementVNode as g, mergeProps as T, renderSlot as R, h as S, render as _ } from "vue";
|
|
2
2
|
const w = [
|
|
3
3
|
"childRow",
|
|
4
4
|
"column-sizing",
|
|
@@ -61,7 +61,7 @@ const C = {
|
|
|
61
61
|
options: null
|
|
62
62
|
},
|
|
63
63
|
emits: w,
|
|
64
|
-
setup(i, { expose:
|
|
64
|
+
setup(i, { expose: c }) {
|
|
65
65
|
const o = i, y = p(null), u = {}, l = p(), D = p([]);
|
|
66
66
|
j(
|
|
67
67
|
() => o.data,
|
|
@@ -76,19 +76,19 @@ const C = {
|
|
|
76
76
|
var a;
|
|
77
77
|
const t = A();
|
|
78
78
|
let e = Object.assign({}, o.options) || {};
|
|
79
|
-
if (o.data && (e.data = o.data, k(e.data)), o.columns && (e.columns = o.columns), e.columns &&
|
|
79
|
+
if (o.data && (e.data = o.data, k(e.data)), o.columns && (e.columns = o.columns), e.columns && v(e.columns, t), o.ajax && (e.ajax = o.ajax), e.columnDefs || (e.columnDefs = []), t) {
|
|
80
80
|
let n = Object.keys(t.slots);
|
|
81
81
|
for (let r = 0; r < n.length; r++) {
|
|
82
82
|
let s = n[r];
|
|
83
83
|
if (s.match(/^column\-/)) {
|
|
84
|
-
let
|
|
84
|
+
let d = s.replace("column-", "");
|
|
85
85
|
e.columnDefs.push({
|
|
86
|
-
target:
|
|
86
|
+
target: d.match(/^\d+$/) ? parseInt(d) : d + ":name",
|
|
87
87
|
render: "#" + s
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
|
|
91
|
+
v(e.columnDefs, t);
|
|
92
92
|
}
|
|
93
93
|
if (!m)
|
|
94
94
|
throw new Error(
|
|
@@ -109,32 +109,32 @@ const C = {
|
|
|
109
109
|
function k(t) {
|
|
110
110
|
D.value = t.value ? t.value.slice() : t.slice();
|
|
111
111
|
}
|
|
112
|
-
function
|
|
112
|
+
function b(t) {
|
|
113
113
|
return function(e, a, n, r) {
|
|
114
|
-
let s = r.row + "," + r.col;
|
|
114
|
+
let s = r.settings.sTableId + "," + r.row + "," + r.col;
|
|
115
115
|
if (!u[s]) {
|
|
116
|
-
let
|
|
116
|
+
let d = S("div", t({
|
|
117
117
|
cellData: e,
|
|
118
118
|
colIndex: r.col,
|
|
119
119
|
rowData: n,
|
|
120
120
|
rowIndex: r.row,
|
|
121
121
|
type: a
|
|
122
122
|
}));
|
|
123
|
-
u[s] = document.createElement("div"), _(
|
|
123
|
+
u[s] = document.createElement("div"), _(d, u[s]);
|
|
124
124
|
}
|
|
125
125
|
return u[s];
|
|
126
126
|
};
|
|
127
127
|
}
|
|
128
|
-
function
|
|
128
|
+
function v(t, e) {
|
|
129
129
|
if (e)
|
|
130
130
|
for (let n = 0; n < t.length; n++) {
|
|
131
131
|
let r = t[n];
|
|
132
132
|
if (typeof r.render == "string" && r.render.charAt(0) === "#") {
|
|
133
133
|
var a = r.render.replace("#", "");
|
|
134
|
-
e.slots[a] && (r.render =
|
|
134
|
+
e.slots[a] && (r.render = b(e.slots[a]));
|
|
135
135
|
} else if (typeof r.render == "object" && typeof r.render.display == "string" && r.render.display.charAt(0) === "#") {
|
|
136
136
|
var a = r.render.display.replace("#", "");
|
|
137
|
-
e.slots[a] && (r.render.display =
|
|
137
|
+
e.slots[a] && (r.render.display = b(e.slots[a]));
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
}
|
|
@@ -143,21 +143,21 @@ const C = {
|
|
|
143
143
|
for (var n = 0; n < e.length; n++)
|
|
144
144
|
e[n].indexOf(a + ",") === 0 && delete u[e[n]];
|
|
145
145
|
}
|
|
146
|
-
return
|
|
146
|
+
return c({
|
|
147
147
|
dt: l
|
|
148
148
|
}), (t, e) => e[0] || (h(-1), e[0] = g("div", { class: "datatable" }, [
|
|
149
|
-
g("table",
|
|
149
|
+
g("table", T({
|
|
150
150
|
ref_key: "table",
|
|
151
151
|
ref: y
|
|
152
152
|
}, t.$attrs, { style: { width: "100%" } }), [
|
|
153
|
-
|
|
153
|
+
R(t.$slots, "default")
|
|
154
154
|
], 16)
|
|
155
155
|
]), h(1), e[0]);
|
|
156
156
|
}
|
|
157
157
|
}), V = /* @__PURE__ */ (() => {
|
|
158
158
|
const i = L;
|
|
159
|
-
return i.install = (
|
|
160
|
-
|
|
159
|
+
return i.install = (c) => {
|
|
160
|
+
c.component("Datatables.netVue", i);
|
|
161
161
|
}, i;
|
|
162
162
|
})();
|
|
163
163
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(l,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(l=typeof globalThis<"u"?globalThis:l||self,n((l.datatables=l.datatables||{},l.datatables["net-vue3"]={}),l.Vue))})(this,function(l,n){"use strict";const b=["childRow","column-sizing","column-visibility","destroy","draw","error","init","length","order","page","preDraw","preInit","preXhr","processing","requestChild","search","stateLoadParams","stateLoaded","stateSaveParams","xhr","autoFill","preAutoFill","buttons-action","buttons-processing","column-reorder","key","key-blur","key-focus","key-refocus","key-return-submit","responsive-display","responsive-resize","rowgroup-datasrc","pre-row-reorder","row-reorder","row-reordered","dtsb-inserted","deselect","select","select-blur","selectItems","selectStyle","user-select","stateRestore-change"];let p;const k={name:"Datatables.netVue",inheritAttrs:!1,use(c){p=c}},h=n.defineComponent({...k,props:{ajax:null,columns:null,data:null,options:null},emits:b,setup(c,{expose:m}){const d=c,g=n.ref(null),u={},o=n.ref(),j=n.ref([]);n.watch(()=>d.data,t=>{let e=o.value;e&&(y(e),e.clear(),e.rows.add(t).draw(!1))},{deep:!0}),n.onMounted(()=>{var
|
|
1
|
+
(function(l,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(l=typeof globalThis<"u"?globalThis:l||self,n((l.datatables=l.datatables||{},l.datatables["net-vue3"]={}),l.Vue))})(this,function(l,n){"use strict";const b=["childRow","column-sizing","column-visibility","destroy","draw","error","init","length","order","page","preDraw","preInit","preXhr","processing","requestChild","search","stateLoadParams","stateLoaded","stateSaveParams","xhr","autoFill","preAutoFill","buttons-action","buttons-processing","column-reorder","key","key-blur","key-focus","key-refocus","key-return-submit","responsive-display","responsive-resize","rowgroup-datasrc","pre-row-reorder","row-reorder","row-reordered","dtsb-inserted","deselect","select","select-blur","selectItems","selectStyle","user-select","stateRestore-change"];let p;const k={name:"Datatables.netVue",inheritAttrs:!1,use(c){p=c}},h=n.defineComponent({...k,props:{ajax:null,columns:null,data:null,options:null},emits:b,setup(c,{expose:m}){const d=c,g=n.ref(null),u={},o=n.ref(),j=n.ref([]);n.watch(()=>d.data,t=>{let e=o.value;e&&(y(e),e.clear(),e.rows.add(t).draw(!1))},{deep:!0}),n.onMounted(()=>{var a;const t=n.getCurrentInstance();let e=Object.assign({},d.options)||{};if(d.data&&(e.data=d.data,x(e.data)),d.columns&&(e.columns=d.columns),e.columns&&v(e.columns,t),d.ajax&&(e.ajax=d.ajax),e.columnDefs||(e.columnDefs=[]),t){let s=Object.keys(t.slots);for(let r=0;r<s.length;r++){let i=s[r];if(i.match(/^column\-/)){let f=i.replace("column-","");e.columnDefs.push({target:f.match(/^\d+$/)?parseInt(f):f+":name",render:"#"+i})}}v(e.columnDefs,t)}if(!p)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");o.value=new p(n.unref(g),e),(a=o.value)==null||a.on("preXhr",function(){y(o.value)});for(let s of b)o.value&&t&&o.value.on(s,function(){var r=Array.from(arguments),i=r.shift();r.unshift({event:i,dt:o}),r.unshift(s),t.emit.apply(t,r)})}),n.onBeforeUnmount(()=>{var t;y(o.value),(t=o.value)==null||t.destroy(!0)});function x(t){j.value=t.value?t.value.slice():t.slice()}function w(t){return function(e,a,s,r){let i=r.settings.sTableId+","+r.row+","+r.col;if(!u[i]){let f=n.h("div",t({cellData:e,colIndex:r.col,rowData:s,rowIndex:r.row,type:a}));u[i]=document.createElement("div"),n.render(f,u[i])}return u[i]}}function v(t,e){if(e)for(let s=0;s<t.length;s++){let r=t[s];if(typeof r.render=="string"&&r.render.charAt(0)==="#"){var a=r.render.replace("#","");e.slots[a]&&(r.render=w(e.slots[a]))}else if(typeof r.render=="object"&&typeof r.render.display=="string"&&r.render.display.charAt(0)==="#"){var a=r.render.display.replace("#","");e.slots[a]&&(r.render.display=w(e.slots[a]))}}}function y(t){let e=Object.keys(u),a=t.table().node().id;for(var s=0;s<e.length;s++)e[s].indexOf(a+",")===0&&delete u[e[s]]}return m({dt:o}),(t,e)=>e[0]||(n.setBlockTracking(-1),e[0]=n.createElementVNode("div",{class:"datatable"},[n.createElementVNode("table",n.mergeProps({ref_key:"table",ref:g},t.$attrs,{style:{width:"100%"}}),[n.renderSlot(t.$slots,"default")],16)]),n.setBlockTracking(1),e[0])}}),D=(()=>{const c=h;return c.install=m=>{m.component("Datatables.netVue",c)},c})();l.DataTable=h,l.default=D,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "datatables.net-vue3",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.5",
|
|
4
4
|
"description": "Vue3 component for DataTables",
|
|
5
5
|
"main": "dist/datatables.net-vue3.umd.js",
|
|
6
6
|
"module": "dist/datatables.net-vue3.mjs",
|
|
@@ -22,14 +22,13 @@
|
|
|
22
22
|
"@types/jquery": "^3.5.14",
|
|
23
23
|
"@vitejs/plugin-vue": "^4.0.0",
|
|
24
24
|
"cross-env": "^7.0.3",
|
|
25
|
-
"datatables.net-select-dt": "^1.5.0",
|
|
26
25
|
"rimraf": "^3.0.2",
|
|
27
26
|
"typescript": "^4.8.4",
|
|
28
27
|
"vue": "^3.2.45",
|
|
29
28
|
"vue-tsc": "^1.0.16"
|
|
30
29
|
},
|
|
31
30
|
"peerDependencies": {
|
|
32
|
-
"datatables.net": "
|
|
31
|
+
"datatables.net": "2 - 3",
|
|
33
32
|
"vue": "^3.0.5"
|
|
34
33
|
},
|
|
35
34
|
"engines": {
|
package/src/DataTable.vue
CHANGED