datatables.net-vue3 2.1.1 → 2.1.3

package/dist/datatables.net-vue3.js

@@ -1 +1 @@
-"use strict";const r=require("vue"),v=["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 d;const w={name:"Datatables.netVue",inheritAttrs:!1,use(o){d=o}},g=r.defineComponent({...w,props:{ajax:null,columns:null,data:null,options:null},emits:v,setup(o,{expose:u}){const s=o,c=r.ref(null),a=r.ref(),b=r.ref([]);r.watch(()=>s.data,e=>{var l,i,p,m;let t=(l=a.value)==null?void 0:l.data().toArray();for(let n of e)t!=null&&t.includes(n)||(i=a.value)==null||i.row.add(n);if(typeof t<"u")for(let n of t)e.includes(n)||(p=a.value)==null||p.row((k,y)=>y===n).remove();(m=a.value)==null||m.rows().invalidate().draw(!1),f(e)},{deep:!0}),r.onMounted(()=>{const e=r.getCurrentInstance();let t=s.options||{};if(s.data&&(t.data=s.data,f(t.data)),s.columns&&(t.columns=s.columns),s.ajax&&(t.ajax=s.ajax),!d)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");a.value=new d(r.unref(c),t);for(let l of v)a.value&&e&&a.value.on(l,i=>{e.emit(l,{event:i,dt:a})})}),r.onBeforeUnmount(()=>{var e;(e=a.value)==null||e.destroy(!0)});function f(e){b.value=e.value?e.value.slice():e.slice()}return u({dt:a}),(e,t)=>t[0]||(r.setBlockTracking(-1),t[0]=r.createElementVNode("div",{class:"datatable"},[r.createElementVNode("table",r.mergeProps({ref_key:"table",ref:c},e.$attrs,{style:{width:"100%"}}),[r.renderSlot(e.$slots,"default")],16)]),r.setBlockTracking(1),t[0])}}),h=(()=>{const o=g;return o.install=u=>{u.component("Datatables.netVue",o)},o})();module.exports=h;
+"use strict";const r=require("vue"),v=["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 c;const g={name:"Datatables.netVue",inheritAttrs:!1,use(o){c=o}},h=r.defineComponent({...g,props:{ajax:null,columns:null,data:null,options:null},emits:v,setup(o,{expose:d}){const s=o,f=r.ref(null),a=r.ref(),b=r.ref([]);r.watch(()=>s.data,e=>{var l,n,u,m;let t=(l=a.value)==null?void 0:l.data().toArray();for(let i of e)t!=null&&t.includes(i)||(n=a.value)==null||n.row.add(i);if(typeof t<"u")for(let i of t)e.includes(i)||(u=a.value)==null||u.row((k,y)=>y===i).remove();(m=a.value)==null||m.rows().invalidate().draw(!1),p(e)},{deep:!0}),r.onMounted(()=>{const e=r.getCurrentInstance();let t=s.options||{};if(s.data&&(t.data=s.data,p(t.data)),s.columns&&(t.columns=s.columns),s.ajax&&(t.ajax=s.ajax),!c)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");a.value=new c(r.unref(f),t);for(let l of v)a.value&&e&&a.value.on(l,function(){var n=Array.from(arguments),u=n.shift();n.unshift({event:u,dt:a}),n.unshift(l),e.emit.apply(e,n)})}),r.onBeforeUnmount(()=>{var e;(e=a.value)==null||e.destroy(!0)});function p(e){b.value=e.value?e.value.slice():e.slice()}return d({dt:a}),(e,t)=>t[0]||(r.setBlockTracking(-1),t[0]=r.createElementVNode("div",{class:"datatable"},[r.createElementVNode("table",r.mergeProps({ref_key:"table",ref:f},e.$attrs,{style:{width:"100%"}}),[r.renderSlot(e.$slots,"default")],16)]),r.setBlockTracking(1),t[0])}}),w=(()=>{const o=h;return o.install=d=>{d.component("Datatables.netVue",o)},o})();module.exports=w;

