@v-c/trigger 0.0.1

package/dist/util/dist/utils/transition.js

@@ -0,0 +1,21 @@
+import "vue";
+function t(e, a = {}) {
+  return e ? e ? {
+    name: e,
+    appear: !0,
+    // type: 'animation',
+    // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
+    // appearActiveClass: `antdv-base-transtion`,
+    // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
+    enterFromClass: `${e} ${e}-enter ${e}-enter-prepare ${e}-enter-start`,
+    enterActiveClass: `${e} ${e}-enter ${e}-enter-prepare`,
+    enterToClass: `${e} ${e}-enter ${e}-enter-active`,
+    leaveFromClass: `${e} ${e}-leave`,
+    leaveActiveClass: `${e} ${e}-leave ${e}-leave-active`,
+    leaveToClass: `${e} ${e}-leave ${e}-leave-active`,
+    ...a
+  } : { css: !1, ...a } : {};
+}
+export {
+  t as getTransitionProps
+};

package/dist/util/dist/warning.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let s={};const i=[];function a(e){i.push(e)}function l(e,n){if(process.env.NODE_ENV!=="production"&&!e&&console!==void 0){const o=i.reduce((c,r)=>r(c??"","warning"),n);o&&console.error(`Warning: ${o}`)}}function d(e,n){if(process.env.NODE_ENV!=="production"&&!e&&console!==void 0){const o=i.reduce((c,r)=>r(c??"","note"),n);o&&console.warn(`Note: ${o}`)}}function f(){s={}}function u(e,n,o){!n&&!s[o]&&(e(!1,o),s[o]=!0)}function t(e,n){u(l,e,n)}function p(e,n){u(d,e,n)}t.preMessage=a;t.resetWarned=f;t.noteOnce=p;exports.call=u;exports.default=t;exports.note=d;exports.noteOnce=p;exports.preMessage=a;exports.resetWarned=f;exports.warning=l;exports.warningOnce=t;

package/dist/util/dist/warning.js

@@ -0,0 +1,48 @@
+let t = {};
+const r = [];
+function u(n) {
+  r.push(n);
+}
+function f(n, e) {
+  if (process.env.NODE_ENV !== "production" && !n && console !== void 0) {
+    const o = r.reduce(
+      (s, c) => c(s ?? "", "warning"),
+      e
+    );
+    o && console.error(`Warning: ${o}`);
+  }
+}
+function d(n, e) {
+  if (process.env.NODE_ENV !== "production" && !n && console !== void 0) {
+    const o = r.reduce(
+      (s, c) => c(s ?? "", "note"),
+      e
+    );
+    o && console.warn(`Note: ${o}`);
+  }
+}
+function l() {
+  t = {};
+}
+function i(n, e, o) {
+  !e && !t[o] && (n(!1, o), t[o] = !0);
+}
+function a(n, e) {
+  i(f, n, e);
+}
+function p(n, e) {
+  i(d, n, e);
+}
+a.preMessage = u;
+a.resetWarned = l;
+a.noteOnce = p;
+export {
+  i as call,
+  a as default,
+  d as note,
+  p as noteOnce,
+  u as preMessage,
+  l as resetWarned,
+  f as warning,
+  a as warningOnce
+};

package/dist/util.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function j(e=[],o=[],t){return t?e[0]===o[0]:e[0]===o[0]&&e[1]===o[1]}function I(e,o,t,n){const{points:s}=t,i=Object.keys(e);for(let r=0;r<i.length;r+=1){const l=i[r];if(j(e[l]?.points,s,n))return`${o}-placement-${l}`}return""}function m(e){return e.ownerDocument.defaultView}function X(e){const o=[];let t=e?.parentElement;const n=["hidden","scroll","clip","auto"];for(;t;){const{overflowX:s,overflowY:i,overflow:r}=m(t).getComputedStyle(t);[s,i,r].some(l=>n.includes(l))&&o.push(t),t=t.parentElement}return o}function a(e,o=1){return Number.isNaN(e)?o:e}function d(e){return a(parseFloat(e),0)}function Y(e,o){const t={...e};return(o||[]).forEach(n=>{if(n instanceof HTMLBodyElement||n instanceof HTMLHtmlElement)return;const{overflow:s,overflowClipMargin:i,borderTopWidth:r,borderBottomWidth:l,borderLeftWidth:L,borderRightWidth:T}=m(n).getComputedStyle(n),c=n.getBoundingClientRect(),{offsetHeight:p,clientHeight:C,offsetWidth:b,clientWidth:E}=n,W=d(r),M=d(l),N=d(L),w=d(T),h=a(Math.round(c.width/b*1e3)/1e3),u=a(Math.round(c.height/p*1e3)/1e3),R=(b-E-N-w)*h,A=(p-C-W-M)*u,B=W*u,x=M*u,H=N*h,O=w*h;let f=0,g=0;if(s==="clip"){const v=d(i);f=v*h,g=v*u}const S=c.x+H-f,y=c.y+B-g,P=S+c.width+2*f-H-O-R,V=y+c.height+2*g-B-x-A;t.left=Math.max(t.left,S),t.top=Math.max(t.top,y),t.right=Math.min(t.right,P),t.bottom=Math.min(t.bottom,V)}),t}exports.collectScroller=X;exports.getAlignPopupClassName=I;exports.getVisibleArea=Y;exports.getWin=m;exports.toNum=a;

