@v-c/util 0.0.1

package/dist/KeyCode.js

@@ -0,0 +1,516 @@
+const E = {
+  /**
+   * MAC_ENTER
+   */
+  MAC_ENTER: 3,
+  /**
+   * BACKSPACE
+   */
+  BACKSPACE: 8,
+  /**
+   * TAB
+   */
+  TAB: 9,
+  /**
+   * NUMLOCK on FF/Safari Mac
+   */
+  NUM_CENTER: 12,
+  // NUMLOCK on FF/Safari Mac
+  /**
+   * ENTER
+   */
+  ENTER: 13,
+  /**
+   * SHIFT
+   */
+  SHIFT: 16,
+  /**
+   * CTRL
+   */
+  CTRL: 17,
+  /**
+   * ALT
+   */
+  ALT: 18,
+  /**
+   * PAUSE
+   */
+  PAUSE: 19,
+  /**
+   * CAPS_LOCK
+   */
+  CAPS_LOCK: 20,
+  /**
+   * ESC
+   */
+  ESC: 27,
+  /**
+   * SPACE
+   */
+  SPACE: 32,
+  /**
+   * PAGE_UP
+   */
+  PAGE_UP: 33,
+  // also NUM_NORTH_EAST
+  /**
+   * PAGE_DOWN
+   */
+  PAGE_DOWN: 34,
+  // also NUM_SOUTH_EAST
+  /**
+   * END
+   */
+  END: 35,
+  // also NUM_SOUTH_WEST
+  /**
+   * HOME
+   */
+  HOME: 36,
+  // also NUM_NORTH_WEST
+  /**
+   * LEFT
+   */
+  LEFT: 37,
+  // also NUM_WEST
+  /**
+   * UP
+   */
+  UP: 38,
+  // also NUM_NORTH
+  /**
+   * RIGHT
+   */
+  RIGHT: 39,
+  // also NUM_EAST
+  /**
+   * DOWN
+   */
+  DOWN: 40,
+  // also NUM_SOUTH
+  /**
+   * PRINT_SCREEN
+   */
+  PRINT_SCREEN: 44,
+  /**
+   * INSERT
+   */
+  INSERT: 45,
+  // also NUM_INSERT
+  /**
+   * DELETE
+   */
+  DELETE: 46,
+  // also NUM_DELETE
+  /**
+   * ZERO
+   */
+  ZERO: 48,
+  /**
+   * ONE
+   */
+  ONE: 49,
+  /**
+   * TWO
+   */
+  TWO: 50,
+  /**
+   * THREE
+   */
+  THREE: 51,
+  /**
+   * FOUR
+   */
+  FOUR: 52,
+  /**
+   * FIVE
+   */
+  FIVE: 53,
+  /**
+   * SIX
+   */
+  SIX: 54,
+  /**
+   * SEVEN
+   */
+  SEVEN: 55,
+  /**
+   * EIGHT
+   */
+  EIGHT: 56,
+  /**
+   * NINE
+   */
+  NINE: 57,
+  /**
+   * QUESTION_MARK
+   */
+  QUESTION_MARK: 63,
+  // needs localization
+  /**
+   * A
+   */
+  A: 65,
+  /**
+   * B
+   */
+  B: 66,
+  /**
+   * C
+   */
+  C: 67,
+  /**
+   * D
+   */
+  D: 68,
+  /**
+   * E
+   */
+  E: 69,
+  /**
+   * F
+   */
+  F: 70,
+  /**
+   * G
+   */
+  G: 71,
+  /**
+   * H
+   */
+  H: 72,
+  /**
+   * I
+   */
+  I: 73,
+  /**
+   * J
+   */
+  J: 74,
+  /**
+   * K
+   */
+  K: 75,
+  /**
+   * L
+   */
+  L: 76,
+  /**
+   * M
+   */
+  M: 77,
+  /**
+   * N
+   */
+  N: 78,
+  /**
+   * O
+   */
+  O: 79,
+  /**
+   * P
+   */
+  P: 80,
+  /**
+   * Q
+   */
+  Q: 81,
+  /**
+   * R
+   */
+  R: 82,
+  /**
+   * S
+   */
+  S: 83,
+  /**
+   * T
+   */
+  T: 84,
+  /**
+   * U
+   */
+  U: 85,
+  /**
+   * V
+   */
+  V: 86,
+  /**
+   * W
+   */
+  W: 87,
+  /**
+   * X
+   */
+  X: 88,
+  /**
+   * Y
+   */
+  Y: 89,
+  /**
+   * Z
+   */
+  Z: 90,
+  /**
+   * META
+   */
+  META: 91,
+  // WIN_KEY_LEFT
+  /**
+   * WIN_KEY_RIGHT
+   */
+  WIN_KEY_RIGHT: 92,
+  /**
+   * CONTEXT_MENU
+   */
+  CONTEXT_MENU: 93,
+  /**
+   * NUM_ZERO
+   */
+  NUM_ZERO: 96,
+  /**
+   * NUM_ONE
+   */
+  NUM_ONE: 97,
+  /**
+   * NUM_TWO
+   */
+  NUM_TWO: 98,
+  /**
+   * NUM_THREE
+   */
+  NUM_THREE: 99,
+  /**
+   * NUM_FOUR
+   */
+  NUM_FOUR: 100,
+  /**
+   * NUM_FIVE
+   */
+  NUM_FIVE: 101,
+  /**
+   * NUM_SIX
+   */
+  NUM_SIX: 102,
+  /**
+   * NUM_SEVEN
+   */
+  NUM_SEVEN: 103,
+  /**
+   * NUM_EIGHT
+   */
+  NUM_EIGHT: 104,
+  /**
+   * NUM_NINE
+   */
+  NUM_NINE: 105,
+  /**
+   * NUM_MULTIPLY
+   */
+  NUM_MULTIPLY: 106,
+  /**
+   * NUM_PLUS
+   */
+  NUM_PLUS: 107,
+  /**
+   * NUM_MINUS
+   */
+  NUM_MINUS: 109,
+  /**
+   * NUM_PERIOD
+   */
+  NUM_PERIOD: 110,
+  /**
+   * NUM_DIVISION
+   */
+  NUM_DIVISION: 111,
+  /**
+   * F1
+   */
+  F1: 112,
+  /**
+   * F2
+   */
+  F2: 113,
+  /**
+   * F3
+   */
+  F3: 114,
+  /**
+   * F4
+   */
+  F4: 115,
+  /**
+   * F5
+   */
+  F5: 116,
+  /**
+   * F6
+   */
+  F6: 117,
+  /**
+   * F7
+   */
+  F7: 118,
+  /**
+   * F8
+   */
+  F8: 119,
+  /**
+   * F9
+   */
+  F9: 120,
+  /**
+   * F10
+   */
+  F10: 121,
+  /**
+   * F11
+   */
+  F11: 122,
+  /**
+   * F12
+   */
+  F12: 123,
+  /**
+   * NUMLOCK
+   */
+  NUMLOCK: 144,
+  /**
+   * SEMICOLON
+   */
+  SEMICOLON: 186,
+  // needs localization
+  /**
+   * DASH
+   */
+  DASH: 189,
+  // needs localization
+  /**
+   * EQUALS
+   */
+  EQUALS: 187,
+  // needs localization
+  /**
+   * COMMA
+   */
+  COMMA: 188,
+  // needs localization
+  /**
+   * PERIOD
+   */
+  PERIOD: 190,
+  // needs localization
+  /**
+   * SLASH
+   */
+  SLASH: 191,
+  // needs localization
+  /**
+   * APOSTROPHE
+   */
+  APOSTROPHE: 192,
+  // needs localization
+  /**
+   * SINGLE_QUOTE
+   */
+  SINGLE_QUOTE: 222,
+  // needs localization
+  /**
+   * OPEN_SQUARE_BRACKET
+   */
+  OPEN_SQUARE_BRACKET: 219,
+  // needs localization
+  /**
+   * BACKSLASH
+   */
+  BACKSLASH: 220,
+  // needs localization
+  /**
+   * CLOSE_SQUARE_BRACKET
+   */
+  CLOSE_SQUARE_BRACKET: 221,
+  // needs localization
+  /**
+   * WIN_KEY
+   */
+  WIN_KEY: 224,
+  /**
+   * MAC_FF_META
+   */
+  MAC_FF_META: 224,
+  // Firefox (Gecko) fires this for the meta key instead of 91
+  /**
+   * WIN_IME
+   */
+  WIN_IME: 229,
+  // ======================== Function ========================
+  /**
+   * whether text and modified key is entered at the same time.
+   */
+  isTextModifyingKeyEvent: function(N) {
+    const { keyCode: e } = N;
+    if (N.altKey && !N.ctrlKey || N.metaKey || e >= E.F1 && e <= E.F12)
+      return !1;
+    switch (e) {
+      case E.ALT:
+      case E.CAPS_LOCK:
+      case E.CONTEXT_MENU:
+      case E.CTRL:
+      case E.DOWN:
+      case E.END:
+      case E.ESC:
+      case E.HOME:
+      case E.INSERT:
+      case E.LEFT:
+      case E.MAC_FF_META:
+      case E.META:
+      case E.NUMLOCK:
+      case E.NUM_CENTER:
+      case E.PAGE_DOWN:
+      case E.PAGE_UP:
+      case E.PAUSE:
+      case E.PRINT_SCREEN:
+      case E.RIGHT:
+      case E.SHIFT:
+      case E.UP:
+      case E.WIN_KEY:
+      case E.WIN_KEY_RIGHT:
+        return !1;
+      default:
+        return !0;
+    }
+  },
+  /**
+   * whether character is entered.
+   */
+  isCharacterKey: function(N) {
+    if (N >= E.ZERO && N <= E.NINE || N >= E.NUM_ZERO && N <= E.NUM_MULTIPLY || N >= E.A && N <= E.Z || window.navigator.userAgent.includes("WebKit") && N === 0)
+      return !0;
+    switch (N) {
+      case E.SPACE:
+      case E.QUESTION_MARK:
+      case E.NUM_PLUS:
+      case E.NUM_MINUS:
+      case E.NUM_PERIOD:
+      case E.NUM_DIVISION:
+      case E.SEMICOLON:
+      case E.DASH:
+      case E.EQUALS:
+      case E.COMMA:
+      case E.PERIOD:
+      case E.SLASH:
+      case E.APOSTROPHE:
+      case E.SINGLE_QUOTE:
+      case E.OPEN_SQUARE_BRACKET:
+      case E.BACKSLASH:
+      case E.CLOSE_SQUARE_BRACKET:
+        return !0;
+      default:
+        return !1;
+    }
+  }
+};
+export {
+  E as default
+};

