@tanstack/vue-table 8.17.3 → 9.0.0-alpha.4

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.
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const tableCore = require("@tanstack/table-core");
4
+ const vue = require("vue");
5
+ const mergeProxy = require("./merge-proxy.cjs");
6
+ const FlexRender = vue.defineComponent({
7
+ props: ["render", "props"],
8
+ setup: (props) => {
9
+ return () => {
10
+ if (typeof props.render === "function" || typeof props.render === "object") {
11
+ return vue.h(props.render, props.props);
12
+ }
13
+ return props.render;
14
+ };
15
+ }
16
+ });
17
+ function useVueTable(options) {
18
+ const resolvedOptions = mergeProxy.mergeProxy(
19
+ {
20
+ state: {},
21
+ // Dummy state
22
+ onStateChange: () => {
23
+ },
24
+ // noop
25
+ renderFallbackValue: null,
26
+ mergeOptions(defaultOptions, options2) {
27
+ return mergeProxy.mergeProxy(defaultOptions, options2);
28
+ }
29
+ },
30
+ options
31
+ );
32
+ const table = tableCore.createTable(resolvedOptions);
33
+ const state = vue.ref(table.initialState);
34
+ vue.watchEffect(() => {
35
+ table.setOptions((prev) => {
36
+ const stateProxy = new Proxy({}, {
37
+ get: (_, prop) => state.value[prop]
38
+ });
39
+ return mergeProxy.mergeProxy(prev, options, {
40
+ // merge the initialState and `options.state`
41
+ // create a new proxy on each `setOptions` call
42
+ // and get the value from state on each property access
43
+ state: mergeProxy.mergeProxy(stateProxy, options.state ?? {}),
44
+ // Similarly, we'll maintain both our internal state and any user-provided
45
+ // state.
46
+ onStateChange: (updater) => {
47
+ var _a;
48
+ if (updater instanceof Function) {
49
+ state.value = updater(state.value);
50
+ } else {
51
+ state.value = updater;
52
+ }
53
+ (_a = options.onStateChange) == null ? void 0 : _a.call(options, updater);
54
+ }
55
+ });
56
+ });
57
+ });
58
+ return table;
59
+ }
60
+ exports.FlexRender = FlexRender;
61
+ exports.useVueTable = useVueTable;
62
+ Object.keys(tableCore).forEach((k) => {
63
+ if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
64
+ Object.defineProperty(exports, k, {
65
+ enumerable: true,
66
+ get: () => tableCore[k]
67
+ });
68
+ });
69
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import {\n TableOptions,\n createTable,\n TableOptionsResolved,\n RowData,\n} from '@tanstack/table-core'\nimport { h, watchEffect, ref, defineComponent } from 'vue'\nimport { mergeProxy } from './merge-proxy'\n\nexport * from '@tanstack/table-core'\n\nexport const FlexRender = defineComponent({\n props: ['render', 'props'],\n setup: (props: { render: any; props: any }) => {\n return () => {\n if (\n typeof props.render === 'function' ||\n typeof props.render === 'object'\n ) {\n return h(props.render, props.props)\n }\n\n return props.render\n }\n },\n})\n\nexport function useVueTable<TData extends RowData>(\n options: TableOptions<TData>\n) {\n const resolvedOptions: TableOptionsResolved<TData> = mergeProxy(\n {\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n renderFallbackValue: null,\n mergeOptions(\n defaultOptions: TableOptions<TData>,\n options: TableOptions<TData>\n ) {\n return mergeProxy(defaultOptions, options)\n },\n },\n options\n )\n\n const table = createTable<TData>(resolvedOptions)\n // can't use `reactive` because update needs to be immutable\n const state = ref(table.initialState)\n\n watchEffect(() => {\n table.setOptions(prev => {\n const stateProxy = new Proxy({} as typeof state.value, {\n get: (_, prop) => state.value[prop as keyof typeof state.value],\n })\n\n return mergeProxy(prev, options, {\n // merge the initialState and `options.state`\n // create a new proxy on each `setOptions` call\n // and get the value from state on each property access\n state: mergeProxy(stateProxy, options.state ?? {}),\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: (updater: any) => {\n if (updater instanceof Function) {\n state.value = updater(state.value)\n } else {\n state.value = updater\n }\n\n options.onStateChange?.(updater)\n },\n })\n })\n })\n\n return table\n}\n"],"names":["defineComponent","h","mergeProxy","options","createTable","ref","watchEffect"],"mappings":";;;;;AAWO,MAAM,aAAaA,IAAAA,gBAAgB;AAAA,EACxC,OAAO,CAAC,UAAU,OAAO;AAAA,EACzB,OAAO,CAAC,UAAuC;AAC7C,WAAO,MAAM;AACX,UACE,OAAO,MAAM,WAAW,cACxB,OAAO,MAAM,WAAW,UACxB;AACA,eAAOC,IAAE,EAAA,MAAM,QAAQ,MAAM,KAAK;AAAA,MACpC;AAEA,aAAO,MAAM;AAAA,IAAA;AAAA,EAEjB;AACF,CAAC;AAEM,SAAS,YACd,SACA;AACA,QAAM,kBAA+CC,WAAA;AAAA,IACnD;AAAA,MACE,OAAO,CAAC;AAAA;AAAA,MACR,eAAe,MAAM;AAAA,MAAC;AAAA;AAAA,MACtB,qBAAqB;AAAA,MACrB,aACE,gBACAC,UACA;AACO,eAAAD,WAAA,WAAW,gBAAgBC,QAAO;AAAA,MAC3C;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAGI,QAAA,QAAQC,sBAAmB,eAAe;AAE1C,QAAA,QAAQC,IAAAA,IAAI,MAAM,YAAY;AAEpCC,MAAAA,YAAY,MAAM;AAChB,UAAM,WAAW,CAAQ,SAAA;AACvB,YAAM,aAAa,IAAI,MAAM,IAA0B;AAAA,QACrD,KAAK,CAAC,GAAG,SAAS,MAAM,MAAM,IAAgC;AAAA,MAAA,CAC/D;AAEM,aAAAJ,WAAA,WAAW,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA,QAI/B,OAAOA,WAAAA,WAAW,YAAY,QAAQ,SAAS,CAAA,CAAE;AAAA;AAAA;AAAA,QAGjD,eAAe,CAAC,YAAiB;;AAC/B,cAAI,mBAAmB,UAAU;AACzB,kBAAA,QAAQ,QAAQ,MAAM,KAAK;AAAA,UAAA,OAC5B;AACL,kBAAM,QAAQ;AAAA,UAChB;AAEA,wBAAQ,kBAAR,iCAAwB;AAAA,QAC1B;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AAEM,SAAA;AACT;;;;;;;;;;"}
@@ -0,0 +1,14 @@
1
+ import { TableOptions, RowData } from '@tanstack/table-core';
2
+
3
+ export * from '@tanstack/table-core';
4
+ export declare const FlexRender: import('vue').DefineComponent<Readonly<{
5
+ props?: any;
6
+ render?: any;
7
+ }>, () => any, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
8
+ props?: any;
9
+ render?: any;
10
+ }>>>, {
11
+ readonly props?: any;
12
+ readonly render?: any;
13
+ }, {}>;
14
+ export declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): import('@tanstack/table-core').Table<TData>;
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ function trueFn() {
4
+ return true;
5
+ }
6
+ const $PROXY = Symbol("merge-proxy");
7
+ const propTraps = {
8
+ get(_, property, receiver) {
9
+ if (property === $PROXY)
10
+ return receiver;
11
+ return _.get(property);
12
+ },
13
+ has(_, property) {
14
+ return _.has(property);
15
+ },
16
+ set: trueFn,
17
+ deleteProperty: trueFn,
18
+ getOwnPropertyDescriptor(_, property) {
19
+ return {
20
+ configurable: true,
21
+ enumerable: true,
22
+ get() {
23
+ return _.get(property);
24
+ },
25
+ set: trueFn,
26
+ deleteProperty: trueFn
27
+ };
28
+ },
29
+ ownKeys(_) {
30
+ return _.keys();
31
+ }
32
+ };
33
+ function resolveSource(s) {
34
+ return "value" in s ? s.value : s;
35
+ }
36
+ function mergeProxy(...sources) {
37
+ return new Proxy(
38
+ {
39
+ get(property) {
40
+ for (let i = sources.length - 1; i >= 0; i--) {
41
+ const v = resolveSource(sources[i])[property];
42
+ if (v !== void 0)
43
+ return v;
44
+ }
45
+ },
46
+ has(property) {
47
+ for (let i = sources.length - 1; i >= 0; i--) {
48
+ if (property in resolveSource(sources[i]))
49
+ return true;
50
+ }
51
+ return false;
52
+ },
53
+ keys() {
54
+ const keys = [];
55
+ for (let i = 0; i < sources.length; i++)
56
+ keys.push(...Object.keys(resolveSource(sources[i])));
57
+ return [...Array.from(new Set(keys))];
58
+ }
59
+ },
60
+ propTraps
61
+ );
62
+ }
63
+ exports.mergeProxy = mergeProxy;
64
+ //# sourceMappingURL=merge-proxy.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"merge-proxy.cjs","sources":["../../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n get: (k: string | number | symbol) => any\n has: (k: string | number | symbol) => boolean\n keys: () => string[]\n}> = {\n get(_, property, receiver) {\n if (property === $PROXY) return receiver\n return _.get(property)\n },\n has(_, property) {\n return _.has(property)\n },\n set: trueFn,\n deleteProperty: trueFn,\n getOwnPropertyDescriptor(_, property) {\n return {\n configurable: true,\n enumerable: true,\n get() {\n return _.get(property)\n },\n set: trueFn,\n deleteProperty: trueFn,\n }\n },\n ownKeys(_) {\n return _.keys()\n },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends any[]> = {\n [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof any[]>]\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I\n) => void\n ? I\n : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends any[]> = UnboxIntersection<\n UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n return new Proxy(\n {\n get(property: string | number | symbol) {\n for (let i = sources.length - 1; i >= 0; i--) {\n const v = resolveSource(sources[i])[property]\n if (v !== undefined) return v\n }\n },\n has(property: string | number | symbol) {\n for (let i = sources.length - 1; i >= 0; i--) {\n if (property in resolveSource(sources[i])) return true\n }\n return false\n },\n keys() {\n const keys = []\n for (let i = 0; i < sources.length; i++)\n keys.push(...Object.keys(resolveSource(sources[i])))\n return [...Array.from(new Set(keys))]\n },\n },\n propTraps\n )\n}\n"],"names":[],"mappings":";;AAAA,SAAS,SAAS;AACT,SAAA;AACT;AAEA,MAAM,SAAS,OAAO,aAAa;AAGnC,MAAM,YAID;AAAA,EACH,IAAI,GAAG,UAAU,UAAU;AACzB,QAAI,aAAa;AAAe,aAAA;AACzB,WAAA,EAAE,IAAI,QAAQ;AAAA,EACvB;AAAA,EACA,IAAI,GAAG,UAAU;AACR,WAAA,EAAE,IAAI,QAAQ;AAAA,EACvB;AAAA,EACA,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,yBAAyB,GAAG,UAAU;AAC7B,WAAA;AAAA,MACL,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,MAAM;AACG,eAAA,EAAE,IAAI,QAAQ;AAAA,MACvB;AAAA,MACA,KAAK;AAAA,MACL,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,QAAQ,GAAG;AACT,WAAO,EAAE;EACX;AACF;AAgBA,SAAS,cAAc,GAAQ;AACtB,SAAA,WAAW,IAAI,EAAE,QAAQ;AAClC;AAGO,SAAS,cAAc,SAAmB;AAC/C,SAAO,IAAI;AAAA,IACT;AAAA,MACE,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,gBAAM,IAAI,cAAc,QAAQ,CAAC,CAAC,EAAE,QAAQ;AAC5C,cAAI,MAAM;AAAkB,mBAAA;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,cAAI,YAAY,cAAc,QAAQ,CAAC,CAAC;AAAU,mBAAA;AAAA,QACpD;AACO,eAAA;AAAA,MACT;AAAA,MACA,OAAO;AACL,cAAM,OAAO,CAAA;AACb,iBAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ;AAC7B,eAAA,KAAK,GAAG,OAAO,KAAK,cAAc,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9C,eAAA,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC;AAAA,MACtC;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEJ;;"}
@@ -1,13 +1,14 @@
1
1
  import { TableOptions, RowData } from '@tanstack/table-core';