package/dist/util.d.ts

@@ -0,0 +1,44 @@
+import { AlignType, BuildInPlacements } from './interface';
+export declare function getAlignPopupClassName(builtinPlacements: BuildInPlacements, prefixCls: string, align: AlignType, isAlignPoint: boolean): string;
+export declare function getWin(ele: HTMLElement): (Window & typeof globalThis) | null;
+/**
+ * Get all the scrollable parent elements of the element
+ * @param ele       The element to be detected
+ * @param areaOnly  Only return the parent which will cut visible area
+ */
+export declare function collectScroller(ele: HTMLElement): HTMLElement[];
+export declare function toNum(num: number, defaultValue?: number): number;
+export interface VisibleArea {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+/**
+ *
+ *
+ *  **************************************
+ *  Border                *
+ *  **************************     *
+ *
+ *  B  *                  *  S  *  B  *
+ *  o  *                  *  c  *  o  *
+ *  r  *      Content     *  r  *  r  *
+ *  d  *                  *  o  *  d  *
+ *  e  *                  *  l  *  e  *
+ *  r  ********************  l  *  r  *
+ *  Scroll          *     *
+ *  **************************     *
+ *  Border                *
+ *  **************************************
+ *
+ */
+/**
+ * Get visible area of element
+ */
+export declare function getVisibleArea(initArea: VisibleArea, scrollerList?: HTMLElement[]): {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};

package/dist/util.js

@@ -0,0 +1,69 @@
+function P(e = [], o = [], t) {
+  return t ? e[0] === o[0] : e[0] === o[0] && e[1] === o[1];
+}
+function X(e, o, t, n) {
+  const { points: s } = t, i = Object.keys(e);
+  for (let r = 0; r < i.length; r += 1) {
+    const c = i[r];
+    if (P(e[c]?.points, s, n))
+      return `${o}-placement-${c}`;
+  }
+  return "";
+}
+function y(e) {
+  return e.ownerDocument.defaultView;
+}
+function Y(e) {
+  const o = [];
+  let t = e?.parentElement;
+  const n = ["hidden", "scroll", "clip", "auto"];
+  for (; t; ) {
+    const { overflowX: s, overflowY: i, overflow: r } = y(t).getComputedStyle(t);
+    [s, i, r].some((c) => n.includes(c)) && o.push(t), t = t.parentElement;
+  }
+  return o;
+}
+function m(e, o = 1) {
+  return Number.isNaN(e) ? o : e;
+}
+function h(e) {
+  return m(parseFloat(e), 0);
+}
+function $(e, o) {
+  const t = { ...e };
+  return (o || []).forEach((n) => {
+    if (n instanceof HTMLBodyElement || n instanceof HTMLHtmlElement)
+      return;
+    const {
+      overflow: s,
+      overflowClipMargin: i,
+      borderTopWidth: r,
+      borderBottomWidth: c,
+      borderLeftWidth: E,
+      borderRightWidth: R
+    } = y(n).getComputedStyle(n), l = n.getBoundingClientRect(), {
+      offsetHeight: g,
+      clientHeight: S,
+      offsetWidth: p,
+      clientWidth: T
+    } = n, W = h(r), b = h(c), M = h(E), w = h(R), d = m(
+      Math.round(l.width / p * 1e3) / 1e3
+    ), u = m(
+      Math.round(l.height / g * 1e3) / 1e3
+    ), x = (p - T - M - w) * d, C = (g - S - W - b) * u, B = W * u, A = b * u, N = M * d, O = w * d;
+    let f = 0, a = 0;
+    if (s === "clip") {
+      const v = h(i);
+      f = v * d, a = v * u;
+    }
+    const H = l.x + N - f, L = l.y + B - a, V = H + l.width + 2 * f - N - O - x, I = L + l.height + 2 * a - B - A - C;
+    t.left = Math.max(t.left, H), t.top = Math.max(t.top, L), t.right = Math.min(t.right, V), t.bottom = Math.min(t.bottom, I);
+  }), t;
+}
+export {
+  Y as collectScroller,
+  X as getAlignPopupClassName,
+  $ as getVisibleArea,
+  y as getWin,
+  m as toNum
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@v-c/trigger",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "",
+  "license": "MIT",
+  "keywords": [
+    "trigger"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "@v-c/portal": "0.0.1",
+    "@v-c/resize-observer": "0.0.2",
+    "@v-c/util": "0.0.7"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest",
+    "prepublish": "pnpm build"
+  }
+}