dockview-vue - npm Package Compare versions

Comparing version 0.0.0-experimental-07d67b2-20240511 to 0.0.0-experimental-fc84942-20240523

dist/dockview-vue.cjs.js

@@ -43,8 +43,5 @@ "use strict";
 }
-class VueRenderer {
+class AbstractVueRenderer {
   constructor(component, parent) {
     __publicField(this, "_element");
-    __publicField(this, "_renderDisposable");
-    __publicField(this, "_api");
-    __publicField(this, "_containerApi");
     this.component = component;
@@ -60,2 +57,10 @@ this.parent = parent;
   }
+}
+class VueRenderer extends AbstractVueRenderer {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_renderDisposable");
+    __publicField(this, "_api");
+    __publicField(this, "_containerApi");
+  }
   init(parameters) {
@@ -97,12 +102,6 @@ var _a;
 }
-class VueWatermarkRenderer {
-  constructor(component, parent) {
-    __publicField(this, "_element");
+class VueWatermarkRenderer extends AbstractVueRenderer {
+  constructor() {
+    super(...arguments);
     __publicField(this, "_renderDisposable");
-    this.component = component;
-    this.parent = parent;
-    this._element = document.createElement("div");
-    this.element.className = "dv-vue-part";
-    this.element.style.height = "100%";
-    this.element.style.width = "100%";
   }
@@ -135,12 +134,6 @@ get element() {
 }
-class VueHeaderActionsRenderer {
+class VueHeaderActionsRenderer extends AbstractVueRenderer {
   constructor(component, parent, group) {
-    __publicField(this, "_element");
+    super(component, parent);
     __publicField(this, "_renderDisposable");
-    this.component = component;
-    this.parent = parent;
-    this._element = document.createElement("div");
-    this.element.className = "dv-vue-header-action-part";
-    this._element.style.width = "100%";
-    this._element.style.height = "100%";
   }
@@ -147,0 +140,0 @@ get element() {

dist/dockview-vue.es.js

@@ -42,8 +42,5 @@ var __defProp = Object.defineProperty;
 }
-class VueRenderer {
+class AbstractVueRenderer {
   constructor(component, parent) {
     __publicField(this, "_element");
-    __publicField(this, "_renderDisposable");
-    __publicField(this, "_api");
-    __publicField(this, "_containerApi");
     this.component = component;
@@ -59,2 +56,10 @@ this.parent = parent;
   }
+}
+class VueRenderer extends AbstractVueRenderer {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_renderDisposable");
+    __publicField(this, "_api");
+    __publicField(this, "_containerApi");
+  }
   init(parameters) {
@@ -96,12 +101,6 @@ var _a;
 }
-class VueWatermarkRenderer {
-  constructor(component, parent) {
-    __publicField(this, "_element");
+class VueWatermarkRenderer extends AbstractVueRenderer {
+  constructor() {
+    super(...arguments);
     __publicField(this, "_renderDisposable");
-    this.component = component;
-    this.parent = parent;
-    this._element = document.createElement("div");
-    this.element.className = "dv-vue-part";
-    this.element.style.height = "100%";
-    this.element.style.width = "100%";
   }
@@ -134,12 +133,6 @@ get element() {
 }
-class VueHeaderActionsRenderer {
+class VueHeaderActionsRenderer extends AbstractVueRenderer {
   constructor(component, parent, group) {
-    __publicField(this, "_element");
+    super(component, parent);
     __publicField(this, "_renderDisposable");
-    this.component = component;
-    this.parent = parent;
-    this._element = document.createElement("div");
-    this.element.className = "dv-vue-header-action-part";
-    this._element.style.width = "100%";
-    this._element.style.height = "100%";
   }
@@ -146,0 +139,0 @@ get element() {

dist/dockview-vue.umd.js

@@ -43,8 +43,5 @@ (function(global, factory) {
   }
-  class VueRenderer {
+  class AbstractVueRenderer {
     constructor(component, parent) {
       __publicField(this, "_element");
-      __publicField(this, "_renderDisposable");
-      __publicField(this, "_api");
-      __publicField(this, "_containerApi");
       this.component = component;
@@ -60,2 +57,10 @@ this.parent = parent;
     }
+  }
+  class VueRenderer extends AbstractVueRenderer {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "_renderDisposable");
+      __publicField(this, "_api");
+      __publicField(this, "_containerApi");
+    }
     init(parameters) {
@@ -97,12 +102,6 @@ var _a;
   }
-  class VueWatermarkRenderer {
-    constructor(component, parent) {
-      __publicField(this, "_element");
+  class VueWatermarkRenderer extends AbstractVueRenderer {
+    constructor() {
+      super(...arguments);
       __publicField(this, "_renderDisposable");
-      this.component = component;
-      this.parent = parent;
-      this._element = document.createElement("div");
-      this.element.className = "dv-vue-part";
-      this.element.style.height = "100%";
-      this.element.style.width = "100%";
     }
@@ -135,12 +134,6 @@ get element() {
   }
-  class VueHeaderActionsRenderer {
+  class VueHeaderActionsRenderer extends AbstractVueRenderer {
     constructor(component, parent, group) {
-      __publicField(this, "_element");
+      super(component, parent);
       __publicField(this, "_renderDisposable");
-      this.component = component;
-      this.parent = parent;
-      this._element = document.createElement("div");
-      this.element.className = "dv-vue-header-action-part";
-      this._element.style.width = "100%";
-      this._element.style.height = "100%";
     }
@@ -147,0 +140,0 @@ get element() {

dist/types/utils.d.ts

@@ -7,8 +7,2 @@ import type { DockviewGroupPanel, GroupPanelPartInitParameters, IContentRenderer, IGroupHeaderProps, IHeaderActionsRenderer, ITabRenderer, IWatermarkRenderer, PanelUpdateEvent, Parameters, WatermarkRendererInitParameters } from 'dockview-core';
 /**
- * TODO List
- *
- * 1. handle vue context-ish stuff (appContext? provides?)
- *
- *
- *
  * @see https://vuejs.org/api/render-function.html#clonevnode
@@ -21,11 +15,13 @@ * @see https://vuejs.org/api/render-function.html#mergeprops
 };
-export declare class VueRenderer implements ITabRenderer, IContentRenderer {
-    private readonly component;
-    private readonly parent;
-    private _element;
+declare abstract class AbstractVueRenderer {
+    protected readonly component: VueComponent;
+    protected readonly parent: ComponentInternalInstance;
+    protected readonly _element: HTMLElement;
+    get element(): HTMLElement;
+    constructor(component: VueComponent, parent: ComponentInternalInstance);
+}
+export declare class VueRenderer extends AbstractVueRenderer implements ITabRenderer, IContentRenderer {
     private _renderDisposable;
     private _api;
     private _containerApi;
-    get element(): HTMLElement;
-    constructor(component: VueComponent, parent: ComponentInternalInstance);
     init(parameters: GroupPanelPartInitParameters): void;
@@ -35,9 +31,5 @@ update(event: PanelUpdateEvent<Parameters>): void;
 }
-export declare class VueWatermarkRenderer implements IWatermarkRenderer {
-    private readonly component;
-    private readonly parent;
-    private _element;
+export declare class VueWatermarkRenderer extends AbstractVueRenderer implements IWatermarkRenderer {
     private _renderDisposable;
     get element(): HTMLElement;
-    constructor(component: VueComponent, parent: ComponentInternalInstance);
     init(parameters: WatermarkRendererInitParameters): void;
@@ -48,6 +40,3 @@ updateParentGroup(group: DockviewGroupPanel, visible: boolean): void;
 }
-export declare class VueHeaderActionsRenderer implements IHeaderActionsRenderer {
-    private readonly component;
-    private readonly parent;
-    private _element;
+export declare class VueHeaderActionsRenderer extends AbstractVueRenderer implements IHeaderActionsRenderer {
     private _renderDisposable;
@@ -59,1 +48,2 @@ get element(): HTMLElement;
 }
+export {};

package.json

 {
     "name": "dockview-vue",
-    "version": "0.0.0-experimental-07d67b2-20240511",
+    "version": "0.0.0-experimental-fc84942-20240523",
     "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
@@ -46,3 +46,4 @@ "keywords": [
         "build:types": "vue-tsc --project tsconfig.build-types.json --declaration --emitDeclarationOnly --outDir dist/types",
-        "build": "npm run build:js && npm run build:types",
+        "build:css": "node scripts/copy-css.js",
+        "build": "npm run build:js && npm run build:types && npm run build:css",
         "clean": "rimraf dist/ .build/ .rollup.cache/",
@@ -55,4 +56,4 @@ "prepublishOnly": "npm run rebuild && npm run test",
     "dependencies": {
-        "dockview-core": "0.0.0-experimental-07d67b2-20240511"
+        "dockview-core": "0.0.0-experimental-fc84942-20240523"
     }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

62066

increased by73.71%

Number of package files

9

increased by12.5%

Lines of code

1823

increased by83.03%

Number of medium supply chain risk alerts

0

decreased by-100%

Number of versions

24

increased by4.35%

Published versions last months

7

increased by16.67%

Published versions last two months

8

increased by14.29%

Published versions last year

24

increased by4.35%

Worsened metrics

Number of downloads

299

decreased by-17.17%

Published versions last week

1

decreased by-50%

Dependency changes

• + Addeddockview-core@0.0.0-experimental-fc84942-20240523(transitive)

• - Removeddockview-core@0.0.0-experimental-07d67b2-20240511(transitive)

• Updateddockview-core@0.0.0-experimental-fc84942-20240523