@overlastic/vue2 0.4.4

package/dist/index.js

@@ -0,0 +1,150 @@
+// src/internal/index.ts
+import Vue from "vue";
+var context = {
+  parent: Vue
+};
+var ScriptsInjectionKey = "$overlay";
+
+// src/composable/createVisibleScripts.ts
+import mitt from "mitt";
+function createVisibleScripts(options) {
+  const { reject: _reject, resolve: _resolve } = options.deferred || {};
+  const { vanish: _vanish } = options;
+  const { on, off, emit } = mitt();
+  function reject(value) {
+    emit("reject", value);
+    _reject == null ? void 0 : _reject(value);
+  }
+  function resolve(value) {
+    var _a;
+    (_a = options.deferred) == null ? void 0 : _a.resolve(value);
+    emit("resolve", value);
+    return _resolve == null ? void 0 : _resolve(value);
+  }
+  function vanish() {
+    _vanish == null ? void 0 : _vanish();
+    reject();
+    off("*");
+  }
+  if (options.deferred) {
+    options.deferred.resolve = resolve;
+    options.deferred.reject = reject;
+  }
+  return {
+    resolve,
+    reject,
+    vanish,
+    on
+  };
+}
+
+// src/composable/usePrograms.ts
+import { delay } from "@overlastic/core";
+import Vue2 from "vue";
+function usePrograms(options = {}) {
+  const { duration = 0, immediate = true, model = "visible", automatic = true, events = {} } = options;
+  events.reject = events.reject || "reject";
+  events.resolve = events.resolve || "resolve";
+  const mixinOptions = Vue2.extend({
+    inject: [ScriptsInjectionKey],
+    model: {
+      prop: model,
+      event: "change"
+    },
+    props: { [model]: Boolean },
+    data() {
+      if (this.$overlay)
+        return { runtime_visible: false };
+      return {};
+    },
+    computed: {
+      $visible: {
+        set(value) {
+          this.$overlay ? this.runtime_visible = value : this.$emit("change", value);
+          if (value === false && automatic)
+            delay(duration).then(this.$overlay.vanish);
+        },
+        get() {
+          return this.$overlay ? this.runtime_visible : this[model];
+        }
+      }
+    },
+    created() {
+      if (immediate)
+        this.$visible = true;
+      if (this.$overlay)
+        this.$overlay.on("*", this.$runtime_effect);
+    },
+    methods: {
+      async $runtime_effect(type, value) {
+        this.$emit(events[type], value);
+        this.$visible = false;
+      },
+      async $resolve(value) {
+        var _a;
+        (_a = this.$overlay) == null ? void 0 : _a.resolve(value);
+      },
+      async $reject(value) {
+        var _a;
+        (_a = this.$overlay) == null ? void 0 : _a.reject(value);
+      }
+    }
+  });
+  return mixinOptions;
+}
+
+// src/define/constructor.ts
+import { createConstructor } from "@overlastic/core";
+import { pascalCase } from "pascal-case";
+import Vue3 from "vue";
+var constructor = createConstructor((Inst, props, options) => {
+  const { container, id, deferred } = options;
+  function vanish() {
+    childApp.$destroy();
+    container.remove();
+  }
+  const $overlay = createVisibleScripts({
+    deferred,
+    vanish
+  });
+  const childApp = new Vue3({
+    name: pascalCase(id),
+    parent: options.parent,
+    provide: () => ({ $overlay }),
+    render: (h) => h(Inst, { props })
+  });
+  const child = document.createElement("div");
+  container.appendChild(child);
+  childApp.$mount(child);
+});
+
+// src/define/index.ts
+var defineOverlay = constructor.define;
+var renderOverlay = constructor.render;
+
+// src/components/index.ts
+var Field = {
+  name: "Field",
+  props: {
+    value: [String, Object]
+  },
+  render(h) {
+    return h(this.value);
+  }
+};
+
+// src/index.ts
+var install = (_ins, parent) => {
+  if (parent)
+    context.parent = parent;
+};
+var unoverlay = { install };
+var src_default = unoverlay;
+export {
+  Field,
+  src_default as default,
+  defineOverlay,
+  install,
+  renderOverlay,
+  usePrograms
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@overlastic/vue2",
+  "type": "module",
+  "version": "0.4.4",
+  "license": "MIT",
+  "homepage": "https://github.com/hairyf/overlastic#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hairyf/overlastic.git"
+  },
+  "bugs": {
+    "url": "https://github.com/hairyf/overlastic/issues"
+  },
+  "keywords": [
+    "unified",
+    "overlay",
+    "vue"
+  ],
+  "main": "./dist/index.cjs",
+  "publishConfig": {
+    "jsdelivr": "./dist/index.global.js",
+    "linkDirectory": false
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^2.6"
+  },
+  "dependencies": {
+    "mitt": "^3.0.1",
+    "pascal-case": "3.1.2",
+    "@overlastic/core": "^0.4.3"
+  },
+  "devDependencies": {
+    "vue": "^2.6"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts",
+    "lint": "eslint ."
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "types": "./dist/index.d.ts"
+}