@extable/vue 0.1.0 → 0.3.0
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 +6 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +21 -25
- package/dist/index.js.map +1 -1
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @extable/vue
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@extable/vue)
|
|
4
|
+
[](https://www.typescriptlang.org/)
|
|
5
|
+
[](../LICENSE)
|
|
6
|
+
[](https://github.com/shibukawa/extable/actions/workflows/test.yml)
|
|
7
|
+
[](https://bundlephobia.com/package/@extable/vue)
|
|
8
|
+
|
|
3
9
|
Vue wrapper for Extable - an Excel-like HTML table component with a fixed column schema and built-in multi-user editing support.
|
|
4
10
|
|
|
5
11
|
## Installation
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CoreOptions, EditMode, LockMode, NullableData, Schema, SelectionChangeReason, SelectionSnapshot, TableState, View } from "@extable/core";
|
|
2
2
|
import { ExtableCore } from "@extable/core";
|
|
3
3
|
import type { PropType } from "vue";
|
|
4
|
-
type CoreApi<T extends object, R extends object = T> = Pick<ExtableCore<T, R>, "setData" | "setView" | "
|
|
4
|
+
type CoreApi<T extends object, R extends object = T> = Pick<ExtableCore<T, R>, "setData" | "setView" | "showFilterSortPanel" | "hideFilterSortPanel" | "toggleFilterSortPanel" | "getData" | "getRawData" | "getSchema" | "getView" | "getCell" | "getDisplayValue" | "getCellPending" | "getRow" | "getTableData" | "getColumnData" | "getPending" | "getPendingRowIds" | "hasPendingChanges" | "getPendingCellCount" | "getRowIndex" | "getColumnIndex" | "getAllRows" | "listRows" | "setCellValue" | "setValueToSelection" | "insertRow" | "deleteRow" | "undo" | "redo" | "getUndoRedoHistory" | "commit" | "subscribeTableState" | "subscribeSelection" | "getSelectionSnapshot">;
|
|
5
5
|
export type ExtableVueHandle<T extends object = Record<string, unknown>, R extends object = T> = CoreApi<T, R> & {
|
|
6
6
|
destroy(): void;
|
|
7
7
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ExtableCore as
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
const
|
|
1
|
+
import { ExtableCore as b } from "@extable/core";
|
|
2
|
+
import { defineComponent as S, ref as D, onMounted as h, onBeforeUnmount as R, watch as y, h as C } from "vue";
|
|
3
|
+
const p = S({
|
|
4
4
|
name: "Extable",
|
|
5
5
|
inheritAttrs: !0,
|
|
6
6
|
props: {
|
|
@@ -26,12 +26,12 @@ const V = b({
|
|
|
26
26
|
tableState: (a, n) => !0,
|
|
27
27
|
cellEvent: (a, n, o) => !0
|
|
28
28
|
},
|
|
29
|
-
setup(a, { attrs: n, emit: o, expose:
|
|
30
|
-
const i =
|
|
31
|
-
let e = null,
|
|
32
|
-
const
|
|
29
|
+
setup(a, { attrs: n, emit: o, expose: g }) {
|
|
30
|
+
const i = D(null);
|
|
31
|
+
let e = null, u = null, s = null;
|
|
32
|
+
const c = a.defaultData === null;
|
|
33
33
|
let d = !1;
|
|
34
|
-
const w = a.schema,
|
|
34
|
+
const w = a.schema, f = a.defaultView, m = {
|
|
35
35
|
ranges: [],
|
|
36
36
|
activeRowIndex: null,
|
|
37
37
|
activeRowKey: null,
|
|
@@ -41,43 +41,39 @@ const V = b({
|
|
|
41
41
|
activeValueDisplay: "",
|
|
42
42
|
activeValueType: null,
|
|
43
43
|
diagnostic: null,
|
|
44
|
+
action: null,
|
|
44
45
|
styles: { columnStyle: {}, cellStyle: {}, resolved: {} }
|
|
45
46
|
};
|
|
46
|
-
return
|
|
47
|
-
i.value && (e = new
|
|
47
|
+
return h(() => {
|
|
48
|
+
i.value && (e = new b({
|
|
48
49
|
root: i.value,
|
|
49
50
|
schema: a.schema,
|
|
50
51
|
defaultData: a.defaultData,
|
|
51
52
|
defaultView: a.defaultView,
|
|
52
53
|
options: a.options
|
|
53
|
-
}),
|
|
54
|
+
}), u = e.subscribeTableState((t, l) => o("tableState", t, l)), s = e.subscribeSelection(
|
|
54
55
|
(t, l, r) => o("cellEvent", t, l, r)
|
|
55
56
|
));
|
|
56
57
|
}), R(() => {
|
|
57
|
-
|
|
58
|
-
}),
|
|
58
|
+
s?.(), u?.(), s = null, u = null, e?.destroy(), e = null;
|
|
59
|
+
}), y(
|
|
59
60
|
() => a.defaultData,
|
|
60
61
|
(t, l) => {
|
|
61
|
-
e &&
|
|
62
|
+
e && c && (d || t !== null && (e.setData(t), d = !0));
|
|
62
63
|
}
|
|
63
|
-
),
|
|
64
|
+
), g({
|
|
64
65
|
destroy: () => {
|
|
65
66
|
e?.destroy(), e = null;
|
|
66
67
|
},
|
|
67
68
|
setData: (t) => e?.setData(t),
|
|
68
69
|
setView: (t) => e?.setView(t),
|
|
69
|
-
showSearchPanel: (t) => e?.showSearchPanel(t),
|
|
70
|
-
hideSearchPanel: () => e?.hideSearchPanel(),
|
|
71
|
-
toggleSearchPanel: (t) => e?.toggleSearchPanel(t),
|
|
72
70
|
showFilterSortPanel: (t) => e?.showFilterSortPanel(t),
|
|
73
71
|
hideFilterSortPanel: () => e?.hideFilterSortPanel(),
|
|
74
72
|
toggleFilterSortPanel: (t) => e?.toggleFilterSortPanel(t),
|
|
75
|
-
openFindReplaceDialog: (t) => e?.openFindReplaceDialog(t),
|
|
76
|
-
closeFindReplaceDialog: () => e?.closeFindReplaceDialog(),
|
|
77
73
|
getData: () => e?.getData() ?? [],
|
|
78
74
|
getRawData: () => e?.getRawData() ?? [],
|
|
79
75
|
getSchema: () => e?.getSchema() ?? w,
|
|
80
|
-
getView: () => e?.getView() ??
|
|
76
|
+
getView: () => e?.getView() ?? f,
|
|
81
77
|
getCell: (t, l) => e?.getCell(t, l) ?? null,
|
|
82
78
|
getDisplayValue: (t, l) => e?.getDisplayValue(t, l) ?? "",
|
|
83
79
|
getCellPending: (t, l) => e?.getCellPending(t, l) ?? !1,
|
|
@@ -99,11 +95,11 @@ const V = b({
|
|
|
99
95
|
undo: () => e?.undo(),
|
|
100
96
|
redo: () => e?.redo(),
|
|
101
97
|
getUndoRedoHistory: () => e?.getUndoRedoHistory() ?? { undo: [], redo: [] },
|
|
102
|
-
commit: () => e?.commit() ?? Promise.resolve([]),
|
|
98
|
+
commit: (t) => t ? e?.commit(t) ?? Promise.resolve([]) : e?.commit() ?? Promise.resolve([]),
|
|
103
99
|
subscribeTableState: (t) => e?.subscribeTableState(t) ?? (() => !1),
|
|
104
100
|
subscribeSelection: (t) => e?.subscribeSelection(t) ?? (() => !1),
|
|
105
|
-
getSelectionSnapshot: () => e?.getSelectionSnapshot() ??
|
|
106
|
-
}), () =>
|
|
101
|
+
getSelectionSnapshot: () => e?.getSelectionSnapshot() ?? m
|
|
102
|
+
}), () => C("div", {
|
|
107
103
|
ref: i,
|
|
108
104
|
"data-extable-wrapper": "",
|
|
109
105
|
...n,
|
|
@@ -112,6 +108,6 @@ const V = b({
|
|
|
112
108
|
}
|
|
113
109
|
});
|
|
114
110
|
export {
|
|
115
|
-
|
|
111
|
+
p as Extable
|
|
116
112
|
};
|
|
117
113
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type {\n CoreOptions,\n EditMode,\n LockMode,\n NullableData,\n Schema,\n SelectionChangeReason,\n SelectionSnapshot,\n TableState,\n View,\n FindReplaceMode,\n} from \"@extable/core\";\nimport { ExtableCore } from \"@extable/core\";\nimport type { PropType } from \"vue\";\nimport { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\n\ntype CoreApi<T extends object, R extends object = T> = Pick<\n ExtableCore<T, R>,\n | \"setData\"\n | \"setView\"\n | \"showSearchPanel\"\n | \"hideSearchPanel\"\n | \"toggleSearchPanel\"\n | \"showFilterSortPanel\"\n | \"hideFilterSortPanel\"\n | \"toggleFilterSortPanel\"\n | \"openFindReplaceDialog\"\n | \"closeFindReplaceDialog\"\n | \"getData\"\n | \"getRawData\"\n | \"getSchema\"\n | \"getView\"\n | \"getCell\"\n | \"getDisplayValue\"\n | \"getCellPending\"\n | \"getRow\"\n | \"getTableData\"\n | \"getColumnData\"\n | \"getPending\"\n | \"getPendingRowIds\"\n | \"hasPendingChanges\"\n | \"getPendingCellCount\"\n | \"getRowIndex\"\n | \"getColumnIndex\"\n | \"getAllRows\"\n | \"listRows\"\n | \"setCellValue\"\n | \"setValueToSelection\"\n | \"insertRow\"\n | \"deleteRow\"\n | \"undo\"\n | \"redo\"\n | \"getUndoRedoHistory\"\n | \"commit\"\n | \"subscribeTableState\"\n | \"subscribeSelection\"\n | \"getSelectionSnapshot\"\n>;\n\nexport type ExtableVueHandle<T extends object = Record<string, unknown>, R extends object = T> = CoreApi<\n T,\n R\n> & {\n destroy(): void;\n};\n\nexport const Extable = defineComponent({\n name: \"Extable\",\n inheritAttrs: true,\n props: {\n schema: {\n type: Object as PropType<Schema<any, any>>,\n required: true,\n },\n defaultData: {\n type: Array as PropType<NullableData<any>>,\n required: false,\n default: null,\n },\n defaultView: {\n type: Object as PropType<View>,\n required: true,\n },\n options: {\n type: Object as PropType<CoreOptions>,\n required: false,\n },\n },\n emits: {\n tableState: (_next: TableState, _prev: TableState | null) => true,\n cellEvent: (\n _next: SelectionSnapshot,\n _prev: SelectionSnapshot | null,\n _reason: SelectionChangeReason,\n ) => true,\n },\n setup(props, { attrs, emit, expose }) {\n const root = ref<HTMLElement | null>(null);\n let core: ExtableCore<Record<string, unknown>> | null = null;\n let unsubTable: (() => void) | null = null;\n let unsubSel: (() => void) | null = null;\n const initialDefaultDataWasNull = props.defaultData === null;\n let consumedDefaultDataLoad = false;\n const initialSchema = props.schema;\n const initialView = props.defaultView;\n const emptySelectionSnapshot: SelectionSnapshot = {\n ranges: [],\n activeRowIndex: null,\n activeRowKey: null,\n activeColumnIndex: null,\n activeColumnKey: null,\n activeValueRaw: undefined,\n activeValueDisplay: \"\",\n activeValueType: null,\n diagnostic: null,\n styles: { columnStyle: {}, cellStyle: {}, resolved: {} },\n };\n\n onMounted(() => {\n if (!root.value) return;\n core = new ExtableCore({\n root: root.value,\n schema: props.schema,\n defaultData: props.defaultData,\n defaultView: props.defaultView,\n options: props.options,\n });\n unsubTable = core.subscribeTableState((next, prev) => emit(\"tableState\", next, prev));\n unsubSel = core.subscribeSelection((next, prev, reason) =>\n emit(\"cellEvent\", next, prev, reason),\n );\n });\n\n onBeforeUnmount(() => {\n unsubSel?.();\n unsubTable?.();\n unsubSel = null;\n unsubTable = null;\n core?.destroy();\n core = null;\n });\n\n watch(\n () => props.defaultData,\n (next, prev) => {\n if (!core) return;\n if (!initialDefaultDataWasNull) return;\n if (consumedDefaultDataLoad) return;\n if (next !== null) {\n core.setData(next);\n consumedDefaultDataLoad = true;\n }\n },\n );\n\n const handle: ExtableVueHandle = {\n destroy: () => {\n core?.destroy();\n core = null;\n },\n setData: (data) => core?.setData(data),\n setView: (view) => core?.setView(view),\n showSearchPanel: (mode?: FindReplaceMode) => core?.showSearchPanel(mode),\n hideSearchPanel: () => core?.hideSearchPanel(),\n toggleSearchPanel: (mode?: FindReplaceMode) => core?.toggleSearchPanel(mode),\n showFilterSortPanel: (colKey: string) => core?.showFilterSortPanel(colKey),\n hideFilterSortPanel: () => core?.hideFilterSortPanel(),\n toggleFilterSortPanel: (colKey: string) => core?.toggleFilterSortPanel(colKey),\n openFindReplaceDialog: (mode?: FindReplaceMode) => core?.openFindReplaceDialog(mode),\n closeFindReplaceDialog: () => core?.closeFindReplaceDialog(),\n getData: () => core?.getData() ?? [],\n getRawData: () => core?.getRawData() ?? [],\n getSchema: () => core?.getSchema() ?? initialSchema,\n getView: () => core?.getView() ?? initialView,\n getCell: (rowId: string, colKey: any) => core?.getCell(rowId, colKey) ?? null,\n getDisplayValue: (row: any, colKey: any) => core?.getDisplayValue(row, colKey) ?? \"\",\n getCellPending: (row: any, colKey: any) => core?.getCellPending(row, colKey) ?? false,\n getRow: (row: any) => core?.getRow(row) ?? null,\n getTableData: () => core?.getTableData() ?? [],\n getColumnData: (colKey: any) => core?.getColumnData(colKey) ?? [],\n getPending: () => core?.getPending() ?? new Map(),\n getPendingRowIds: () => core?.getPendingRowIds() ?? [],\n hasPendingChanges: () => core?.hasPendingChanges() ?? false,\n getPendingCellCount: () => core?.getPendingCellCount() ?? 0,\n getRowIndex: (rowId: string) => core?.getRowIndex(rowId) ?? -1,\n getColumnIndex: (colKey: string) => core?.getColumnIndex(colKey) ?? -1,\n getAllRows: () => core?.getAllRows() ?? [],\n listRows: () => core?.listRows() ?? [],\n setCellValue: (row: any, colKey: any, next: any) =>\n core?.setCellValue(row as never, colKey as never, next as never),\n setValueToSelection: (next: any) => core?.setValueToSelection(next),\n insertRow: (rowData: any, pos?: any) => core?.insertRow(rowData, pos) ?? null,\n deleteRow: (row: any) => core?.deleteRow(row) ?? false,\n undo: () => core?.undo(),\n redo: () => core?.redo(),\n getUndoRedoHistory: () => core?.getUndoRedoHistory() ?? { undo: [], redo: [] },\n commit: () => core?.commit() ?? Promise.resolve([]),\n subscribeTableState: (listener: any) => core?.subscribeTableState(listener) ?? (() => false),\n subscribeSelection: (listener: any) => core?.subscribeSelection(listener) ?? (() => false),\n getSelectionSnapshot: () => core?.getSelectionSnapshot() ?? emptySelectionSnapshot,\n };\n\n expose(handle);\n\n return () =>\n h(\"div\", {\n ref: root,\n \"data-extable-wrapper\": \"\",\n ...attrs,\n class: [\"extable-root\", (attrs as unknown as Record<string, unknown>).class],\n });\n },\n});\n\nexport type {\n CoreOptions,\n EditMode,\n LockMode,\n NullableData,\n Schema,\n SelectionChangeReason,\n SelectionSnapshot,\n TableState,\n View,\n};\n"],"names":["Extable","defineComponent","_next","_prev","_reason","props","attrs","emit","expose","root","ref","core","unsubTable","unsubSel","initialDefaultDataWasNull","consumedDefaultDataLoad","initialSchema","initialView","emptySelectionSnapshot","onMounted","ExtableCore","next","prev","reason","onBeforeUnmount","watch","data","view","mode","colKey","rowId","row","rowData","pos","listener","h"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type {\n CommitHandler,\n CoreOptions,\n EditMode,\n LockMode,\n NullableData,\n Schema,\n SelectionChangeReason,\n SelectionSnapshot,\n TableState,\n View,\n} from \"@extable/core\";\nimport { ExtableCore } from \"@extable/core\";\nimport type { PropType } from \"vue\";\nimport { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\n\ntype CoreApi<T extends object, R extends object = T> = Pick<\n ExtableCore<T, R>,\n | \"setData\"\n | \"setView\"\n | \"showFilterSortPanel\"\n | \"hideFilterSortPanel\"\n | \"toggleFilterSortPanel\"\n | \"getData\"\n | \"getRawData\"\n | \"getSchema\"\n | \"getView\"\n | \"getCell\"\n | \"getDisplayValue\"\n | \"getCellPending\"\n | \"getRow\"\n | \"getTableData\"\n | \"getColumnData\"\n | \"getPending\"\n | \"getPendingRowIds\"\n | \"hasPendingChanges\"\n | \"getPendingCellCount\"\n | \"getRowIndex\"\n | \"getColumnIndex\"\n | \"getAllRows\"\n | \"listRows\"\n | \"setCellValue\"\n | \"setValueToSelection\"\n | \"insertRow\"\n | \"deleteRow\"\n | \"undo\"\n | \"redo\"\n | \"getUndoRedoHistory\"\n | \"commit\"\n | \"subscribeTableState\"\n | \"subscribeSelection\"\n | \"getSelectionSnapshot\"\n>;\n\nexport type ExtableVueHandle<T extends object = Record<string, unknown>, R extends object = T> = CoreApi<\n T,\n R\n> & {\n destroy(): void;\n};\n\nexport const Extable = defineComponent({\n name: \"Extable\",\n inheritAttrs: true,\n props: {\n schema: {\n type: Object as PropType<Schema<any, any>>,\n required: true,\n },\n defaultData: {\n type: Array as PropType<NullableData<any>>,\n required: false,\n default: null,\n },\n defaultView: {\n type: Object as PropType<View>,\n required: true,\n },\n options: {\n type: Object as PropType<CoreOptions>,\n required: false,\n },\n },\n emits: {\n tableState: (_next: TableState, _prev: TableState | null) => true,\n cellEvent: (\n _next: SelectionSnapshot,\n _prev: SelectionSnapshot | null,\n _reason: SelectionChangeReason,\n ) => true,\n },\n setup(props, { attrs, emit, expose }) {\n const root = ref<HTMLElement | null>(null);\n let core: ExtableCore<Record<string, unknown>> | null = null;\n let unsubTable: (() => void) | null = null;\n let unsubSel: (() => void) | null = null;\n const initialDefaultDataWasNull = props.defaultData === null;\n let consumedDefaultDataLoad = false;\n const initialSchema = props.schema;\n const initialView = props.defaultView;\n const emptySelectionSnapshot: SelectionSnapshot = {\n ranges: [],\n activeRowIndex: null,\n activeRowKey: null,\n activeColumnIndex: null,\n activeColumnKey: null,\n activeValueRaw: undefined,\n activeValueDisplay: \"\",\n activeValueType: null,\n diagnostic: null,\n action: null,\n styles: { columnStyle: {}, cellStyle: {}, resolved: {} },\n };\n\n onMounted(() => {\n if (!root.value) return;\n core = new ExtableCore({\n root: root.value,\n schema: props.schema,\n defaultData: props.defaultData,\n defaultView: props.defaultView,\n options: props.options,\n });\n unsubTable = core.subscribeTableState((next, prev) => emit(\"tableState\", next, prev));\n unsubSel = core.subscribeSelection((next, prev, reason) =>\n emit(\"cellEvent\", next, prev, reason),\n );\n });\n\n onBeforeUnmount(() => {\n unsubSel?.();\n unsubTable?.();\n unsubSel = null;\n unsubTable = null;\n core?.destroy();\n core = null;\n });\n\n watch(\n () => props.defaultData,\n (next, prev) => {\n if (!core) return;\n if (!initialDefaultDataWasNull) return;\n if (consumedDefaultDataLoad) return;\n if (next !== null) {\n core.setData(next);\n consumedDefaultDataLoad = true;\n }\n },\n );\n\n const handle: ExtableVueHandle = {\n destroy: () => {\n core?.destroy();\n core = null;\n },\n setData: (data) => core?.setData(data),\n setView: (view) => core?.setView(view),\n showFilterSortPanel: (colKey: string) => core?.showFilterSortPanel(colKey),\n hideFilterSortPanel: () => core?.hideFilterSortPanel(),\n toggleFilterSortPanel: (colKey: string) => core?.toggleFilterSortPanel(colKey),\n getData: () => core?.getData() ?? [],\n getRawData: () => core?.getRawData() ?? [],\n getSchema: () => core?.getSchema() ?? initialSchema,\n getView: () => core?.getView() ?? initialView,\n getCell: (rowId: string, colKey: any) => core?.getCell(rowId, colKey) ?? null,\n getDisplayValue: (row: any, colKey: any) => core?.getDisplayValue(row, colKey) ?? \"\",\n getCellPending: (row: any, colKey: any) => core?.getCellPending(row, colKey) ?? false,\n getRow: (row: any) => core?.getRow(row) ?? null,\n getTableData: () => core?.getTableData() ?? [],\n getColumnData: (colKey: any) => core?.getColumnData(colKey) ?? [],\n getPending: () => core?.getPending() ?? new Map(),\n getPendingRowIds: () => core?.getPendingRowIds() ?? [],\n hasPendingChanges: () => core?.hasPendingChanges() ?? false,\n getPendingCellCount: () => core?.getPendingCellCount() ?? 0,\n getRowIndex: (rowId: string) => core?.getRowIndex(rowId) ?? -1,\n getColumnIndex: (colKey: string) => core?.getColumnIndex(colKey) ?? -1,\n getAllRows: () => core?.getAllRows() ?? [],\n listRows: () => core?.listRows() ?? [],\n setCellValue: (row: any, colKey: any, next: any) =>\n core?.setCellValue(row as never, colKey as never, next as never),\n setValueToSelection: (next: any) => core?.setValueToSelection(next),\n insertRow: (rowData: any, pos?: any) => core?.insertRow(rowData, pos) ?? null,\n deleteRow: (row: any) => core?.deleteRow(row) ?? false,\n undo: () => core?.undo(),\n redo: () => core?.redo(),\n getUndoRedoHistory: () => core?.getUndoRedoHistory() ?? { undo: [], redo: [] },\n commit: (handler?: CommitHandler) =>\n handler ? core?.commit(handler) ?? Promise.resolve([]) : core?.commit() ?? Promise.resolve([]),\n subscribeTableState: (listener: any) => core?.subscribeTableState(listener) ?? (() => false),\n subscribeSelection: (listener: any) => core?.subscribeSelection(listener) ?? (() => false),\n getSelectionSnapshot: () => core?.getSelectionSnapshot() ?? emptySelectionSnapshot,\n };\n\n expose(handle);\n\n return () =>\n h(\"div\", {\n ref: root,\n \"data-extable-wrapper\": \"\",\n ...attrs,\n class: [\"extable-root\", (attrs as unknown as Record<string, unknown>).class],\n });\n },\n});\n\nexport type {\n CoreOptions,\n EditMode,\n LockMode,\n NullableData,\n Schema,\n SelectionChangeReason,\n SelectionSnapshot,\n TableState,\n View,\n};\n"],"names":["Extable","defineComponent","_next","_prev","_reason","props","attrs","emit","expose","root","ref","core","unsubTable","unsubSel","initialDefaultDataWasNull","consumedDefaultDataLoad","initialSchema","initialView","emptySelectionSnapshot","onMounted","ExtableCore","next","prev","reason","onBeforeUnmount","watch","data","view","colKey","rowId","row","rowData","pos","handler","listener","h"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@extable/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
"access": "public"
|
|
20
20
|
},
|
|
21
21
|
"scripts": {
|
|
22
|
+
"pretest": "npm run build --workspace @extable/core",
|
|
22
23
|
"build": "tsc -p tsconfig.build.json --emitDeclarationOnly && vite build",
|
|
23
24
|
"test": "vitest run",
|
|
24
25
|
"lint": "biome lint .",
|
|
@@ -26,7 +27,7 @@
|
|
|
26
27
|
"dev": "vite dev"
|
|
27
28
|
},
|
|
28
29
|
"dependencies": {
|
|
29
|
-
"@extable/core": "0.
|
|
30
|
+
"@extable/core": "0.3.0",
|
|
30
31
|
"vue": "^3.5.13"
|
|
31
32
|
},
|
|
32
33
|
"peerDependencies": {
|
|
@@ -44,6 +45,7 @@
|
|
|
44
45
|
"type": "git",
|
|
45
46
|
"url": "git+https://github.com/shibukawa/extable.git"
|
|
46
47
|
},
|
|
48
|
+
"homepage": "https://shibukawa.github.io/extable/",
|
|
47
49
|
"author": "Yoshiki Shibukawa",
|
|
48
50
|
"license": "Apache-2.0"
|
|
49
51
|
}
|