2
+
2
3
  export * from '@tanstack/table-core';
3
- export declare const FlexRender: import("vue").DefineComponent<Readonly<{
4
+ export declare const FlexRender: import('vue').DefineComponent<Readonly<{
4
5
  props?: any;
5
6
  render?: any;
6
- }>, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
7
+ }>, () => any, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
7
8
  props?: any;
8
9
  render?: any;
9
10
  }>>>, {
10
11
  readonly props?: any;
11
12
  readonly render?: any;
12
13
  }, {}>;
13
- export declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): import("@tanstack/table-core").Table<TData>;
14
+ export declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): import('@tanstack/table-core').Table<TData>;
@@ -0,0 +1,63 @@
1
+ import { createTable } from "@tanstack/table-core";
2
+ export * from "@tanstack/table-core";
3
+ import { defineComponent, h, ref, watchEffect } from "vue";
4
+ import { mergeProxy } from "./merge-proxy.js";
5
+ const FlexRender = defineComponent({
6
+ props: ["render", "props"],
7
+ setup: (props) => {
8
+ return () => {
9
+ if (typeof props.render === "function" || typeof props.render === "object") {
10
+ return h(props.render, props.props);
11
+ }
12
+ return props.render;
13
+ };
14
+ }
15
+ });
16
+ function useVueTable(options) {
17
+ const resolvedOptions = mergeProxy(
18
+ {
19
+ state: {},
20
+ // Dummy state
21
+ onStateChange: () => {
22
+ },
23
+ // noop
24
+ renderFallbackValue: null,
25
+ mergeOptions(defaultOptions, options2) {
26
+ return mergeProxy(defaultOptions, options2);
27
+ }
28
+ },
29
+ options
30
+ );
31
+ const table = createTable(resolvedOptions);
32
+ const state = ref(table.initialState);
33
+ watchEffect(() => {
34
+ table.setOptions((prev) => {
35
+ const stateProxy = new Proxy({}, {
36
+ get: (_, prop) => state.value[prop]
37
+ });
38
+ return mergeProxy(prev, options, {
39
+ // merge the initialState and `options.state`
40
+ // create a new proxy on each `setOptions` call
41
+ // and get the value from state on each property access
42
+ state: mergeProxy(stateProxy, options.state ?? {}),
43
+ // Similarly, we'll maintain both our internal state and any user-provided
44
+ // state.
45
+ onStateChange: (updater) => {
46
+ var _a;
47
+ if (updater instanceof Function) {
48
+ state.value = updater(state.value);
49
+ } else {
50
+ state.value = updater;
51
+ }
52
+ (_a = options.onStateChange) == null ? void 0 : _a.call(options, updater);
53
+ }
54
+ });
55
+ });
56
+ });
57
+ return table;
58
+ }
59
+ export {
60
+ FlexRender,
61
+ useVueTable
62
+ };
63
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import {\n TableOptions,\n createTable,\n TableOptionsResolved,\n RowData,\n} from '@tanstack/table-core'\nimport { h, watchEffect, ref, defineComponent } from 'vue'\nimport { mergeProxy } from './merge-proxy'\n\nexport * from '@tanstack/table-core'\n\nexport const FlexRender = defineComponent({\n props: ['render', 'props'],\n setup: (props: { render: any; props: any }) => {\n return () => {\n if (\n typeof props.render === 'function' ||\n typeof props.render === 'object'\n ) {\n return h(props.render, props.props)\n }\n\n return props.render\n }\n },\n})\n\nexport function useVueTable<TData extends RowData>(\n options: TableOptions<TData>\n) {\n const resolvedOptions: TableOptionsResolved<TData> = mergeProxy(\n {\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n renderFallbackValue: null,\n mergeOptions(\n defaultOptions: TableOptions<TData>,\n options: TableOptions<TData>\n ) {\n return mergeProxy(defaultOptions, options)\n },\n },\n options\n )\n\n const table = createTable<TData>(resolvedOptions)\n // can't use `reactive` because update needs to be immutable\n const state = ref(table.initialState)\n\n watchEffect(() => {\n table.setOptions(prev => {\n const stateProxy = new Proxy({} as typeof state.value, {\n get: (_, prop) => state.value[prop as keyof typeof state.value],\n })\n\n return mergeProxy(prev, options, {\n // merge the initialState and `options.state`\n // create a new proxy on each `setOptions` call\n // and get the value from state on each property access\n state: mergeProxy(stateProxy, options.state ?? {}),\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: (updater: any) => {\n if (updater instanceof Function) {\n state.value = updater(state.value)\n } else {\n state.value = updater\n }\n\n options.onStateChange?.(updater)\n },\n })\n })\n })\n\n return table\n}\n"],"names":["FlexRender","defineComponent","props","setup","render","h","useVueTable","options","resolvedOptions","mergeProxy","state","onStateChange","renderFallbackValue","mergeOptions","defaultOptions","table","createTable","ref","initialState","watchEffect","setOptions","prev","_options$state","stateProxy","Proxy","get","_","prop","value","updater","Function"],"mappings":";;;;;;;;;;;;;;;;AAWaA,MAAAA,UAAU,GAAGC,mBAAe,CAAC;AACxCC,EAAAA,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;EAC1BC,KAAK,EAAGD,KAAkC,IAAK;AAC7C,IAAA,OAAO,MAAM;AACX,MAAA,IACE,OAAOA,KAAK,CAACE,MAAM,KAAK,UAAU,IAClC,OAAOF,KAAK,CAACE,MAAM,KAAK,QAAQ,EAChC;QACA,OAAOC,KAAC,CAACH,KAAK,CAACE,MAAM,EAAEF,KAAK,CAACA,KAAK,CAAC,CAAA;AACrC,OAAA;MAEA,OAAOA,KAAK,CAACE,MAAM,CAAA;KACpB,CAAA;AACH,GAAA;AACF,CAAC,EAAC;AAEK,SAASE,WAAWA,CACzBC,OAA4B,EAC5B;EACA,MAAMC,eAA4C,GAAGC,qBAAU,CAC7D;IACEC,KAAK,EAAE,EAAE;AAAE;AACXC,IAAAA,aAAa,EAAEA,MAAM,EAAE;AAAE;AACzBC,IAAAA,mBAAmB,EAAE,IAAI;AACzBC,IAAAA,YAAYA,CACVC,cAAmC,EACnCP,OAA4B,EAC5B;AACA,MAAA,OAAOE,qBAAU,CAACK,cAAc,EAAEP,OAAO,CAAC,CAAA;AAC5C,KAAA;GACD,EACDA,OACF,CAAC,CAAA;AAED,EAAA,MAAMQ,KAAK,GAAGC,qBAAW,CAAQR,eAAe,CAAC,CAAA;AACjD;AACA,EAAA,MAAME,KAAK,GAAGO,OAAG,CAACF,KAAK,CAACG,YAAY,CAAC,CAAA;AAErCC,EAAAA,eAAW,CAAC,MAAM;AAChBJ,IAAAA,KAAK,CAACK,UAAU,CAACC,IAAI,IAAI;AAAA,MAAA,IAAAC,cAAA,CAAA;AACvB,MAAA,MAAMC,UAAU,GAAG,IAAIC,KAAK,CAAC,EAAE,EAAwB;QACrDC,GAAG,EAAEA,CAACC,CAAC,EAAEC,IAAI,KAAKjB,KAAK,CAACkB,KAAK,CAACD,IAAI,CAAA;AACpC,OAAC,CAAC,CAAA;AAEF,MAAA,OAAOlB,qBAAU,CAACY,IAAI,EAAEd,OAAO,EAAE;AAC/B;AACA;AACA;AACAG,QAAAA,KAAK,EAAED,qBAAU,CAACc,UAAU,GAAAD,cAAA,GAAEf,OAAO,CAACG,KAAK,KAAAY,IAAAA,GAAAA,cAAA,GAAI,EAAE,CAAC;AAClD;AACA;QACAX,aAAa,EAAGkB,OAAY,IAAK;UAC/B,IAAIA,OAAO,YAAYC,QAAQ,EAAE;YAC/BpB,KAAK,CAACkB,KAAK,GAAGC,OAAO,CAACnB,KAAK,CAACkB,KAAK,CAAC,CAAA;AACpC,WAAC,MAAM;YACLlB,KAAK,CAACkB,KAAK,GAAGC,OAAO,CAAA;AACvB,WAAA;UAEAtB,OAAO,CAACI,aAAa,IAArBJ,IAAAA,IAAAA,OAAO,CAACI,aAAa,CAAGkB,OAAO,CAAC,CAAA;AAClC,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOd,KAAK,CAAA;AACd;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import {\n TableOptions,\n createTable,\n TableOptionsResolved,\n RowData,\n} from '@tanstack/table-core'\nimport { h, watchEffect, ref, defineComponent } from 'vue'\nimport { mergeProxy } from './merge-proxy'\n\nexport * from '@tanstack/table-core'\n\nexport const FlexRender = defineComponent({\n props: ['render', 'props'],\n setup: (props: { render: any; props: any }) => {\n return () => {\n if (\n typeof props.render === 'function' ||\n typeof props.render === 'object'\n ) {\n return h(props.render, props.props)\n }\n\n return props.render\n }\n },\n})\n\nexport function useVueTable<TData extends RowData>(\n options: TableOptions<TData>\n) {\n const resolvedOptions: TableOptionsResolved<TData> = mergeProxy(\n {\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n renderFallbackValue: null,\n mergeOptions(\n defaultOptions: TableOptions<TData>,\n options: TableOptions<TData>\n ) {\n return mergeProxy(defaultOptions, options)\n },\n },\n options\n )\n\n const table = createTable<TData>(resolvedOptions)\n // can't use `reactive` because update needs to be immutable\n const state = ref(table.initialState)\n\n watchEffect(() => {\n table.setOptions(prev => {\n const stateProxy = new Proxy({} as typeof state.value, {\n get: (_, prop) => state.value[prop as keyof typeof state.value],\n })\n\n return mergeProxy(prev, options, {\n // merge the initialState and `options.state`\n // create a new proxy on each `setOptions` call\n // and get the value from state on each property access\n state: mergeProxy(stateProxy, options.state ?? {}),\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: (updater: any) => {\n if (updater instanceof Function) {\n state.value = updater(state.value)\n } else {\n state.value = updater\n }\n\n options.onStateChange?.(updater)\n },\n })\n })\n })\n\n return table\n}\n"],"names":["options"],"mappings":";;;;AAWO,MAAM,aAAa,gBAAgB;AAAA,EACxC,OAAO,CAAC,UAAU,OAAO;AAAA,EACzB,OAAO,CAAC,UAAuC;AAC7C,WAAO,MAAM;AACX,UACE,OAAO,MAAM,WAAW,cACxB,OAAO,MAAM,WAAW,UACxB;AACA,eAAO,EAAE,MAAM,QAAQ,MAAM,KAAK;AAAA,MACpC;AAEA,aAAO,MAAM;AAAA,IAAA;AAAA,EAEjB;AACF,CAAC;AAEM,SAAS,YACd,SACA;AACA,QAAM,kBAA+C;AAAA,IACnD;AAAA,MACE,OAAO,CAAC;AAAA;AAAA,MACR,eAAe,MAAM;AAAA,MAAC;AAAA;AAAA,MACtB,qBAAqB;AAAA,MACrB,aACE,gBACAA,UACA;AACO,eAAA,WAAW,gBAAgBA,QAAO;AAAA,MAC3C;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAGI,QAAA,QAAQ,YAAmB,eAAe;AAE1C,QAAA,QAAQ,IAAI,MAAM,YAAY;AAEpC,cAAY,MAAM;AAChB,UAAM,WAAW,CAAQ,SAAA;AACvB,YAAM,aAAa,IAAI,MAAM,IAA0B;AAAA,QACrD,KAAK,CAAC,GAAG,SAAS,MAAM,MAAM,IAAgC;AAAA,MAAA,CAC/D;AAEM,aAAA,WAAW,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA,QAI/B,OAAO,WAAW,YAAY,QAAQ,SAAS,CAAA,CAAE;AAAA;AAAA;AAAA,QAGjD,eAAe,CAAC,YAAiB;;AAC/B,cAAI,mBAAmB,UAAU;AACzB,kBAAA,QAAQ,QAAQ,MAAM,KAAK;AAAA,UAAA,OAC5B;AACL,kBAAM,QAAQ;AAAA,UAChB;AAEA,wBAAQ,kBAAR,iCAAwB;AAAA,QAC1B;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AAEM,SAAA;AACT;"}
@@ -0,0 +1,11 @@
1
+ type UnboxLazy<T> = T extends () => infer U ? U : T;
2
+ type BoxedTupleTypes<T extends any[]> = {
3
+ [P in keyof T]: [UnboxLazy<T[P]>];
4
+ }[Exclude<keyof T, keyof any[]>];
5
+ type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
6
+ type UnboxIntersection<T> = T extends {
7
+ 0: infer U;
8
+ } ? U : never;
9
+ type MergeProxy<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>;
10
+ export declare function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>;
11
+ export {};
@@ -0,0 +1,64 @@
1
+ function trueFn() {
2
+ return true;
3
+ }
4
+ const $PROXY = Symbol("merge-proxy");
5
+ const propTraps = {
6
+ get(_, property, receiver) {
7
+ if (property === $PROXY)
8
+ return receiver;
9
+ return _.get(property);
10
+ },
11
+ has(_, property) {
12
+ return _.has(property);
13
+ },
14
+ set: trueFn,
15
+ deleteProperty: trueFn,
16
+ getOwnPropertyDescriptor(_, property) {
17
+ return {
18
+ configurable: true,
19
+ enumerable: true,
20
+ get() {
21
+ return _.get(property);
22
+ },
23
+ set: trueFn,
24
+ deleteProperty: trueFn
25
+ };
26
+ },
27
+ ownKeys(_) {
28
+ return _.keys();
29
+ }
30
+ };
31
+ function resolveSource(s) {
32
+ return "value" in s ? s.value : s;
33
+ }
34
+ function mergeProxy(...sources) {
35
+ return new Proxy(
36
+ {
37
+ get(property) {
38
+ for (let i = sources.length - 1; i >= 0; i--) {
39
+ const v = resolveSource(sources[i])[property];
40
+ if (v !== void 0)
41
+ return v;
42
+ }
43
+ },
44
+ has(property) {
45
+ for (let i = sources.length - 1; i >= 0; i--) {
46
+ if (property in resolveSource(sources[i]))
47
+ return true;
48
+ }
49
+ return false;
50
+ },
51
+ keys() {
52
+ const keys = [];
53
+ for (let i = 0; i < sources.length; i++)
54
+ keys.push(...Object.keys(resolveSource(sources[i])));
55
+ return [...Array.from(new Set(keys))];
56
+ }
57
+ },
58
+ propTraps
59
+ );
60
+ }
61
+ export {
62
+ mergeProxy
63
+ };
64
+ //# sourceMappingURL=merge-proxy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"merge-proxy.js","sources":["../../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n get: (k: string | number | symbol) => any\n has: (k: string | number | symbol) => boolean\n keys: () => string[]\n}> = {\n get(_, property, receiver) {\n if (property === $PROXY) return receiver\n return _.get(property)\n },\n has(_, property) {\n return _.has(property)\n },\n set: trueFn,\n deleteProperty: trueFn,\n getOwnPropertyDescriptor(_, property) {\n return {\n configurable: true,\n enumerable: true,\n get() {\n return _.get(property)\n },\n set: trueFn,\n deleteProperty: trueFn,\n }\n },\n ownKeys(_) {\n return _.keys()\n },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends any[]> = {\n [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof any[]>]\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I\n) => void\n ? I\n : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends any[]> = UnboxIntersection<\n UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n return new Proxy(\n {\n get(property: string | number | symbol) {\n for (let i = sources.length - 1; i >= 0; i--) {\n const v = resolveSource(sources[i])[property]\n if (v !== undefined) return v\n }\n },\n has(property: string | number | symbol) {\n for (let i = sources.length - 1; i >= 0; i--) {\n if (property in resolveSource(sources[i])) return true\n }\n return false\n },\n keys() {\n const keys = []\n for (let i = 0; i < sources.length; i++)\n keys.push(...Object.keys(resolveSource(sources[i])))\n return [...Array.from(new Set(keys))]\n },\n },\n propTraps\n )\n}\n"],"names":[],"mappings":"AAAA,SAAS,SAAS;AACT,SAAA;AACT;AAEA,MAAM,SAAS,OAAO,aAAa;AAGnC,MAAM,YAID;AAAA,EACH,IAAI,GAAG,UAAU,UAAU;AACzB,QAAI,aAAa;AAAe,aAAA;AACzB,WAAA,EAAE,IAAI,QAAQ;AAAA,EACvB;AAAA,EACA,IAAI,GAAG,UAAU;AACR,WAAA,EAAE,IAAI,QAAQ;AAAA,EACvB;AAAA,EACA,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,yBAAyB,GAAG,UAAU;AAC7B,WAAA;AAAA,MACL,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,MAAM;AACG,eAAA,EAAE,IAAI,QAAQ;AAAA,MACvB;AAAA,MACA,KAAK;AAAA,MACL,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,QAAQ,GAAG;AACT,WAAO,EAAE;EACX;AACF;AAgBA,SAAS,cAAc,GAAQ;AACtB,SAAA,WAAW,IAAI,EAAE,QAAQ;AAClC;AAGO,SAAS,cAAc,SAAmB;AAC/C,SAAO,IAAI;AAAA,IACT;AAAA,MACE,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,gBAAM,IAAI,cAAc,QAAQ,CAAC,CAAC,EAAE,QAAQ;AAC5C,cAAI,MAAM;AAAkB,mBAAA;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,cAAI,YAAY,cAAc,QAAQ,CAAC,CAAC;AAAU,mBAAA;AAAA,QACpD;AACO,eAAA;AAAA,MACT;AAAA,MACA,OAAO;AACL,cAAM,OAAO,CAAA;AACb,iBAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ;AAC7B,eAAA,KAAK,GAAG,OAAO,KAAK,cAAc,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9C,eAAA,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC;AAAA,MACtC;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEJ;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/vue-table",
3
- "version": "8.17.3",
3
+ "version": "9.0.0-alpha.4",
4
4
  "description": "Headless UI for building powerful tables & datagrids for Vue.",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
@@ -20,15 +20,20 @@
20
20
  "vue-table",
21
21
  "datagrid"
22
22
  ],
