@overlastic/vue2 0.8.0 → 0.8.3

package/dist/index.cjs

@@ -28,16 +28,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Field: () => Field,
-  default: () => src_default,
+  default: () => index_default,
   defineOverlay: () => defineOverlay,
   install: () => install,
   renderOverlay: () => renderOverlay,
-  useExtendOverlay: () => useExtendOverlay
+  useDisclosure: () => useDisclosure
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/internal/index.ts
 var import_vue = __toESM(require("vue"), 1);
@@ -46,34 +46,45 @@ var context = {
 };
 var ScriptsInjectionKey = "$overlay";
 
+// src/components/index.ts
+var Field = {
+  name: "Field",
+  props: {
+    value: [String, Object]
+  },
+  render(h) {
+    return h(this.value);
+  }
+};
+
 // src/composable/create.ts
 var import_mitt = __toESM(require("mitt"), 1);
 function createVisibleScripts(options) {
-  const { reject: _reject, resolve: _resolve } = options.deferred || {};
+  const { cancel: _cancel, confirm: _confirm } = options.deferred || {};
   const { vanish: _vanish } = options;
   const { on, off, emit } = (0, import_mitt.default)();
-  function reject(value) {
-    emit("reject", value);
-    _reject == null ? void 0 : _reject(value);
+  function cancel(value) {
+    emit("cancel", value);
+    _cancel == null ? void 0 : _cancel(value);
   }
-  function resolve(value) {
+  function confirm(value) {
     var _a;
-    (_a = options.deferred) == null ? void 0 : _a.resolve(value);
-    emit("resolve", value);
-    return _resolve == null ? void 0 : _resolve(value);
+    (_a = options.deferred) == null ? void 0 : _a.confirm(value);
+    emit("confirm", value);
+    return _confirm == null ? void 0 : _confirm(value);
   }
   function vanish() {
     _vanish == null ? void 0 : _vanish();
-    reject();
+    cancel();
     off("*");
   }
   if (options.deferred) {
-    options.deferred.resolve = resolve;
-    options.deferred.reject = reject;
+    options.deferred.confirm = confirm;
+    options.deferred.cancel = cancel;
   }
   return {
-    resolve,
-    reject,
+    confirm,
+    cancel,
     vanish,
     on
   };
@@ -82,10 +93,10 @@ function createVisibleScripts(options) {
 // src/composable/define.ts
 var import_core = require("@overlastic/core");
 var import_vue2 = __toESM(require("vue"), 1);
-function useExtendOverlay(options = {}) {
+function useDisclosure(options = {}) {
   const { duration = 0, immediate = true, model = "visible", automatic = true, events = {} } = options;
-  events.reject = events.reject || "reject";
-  events.resolve = events.resolve || "resolve";
+  events.confirm = events.confirm || "confirm";
+  events.cancel = events.cancel || "cancel";
   const mixinOptions = import_vue2.default.extend({
     inject: [ScriptsInjectionKey],
     model: {
@@ -121,13 +132,13 @@ function useExtendOverlay(options = {}) {
         this.$emit(events[type], value);
         this.$visible = false;
       },
-      async $resolve(value) {
+      async $cancel(value) {
         var _a;
-        (_a = this.$overlay) == null ? void 0 : _a.resolve(value);
+        (_a = this.$overlay) == null ? void 0 : _a.cancel(value);
       },
-      async $reject(value) {
+      async $confirm(value) {
         var _a;
-        (_a = this.$overlay) == null ? void 0 : _a.reject(value);
+        (_a = this.$overlay) == null ? void 0 : _a.confirm(value);
       }
     }
   });
@@ -163,29 +174,18 @@ var constructor = (0, import_core2.createConstructor)((Inst, props, options) =>
 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
 function install(_ins, parent) {
   if (parent)
     context.parent = parent;
 }
 var unoverlay = { install };
-var src_default = unoverlay;
+var index_default = unoverlay;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Field,
   defineOverlay,
   install,
   renderOverlay,
-  useExtendOverlay
+  useDisclosure
 });

package/dist/index.d.cts

@@ -3,21 +3,23 @@ import Vue__default, { Component, PluginObject } from 'vue';
 import * as vue_types_vue from 'vue/types/vue';
 import * as _overlastic_core from '@overlastic/core';
 
+declare const Field: Component;
+
 interface PromptifyEvents {
     /**
-     * reject event name used by the template
+     * confirm event name used by the template
      *
-     * @default 'reject'
+     * @default 'confirm'
      */
-    reject?: string;
+    cancel?: string;
     /**
-     * resolve event name used by the template
+     * cancel event name used by the template
      *
-     * @default 'resolve'
+     * @default 'cancel'
      */
-    resolve?: string;
+    confirm?: string;
 }
-interface ExtendOverlayOptions {
+interface UseDisclosureOptions {
     /** duration duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
@@ -39,18 +41,18 @@ interface ExtendOverlayOptions {
      */
     automatic?: boolean;
 }
-declare function useExtendOverlay(options?: ExtendOverlayOptions): vue_types_vue.ExtendedVue<Vue__default, {
+declare function useDisclosure(options?: UseDisclosureOptions): vue_types_vue.ExtendedVue<Vue__default, {
     runtime_visible: boolean;
 } | {
     runtime_visible?: undefined;
 }, {
-    $runtime_effect(type: 'reject' | 'resolve', value: any): Promise<void>;
-    $resolve(value: any): Promise<void>;
-    $reject(value: any): Promise<void>;
+    $runtime_effect(type: "confirm" | "cancel", value: any): Promise<void>;
+    $cancel(value: any): Promise<void>;
+    $confirm(value: any): Promise<void>;
 }, {
     $visible: any;
 }, {
-    [x: string]: any;
+    [x: string]: /*elided*/ any;
 }>;
 
 interface VMountOptions {
@@ -61,9 +63,7 @@ interface VMountOptions {
 declare const defineOverlay: <Props, Resolved = void>(instance: Vue.Component, options?: _overlastic_core.MountOptions<VMountOptions> | undefined) => _overlastic_core.ImperativeOverlay<Props, Resolved, VMountOptions>;
 declare const renderOverlay: <Props, Resolved = void>(instance: Vue.Component, props?: Props | undefined, options?: _overlastic_core.MountOptions<VMountOptions> | undefined) => Promise<Resolved>;
 
-declare const Field: Component;
-
 declare function install(_ins: any, parent: any): void;
 declare const unoverlay: PluginObject<Vue__default>;
 
-export { type ExtendOverlayOptions, Field, unoverlay as default, defineOverlay, install, renderOverlay, useExtendOverlay };
+export { Field, type UseDisclosureOptions, unoverlay as default, defineOverlay, install, renderOverlay, useDisclosure };

package/dist/index.d.ts

@@ -3,21 +3,23 @@ import Vue__default, { Component, PluginObject } from 'vue';
 import * as vue_types_vue from 'vue/types/vue';
 import * as _overlastic_core from '@overlastic/core';
 
+declare const Field: Component;
+
 interface PromptifyEvents {
     /**
-     * reject event name used by the template
+     * confirm event name used by the template
      *
-     * @default 'reject'
+     * @default 'confirm'
      */
-    reject?: string;
+    cancel?: string;
     /**
-     * resolve event name used by the template
+     * cancel event name used by the template
      *
-     * @default 'resolve'
+     * @default 'cancel'
      */
-    resolve?: string;
+    confirm?: string;
 }
-interface ExtendOverlayOptions {
+interface UseDisclosureOptions {
     /** duration duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
@@ -39,18 +41,18 @@ interface ExtendOverlayOptions {
      */
     automatic?: boolean;
 }
-declare function useExtendOverlay(options?: ExtendOverlayOptions): vue_types_vue.ExtendedVue<Vue__default, {
+declare function useDisclosure(options?: UseDisclosureOptions): vue_types_vue.ExtendedVue<Vue__default, {
     runtime_visible: boolean;
 } | {
     runtime_visible?: undefined;
 }, {
-    $runtime_effect(type: 'reject' | 'resolve', value: any): Promise<void>;
-    $resolve(value: any): Promise<void>;
-    $reject(value: any): Promise<void>;
+    $runtime_effect(type: "confirm" | "cancel", value: any): Promise<void>;
+    $cancel(value: any): Promise<void>;
+    $confirm(value: any): Promise<void>;
 }, {
     $visible: any;
 }, {
-    [x: string]: any;
+    [x: string]: /*elided*/ any;
 }>;
 
 interface VMountOptions {
@@ -61,9 +63,7 @@ interface VMountOptions {
 declare const defineOverlay: <Props, Resolved = void>(instance: Vue.Component, options?: _overlastic_core.MountOptions<VMountOptions> | undefined) => _overlastic_core.ImperativeOverlay<Props, Resolved, VMountOptions>;
 declare const renderOverlay: <Props, Resolved = void>(instance: Vue.Component, props?: Props | undefined, options?: _overlastic_core.MountOptions<VMountOptions> | undefined) => Promise<Resolved>;
 
-declare const Field: Component;
-
 declare function install(_ins: any, parent: any): void;
 declare const unoverlay: PluginObject<Vue__default>;
 
-export { type ExtendOverlayOptions, Field, unoverlay as default, defineOverlay, install, renderOverlay, useExtendOverlay };
+export { Field, type UseDisclosureOptions, unoverlay as default, defineOverlay, install, renderOverlay, useDisclosure };

package/dist/index.global.js

@@ -19,14 +19,14 @@ var OverlaysVue = (() => {
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
   // src/index.ts
-  var src_exports = {};
-  __export(src_exports, {
+  var index_exports = {};
+  __export(index_exports, {
     Field: () => Field,
-    default: () => src_default,
+    default: () => index_default,
     defineOverlay: () => defineOverlay,
     install: () => install,
     renderOverlay: () => renderOverlay,
-    useExtendOverlay: () => useExtendOverlay
+    useDisclosure: () => useDisclosure
   });
 
   // ../../node_modules/.pnpm/vue@2.6.0/node_modules/vue/dist/vue.runtime.esm.js
@@ -554,8 +554,7 @@ var OverlaysVue = (() => {
   };
   Object.defineProperties(VNode.prototype, prototypeAccessors);
   var createEmptyVNode = function(text) {
-    if (text === void 0)
-      text = "";
+    if (text === void 0) text = "";
     var node = new VNode();
     node.text = text;
     node.isComment = true;
@@ -604,8 +603,7 @@ var OverlaysVue = (() => {
     var original = arrayProto[method];
     def(arrayMethods, method, function mutator() {
       var args = [], len = arguments.length;
-      while (len--)
-        args[len] = arguments[len];
+      while (len--) args[len] = arguments[len];
       var result = original.apply(this, args);
       var ob = this.__ob__;
       var inserted2;
@@ -1244,8 +1242,7 @@ var OverlaysVue = (() => {
   }
   function isBoolean() {
     var args = [], len = arguments.length;
-    while (len--)
-      args[len] = arguments[len];
+    while (len--) args[len] = arguments[len];
     return args.some(function(elem) {
       return elem.toLowerCase() === "boolean";
     });
@@ -2503,8 +2500,7 @@ var OverlaysVue = (() => {
         proxy(vm, "_props", key2);
       }
     };
-    for (var key in propsOptions)
-      loop(key);
+    for (var key in propsOptions) loop(key);
     toggleObserving(true);
   }
   function initData(vm) {
@@ -2918,8 +2914,7 @@ var OverlaysVue = (() => {
             }
           }
         };
-        for (var key in value)
-          loop(key);
+        for (var key in value) loop(key);
       }
     }
     return data;
@@ -6050,6 +6045,17 @@ var OverlaysVue = (() => {
   };
   var ScriptsInjectionKey = "$overlay";
 
+  // src/components/index.ts
+  var Field = {
+    name: "Field",
+    props: {
+      value: [String, Object]
+    },
+    render(h) {
+      return h(this.value);
+    }
+  };
+
   // ../../node_modules/.pnpm/mitt@3.0.1/node_modules/mitt/dist/mitt.mjs
   function mitt_default(n) {
     return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
@@ -6070,36 +6076,54 @@ var OverlaysVue = (() => {
 
   // src/composable/create.ts
   function createVisibleScripts(options) {
-    const { reject: _reject, resolve: _resolve } = options.deferred || {};
+    const { cancel: _cancel, confirm: _confirm } = options.deferred || {};
     const { vanish: _vanish } = options;
     const { on, off, emit } = mitt_default();
-    function reject(value) {
-      emit("reject", value);
-      _reject == null ? void 0 : _reject(value);
+    function cancel(value) {
+      emit("cancel", value);
+      _cancel == null ? void 0 : _cancel(value);
     }
-    function resolve(value) {
+    function confirm(value) {
       var _a;
-      (_a = options.deferred) == null ? void 0 : _a.resolve(value);
-      emit("resolve", value);
-      return _resolve == null ? void 0 : _resolve(value);
+      (_a = options.deferred) == null ? void 0 : _a.confirm(value);
+      emit("confirm", value);
+      return _confirm == null ? void 0 : _confirm(value);
     }
     function vanish() {
       _vanish == null ? void 0 : _vanish();
-      reject();
+      cancel();
       off("*");
     }
     if (options.deferred) {
-      options.deferred.resolve = resolve;
-      options.deferred.reject = reject;
+      options.deferred.confirm = confirm;
+      options.deferred.cancel = cancel;
     }
     return {
-      resolve,
-      reject,
+      confirm,
+      cancel,
       vanish,
       on
     };
   }
 
+  // ../@core/src/deferred.ts
+  function createDeferred() {
+    let confirm, cancel;
+    const promise = new Promise((_confirm, _cancel) => {
+      confirm = _confirm;
+      cancel = _cancel;
+    });
+    promise.confirm = (v) => {
+      confirm(v);
+      return promise;
+    };
+    promise.close = () => {
+      confirm();
+    };
+    promise.cancel = cancel;
+    return promise;
+  }
+
   // ../@core/src/define/global.ts
   var UnifiedOverlayProviderID = "unified-overlay";
   function defineGlobalElement(id = "", root = document.body) {
@@ -6129,21 +6153,6 @@ var OverlaysVue = (() => {
     return context2.spaces[id] || 0;
   }
 
-  // ../@core/src/deferred.ts
-  function createDeferred() {
-    let resolve, reject;
-    const promise = new Promise((_resolve, _reject) => {
-      resolve = _resolve;
-      reject = _reject;
-    });
-    promise.resolve = (v) => {
-      resolve(v);
-      return promise;
-    };
-    promise.reject = reject;
-    return promise;
-  }
-
   // ../@core/src/events/index.ts
   function watchClickPosition() {
     if (typeof window === "undefined" && typeof document === "undefined")
@@ -6171,7 +6180,8 @@ var OverlaysVue = (() => {
         const deferred = createDeferred();
         const name = defineName(options3.id, options3.autoIncrement);
         const index2 = getIndex(options3.id);
-        const container = globalContainer ? defineGlobalElement(name, options3.root) : document.body;
+        const root = globalContainer ? options3.root : document.body;
+        const container = defineGlobalElement(name, root);
         mount(instance, props2, Object.assign(options3, {
           position: context2.position,
           id: name,
@@ -6204,14 +6214,14 @@ var OverlaysVue = (() => {
 
   // ../@core/src/utils/util.ts
   function delay(milliseconds) {
-    return new Promise((resolve) => setTimeout(resolve, milliseconds));
+    return new Promise((confirm) => setTimeout(confirm, milliseconds));
   }
 
   // src/composable/define.ts
-  function useExtendOverlay(options = {}) {
+  function useDisclosure(options = {}) {
     const { duration = 0, immediate = true, model = "visible", automatic = true, events: events2 = {} } = options;
-    events2.reject = events2.reject || "reject";
-    events2.resolve = events2.resolve || "resolve";
+    events2.confirm = events2.confirm || "confirm";
+    events2.cancel = events2.cancel || "cancel";
     const mixinOptions = vue_runtime_esm_default.extend({
       inject: [ScriptsInjectionKey],
       model: {
@@ -6247,13 +6257,13 @@ var OverlaysVue = (() => {
           this.$emit(events2[type], value);
           this.$visible = false;
         },
-        async $resolve(value) {
+        async $cancel(value) {
           var _a;
-          (_a = this.$overlay) == null ? void 0 : _a.resolve(value);
+          (_a = this.$overlay) == null ? void 0 : _a.cancel(value);
         },
-        async $reject(value) {
+        async $confirm(value) {
           var _a;
-          (_a = this.$overlay) == null ? void 0 : _a.reject(value);
+          (_a = this.$overlay) == null ? void 0 : _a.confirm(value);
         }
       }
     });
@@ -6265,9 +6275,7 @@ var OverlaysVue = (() => {
     __assign = Object.assign || function __assign2(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
-        for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p))
-            t[p] = s[p];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
       return t;
     };
@@ -6346,25 +6354,14 @@ var OverlaysVue = (() => {
   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
   function install(_ins, parent) {
     if (parent)
       context.parent = parent;
   }
   var unoverlay = { install };
-  var src_default = unoverlay;
-  return __toCommonJS(src_exports);
+  var index_default = unoverlay;
+  return __toCommonJS(index_exports);
 })();
 /*! Bundled license information:
 

package/dist/index.js

@@ -5,34 +5,45 @@ var context = {
 };
 var ScriptsInjectionKey = "$overlay";
 
+// src/components/index.ts
+var Field = {
+  name: "Field",
+  props: {
+    value: [String, Object]
+  },
+  render(h) {
+    return h(this.value);
+  }
+};
+
 // src/composable/create.ts
 import mitt from "mitt";
 function createVisibleScripts(options) {
-  const { reject: _reject, resolve: _resolve } = options.deferred || {};
+  const { cancel: _cancel, confirm: _confirm } = options.deferred || {};
   const { vanish: _vanish } = options;
   const { on, off, emit } = mitt();
-  function reject(value) {
-    emit("reject", value);
-    _reject == null ? void 0 : _reject(value);
+  function cancel(value) {
+    emit("cancel", value);
+    _cancel == null ? void 0 : _cancel(value);
   }
-  function resolve(value) {
+  function confirm(value) {
     var _a;
-    (_a = options.deferred) == null ? void 0 : _a.resolve(value);
-    emit("resolve", value);
-    return _resolve == null ? void 0 : _resolve(value);
+    (_a = options.deferred) == null ? void 0 : _a.confirm(value);
+    emit("confirm", value);
+    return _confirm == null ? void 0 : _confirm(value);
   }
   function vanish() {
     _vanish == null ? void 0 : _vanish();
-    reject();
+    cancel();
     off("*");
   }
   if (options.deferred) {
-    options.deferred.resolve = resolve;
-    options.deferred.reject = reject;
+    options.deferred.confirm = confirm;
+    options.deferred.cancel = cancel;
   }
   return {
-    resolve,
-    reject,
+    confirm,
+    cancel,
     vanish,
     on
   };
@@ -41,10 +52,10 @@ function createVisibleScripts(options) {
 // src/composable/define.ts
 import { delay } from "@overlastic/core";
 import Vue2 from "vue";
-function useExtendOverlay(options = {}) {
+function useDisclosure(options = {}) {
   const { duration = 0, immediate = true, model = "visible", automatic = true, events = {} } = options;
-  events.reject = events.reject || "reject";
-  events.resolve = events.resolve || "resolve";
+  events.confirm = events.confirm || "confirm";
+  events.cancel = events.cancel || "cancel";
   const mixinOptions = Vue2.extend({
     inject: [ScriptsInjectionKey],
     model: {
@@ -80,13 +91,13 @@ function useExtendOverlay(options = {}) {
         this.$emit(events[type], value);
         this.$visible = false;
       },
-      async $resolve(value) {
+      async $cancel(value) {
         var _a;
-        (_a = this.$overlay) == null ? void 0 : _a.resolve(value);
+        (_a = this.$overlay) == null ? void 0 : _a.cancel(value);
       },
-      async $reject(value) {
+      async $confirm(value) {
         var _a;
-        (_a = this.$overlay) == null ? void 0 : _a.reject(value);
+        (_a = this.$overlay) == null ? void 0 : _a.confirm(value);
       }
     }
   });
@@ -122,29 +133,18 @@ var constructor = createConstructor((Inst, props, options) => {
 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
 function install(_ins, parent) {
   if (parent)
     context.parent = parent;
 }
 var unoverlay = { install };
-var src_default = unoverlay;
+var index_default = unoverlay;
 export {
   Field,
-  src_default as default,
+  index_default as default,
   defineOverlay,
   install,
   renderOverlay,
-  useExtendOverlay
+  useDisclosure
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@overlastic/vue2",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.8.3",
   "license": "MIT",
   "homepage": "https://github.com/hairyf/overlastic#readme",
   "repository": {
@@ -30,7 +30,7 @@
   "dependencies": {
     "mitt": "^3.0.1",
     "pascal-case": "3.1.2",
-    "@overlastic/core": "^0.8.0"
+    "@overlastic/core": "^0.8.3"
   },
   "devDependencies": {
     "vue": "^2.6"