package/dist/datatables.net-vue3.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as u, watch as k, onMounted as x, getCurrentInstance as D, unref as _, onBeforeUnmount as j, setBlockTracking as v, createElementVNode as b, mergeProps as S, renderSlot as A } from "vue";
+import { defineComponent as g, ref as d, watch as k, onMounted as x, getCurrentInstance as D, unref as _, onBeforeUnmount as j, setBlockTracking as v, createElementVNode as b, mergeProps as A, renderSlot as S } from "vue";
 const y = [
   "childRow",
   "column-sizing",
@@ -45,14 +45,14 @@ const y = [
   "user-select",
   "stateRestore-change"
 ];
-let d;
+let c;
 const C = {
   name: "Datatables.netVue",
   inheritAttrs: !1,
   use(s) {
-    d = s;
+    c = s;
   }
-}, E = /* @__PURE__ */ h({
+}, E = /* @__PURE__ */ g({
   ...C,
   props: {
     ajax: null,
@@ -61,19 +61,19 @@ const C = {
     options: null
   },
   emits: y,
-  setup(s, { expose: i }) {
-    const r = s, c = u(null), a = u(), w = u([]);
+  setup(s, { expose: u }) {
+    const r = s, f = d(null), a = d(), h = d([]);
     k(
       () => r.data,
       (e) => {
-        var o, n, p, m;
-        let t = (o = a.value) == null ? void 0 : o.data().toArray();
-        for (let l of e)
-          t != null && t.includes(l) || (n = a.value) == null || n.row.add(l);
+        var l, o, i, m;
+        let t = (l = a.value) == null ? void 0 : l.data().toArray();
+        for (let n of e)
+          t != null && t.includes(n) || (o = a.value) == null || o.row.add(n);
         if (typeof t < "u")
-          for (let l of t)
-            e.includes(l) || (p = a.value) == null || p.row((I, g) => g === l).remove();
-        (m = a.value) == null || m.rows().invalidate().draw(!1), f(e);
+          for (let n of t)
+            e.includes(n) || (i = a.value) == null || i.row((I, w) => w === n).remove();
+        (m = a.value) == null || m.rows().invalidate().draw(!1), p(e);
       },
       {
         deep: !0
@@ -81,37 +81,38 @@ const C = {
     ), x(() => {
       const e = D();
       let t = r.options || {};
-      if (r.data && (t.data = r.data, f(t.data)), r.columns && (t.columns = r.columns), r.ajax && (t.ajax = r.ajax), !d)
+      if (r.data && (t.data = r.data, p(t.data)), r.columns && (t.columns = r.columns), r.ajax && (t.ajax = r.ajax), !c)
         throw new Error(
           "DataTables library not set. See https://datatables.net/tn/19 for details."
         );
-      a.value = new d(_(c), t);
-      for (let o of y)
-        a.value && e && a.value.on(o, (n) => {
-          e.emit(o, { event: n, dt: a });
+      a.value = new c(_(f), t);
+      for (let l of y)
+        a.value && e && a.value.on(l, function() {
+          var o = Array.from(arguments), i = o.shift();
+          o.unshift({ event: i, dt: a }), o.unshift(l), e.emit.apply(e, o);
         });
     }), j(() => {
       var e;
       (e = a.value) == null || e.destroy(!0);
     });
-    function f(e) {
-      w.value = e.value ? e.value.slice() : e.slice();
+    function p(e) {
+      h.value = e.value ? e.value.slice() : e.slice();
     }
-    return i({
+    return u({
       dt: a
     }), (e, t) => t[0] || (v(-1), t[0] = b("div", { class: "datatable" }, [
-      b("table", S({
+      b("table", A({
         ref_key: "table",
-        ref: c
+        ref: f
       }, e.$attrs, { style: { width: "100%" } }), [
-        A(e.$slots, "default")
+        S(e.$slots, "default")
       ], 16)
     ]), v(1), t[0]);
   }
 }), P = /* @__PURE__ */ (() => {
   const s = E;
-  return s.install = (i) => {
-    i.component("Datatables.netVue", s);
+  return s.install = (u) => {
+    u.component("Datatables.netVue", s);
   }, s;
 })();
 export {

package/dist/datatables.net-vue3.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.datatables=e.datatables||{},e.datatables["net-vue3"]=o(e.Vue))})(this,function(e){"use strict";const o=["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 u;const y={name:"Datatables.netVue",inheritAttrs:!1,use(n){u=n}},h=e.defineComponent({...y,props:{ajax:null,columns:null,data:null,options:null},emits:o,setup(n,{expose:c}){const r=n,f=e.ref(null),s=e.ref(),w=e.ref([]);e.watch(()=>r.data,t=>{var l,d,m,b;let a=(l=s.value)==null?void 0:l.data().toArray();for(let i of t)a!=null&&a.includes(i)||(d=s.value)==null||d.row.add(i);if(typeof a<"u")for(let i of a)t.includes(i)||(m=s.value)==null||m.row((x,k)=>k===i).remove();(b=s.value)==null||b.rows().invalidate().draw(!1),p(t)},{deep:!0}),e.onMounted(()=>{const t=e.getCurrentInstance();let a=r.options||{};if(r.data&&(a.data=r.data,p(a.data)),r.columns&&(a.columns=r.columns),r.ajax&&(a.ajax=r.ajax),!u)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");s.value=new u(e.unref(f),a);for(let l of o)s.value&&t&&s.value.on(l,d=>{t.emit(l,{event:d,dt:s})})}),e.onBeforeUnmount(()=>{var t;(t=s.value)==null||t.destroy(!0)});function p(t){w.value=t.value?t.value.slice():t.slice()}return c({dt:s}),(t,a)=>a[0]||(e.setBlockTracking(-1),a[0]=e.createElementVNode("div",{class:"datatable"},[e.createElementVNode("table",e.mergeProps({ref_key:"table",ref:f},t.$attrs,{style:{width:"100%"}}),[e.renderSlot(t.$slots,"default")],16)]),e.setBlockTracking(1),a[0])}});return(()=>{const n=h;return n.install=c=>{c.component("Datatables.netVue",n)},n})()});
+(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.datatables=e.datatables||{},e.datatables["net-vue3"]=l(e.Vue))})(this,function(e){"use strict";const l=["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 f;const y={name:"Datatables.netVue",inheritAttrs:!1,use(n){f=n}},h=e.defineComponent({...y,props:{ajax:null,columns:null,data:null,options:null},emits:l,setup(n,{expose:c}){const s=n,p=e.ref(null),r=e.ref(),w=e.ref([]);e.watch(()=>s.data,t=>{var i,o,u,b;let a=(i=r.value)==null?void 0:i.data().toArray();for(let d of t)a!=null&&a.includes(d)||(o=r.value)==null||o.row.add(d);if(typeof a<"u")for(let d of a)t.includes(d)||(u=r.value)==null||u.row((k,v)=>v===d).remove();(b=r.value)==null||b.rows().invalidate().draw(!1),m(t)},{deep:!0}),e.onMounted(()=>{const t=e.getCurrentInstance();let a=s.options||{};if(s.data&&(a.data=s.data,m(a.data)),s.columns&&(a.columns=s.columns),s.ajax&&(a.ajax=s.ajax),!f)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");r.value=new f(e.unref(p),a);for(let i of l)r.value&&t&&r.value.on(i,function(){var o=Array.from(arguments),u=o.shift();o.unshift({event:u,dt:r}),o.unshift(i),t.emit.apply(t,o)})}),e.onBeforeUnmount(()=>{var t;(t=r.value)==null||t.destroy(!0)});function m(t){w.value=t.value?t.value.slice():t.slice()}return c({dt:r}),(t,a)=>a[0]||(e.setBlockTracking(-1),a[0]=e.createElementVNode("div",{class:"datatable"},[e.createElementVNode("table",e.mergeProps({ref_key:"table",ref:p},t.$attrs,{style:{width:"100%"}}),[e.renderSlot(t.$slots,"default")],16)]),e.setBlockTracking(1),a[0])}});return(()=>{const n=h;return n.install=c=>{c.component("Datatables.netVue",n)},n})()});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datatables.net-vue3",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "description": "Vue3 component for DataTables",
   "main": "dist/datatables.net-vue3.umd.js",
   "module": "dist/datatables.net-vue3.mjs",
@@ -9,7 +9,7 @@
   "types": "dist/datatables.net-vue3.d.ts",
   "files": [
     "dist/*",
-    "src/**/*.vue"
+    "src/**/*"
   ],
   "sideEffects": false,
   "scripts": {

package/src/datatables.net-vue.vue

@@ -111,8 +111,14 @@ onMounted(() => {
 	// `on` method and then emit them to our Vue component
 	for (let eName of dtEvents) {
 		if (dt.value && inst) {
-			dt.value.on(eName, (event) => {
-				inst.emit(eName, { event: event, dt: dt });
+			dt.value.on(eName, function() {
+				var args = Array.from(arguments);
+				var event = args.shift();
+
+				args.unshift({ event: event, dt: dt });
+				args.unshift(eName);
+
+				inst.emit.apply(inst, args as any);
 			});
 		}
 	}

package/src/dtEvents.ts

@@ -0,0 +1,47 @@
+
+export default [
+	'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',
+];

package/src/index.ts

@@ -0,0 +1,25 @@
+import { App, Plugin } from 'vue';
+
+// Import vue component
+import { default as component } from './datatables.net-vue.vue';
+
+// Define typescript interfaces for installable component
+export type InstallableComponent = typeof component & { install: Exclude<Plugin['install'], undefined> };
+
+// Default export is installable instance of component.
+// IIFE injects install function into component, allowing component
+// to be registered via Vue.use() as well as Vue.component(),
+export default /*#__PURE__*/((): InstallableComponent => {
+  // Assign InstallableComponent type
+  const installable = component as unknown as InstallableComponent;
+
+  // Attach install function executed by Vue.use()
+  installable.install = (app: App) => {
+    app.component('Datatables.netVue', installable);
+  };
+  return installable;
+})();
+
+// It's possible to expose named exports when writing components that can
+// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
+// export const RollupDemoDirective = directive;