package/dist/Portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),f=require("./Dom/canUseDom.cjs"),v=t.defineComponent((u,i)=>{var r;const a=t.shallowRef(),n=t.shallowRef(),o=t.shallowRef(!1);return!o.value&&f.default()&&(n.value=u.getContainer(),a.value=(r=n.value)==null?void 0:r.parentNode,o.value=!0),t.onMounted(()=>{var e;((e=n.value)==null?void 0:e.parentNode)===null&&a.value!==null&&a.value.appendChild(n.value)}),t.onBeforeUnmount(()=>{var e;(e=u.didUpdate)==null||e.call(u,u)}),t.onUnmounted(()=>{var e,l,d;(d=(l=(e=n.value)==null?void 0:e.parentNode)==null?void 0:l.removeChild)==null||d.call(l,n.value)}),()=>n.value?t.createVNode(t.Teleport,{to:n.value},{default:()=>{var e,l;return[(l=(e=i.slots).default)==null?void 0:l.call(e)]}}):null},{props:{didUpdate:{type:Function,required:!1},getContainer:{type:Function,required:!0}},inheritAttrs:!1});exports.default=v;

package/dist/Portal.d.ts

@@ -0,0 +1,8 @@
+export interface PortalProps {
+    didUpdate?: (prevProps: PortalProps) => void;
+    getContainer: () => HTMLElement;
+}
+export interface PortalRef {
+}
+declare const Portal: import('vue').DefineSetupFnComponent<PortalProps, {}, {}, PortalProps & {}, import('vue').PublicProps>;
+export default Portal;