23
- "type": "commonjs",
24
- "module": "build/lib/index.esm.js",
25
- "main": "build/lib/index.js",
26
- "types": "build/lib/index.d.ts",
23
+ "type": "module",
24
+ "types": "dist/esm/index.d.ts",
25
+ "main": "dist/cjs/index.cjs",
26
+ "module": "dist/esm/index.js",
27
27
  "exports": {
28
28
  ".": {
29
- "types": "./build/lib/index.d.ts",
30
- "import": "./build/lib/index.mjs",
31
- "default": "./build/lib/index.js"
29
+ "import": {
30
+ "types": "./dist/esm/index.d.ts",
31
+ "default": "./dist/esm/index.js"
32
+ },
33
+ "require": {
34
+ "types": "./dist/cjs/index.d.cts",
35
+ "default": "./dist/cjs/index.cjs"
36
+ }
32
37
  },
33
38
  "./package.json": "./package.json"
34
39
  },
@@ -37,24 +42,18 @@
37
42
  "node": ">=12"
38
43
  },
39
44
  "files": [
40
- "build/lib/*",
41
- "build/umd/*",
45
+ "dist",
42
46
  "src"
43
47
  ],
44
48
  "dependencies": {
45
- "@tanstack/table-core": "8.17.3"
49
+ "@tanstack/table-core": "9.0.0-alpha.4"
46
50
  },
