npm - dockview-vue - Versions diffs - 1.14.0 → 1.14.2 - Mend

dockview-vue 1.14.0 → 1.14.2

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.

Files changed (6) hide show

package/README.md +3 -21
package/dist/dockview-vue.cjs.js +18 -14
package/dist/dockview-vue.es.js +18 -14
package/dist/dockview-vue.umd.js +18 -14
package/dist/styles/dockview.css +4 -4
package/package.json +2 -2

package/README.md CHANGED Viewed

@@ -1,7 +1,7 @@
 <div align="center">
 <h1>dockview</h1>
-<p>Zero dependency layout manager supporting tabs, groups, grids and splitviews with ReactJS support written in TypeScript</p>
+<p>Zero dependency layout manager supporting tabs, groups, grids and splitviews. Supports React, Vue and Vanilla TypeScript</p>
 </div>
@@ -16,6 +16,8 @@
 ##
+![](packages/docs/static/img/splashscreen.gif)
 Please see the website: https://dockview.dev
 ## Features
@@ -34,23 +36,3 @@ Please see the website: https://dockview.dev
 -   Security at mind - verifed publishing and builds through GitHub Actions
 Want to verify our builds? Go [here](https://www.npmjs.com/package/dockview#Provenance).
-## Quick start
-Dockview has a peer dependency on `react >= 16.8.0` and `react-dom >= 16.8.0`. You can install dockview from [npm](https://www.npmjs.com/package/dockview).
-```
-npm install --save dockview
-```
-Within your project you must import or reference the stylesheet at `dockview/dist/styles/dockview.css` and attach a theme.
-```css
-@import '~dockview/dist/styles/dockview.css';
-```
-You should also attach a dockview theme to an element containing your components. For example:
-```html
-<body classname="dockview-theme-dark"></body>
-```

package/dist/dockview-vue.cjs.js CHANGED Viewed

@@ -199,70 +199,74 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onMounted(() => {
       if (!el.value) {
-        throw new Error("element is not mounted");
+        throw new Error("dockview-vue: element is not mounted");
+      }
+      const inst = vue.getCurrentInstance();
+      if (!inst) {
+        throw new Error("dockview-vue: getCurrentInstance() returned null");
       }
       const frameworkOptions = {
         parentElement: el.value,
         createComponent(options) {
           const component = findComponent(
-            vue.getCurrentInstance(),
+            inst,
             options.name
           );
-          return new VueRenderer(component, vue.getCurrentInstance());
+          return new VueRenderer(component, inst);
         },
         createTabComponent(options) {
-          let component = findComponent(vue.getCurrentInstance(), options.name);
+          let component = findComponent(inst, options.name);
           if (!component && props.defaultTabComponent) {
             component = findComponent(
-              vue.getCurrentInstance(),
+              inst,
               props.defaultTabComponent
             );
           }
           if (component) {
-            return new VueRenderer(component, vue.getCurrentInstance());
+            return new VueRenderer(component, inst);
           }
           return void 0;
         },
         createWatermarkComponent: props.watermarkComponent ? () => {
           const component = findComponent(
-            vue.getCurrentInstance(),
+            inst,
             props.watermarkComponent
           );
           return new VueWatermarkRenderer(
             component,
-            vue.getCurrentInstance()
+            inst
           );
         } : void 0,
         createLeftHeaderActionComponent: props.leftHeaderActionsComponent ? (group) => {
           const component = findComponent(
-            vue.getCurrentInstance(),
+            inst,
             props.leftHeaderActionsComponent
           );
           return new VueHeaderActionsRenderer(
             component,
-            vue.getCurrentInstance(),
+            inst,
             group
           );
         } : void 0,
         createPrefixHeaderActionComponent: props.prefixHeaderActionsComponent ? (group) => {
           const component = findComponent(
-            vue.getCurrentInstance(),
+            inst,
             props.prefixHeaderActionsComponent
           );
           return new VueHeaderActionsRenderer(
             component,
-            vue.getCurrentInstance(),
+            inst,
             group
           );
         } : void 0,
         createRightHeaderActionComponent: props.rightHeaderActionsComponent ? (group) => {
           const component = findComponent(
-            vue.getCurrentInstance(),
+            inst,
             props.rightHeaderActionsComponent
           );
           return new VueHeaderActionsRenderer(
             component,
-            vue.getCurrentInstance(),
+            inst,
             group
           );
         } : void 0

package/dist/dockview-vue.es.js CHANGED Viewed

@@ -198,70 +198,74 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       if (!el.value) {
-        throw new Error("element is not mounted");
+        throw new Error("dockview-vue: element is not mounted");
+      }
+      const inst = getCurrentInstance();
+      if (!inst) {
+        throw new Error("dockview-vue: getCurrentInstance() returned null");
       }
       const frameworkOptions = {
         parentElement: el.value,
         createComponent(options) {
           const component = findComponent(
-            getCurrentInstance(),
+            inst,
             options.name
           );
-          return new VueRenderer(component, getCurrentInstance());
+          return new VueRenderer(component, inst);
         },
         createTabComponent(options) {
-          let component = findComponent(getCurrentInstance(), options.name);
+          let component = findComponent(inst, options.name);
           if (!component && props.defaultTabComponent) {
             component = findComponent(
-              getCurrentInstance(),
+              inst,
               props.defaultTabComponent
             );
           }
           if (component) {
-            return new VueRenderer(component, getCurrentInstance());
+            return new VueRenderer(component, inst);
           }
           return void 0;
         },
         createWatermarkComponent: props.watermarkComponent ? () => {
           const component = findComponent(
-            getCurrentInstance(),
+            inst,
             props.watermarkComponent
           );
           return new VueWatermarkRenderer(
             component,
-            getCurrentInstance()
+            inst
           );
         } : void 0,
         createLeftHeaderActionComponent: props.leftHeaderActionsComponent ? (group) => {
           const component = findComponent(
-            getCurrentInstance(),
+            inst,
             props.leftHeaderActionsComponent
           );
           return new VueHeaderActionsRenderer(
             component,
-            getCurrentInstance(),
+            inst,
             group
           );
         } : void 0,
         createPrefixHeaderActionComponent: props.prefixHeaderActionsComponent ? (group) => {
           const component = findComponent(
-            getCurrentInstance(),
+            inst,
             props.prefixHeaderActionsComponent
           );
           return new VueHeaderActionsRenderer(
             component,
-            getCurrentInstance(),
+            inst,
             group
           );
         } : void 0,
         createRightHeaderActionComponent: props.rightHeaderActionsComponent ? (group) => {
           const component = findComponent(
-            getCurrentInstance(),
+            inst,
             props.rightHeaderActionsComponent
           );
           return new VueHeaderActionsRenderer(
             component,
-            getCurrentInstance(),
+            inst,
             group
           );
         } : void 0

package/dist/dockview-vue.umd.js CHANGED Viewed

@@ -199,70 +199,74 @@ var __publicField = (obj, key, value) => {
       });
       vue.onMounted(() => {
         if (!el.value) {
-          throw new Error("element is not mounted");
+          throw new Error("dockview-vue: element is not mounted");
+        }
+        const inst = vue.getCurrentInstance();
+        if (!inst) {
+          throw new Error("dockview-vue: getCurrentInstance() returned null");
         }
         const frameworkOptions = {
           parentElement: el.value,
           createComponent(options) {
             const component = findComponent(
-              vue.getCurrentInstance(),
+              inst,
               options.name
             );
-            return new VueRenderer(component, vue.getCurrentInstance());
+            return new VueRenderer(component, inst);
           },
           createTabComponent(options) {
-            let component = findComponent(vue.getCurrentInstance(), options.name);
+            let component = findComponent(inst, options.name);
             if (!component && props.defaultTabComponent) {
               component = findComponent(
-                vue.getCurrentInstance(),
+                inst,
                 props.defaultTabComponent
               );
             }
             if (component) {
-              return new VueRenderer(component, vue.getCurrentInstance());
+              return new VueRenderer(component, inst);
             }
             return void 0;
           },
           createWatermarkComponent: props.watermarkComponent ? () => {
             const component = findComponent(
-              vue.getCurrentInstance(),
+              inst,
               props.watermarkComponent
             );
             return new VueWatermarkRenderer(
               component,
-              vue.getCurrentInstance()
+              inst
             );
           } : void 0,
           createLeftHeaderActionComponent: props.leftHeaderActionsComponent ? (group) => {
             const component = findComponent(
-              vue.getCurrentInstance(),
+              inst,
               props.leftHeaderActionsComponent
             );
             return new VueHeaderActionsRenderer(
               component,
-              vue.getCurrentInstance(),
+              inst,
               group
             );
           } : void 0,
           createPrefixHeaderActionComponent: props.prefixHeaderActionsComponent ? (group) => {
             const component = findComponent(
-              vue.getCurrentInstance(),
+              inst,
               props.prefixHeaderActionsComponent
             );
             return new VueHeaderActionsRenderer(
               component,
-              vue.getCurrentInstance(),
+              inst,
               group
             );
           } : void 0,
           createRightHeaderActionComponent: props.rightHeaderActionsComponent ? (group) => {
             const component = findComponent(
-              vue.getCurrentInstance(),
+              inst,
               props.rightHeaderActionsComponent
             );
             return new VueHeaderActionsRenderer(
               component,
-              vue.getCurrentInstance(),
+              inst,
               group
             );
           } : void 0

package/dist/styles/dockview.css CHANGED Viewed

@@ -438,16 +438,16 @@
 .dv-dockview .dv-overlay-render-container {
   position: relative;
 }
-.dv-dockview .split-view-container.horizontal > .view-container > .view:not(:last-child) {
+.dv-dockview .split-view-container.horizontal > .view-container > .view:not(:last-child) .groupview {
   border-right: var(--dv-group-gap-size) solid transparent;
 }
-.dv-dockview .split-view-container.horizontal > .view-container > .view:not(:first-child) {
+.dv-dockview .split-view-container.horizontal > .view-container > .view:not(:first-child) .groupview {
   border-left: var(--dv-group-gap-size) solid transparent;
 }
-.dv-dockview .split-view-container.vertical > .view-container > .view:not(:last-child) {
+.dv-dockview .split-view-container.vertical > .view-container > .view:not(:last-child) .groupview {
   border-bottom: var(--dv-group-gap-size) solid transparent;
 }
-.dv-dockview .split-view-container.vertical > .view-container > .view:not(:first-child) {
+.dv-dockview .split-view-container.vertical > .view-container > .view:not(:first-child) .groupview {
   border-top: var(--dv-group-gap-size) solid transparent;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "dockview-vue",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",
@@ -52,6 +52,6 @@
     "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-vue --coverage"
   },
   "dependencies": {
-    "dockview-core": "^1.14.0"
+    "dockview-core": "^1.14.2"
   }
 }