package/dist/Portal.js

@@ -0,0 +1,38 @@
+import { defineComponent as f, shallowRef as u, onMounted as v, onBeforeUnmount as c, onUnmounted as m, createVNode as s, Teleport as p } from "vue";
+import C from "./Dom/canUseDom.js";
+const N = /* @__PURE__ */ f((a, i) => {
+  var r;
+  const l = u(), t = u(), o = u(!1);
+  return !o.value && C() && (t.value = a.getContainer(), l.value = (r = t.value) == null ? void 0 : r.parentNode, o.value = !0), v(() => {
+    var e;
+    ((e = t.value) == null ? void 0 : e.parentNode) === null && l.value !== null && l.value.appendChild(t.value);
+  }), c(() => {
+    var e;
+    (e = a.didUpdate) == null || e.call(a, a);
+  }), m(() => {
+    var e, n, d;
+    (d = (n = (e = t.value) == null ? void 0 : e.parentNode) == null ? void 0 : n.removeChild) == null || d.call(n, t.value);
+  }), () => t.value ? s(p, {
+    to: t.value
+  }, {
+    default: () => {
+      var e, n;
+      return [(n = (e = i.slots).default) == null ? void 0 : n.call(e)];
+    }
+  }) : null;
+}, {
+  props: {
+    didUpdate: {
+      type: Function,
+      required: !1
+    },
+    getContainer: {
+      type: Function,
+      required: !0
+    }
+  },
+  inheritAttrs: !1
+});
+export {
+  N as default
+};

