vue-mount-plugin 2.0.0 → 2.1.0

package/dist/es5/index.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+require('core-js/modules/es.object.assign.js');
+var vueDemi = require('vue-demi');
+
+var Mount = function () {
+  function Mount(component, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    this.vNode = null;
+    this.options = {};
+    this.seed = 1;
+    if (typeof document === 'undefined') throw new Error('This plugin works in browser');
+    this.options = options;
+    this.target = (typeof options.target === 'string' ? document.querySelector(options.target) : options.target) || document.createElement(options.tagName || 'div');
+    this.vNode = this.createVM(component, options);
+  }
+  Mount.prototype.createVM = function (component, _a) {
+    var _b = _a === void 0 ? {} : _a,
+      props = _b.props,
+      children = _b.children,
+      patchFlag = _b.patchFlag,
+      dynamicProps = _b.dynamicProps,
+      isBlockNode = _b.isBlockNode,
+      app = _b.app,
+      context = _b.context,
+      parent = _b.parent;
+    var vNode;
+    if (vueDemi.isVue2) {
+      var VueConstructor = vueDemi.Vue2.extend(Object.assign({}, context || {}, component));
+      vNode = new VueConstructor({
+        parent: parent,
+        propsData: props
+      });
+      vNode.id = 'mount-plugin-' + this.seed++;
+      return vNode;
+    } else {
+      vNode = vueDemi.createVNode(component, props, children, patchFlag, dynamicProps, isBlockNode);
+      if (app === null || app === void 0 ? void 0 : app._context) vNode.appContext = app._context;
+      return vNode;
+    }
+  };
+  Mount.prototype.mount = function () {
+    !this.options.target && document.body.appendChild(this.target);
+    if (vueDemi.isVue2) {
+      this.vNode && this.vNode.$mount(this.target);
+    } else {
+      vueDemi.render(this.vNode, this.target);
+    }
+  };
+  Mount.prototype.unmount = function () {
+    if (vueDemi.isVue2) {
+      this.vNode.$destroy();
+      document.body.removeChild(this.vNode.$el);
+    } else {
+      vueDemi.render(null, this.target);
+      document.body.removeChild(this.target);
+    }
+    this.vNode = null;
+    this.target = null;
+  };
+  return Mount;
+}();
+
+module.exports = Mount;

package/dist/es5/index.d.ts

@@ -0,0 +1,42 @@
+import type { App } from 'vue-demi';
+import { createVNode } from 'vue-demi';
+import type { VNode } from 'vue-demi';
+import type { VNodeProps } from 'vue-demi';
+import { Vue2 } from 'vue-demi';
+
+export declare type Component = CreateVNodeParameters['0'];
+
+export declare type CreateVNodeParameters = Parameters<typeof createVNode>;
+
+export declare type Data = Record<string, unknown>;
+
+declare class Mount {
+    vNode: VNode | typeof Vue2 | null;
+    target: Element | ShadowRoot;
+    options: Options;
+    seed: number;
+    constructor(component: Component, options?: Options);
+    createVM(component: Component, { props, children, patchFlag, dynamicProps, isBlockNode, app, context, parent }?: Options): any;
+    mount(): void;
+    unmount(): void;
+}
+export default Mount;
+
+export declare interface Options {
+    props?: (Data & VNodeProps) | null;
+    children?: unknown;
+    patchFlag?: number;
+    dynamicProps?: string[] | null;
+    isBlockNode?: boolean;
+    target?: Element | ShadowRoot;
+    tagName?: keyof HTMLElementTagNameMap;
+    app?: App;
+    context?: Data & {
+        router: unknown;
+        store: unknown;
+        i18n: unknown;
+    };
+    parent?: unknown;
+}
+
+export { }