@deot/vc 1.0.12 → 1.0.13

package/dist/index.iife.js

@@ -24841,7 +24841,7 @@ var Vc = (function (exports, vue) {
   });
   const COMPONENT_NAME$1T = "vc-alert";
   const THEME_MAP = {
-    info: ["#5495f6", "#91d5ff", "#e6f7ff"],
+    info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
     error: ["#ed4014", "#ffb08f", "#fbe9e9"],
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
@@ -35558,7 +35558,7 @@ var Vc = (function (exports, vue) {
     color: {
       type: [Object, String],
       default: () => ({
-        normal: "#5495f6",
+        normal: "#2B72FD",
         success: "#52c41a",
         error: "#f5222d"
       })
@@ -36705,6 +36705,8 @@ var Vc = (function (exports, vue) {
         });
         if (!originalData.length) {
           rebuildData.value = [];
+        } else {
+          rebuildData.value = originalData.slice();
         }
         offsetPageSize.value = 0;
         await refreshLayout(0, originalData.length);
@@ -37811,17 +37813,24 @@ var Vc = (function (exports, vue) {
       const dataInstanceChanged = this.states._data !== data;
       this.states._data = data;
       this.states.data = data;
+      const caches = /* @__PURE__ */ new Map();
+      this.states.list.forEach((item) => {
+        item.rows.forEach((row) => {
+          caches.set(row.data, row);
+        });
+      });
       this.states.list = data.reduce((pre, row, index) => {
+        const cache = caches.get(row) || { heightMap: {} };
         pre.push({
           rows: [
             {
               index,
               data: row,
-              height: "",
+              height: cache.height || "",
               heightMap: {
-                left: "",
-                main: "",
-                right: ""
+                left: cache.heightMap.left || "",
+                main: cache.heightMap.main || "",
+                right: cache.heightMap.right || ""
               }
             }
           ],
@@ -37829,6 +37838,7 @@ var Vc = (function (exports, vue) {
         });
         return pre;
       }, []);
+      caches.clear();
       this.current.update();
       this.expand.update();
       if (!this.states.reserveSelection) {
@@ -37962,12 +37972,12 @@ var Vc = (function (exports, vue) {
      */
     cleanSelection() {
       const { primaryKey } = this.table.props;
-      const { selection = [] } = this.states;
+      const { selection = [], data } = this.states;
       let deleted;
       if (primaryKey) {
         deleted = [];
         const selectedMap = getValuesMap(selection, primaryKey);
-        const dataMap = getValuesMap(selection, primaryKey);
+        const dataMap = getValuesMap(data, primaryKey);
         for (const key in selectedMap) {
           if (hasOwn$1(selectedMap, key) && !dataMap[key]) {
             deleted.push(selectedMap[key].row);
@@ -38138,8 +38148,10 @@ var Vc = (function (exports, vue) {
   const NormalList = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$h,
     props: {
-      data: Array,
-      default: () => []
+      data: {
+        type: Array,
+        default: () => []
+      }
     },
     emits: ["row-resize"],
     setup(props2, {
@@ -38180,7 +38192,7 @@ var Vc = (function (exports, vue) {
       expose
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const states = useStates({
         data: "data",
         list: "list",
@@ -38304,7 +38316,7 @@ var Vc = (function (exports, vue) {
             column,
             row
           };
-          table.exposed.hoverState.value = hoverState;
+          table.hoverState.value = hoverState;
           table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, e);
         }
         const cellChild = e.target.querySelector(".vc-table__cell");
@@ -38333,7 +38345,7 @@ var Vc = (function (exports, vue) {
       const handleCellMouseLeave = (e) => {
         const cell = getCell(e);
         if (!cell) return;
-        const oldHoverState = table.exposed.hoverState.value || {};
+        const oldHoverState = table.hoverState.value || {};
         table.emit("cell-mouse-leave", oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
       };
       const handleMouseEnter = debounce$1((index) => {
@@ -38371,6 +38383,7 @@ var Vc = (function (exports, vue) {
           columns
         } = states;
         const key = getValueOfRow(row, rowIndex);
+        const selected = props2.store.isSelected(row);
         return vue.createVNode("div", {
           "key": key,
           "class": [getRowClass(row, rowIndex), "vc-table__tr"],
@@ -38391,10 +38404,12 @@ var Vc = (function (exports, vue) {
           };
           if (columnsHidden.value[columnIndex]) {
             return vue.createVNode("div", {
+              "key": column.id,
               "style": [sizeStyle]
             }, null);
           }
           return vue.createVNode("div", {
+            "key": column.id,
             "style": [getCellStyle(rowIndex, columnIndex, row, column), sizeStyle],
             "class": [getCellClass(rowIndex, columnIndex, row, column), "vc-table__td"],
             "onMouseenter": (e) => handleCellMouseEnter(e, row),
@@ -38404,7 +38419,8 @@ var Vc = (function (exports, vue) {
             column,
             rowIndex,
             columnIndex,
-            store: props2.store
+            store: props2.store,
+            selected
           })]);
         })]);
       };
@@ -38438,7 +38454,7 @@ var Vc = (function (exports, vue) {
         wrapper,
         getRootElement: () => instance.vnode.el
       });
-      const layout = table.exposed.layout;
+      const layout = table.layout;
       return () => {
         return vue.createVNode("div", {
           "class": "vc-table__body"
@@ -38448,7 +38464,7 @@ var Vc = (function (exports, vue) {
           "disabled": true,
           "class": "vc-table__tbody",
           "scrollerOptions": {
-            barTo: `.${table.exposed.tableId}`,
+            barTo: `.${table.tableId}`,
             native: false,
             always: false,
             showBar: !props2.fixed,
@@ -38500,7 +38516,7 @@ var Vc = (function (exports, vue) {
       }
     },
     setup(props2) {
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const instance = vue.getCurrentInstance();
       const draggingColumn = vue.ref(null);
       const dragging = vue.ref(false);
@@ -38606,7 +38622,7 @@ var Vc = (function (exports, vue) {
         if (column.children && column.children.length > 0) return;
         if (draggingColumn.value && props2.border) {
           dragging.value = true;
-          table.exposed.resizeProxyVisible.value = true;
+          table.resizeProxyVisible.value = true;
           const tableEl = table.vnode.el;
           const tableLeft = tableEl.getBoundingClientRect().left;
           const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
@@ -38619,7 +38635,7 @@ var Vc = (function (exports, vue) {
             startColumnLeft: columnRect.left - tableLeft,
             tableLeft
           };
-          const resizeProxy = table.exposed.resizeProxy.value;
+          const resizeProxy = table.resizeProxy.value;
           resizeProxy.style.left = dragState.value.startLeft + "px";
           document.onselectstart = () => false;
           document.ondragstart = () => false;
@@ -38976,7 +38992,8 @@ var Vc = (function (exports, vue) {
     emits: ["select", "select-all", "selection-change", "cell-mouse-enter", "cell-mouse-leave", "cell-click", "cell-dblclick", "row-click", "row-contextmenu", "row-dblclick", "header-click", "header-contextmenu", "current-change", "header-dragend ", "expand-change", "sort-change"],
     setup(props2, {
       slots,
-      expose
+      expose,
+      emit
     }) {
       const instance = vue.getCurrentInstance();
       const store = new Store({
@@ -39275,8 +39292,8 @@ var Vc = (function (exports, vue) {
       }, {
         immediate: true
       });
-      vue.watch(() => props2.data, (v) => {
-        store.setData(v);
+      vue.watch(() => [props2.data, props2.data.length], () => {
+        store.setData(props2.data);
         isReady.value && vue.nextTick(refreshLayout);
       }, {
         immediate: true
@@ -39312,7 +39329,7 @@ var Vc = (function (exports, vue) {
         isUnMount = true;
         unbindEvents();
       });
-      expose({
+      const exposed = {
         bodyXWrapper,
         bodyYWrapper,
         tableId,
@@ -39334,8 +39351,12 @@ var Vc = (function (exports, vue) {
         isReady,
         hoverState,
         renderExpanded,
-        hiddenColumns
-      });
+        hiddenColumns,
+        props: props2,
+        emit
+      };
+      expose(exposed);
+      vue.provide("vc-table", exposed);
       return () => {
         return vue.createVNode("div", {
           "class": [classes.value, tableId, "vc-table"],
@@ -39519,10 +39540,11 @@ var Vc = (function (exports, vue) {
         column,
         store,
         rowIndex,
-        level
+        level,
+        selected
       }) {
         return vue.withDirectives(vue.createVNode(Checkbox, {
-          "modelValue": store.isSelected(row),
+          "modelValue": selected,
           "disabled": column.selectable ? !column.selectable.call(null, row, rowIndex) : false,
           "onChange": () => store.rowSelectedChanged(row),
           "onClick": (e) => e.stopPropagation()
@@ -39690,14 +39712,13 @@ var Vc = (function (exports, vue) {
       tooltip: [String, Function]
     },
     setup(props2, {
-      slots,
-      expose
+      slots
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
-      const parent = getInstance$1("table-column", "columnId") || table;
+      const table = vue.inject("vc-table");
+      const parent = vue.inject("vc-table-column", table);
       const isSubColumn = table !== parent;
-      const columnId = vue.ref((parent.exposed.tableId || parent.exposed.columnId) + getUid("column"));
+      const columnId = vue.ref((parent.tableId || parent.columnId) + getUid("column"));
       const realWidth = vue.computed(() => {
         return parseWidth(props2.width);
       });
@@ -39761,7 +39782,7 @@ var Vc = (function (exports, vue) {
           column.renderCell = (data) => vue.createVNode("div", {
             "class": "vc-table__cell"
           }, [originRenderCell(data)]);
-          table.exposed.renderExpanded.value = (data) => {
+          table.renderExpanded.value = (data) => {
             return slots.default ? slots.default(data) : slots.default;
           };
         } else {
@@ -39778,7 +39799,7 @@ var Vc = (function (exports, vue) {
               class: "vc-table__cell",
               style: {}
             };
-            if (!isEmpty$1(table.exposed.store.states.treeData) && !prefix2 && data.isExpandColumn) {
+            if (!isEmpty$1(table.store.states.treeData) && !prefix2 && data.isExpandColumn) {
               prefix2 = vue.createVNode("span", {
                 "class": "vc-table-un-expand__indent"
               }, null);
@@ -39816,15 +39837,15 @@ var Vc = (function (exports, vue) {
       const registerWatchers = () => {
         Object.keys(props2).forEach((k) => vue.watch(() => props2[k], (v) => columnConfig[k] = v));
         vue.watch(() => props2.fixed, () => {
-          table.exposed.store.scheduleLayout(true);
+          table.store.scheduleLayout(true);
         });
         vue.watch(() => realWidth.value, (v) => {
           columnConfig["width"] = v;
           columnConfig["realWidth"] = v;
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
         vue.watch(() => realMinWidth.value, () => {
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
       };
       vue.onBeforeMount(() => {
@@ -39832,15 +39853,15 @@ var Vc = (function (exports, vue) {
         registerWatchers();
       });
       vue.onMounted(() => {
-        const children = isSubColumn ? parent.vnode.el.children : parent.exposed.hiddenColumns.value.children;
+        const children = isSubColumn ? parent.vnode.el.children : parent.hiddenColumns.value.children;
         const columnIndex = [...children].indexOf(instance.vnode.el);
-        table.exposed.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.exposed.columnConfig);
+        table.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.columnConfig);
       });
       vue.onUnmounted(() => {
         if (!instance.parent) return;
-        table.exposed.store.removeColumn(columnConfig, isSubColumn && parent.exposed.columnConfig);
+        table.store.removeColumn(columnConfig, isSubColumn && parent.columnConfig);
       });
-      expose({
+      vue.provide("vc-table-column", {
         columnId,
         columnConfig
       });

package/dist/index.umd.cjs

@@ -24844,7 +24844,7 @@
   });
   const COMPONENT_NAME$1T = "vc-alert";
   const THEME_MAP = {
-    info: ["#5495f6", "#91d5ff", "#e6f7ff"],
+    info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
     error: ["#ed4014", "#ffb08f", "#fbe9e9"],
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
@@ -35561,7 +35561,7 @@
     color: {
       type: [Object, String],
       default: () => ({
-        normal: "#5495f6",
+        normal: "#2B72FD",
         success: "#52c41a",
         error: "#f5222d"
       })
@@ -36708,6 +36708,8 @@
         });
         if (!originalData.length) {
           rebuildData.value = [];
+        } else {
+          rebuildData.value = originalData.slice();
         }
         offsetPageSize.value = 0;
         await refreshLayout(0, originalData.length);
@@ -37814,17 +37816,24 @@
       const dataInstanceChanged = this.states._data !== data;
       this.states._data = data;
       this.states.data = data;
+      const caches = /* @__PURE__ */ new Map();
+      this.states.list.forEach((item) => {
+        item.rows.forEach((row) => {
+          caches.set(row.data, row);
+        });
+      });
       this.states.list = data.reduce((pre, row, index) => {
+        const cache = caches.get(row) || { heightMap: {} };
         pre.push({
           rows: [
             {
               index,
               data: row,
-              height: "",
+              height: cache.height || "",
               heightMap: {
-                left: "",
-                main: "",
-                right: ""
+                left: cache.heightMap.left || "",
+                main: cache.heightMap.main || "",
+                right: cache.heightMap.right || ""
               }
             }
           ],
@@ -37832,6 +37841,7 @@
         });
         return pre;
       }, []);
+      caches.clear();
       this.current.update();
       this.expand.update();
       if (!this.states.reserveSelection) {
@@ -37965,12 +37975,12 @@
      */
     cleanSelection() {
       const { primaryKey } = this.table.props;
-      const { selection = [] } = this.states;
+      const { selection = [], data } = this.states;
       let deleted;
       if (primaryKey) {
         deleted = [];
         const selectedMap = getValuesMap(selection, primaryKey);
-        const dataMap = getValuesMap(selection, primaryKey);
+        const dataMap = getValuesMap(data, primaryKey);
         for (const key in selectedMap) {
           if (hasOwn$1(selectedMap, key) && !dataMap[key]) {
             deleted.push(selectedMap[key].row);
@@ -38141,8 +38151,10 @@
   const NormalList = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$h,
     props: {
-      data: Array,
-      default: () => []
+      data: {
+        type: Array,
+        default: () => []
+      }
     },
     emits: ["row-resize"],
     setup(props2, {
@@ -38183,7 +38195,7 @@
       expose
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const states = useStates({
         data: "data",
         list: "list",
@@ -38307,7 +38319,7 @@
             column,
             row
           };
-          table.exposed.hoverState.value = hoverState;
+          table.hoverState.value = hoverState;
           table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, e);
         }
         const cellChild = e.target.querySelector(".vc-table__cell");
@@ -38336,7 +38348,7 @@
       const handleCellMouseLeave = (e) => {
         const cell = getCell(e);
         if (!cell) return;
-        const oldHoverState = table.exposed.hoverState.value || {};
+        const oldHoverState = table.hoverState.value || {};
         table.emit("cell-mouse-leave", oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
       };
       const handleMouseEnter = debounce$1((index) => {
@@ -38374,6 +38386,7 @@
           columns
         } = states;
         const key = getValueOfRow(row, rowIndex);
+        const selected = props2.store.isSelected(row);
         return vue.createVNode("div", {
           "key": key,
           "class": [getRowClass(row, rowIndex), "vc-table__tr"],
@@ -38394,10 +38407,12 @@
           };
           if (columnsHidden.value[columnIndex]) {
             return vue.createVNode("div", {
+              "key": column.id,
               "style": [sizeStyle]
             }, null);
           }
           return vue.createVNode("div", {
+            "key": column.id,
             "style": [getCellStyle(rowIndex, columnIndex, row, column), sizeStyle],
             "class": [getCellClass(rowIndex, columnIndex, row, column), "vc-table__td"],
             "onMouseenter": (e) => handleCellMouseEnter(e, row),
@@ -38407,7 +38422,8 @@
             column,
             rowIndex,
             columnIndex,
-            store: props2.store
+            store: props2.store,
+            selected
           })]);
         })]);
       };
@@ -38441,7 +38457,7 @@
         wrapper,
         getRootElement: () => instance.vnode.el
       });
-      const layout = table.exposed.layout;
+      const layout = table.layout;
       return () => {
         return vue.createVNode("div", {
           "class": "vc-table__body"
@@ -38451,7 +38467,7 @@
           "disabled": true,
           "class": "vc-table__tbody",
           "scrollerOptions": {
-            barTo: `.${table.exposed.tableId}`,
+            barTo: `.${table.tableId}`,
             native: false,
             always: false,
             showBar: !props2.fixed,
@@ -38503,7 +38519,7 @@
       }
     },
     setup(props2) {
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const instance = vue.getCurrentInstance();
       const draggingColumn = vue.ref(null);
       const dragging = vue.ref(false);
@@ -38609,7 +38625,7 @@
         if (column.children && column.children.length > 0) return;
         if (draggingColumn.value && props2.border) {
           dragging.value = true;
-          table.exposed.resizeProxyVisible.value = true;
+          table.resizeProxyVisible.value = true;
           const tableEl = table.vnode.el;
           const tableLeft = tableEl.getBoundingClientRect().left;
           const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
@@ -38622,7 +38638,7 @@
             startColumnLeft: columnRect.left - tableLeft,
             tableLeft
           };
-          const resizeProxy = table.exposed.resizeProxy.value;
+          const resizeProxy = table.resizeProxy.value;
           resizeProxy.style.left = dragState.value.startLeft + "px";
           document.onselectstart = () => false;
           document.ondragstart = () => false;
@@ -38979,7 +38995,8 @@
     emits: ["select", "select-all", "selection-change", "cell-mouse-enter", "cell-mouse-leave", "cell-click", "cell-dblclick", "row-click", "row-contextmenu", "row-dblclick", "header-click", "header-contextmenu", "current-change", "header-dragend ", "expand-change", "sort-change"],
     setup(props2, {
       slots,
-      expose
+      expose,
+      emit
     }) {
       const instance = vue.getCurrentInstance();
       const store = new Store({
@@ -39278,8 +39295,8 @@
       }, {
         immediate: true
       });
-      vue.watch(() => props2.data, (v) => {
-        store.setData(v);
+      vue.watch(() => [props2.data, props2.data.length], () => {
+        store.setData(props2.data);
         isReady.value && vue.nextTick(refreshLayout);
       }, {
         immediate: true
@@ -39315,7 +39332,7 @@
         isUnMount = true;
         unbindEvents();
       });
-      expose({
+      const exposed = {
         bodyXWrapper,
         bodyYWrapper,
         tableId,
@@ -39337,8 +39354,12 @@
         isReady,
         hoverState,
         renderExpanded,
-        hiddenColumns
-      });
+        hiddenColumns,
+        props: props2,
+        emit
+      };
+      expose(exposed);
+      vue.provide("vc-table", exposed);
       return () => {
         return vue.createVNode("div", {
           "class": [classes.value, tableId, "vc-table"],
@@ -39522,10 +39543,11 @@
         column,
         store,
         rowIndex,
-        level
+        level,
+        selected
       }) {
         return vue.withDirectives(vue.createVNode(Checkbox, {
-          "modelValue": store.isSelected(row),
+          "modelValue": selected,
           "disabled": column.selectable ? !column.selectable.call(null, row, rowIndex) : false,
           "onChange": () => store.rowSelectedChanged(row),
           "onClick": (e) => e.stopPropagation()
@@ -39693,14 +39715,13 @@
       tooltip: [String, Function]
     },
     setup(props2, {
-      slots,
-      expose
+      slots
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
-      const parent = getInstance$1("table-column", "columnId") || table;
+      const table = vue.inject("vc-table");
+      const parent = vue.inject("vc-table-column", table);
       const isSubColumn = table !== parent;
-      const columnId = vue.ref((parent.exposed.tableId || parent.exposed.columnId) + getUid("column"));
+      const columnId = vue.ref((parent.tableId || parent.columnId) + getUid("column"));
       const realWidth = vue.computed(() => {
         return parseWidth(props2.width);
       });
@@ -39764,7 +39785,7 @@
           column.renderCell = (data) => vue.createVNode("div", {
             "class": "vc-table__cell"
           }, [originRenderCell(data)]);
-          table.exposed.renderExpanded.value = (data) => {
+          table.renderExpanded.value = (data) => {
             return slots.default ? slots.default(data) : slots.default;
           };
         } else {
@@ -39781,7 +39802,7 @@
               class: "vc-table__cell",
               style: {}
             };
-            if (!isEmpty$1(table.exposed.store.states.treeData) && !prefix2 && data.isExpandColumn) {
+            if (!isEmpty$1(table.store.states.treeData) && !prefix2 && data.isExpandColumn) {
               prefix2 = vue.createVNode("span", {
                 "class": "vc-table-un-expand__indent"
               }, null);
@@ -39819,15 +39840,15 @@
       const registerWatchers = () => {
         Object.keys(props2).forEach((k) => vue.watch(() => props2[k], (v) => columnConfig[k] = v));
         vue.watch(() => props2.fixed, () => {
-          table.exposed.store.scheduleLayout(true);
+          table.store.scheduleLayout(true);
         });
         vue.watch(() => realWidth.value, (v) => {
           columnConfig["width"] = v;
           columnConfig["realWidth"] = v;
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
         vue.watch(() => realMinWidth.value, () => {
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
       };
       vue.onBeforeMount(() => {
@@ -39835,15 +39856,15 @@
         registerWatchers();
       });
       vue.onMounted(() => {
-        const children = isSubColumn ? parent.vnode.el.children : parent.exposed.hiddenColumns.value.children;
+        const children = isSubColumn ? parent.vnode.el.children : parent.hiddenColumns.value.children;
         const columnIndex = [...children].indexOf(instance.vnode.el);
-        table.exposed.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.exposed.columnConfig);
+        table.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.columnConfig);
       });
       vue.onUnmounted(() => {
         if (!instance.parent) return;
-        table.exposed.store.removeColumn(columnConfig, isSubColumn && parent.exposed.columnConfig);
+        table.store.removeColumn(columnConfig, isSubColumn && parent.columnConfig);
       });
-      expose({
+      vue.provide("vc-table-column", {
         columnId,
         columnConfig
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.12",
-    "@deot/vc-hooks": "^1.0.12",
-    "@deot/vc-shared": "^1.0.12"
+    "@deot/vc-components": "^1.0.13",
+    "@deot/vc-hooks": "^1.0.13",
+    "@deot/vc-shared": "^1.0.13"
   },
   "peerDependencies": {
     "vue": "*"