@extable/vue 0.2.0 → 0.3.1

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import type { CoreOptions, EditMode, LockMode, NullableData, Schema, SelectionChangeReason, SelectionSnapshot, TableState, View } from "@extable/core";
 import { ExtableCore } from "@extable/core";
 import type { PropType } from "vue";
-type CoreApi<T extends object, R extends object = T> = Pick<ExtableCore<T, R>, "setData" | "setView" | "showSearchPanel" | "hideSearchPanel" | "toggleSearchPanel" | "showFilterSortPanel" | "hideFilterSortPanel" | "toggleFilterSortPanel" | "openFindReplaceDialog" | "closeFindReplaceDialog" | "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">;
+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">;
 export type ExtableVueHandle<T extends object = Record<string, unknown>, R extends object = T> = CoreApi<T, R> & {
     destroy(): void;
 };

package/dist/index.js

@@ -1,6 +1,6 @@
-import { ExtableCore as f } from "@extable/core";
-import { defineComponent as b, ref as m, onMounted as D, onBeforeUnmount as R, watch as P, h as p } from "vue";
-const V = b({
+import { ExtableCore as b } from "@extable/core";
+import { defineComponent as S, ref as D, onMounted as h, onBeforeUnmount as R, watch as y, h as C } from "vue";
+const p = S({
   name: "Extable",
   inheritAttrs: !0,
   props: {
@@ -26,12 +26,12 @@ const V = b({
     tableState: (a, n) => !0,
     cellEvent: (a, n, o) => !0
   },
-  setup(a, { attrs: n, emit: o, expose: c }) {
-    const i = m(null);
-    let e = null, s = null, u = null;
-    const g = a.defaultData === null;
+  setup(a, { attrs: n, emit: o, expose: g }) {
+    const i = D(null);
+    let e = null, u = null, s = null;
+    const c = a.defaultData === null;
     let d = !1;
-    const w = a.schema, S = a.defaultView, h = {
+    const w = a.schema, f = a.defaultView, m = {
       ranges: [],
       activeRowIndex: null,
       activeRowKey: null,
@@ -41,43 +41,39 @@ const V = b({
       activeValueDisplay: "",
       activeValueType: null,
       diagnostic: null,
+      action: null,
       styles: { columnStyle: {}, cellStyle: {}, resolved: {} }
     };
-    return D(() => {
-      i.value && (e = new f({
+    return h(() => {
+      i.value && (e = new b({
         root: i.value,
         schema: a.schema,
         defaultData: a.defaultData,
         defaultView: a.defaultView,
         options: a.options
-      }), s = e.subscribeTableState((t, l) => o("tableState", t, l)), u = e.subscribeSelection(
+      }), u = e.subscribeTableState((t, l) => o("tableState", t, l)), s = e.subscribeSelection(
         (t, l, r) => o("cellEvent", t, l, r)
       ));
     }), R(() => {
-      u?.(), s?.(), u = null, s = null, e?.destroy(), e = null;
-    }), P(
+      s?.(), u?.(), s = null, u = null, e?.destroy(), e = null;
+    }), y(
       () => a.defaultData,
       (t, l) => {
-        e && g && (d || t !== null && (e.setData(t), d = !0));
+        e && c && (d || t !== null && (e.setData(t), d = !0));
       }
-    ), c({
+    ), g({
       destroy: () => {
         e?.destroy(), e = null;
       },
       setData: (t) => e?.setData(t),
       setView: (t) => e?.setView(t),
-      showSearchPanel: (t) => e?.showSearchPanel(t),
-      hideSearchPanel: () => e?.hideSearchPanel(),
-      toggleSearchPanel: (t) => e?.toggleSearchPanel(t),
       showFilterSortPanel: (t) => e?.showFilterSortPanel(t),
       hideFilterSortPanel: () => e?.hideFilterSortPanel(),
       toggleFilterSortPanel: (t) => e?.toggleFilterSortPanel(t),
-      openFindReplaceDialog: (t) => e?.openFindReplaceDialog(t),
-      closeFindReplaceDialog: () => e?.closeFindReplaceDialog(),
       getData: () => e?.getData() ?? [],
       getRawData: () => e?.getRawData() ?? [],
       getSchema: () => e?.getSchema() ?? w,
-      getView: () => e?.getView() ?? S,
+      getView: () => e?.getView() ?? f,
       getCell: (t, l) => e?.getCell(t, l) ?? null,
       getDisplayValue: (t, l) => e?.getDisplayValue(t, l) ?? "",
       getCellPending: (t, l) => e?.getCellPending(t, l) ?? !1,
@@ -99,11 +95,11 @@ const V = b({
       undo: () => e?.undo(),
       redo: () => e?.redo(),
       getUndoRedoHistory: () => e?.getUndoRedoHistory() ?? { undo: [], redo: [] },
-      commit: () => e?.commit() ?? Promise.resolve([]),
+      commit: (t) => t ? e?.commit(t) ?? Promise.resolve([]) : e?.commit() ?? Promise.resolve([]),
       subscribeTableState: (t) => e?.subscribeTableState(t) ?? (() => !1),
       subscribeSelection: (t) => e?.subscribeSelection(t) ?? (() => !1),
-      getSelectionSnapshot: () => e?.getSelectionSnapshot() ?? h
-    }), () => p("div", {
+      getSelectionSnapshot: () => e?.getSelectionSnapshot() ?? m
+    }), () => C("div", {
       ref: i,
       "data-extable-wrapper": "",
       ...n,
@@ -112,6 +108,6 @@ const V = b({
   }
 });
 export {
-  V as Extable
+  p as Extable
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -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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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@extable/vue",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -27,7 +27,7 @@
     "dev": "vite dev"
   },
   "dependencies": {
-    "@extable/core": "0.2.0",
+    "@extable/core": "0.3.1",
     "vue": "^3.5.13"
   },
   "peerDependencies": {