package/dist/PortalWrapper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),q=require("./raf.cjs"),O=require("./Dom/canUseDom.cjs"),R=require("./Dom/scrollLocker.cjs"),N=require("./setStyle.cjs"),k=require("./Portal.cjs");let l=0;const f=O.default();function S(){return process.env.NODE_ENV==="test"?l:0}let s={};function c(e){if(!f)return null;if(e){if(typeof e=="string")return document.querySelectorAll(e)[0];if(typeof e=="function")return e();if(typeof e=="object"&&e instanceof window.HTMLElement)return e}return document.body}const E=r.defineComponent((e,d)=>{const o=r.shallowRef(),C=r.shallowRef(),y=r.shallowRef(),g=r.shallowRef(),h=()=>{var t,n;(n=(t=o.value)==null?void 0:t.parentNode)==null||n.removeChild(o.value)},v=t=>{const{visible:n,getContainer:a}=t||{},{visible:i,getContainer:u}=e;i!==n&&f&&c(u)===document.body&&(i&&!n?l+=1:t&&(l-=1)),(typeof u=="function"&&typeof a=="function"?u.toString()!==a.toString():u!==a)&&h()},p=(t=!1)=>{if(t||o.value&&!o.value.parentNode){const n=c(e.getContainer);return n?(n.appendChild(o.value),!0):!1}return!0},w=()=>{const{wrapperClassName:t}=e;o.value&&t&&t!==o.value.className&&(o.value.className=t)},b=()=>f?(o.value||(o.value=document.createElement("div"),p(!0)),w(),o.value):null;r.onMounted(()=>{g.value=new R.default({container:c(e.getContainer)}),v(),p()||(y.value=q.default(()=>{}))}),r.onUpdated(()=>{v(e),v(e),w(),p()}),r.onBeforeUnmount(()=>{const{visible:t,getContainer:n}=e;f&&c(n)===document.body&&(l=t&&l?l-1:l),h(),q.default.cancel(y.value)});const m=()=>{l===1&&!Object.keys(s).length?(m(),s=N.default({overflow:"hidden",overflowX:"hidden",overflowY:"hidden"})):l||(N.default(s),s={},m())};return()=>{const{forceRender:t,visible:n}=e;let a=null;const i={getOpenCount:S,getContainer:b,switchScrollingEffect:m,scrollLocker:g.value};return(t||n||C.value)&&(a=r.createVNode(k.default,{getContainer:b,ref:C},{default:()=>{var u;return[(u=d==null?void 0:d.slots)==null?void 0:u.default(i)]}})),a}},{props:{visible:{type:Boolean,required:!1},getContainer:{type:[String,Function],required:!1,skipCheck:!0},wrapperClassName:{type:String,required:!1},forceRender:{type:Boolean,required:!1}}});exports.default=E;exports.getOpenCount=S;

package/dist/PortalWrapper.d.ts

@@ -0,0 +1,28 @@
+import { SlotsType } from 'vue';
+import { default as ScrollLocker } from './Dom/scrollLocker';
+
+/**
+ * @private
+ */
+export declare function getOpenCount(): number;
+export type GetContainer = string | HTMLElement | (() => HTMLElement);
+export type DefaultSlotInfo = SlotsType<{
+    default: {
+        getOpenCount: () => number;
+        getContainer: () => HTMLElement;
+        switchScrollingEffect: () => void;
+        scrollLocker: ScrollLocker;
+    };
+}>;
+export interface PortalWrapperProps {
+    visible?: boolean;
+    getContainer?: GetContainer;
+    wrapperClassName?: string;
+    forceRender?: boolean;
+}
+declare const PortalWrapper: import('vue').DefineSetupFnComponent<PortalWrapperProps, any, DefaultSlotInfo, PortalWrapperProps & ({} | {
+    [x: `on${Capitalize<any>}`]: ((...args: any[]) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: any[] | unknown[]) => any) | undefined;
+}), import('vue').PublicProps>;
+export default PortalWrapper;