47
51
  "devDependencies": {
52
+ "@vitejs/plugin-vue": "^5.0.4",
48
53
  "vue": "^3.4.25"
49
54
  },
50
55
  "peerDependencies": {
51
56
  "vue": ">=3.2"
52
57
  },
53
- "scripts": {
54
- "clean": "rimraf ./build",
55
- "test:types": "tsc --noEmit",
56
- "build": "pnpm build:rollup && pnpm build:types",
57
- "build:rollup": "rollup --config rollup.config.mjs",
58
- "build:types": "tsc --emitDeclarationOnly"
59
- }
58
+ "scripts": {}
60
59
  }
@@ -1,127 +0,0 @@
1
- /**
2
- * vue-table
3
- *
4
- * Copyright (c) TanStack
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE.md file in the root directory of this source tree.
8
- *
9
- * @license MIT
10
- */
11
- import { createTable } from '@tanstack/table-core';
12
- export * from '@tanstack/table-core';
13
- import { defineComponent, h, ref, watchEffect } from 'vue';
14
-
15
- function trueFn() {
16
- return true;
17
- }
18
- const $PROXY = Symbol('merge-proxy');
19
-
20
- // https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118
21
- const propTraps = {
22
- get(_, property, receiver) {
23
- if (property === $PROXY) return receiver;
24
- return _.get(property);
25
- },
26
- has(_, property) {
27
- return _.has(property);
28
- },
29
- set: trueFn,
30
- deleteProperty: trueFn,
31
- getOwnPropertyDescriptor(_, property) {
32
- return {
33
- configurable: true,
34
- enumerable: true,
35
- get() {
36
- return _.get(property);
37
- },
38
- set: trueFn,
39
- deleteProperty: trueFn
40
- };
41
- },
42
- ownKeys(_) {
43
- return _.keys();
44
- }
45
- };
46
- function resolveSource(s) {
47
- return 'value' in s ? s.value : s;
48
- }
49
- function mergeProxy() {
50
- for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
51
- sources[_key] = arguments[_key];
52
- }
53
- return new Proxy({
54
- get(property) {
55
- for (let i = sources.length - 1; i >= 0; i--) {
56
- const v = resolveSource(sources[i])[property];
57
- if (v !== undefined) return v;
58
- }
59
- },
60
- has(property) {
61
- for (let i = sources.length - 1; i >= 0; i--) {
62
- if (property in resolveSource(sources[i])) return true;
63
- }
64
- return false;
65
- },
66
- keys() {
67
- const keys = [];
68
- for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i])));
69
- return [...Array.from(new Set(keys))];
70
- }
71
- }, propTraps);
72
- }
73
-
74
- const FlexRender = defineComponent({
75
- props: ['render', 'props'],
76
- setup: props => {
77
- return () => {
78
- if (typeof props.render === 'function' || typeof props.render === 'object') {
79
- return h(props.render, props.props);
80
- }
81
- return props.render;
82
- };
83
- }
84
- });
85
- function useVueTable(options) {
86
- const resolvedOptions = mergeProxy({
87
- state: {},
88
- // Dummy state
89
- onStateChange: () => {},
90
- // noop
91
- renderFallbackValue: null,
92
- mergeOptions(defaultOptions, options) {
93
- return mergeProxy(defaultOptions, options);
94
- }
95
- }, options);
96
- const table = createTable(resolvedOptions);
97
- // can't use `reactive` because update needs to be immutable
98
- const state = ref(table.initialState);
99
- watchEffect(() => {
100
- table.setOptions(prev => {
101
- var _options$state;
102
- const stateProxy = new Proxy({}, {
103
- get: (_, prop) => state.value[prop]
104
- });
105
- return mergeProxy(prev, options, {
106
- // merge the initialState and `options.state`
107
- // create a new proxy on each `setOptions` call
108
- // and get the value from state on each property access
109
- state: mergeProxy(stateProxy, (_options$state = options.state) != null ? _options$state : {}),
110
- // Similarly, we'll maintain both our internal state and any user-provided
111
- // state.
112
- onStateChange: updater => {
113
- if (updater instanceof Function) {
114
- state.value = updater(state.value);
115
- } else {
116
- state.value = updater;
117
- }
118
- options.onStateChange == null || options.onStateChange(updater);
119
- }
120
- });
121
- });
122
- });
123
- return table;
124
- }
125
-
126
- export { FlexRender, useVueTable };
127
- //# sourceMappingURL=index.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/merge-proxy.ts","../../src/index.ts"],"sourcesContent":["function trueFn() {\n return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n get: (k: string | number | symbol) => any\n has: (k: string | number | symbol) => boolean\n keys: () => string[]\n}> = {\n get(_, property, receiver) {\n if (property === $PROXY) return receiver\n return _.get(property)\n },\n has(_, property) {\n return _.has(property)\n },\n set: trueFn,\n deleteProperty: trueFn,\n getOwnPropertyDescriptor(_, property) {\n return {\n configurable: true,\n enumerable: true,\n get() {\n return _.get(property)\n },\n set: trueFn,\n deleteProperty: trueFn,\n }\n },\n ownKeys(_) {\n return _.keys()\n },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends any[]> = {\n [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof any[]>]\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I\n) => void\n ? I\n : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends any[]> = UnboxIntersection<\n UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n return new Proxy(\n {\n get(property: string | number | symbol) {\n for (let i = sources.length - 1; i >= 0; i--) {\n const v = resolveSource(sources[i])[property]\n if (v !== undefined) return v\n }\n },\n has(property: string | number | symbol) {\n for (let i = sources.length - 1; i >= 0; i--) {\n if (property in resolveSource(sources[i])) return true\n }\n return false\n },\n keys() {\n const keys = []\n for (let i = 0; i < sources.length; i++)\n keys.push(...Object.keys(resolveSource(sources[i])))\n return [...Array.from(new Set(keys))]\n },\n },\n propTraps\n )\n}\n","import {\n TableOptions,\n createTable,\n TableOptionsResolved,\n RowData,\n} from '@tanstack/table-core'\nimport { h, watchEffect, ref, defineComponent } from 'vue'\nimport { mergeProxy } from './merge-proxy'\n\nexport * from '@tanstack/table-core'\n\nexport const FlexRender = defineComponent({\n props: ['render', 'props'],\n setup: (props: { render: any; props: any }) => {\n return () => {\n if (\n typeof props.render === 'function' ||\n typeof props.render === 'object'\n ) {\n return h(props.render, props.props)\n }\n\n return props.render\n }\n },\n})\n\nexport function useVueTable<TData extends RowData>(\n options: TableOptions<TData>\n) {\n const resolvedOptions: TableOptionsResolved<TData> = mergeProxy(\n {\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n renderFallbackValue: null,\n mergeOptions(\n defaultOptions: TableOptions<TData>,\n options: TableOptions<TData>\n ) {\n return mergeProxy(defaultOptions, options)\n },\n },\n options\n )\n\n const table = createTable<TData>(resolvedOptions)\n // can't use `reactive` because update needs to be immutable\n const state = ref(table.initialState)\n\n watchEffect(() => {\n table.setOptions(prev => {\n const stateProxy = new Proxy({} as typeof state.value, {\n get: (_, prop) => state.value[prop as keyof typeof state.value],\n })\n\n return mergeProxy(prev, options, {\n // merge the initialState and `options.state`\n // create a new proxy on each `setOptions` call\n // and get the value from state on each property access\n state: mergeProxy(stateProxy, options.state ?? {}),\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: (updater: any) => {\n if (updater instanceof Function) {\n state.value = updater(state.value)\n } else {\n state.value = updater\n }\n\n options.onStateChange?.(updater)\n },\n })\n })\n })\n\n return table\n}\n"],"names":["trueFn","$PROXY","Symbol","propTraps","get","_","property","receiver","has","set","deleteProperty","getOwnPropertyDescriptor","configurable","enumerable","ownKeys","keys","resolveSource","s","value","mergeProxy","_len","arguments","length","sources","Array","_key","Proxy","i","v","undefined","push","Object","from","Set","FlexRender","defineComponent","props","setup","render","h","useVueTable","options","resolvedOptions","state","onStateChange","renderFallbackValue","mergeOptions","defaultOptions","table","createTable","ref","initialState","watchEffect","setOptions","prev","_options$state","stateProxy","prop","updater","Function"],"mappings":"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"}
@@ -1,77 +0,0 @@
1
- /**
2
- * vue-table
3
- *
4
- * Copyright (c) TanStack
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE.md file in the root directory of this source tree.
8
- *
9
- * @license MIT
10
- */
11
- 'use strict';
12
-
13
- var tableCore = require('@tanstack/table-core');
14
- var vue = require('vue');
15
- var mergeProxy = require('./merge-proxy.js');
16
-
17
- const FlexRender = vue.defineComponent({
18
- props: ['render', 'props'],
19
- setup: props => {
20
- return () => {
21
- if (typeof props.render === 'function' || typeof props.render === 'object') {
22
- return vue.h(props.render, props.props);
23
- }
24
- return props.render;
25
- };
26
- }
27
- });
28
- function useVueTable(options) {
29
- const resolvedOptions = mergeProxy.mergeProxy({
30
- state: {},
31
- // Dummy state
32
- onStateChange: () => {},
33
- // noop
34
- renderFallbackValue: null,
35
- mergeOptions(defaultOptions, options) {
36
- return mergeProxy.mergeProxy(defaultOptions, options);
37
- }
38
- }, options);
39
- const table = tableCore.createTable(resolvedOptions);
40
- // can't use `reactive` because update needs to be immutable
41
- const state = vue.ref(table.initialState);
42
- vue.watchEffect(() => {
43
- table.setOptions(prev => {
44
- var _options$state;
45
- const stateProxy = new Proxy({}, {
46
- get: (_, prop) => state.value[prop]
47
- });
48
- return mergeProxy.mergeProxy(prev, options, {
49
- // merge the initialState and `options.state`
50
- // create a new proxy on each `setOptions` call
51
- // and get the value from state on each property access
52
- state: mergeProxy.mergeProxy(stateProxy, (_options$state = options.state) != null ? _options$state : {}),
53
- // Similarly, we'll maintain both our internal state and any user-provided
54
- // state.
55
- onStateChange: updater => {
56
- if (updater instanceof Function) {
57
- state.value = updater(state.value);
58
- } else {
59
- state.value = updater;
60
- }
61
- options.onStateChange == null || options.onStateChange(updater);
62
- }
63
- });
64
- });
65
- });
66
- return table;
67
- }
68
-
69
- exports.FlexRender = FlexRender;
70
- exports.useVueTable = useVueTable;
71
- Object.keys(tableCore).forEach(function (k) {
72
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
73
- enumerable: true,
74
- get: function () { return tableCore[k]; }
75
- });
76
- });
77
- //# sourceMappingURL=index.js.map