@tanstack/vue-table 9.0.0-alpha.9 → 9.0.0-beta.1
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 +127 -0
- package/dist/FlexRender.cjs +80 -0
- package/dist/FlexRender.cjs.map +1 -0
- package/dist/FlexRender.d.cts +45 -0
- package/dist/FlexRender.d.ts +45 -0
- package/dist/FlexRender.js +79 -0
- package/dist/FlexRender.js.map +1 -0
- package/dist/createTableHook.cjs +234 -0
- package/dist/createTableHook.cjs.map +1 -0
- package/dist/createTableHook.d.cts +138 -0
- package/dist/createTableHook.d.ts +138 -0
- package/dist/createTableHook.js +233 -0
- package/dist/createTableHook.js.map +1 -0
- package/dist/flex-render.cjs +5 -0
- package/dist/flex-render.d.cts +2 -0
- package/dist/flex-render.d.ts +2 -0
- package/dist/flex-render.js +3 -0
- package/dist/index.cjs +17 -0
- package/dist/index.d.cts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +7 -0
- package/dist/merge-proxy.cjs +77 -0
- package/dist/merge-proxy.cjs.map +1 -0
- package/dist/merge-proxy.js +75 -0
- package/dist/merge-proxy.js.map +1 -0
- package/dist/reactivity.cjs +73 -0
- package/dist/reactivity.cjs.map +1 -0
- package/dist/reactivity.js +73 -0
- package/dist/reactivity.js.map +1 -0
- package/dist/static-functions.cjs +9 -0
- package/dist/static-functions.d.cts +1 -0
- package/dist/static-functions.d.ts +1 -0
- package/dist/static-functions.js +3 -0
- package/dist/useTable.cjs +83 -0
- package/dist/useTable.cjs.map +1 -0
- package/dist/useTable.d.cts +76 -0
- package/dist/useTable.d.ts +76 -0
- package/dist/useTable.js +83 -0
- package/dist/useTable.js.map +1 -0
- package/package.json +31 -19
- package/skills/vue/client-to-server/SKILL.md +365 -0
- package/skills/vue/compose-with-tanstack-form/SKILL.md +369 -0
- package/skills/vue/compose-with-tanstack-pacer/SKILL.md +318 -0
- package/skills/vue/compose-with-tanstack-query/SKILL.md +385 -0
- package/skills/vue/compose-with-tanstack-store/SKILL.md +301 -0
- package/skills/vue/compose-with-tanstack-virtual/SKILL.md +340 -0
- package/skills/vue/getting-started/SKILL.md +409 -0
- package/skills/vue/migrate-v8-to-v9/SKILL.md +375 -0
- package/skills/vue/production-readiness/SKILL.md +271 -0
- package/skills/vue/table-state/SKILL.md +403 -0
- package/src/FlexRender.ts +123 -0
- package/src/createTableHook.ts +597 -0
- package/src/flex-render.ts +1 -0
- package/src/index.ts +3 -74
- package/src/merge-proxy.ts +66 -15
- package/src/reactivity.ts +115 -0
- package/src/static-functions.ts +1 -0
- package/src/useTable.ts +251 -0
- package/dist/cjs/index.cjs +0 -68
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/cjs/index.d.cts +0 -14
- package/dist/cjs/merge-proxy.cjs +0 -61
- package/dist/cjs/merge-proxy.cjs.map +0 -1
- package/dist/cjs/merge-proxy.d.cts +0 -11
- package/dist/esm/index.d.ts +0 -14
- package/dist/esm/index.js +0 -63
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/merge-proxy.d.ts +0 -11
- package/dist/esm/merge-proxy.js +0 -61
- package/dist/esm/merge-proxy.js.map +0 -1
package/dist/esm/index.js
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
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 useTable(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
|
-
useTable
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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 useTable<TData extends RowData>(options: TableOptions<TData>) {\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,SAAgC,SAA8B;AAC5E,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,aAAoB,eAAe;AAE3C,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;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
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 {};
|
package/dist/esm/merge-proxy.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
function trueFn() {
|
|
2
|
-
return true;
|
|
3
|
-
}
|
|
4
|
-
const $PROXY = Symbol("merge-proxy");
|
|
5
|
-
const propTraps = {
|
|
6
|
-
get(_, property, receiver) {
|
|
7
|
-
if (property === $PROXY) return receiver;
|
|
8
|
-
return _.get(property);
|
|
9
|
-
},
|
|
10
|
-
has(_, property) {
|
|
11
|
-
return _.has(property);
|
|
12
|
-
},
|
|
13
|
-
set: trueFn,
|
|
14
|
-
deleteProperty: trueFn,
|
|
15
|
-
getOwnPropertyDescriptor(_, property) {
|
|
16
|
-
return {
|
|
17
|
-
configurable: true,
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get() {
|
|
20
|
-
return _.get(property);
|
|
21
|
-
},
|
|
22
|
-
set: trueFn,
|
|
23
|
-
deleteProperty: trueFn
|
|
24
|
-
};
|
|
25
|
-
},
|
|
26
|
-
ownKeys(_) {
|
|
27
|
-
return _.keys();
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
function resolveSource(s) {
|
|
31
|
-
return "value" in s ? s.value : s;
|
|
32
|
-
}
|
|
33
|
-
function mergeProxy(...sources) {
|
|
34
|
-
return new Proxy(
|
|
35
|
-
{
|
|
36
|
-
get(property) {
|
|
37
|
-
for (let i = sources.length - 1; i >= 0; i--) {
|
|
38
|
-
const v = resolveSource(sources[i])[property];
|
|
39
|
-
if (v !== void 0) return v;
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
has(property) {
|
|
43
|
-
for (let i = sources.length - 1; i >= 0; i--) {
|
|
44
|
-
if (property in resolveSource(sources[i])) return true;
|
|
45
|
-
}
|
|
46
|
-
return false;
|
|
47
|
-
},
|
|
48
|
-
keys() {
|
|
49
|
-
const keys = [];
|
|
50
|
-
for (let i = 0; i < sources.length; i++)
|
|
51
|
-
keys.push(...Object.keys(resolveSource(sources[i])));
|
|
52
|
-
return [...Array.from(new Set(keys))];
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
propTraps
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
export {
|
|
59
|
-
mergeProxy
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=merge-proxy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;AACrB,QAAA,aAAa,OAAe,QAAA;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;AACxC,cAAA,MAAM,OAAkB,QAAA;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,cAAI,YAAY,cAAc,QAAQ,CAAC,CAAC,EAAU,QAAA;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;"}
|