package/dist/PortalWrapper.js

@@ -0,0 +1,114 @@
+import { defineComponent as k, shallowRef as u, onMounted as q, onUpdated as E, onBeforeUnmount as O, createVNode as R } from "vue";
+import N from "./raf.js";
+import L from "./Dom/canUseDom.js";
+import P from "./Dom/scrollLocker.js";
+import S from "./setStyle.js";
+import B from "./Portal.js";
+let r = 0;
+const s = L();
+function D() {
+  return process.env.NODE_ENV === "test" ? r : 0;
+}
+let c = {};
+function f(e) {
+  if (!s) return null;
+  if (e) {
+    if (typeof e == "string") return document.querySelectorAll(e)[0];
+    if (typeof e == "function") return e();
+    if (typeof e == "object" && e instanceof window.HTMLElement) return e;
+  }
+  return document.body;
+}
+const W = /* @__PURE__ */ k((e, d) => {
+  const o = u(), C = u(), y = u(), g = u(), h = () => {
+    var t, n;
+    (n = (t = o.value) == null ? void 0 : t.parentNode) == null || n.removeChild(o.value);
+  }, p = (t) => {
+    const {
+      visible: n,
+      getContainer: a
+    } = t || {}, {
+      visible: i,
+      getContainer: l
+    } = e;
+    i !== n && s && f(l) === document.body && (i && !n ? r += 1 : t && (r -= 1)), (typeof l == "function" && typeof a == "function" ? l.toString() !== a.toString() : l !== a) && h();
+  }, m = (t = !1) => {
+    if (t || o.value && !o.value.parentNode) {
+      const n = f(e.getContainer);
+      return n ? (n.appendChild(o.value), !0) : !1;
+    }
+    return !0;
+  }, w = () => {
+    const {
+      wrapperClassName: t
+    } = e;
+    o.value && t && t !== o.value.className && (o.value.className = t);
+  }, b = () => s ? (o.value || (o.value = document.createElement("div"), m(!0)), w(), o.value) : null;
+  q(() => {
+    g.value = new P({
+      container: f(e.getContainer)
+    }), p(), m() || (y.value = N(() => {
+    }));
+  }), E(() => {
+    p(e), p(e), w(), m();
+  }), O(() => {
+    const {
+      visible: t,
+      getContainer: n
+    } = e;
+    s && f(n) === document.body && (r = t && r ? r - 1 : r), h(), N.cancel(y.value);
+  });
+  const v = () => {
+    r === 1 && !Object.keys(c).length ? (v(), c = S({
+      overflow: "hidden",
+      overflowX: "hidden",
+      overflowY: "hidden"
+    })) : r || (S(c), c = {}, v());
+  };
+  return () => {
+    const {
+      forceRender: t,
+      visible: n
+    } = e;
+    let a = null;
+    const i = {
+      getOpenCount: D,
+      getContainer: b,
+      switchScrollingEffect: v,
+      scrollLocker: g.value
+    };
+    return (t || n || C.value) && (a = R(B, {
+      getContainer: b,
+      ref: C
+    }, {
+      default: () => {
+        var l;
+        return [(l = d == null ? void 0 : d.slots) == null ? void 0 : l.default(i)];
+      }
+    })), a;
+  };
+}, {
+  props: {
+    visible: {
+      type: Boolean,
+      required: !1
+    },
+    getContainer: {
+      type: [String, Function],
+      required: !1,
+      skipCheck: !0
+    },
+    wrapperClassName: {
+      type: String,
+      required: !1
+    },
+    forceRender: {
+      type: Boolean,
+      required: !1
+    }
+  }
+});
+export {
+  W as default,
+  D as getOpenCount
+};

package/dist/composeProps.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function o(e,t,d){const c={...e,...d?t:{}};return Object.keys(t).forEach(u=>{const f=t[u];typeof f=="function"&&(c[u]=(...l)=>{var n;return f(...l),(n=e[u])==null?void 0:n.call(e,...l)})}),c}exports.default=o;

package/dist/composeProps.d.ts

@@ -0,0 +1,2 @@
+declare function composeProps<T extends Record<string, any>>(originProps: T, patchProps: Partial<T>, isAll?: boolean): Record<string, any>;
+export default composeProps;