@iris-ui-kit/vue 0.2.19 → 0.2.21

package/dist/admin.cjs

@@ -33,7 +33,8 @@ var IrisSidebarLayout = vue.defineComponent({
       () => props.collapsed,
       (value) => {
         if (value !== void 0) internalCollapsed.value = value;
-      }
+      },
+      { immediate: true }
     );
     const setCollapsed = (value) => {
       if (!isControlled.value) internalCollapsed.value = value;
@@ -192,7 +193,7 @@ vue.defineComponent({
   },
   setup(props, { slots }) {
     const current = vue.ref(props.store.store.getState());
-    const unsubscribe = props.store.store.subscribe((next) => {
+    let unsubscribe = props.store.store.subscribe((next) => {
       current.value = next;
     });
     let applied = null;
@@ -214,6 +215,24 @@ vue.defineComponent({
     vue.watch(current, () => {
       if (applied) applyCurrent();
     });
+    vue.watch(
+      () => props.store,
+      (nextStore) => {
+        unsubscribe();
+        unsubscribe = nextStore.store.subscribe((next) => {
+          current.value = next;
+        });
+        current.value = nextStore.store.getState();
+        if (applied) applyCurrent();
+      }
+    );
+    vue.watch(
+      () => props.target,
+      () => {
+        if (applied) applyCurrent();
+        if (dirApplied) applyDir();
+      }
+    );
     vue.watch(
       () => props.dir,
       () => {
@@ -815,10 +834,7 @@ var IrisNavMenu = vue.defineComponent({
           "data-iris-nav-group": "",
           "data-open": shown ? "true" : void 0,
           "data-depth": String(depth),
-          class: [
-            "iris-nav-menu-group",
-            `iris-nav-menu-group--depth-${Math.min(9, depth)}`
-          ],
+          class: ["iris-nav-menu-group", `iris-nav-menu-group--depth-${Math.min(9, depth)}`],
           ...horizontal ? {
             onMouseenter: (event) => {
               if (!keepsPointerInside(event.currentTarget, event)) {
@@ -1967,6 +1983,8 @@ var IrisAdminTabs = vue.defineComponent({
           onClick: (e) => {
             e.stopPropagation();
             close(tab.key);
+            const root = e.currentTarget.closest('[role="tablist"]');
+            void vue.nextTick(() => focusTab(root, props.nav.getState().activeKey));
           }
         },
         [vue.h(IrisIcon, { name: "x", size: 12 })]