@v-c/trigger 0.0.1 → 0.0.4

package/dist/Popup/Arrow.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue");require("../util/dist/warning.cjs");const x=require("../util/dist/classnames.cjs"),P=s.defineComponent({props:{prefixCls:{type:String,required:!0},align:{type:Object,required:!0},arrow:{type:Object,required:!0},arrowPos:{type:Object,required:!0}},name:"Arrow",setup(p,{expose:u}){const n=s.shallowRef();return u({arrowRef:n}),()=>{const{prefixCls:a,align:t,arrow:c,arrowPos:f}=p,{className:d,content:w,style:g}=c||{},{x:y=0,y:b=0}=f;if(!t||!t.points)return null;const e={position:"absolute"};if(t.autoArrow!==!1){const i=t.points[0],l=t.points[1],r=i[0],o=i[1],q=l[0],m=l[1];r===q||!["t","b"].includes(r)?e.top=`${b}px`:r==="t"?e.top=0:e.bottom=0,o===m||!["l","r"].includes(o)?e.left=`${y}px`:o==="l"?e.left=0:e.right=0}return s.createVNode("div",{ref:n,class:x.default(`${a}-arrow`,d),style:{...e,...g}},[w])}}});exports.Arrow=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),x=require("@v-c/util"),P=n.defineComponent({props:{prefixCls:{type:String,required:!0,default:void 0},align:{type:Object,required:!0,default:void 0},arrow:{type:Object,required:!0,default:void 0},arrowPos:{type:Object,required:!0,default:void 0}},name:"Arrow",setup(u,{expose:a}){const s=n.shallowRef();return a({arrowRef:s}),()=>{const{prefixCls:p,align:t,arrow:c,arrowPos:f}=u,{className:d,content:w,style:g}=c||{},{x:y=0,y:b=0}=f;if(!t||!t.points)return null;const e={position:"absolute"};if(t.autoArrow!==!1){const i=t.points[0],l=t.points[1],r=i[0],o=i[1],m=l[0],q=l[1];r===m||!["t","b"].includes(r)?e.top=`${b}px`:r==="t"?e.top=0:e.bottom=0,o===q||!["l","r"].includes(o)?e.left=`${y}px`:o==="l"?e.left=0:e.right=0}return n.createVNode("div",{ref:s,class:x.classNames(`${p}-arrow`,d),style:{...e,...g}},[w])}}});exports.Arrow=P;

package/dist/Popup/Arrow.js

@@ -1,66 +1,69 @@
 import { defineComponent as x, shallowRef as q, createVNode as P } from "vue";
-import "../util/dist/warning.js";
-import R from "../util/dist/classnames.js";
-const O = /* @__PURE__ */ x({
+import { classNames as R } from "@v-c/util";
+const C = /* @__PURE__ */ x({
   props: {
     prefixCls: {
       type: String,
-      required: !0
+      required: !0,
+      default: void 0
     },
     align: {
       type: Object,
-      required: !0
+      required: !0,
+      default: void 0
     },
     arrow: {
       type: Object,
-      required: !0
+      required: !0,
+      default: void 0
     },
     arrowPos: {
       type: Object,
-      required: !0
+      required: !0,
+      default: void 0
     }
   },
   name: "Arrow",
-  setup(p, {
-    expose: l
+  setup(l, {
+    expose: p
   }) {
-    const s = q();
-    return l({
-      arrowRef: s
+    const n = q();
+    return p({
+      arrowRef: n
     }), () => {
       const {
-        prefixCls: a,
-        align: e,
-        arrow: c,
-        arrowPos: u
-      } = p, {
-        className: f,
-        content: w,
-        style: d
-      } = c || {}, {
+        prefixCls: u,
+        align: t,
+        arrow: a,
+        arrowPos: f
+      } = l, {
+        className: c,
+        content: d,
+        style: w
+      } = a || {}, {
         x: m = 0,
         y: g = 0
-      } = u;
-      if (!e || !e.points)
+      } = f;
+      if (!t || !t.points)
         return null;
-      const t = {
+      const e = {
         position: "absolute"
       };
-      if (e.autoArrow !== !1) {
-        const n = e.points[0], i = e.points[1], r = n[0], o = n[1], y = i[0], b = i[1];
-        r === y || !["t", "b"].includes(r) ? t.top = `${g}px` : r === "t" ? t.top = 0 : t.bottom = 0, o === b || !["l", "r"].includes(o) ? t.left = `${m}px` : o === "l" ? t.left = 0 : t.right = 0;
+      if (t.autoArrow !== !1) {
+        const s = t.points[0], i = t.points[1], r = s[0], o = s[1], y = i[0], b = i[1];
+        r === y || !["t", "b"].includes(r) ? e.top = `${g}px` : r === "t" ? e.top = 0 : e.bottom = 0, o === b || !["l", "r"].includes(o) ? e.left = `${m}px` : o === "l" ? e.left = 0 : e.right = 0;
       }
       return P("div", {
-        ref: s,
-        class: R(`${a}-arrow`, f),
+        ref: n,
+        class: R(`${u}-arrow`, c),
         style: {
-          ...t,
-          ...d
+          ...e,
+          ...w
         }
-      }, [w]);
+      }, [d]);
     };
   }
 });
 export {
-  O as Arrow
+  C as Arrow
 };

package/dist/Popup/Mask.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../util/dist/utils/transition.cjs"),d=e.defineComponent((n,{attrs:o})=>()=>{const{prefixCls:r,open:s,zIndex:i,mask:a,motion:t,mobile:l}=n;if(!a)return null;const u=p.getTransitionProps(t?.name,t);return e.createVNode(e.Transition,u,{default:()=>[s?e.createVNode("div",{style:{zIndex:i},class:[`${r}-mask`,l&&`${r}-mask-mobile`,o.class]},null):null]})},{props:{prefixCls:{type:String,required:!0},open:{type:Boolean,required:!1},zIndex:{type:Number,required:!1},mask:{type:Boolean,required:!1},motion:{type:Object,required:!1},mobile:{type:Boolean,required:!1}},inheritAttrs:!1,name:"PopupMask"});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@v-c/util/dist/utils/transition"),f=e.defineComponent((r,{attrs:i})=>()=>{const{prefixCls:n,open:u,zIndex:o,mask:a,motion:t,mobile:l}=r;if(!a)return null;const s=d.getTransitionProps(t?.name,t);return e.createVNode(e.Transition,s,{default:()=>[u?e.createVNode("div",{style:{zIndex:o},class:[`${n}-mask`,l&&`${n}-mask-mobile`,i.class]},null):null]})},{props:{prefixCls:{type:String,required:!0,default:void 0},open:{type:Boolean,required:!1,default:void 0},zIndex:{type:Number,required:!1,default:void 0},mask:{type:Boolean,required:!1,default:void 0},motion:{type:Object,required:!1,default:void 0},mobile:{type:Boolean,required:!1,default:void 0}},inheritAttrs:!1,name:"PopupMask"});exports.default=f;

package/dist/Popup/Mask.js

@@ -1,52 +1,58 @@
-import { defineComponent as m, createVNode as o, Transition as u } from "vue";
-import { getTransitionProps as f } from "../util/dist/utils/transition.js";
-const y = /* @__PURE__ */ m((t, {
-  attrs: n
+import { defineComponent as u, createVNode as t, Transition as f } from "vue";
+import { getTransitionProps as p } from "@v-c/util/dist/utils/transition";
+const y = /* @__PURE__ */ u((r, {
+  attrs: i
 }) => () => {
   const {
     prefixCls: e,
-    open: s,
+    open: o,
     zIndex: a,
-    mask: i,
-    motion: r,
+    mask: d,
+    motion: n,
     mobile: l
-  } = t;
-  if (!i)
+  } = r;
+  if (!d)
     return null;
-  const p = f(r?.name, r);
-  return o(u, p, {
-    default: () => [s ? o("div", {
+  const s = p(n?.name, n);
+  return t(f, s, {
+    default: () => [o ? t("div", {
       style: {
         zIndex: a
       },
-      class: [`${e}-mask`, l && `${e}-mask-mobile`, n.class]
+      class: [`${e}-mask`, l && `${e}-mask-mobile`, i.class]
     }, null) : null]
   });
 }, {
   props: {
     prefixCls: {
       type: String,
-      required: !0
+      required: !0,
+      default: void 0
     },
     open: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     zIndex: {
       type: Number,
-      required: !1
+      required: !1,
+      default: void 0
     },
     mask: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     motion: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     mobile: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     }
   },
   inheritAttrs: !1,

package/dist/Popup/PopupContent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),r=u.defineComponent((n,{slots:o})=>{const e=u.shallowRef();return()=>{const t=o?.default?.();return n.cache?(e.value||(e.value=t),e.value):(e.value=t,t)}},{props:{cache:{type:Boolean,required:!1}},name:"PopupContext"});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),l=u.defineComponent((n,{slots:o})=>{const e=u.shallowRef();return()=>{const t=o?.default?.();return n.cache?(e.value||(e.value=t),e.value):(e.value=t,t)}},{props:{cache:{type:Boolean,required:!1,default:void 0}},name:"PopupContext"});exports.default=l;

package/dist/Popup/PopupContent.js

@@ -1,21 +1,22 @@
 import { defineComponent as a, shallowRef as r } from "vue";
-const u = /* @__PURE__ */ a((o, {
-  slots: t
+const l = /* @__PURE__ */ a((t, {
+  slots: o
 }) => {
   const e = r();
   return () => {
-    const n = t?.default?.();
-    return o.cache ? (e.value || (e.value = n), e.value) : (e.value = n, n);
+    const n = o?.default?.();
+    return t.cache ? (e.value || (e.value = n), e.value) : (e.value = n, n);
   };
 }, {
   props: {
     cache: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     }
   },
   name: "PopupContext"
 });
 export {
-  u as default
+  l as default
 };

package/dist/Popup/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("../resize-observer/dist/index.cjs");require("../util/dist/warning.cjs");const Q=require("../util/dist/classnames.cjs"),U=require("../util/dist/props-util/index.cjs"),Z=require("../util/dist/utils/transition.cjs"),ee=require("../hooks/useOffsetStyle.cjs"),te=require("./Arrow.cjs"),re=require("./Mask.cjs"),oe=require("./PopupContent.cjs"),ne={autoDestroy:!0},ie=e.defineComponent((t,{attrs:C,expose:w})=>{const N=e.computed(()=>typeof t.popup=="function"?t.popup():t.popup),{offsetX:x,offsetR:k,offsetY:M,offsetB:A,open:i,ready:B,align:E}=U.toPropsRefs(t,"offsetX","offsetB","offsetY","offsetR","ready","open","align"),q=e.computed(()=>t.open||t.keepDom),f=e.computed(()=>!!t.mobile),R=t?.getPopupContainer?.length>0,D=e.computed(()=>{const{mobile:r,mask:o,maskMotion:u,motion:c}=t;return r?[r.mask,r.maskMotion,r.motion]:[o,u,c]}),d=e.shallowRef(!t.getPopupContainer||!R);e.watchEffect(async()=>{await e.nextTick();const r=t?.getPopupContainer?.length>0,o=t.target;!d.value&&r&&o&&(d.value=!0)});const S=(r,o)=>{t?.onResize?.(r,o),t?.onAlign?.()},V=ee.default(f,B,i,E,k,A,x,M),p=e.shallowRef();return w({getElement:()=>p.value,nativeElement:p}),()=>{if(!d.value)return null;const{stretch:r,targetHeight:o,targetWidth:u,portal:c,forceRender:F,getPopupContainer:P,target:z,autoDestroy:O,zIndex:h,prefixCls:l,arrow:v,arrowPos:m,align:$,onMouseEnter:j,onMouseLeave:T,onPointerEnter:H,onPointerDownCapture:I,onClick:L,fresh:W,onPrepare:b,onVisibleChanged:y}=t,a={};r&&(r.includes("height")&&o?a.height=`${o}px`:r.includes("minHeight")&&o&&(a.minHeight=`${o}px`),r.includes("width")&&u?a.width=`${u}px`:r.includes("minWidth")&&u&&(a.minWidth=`${u}px`)),i.value||(a.pointerEvents="none");const[X,Y,g]=D.value,_=g?.name??g?.motionName,s=Z.getTransitionProps(_,g),G={...s,onBeforeAppear:n=>{b?.(),s?.onBeforeAppear?.(n)},onBeforeEnter:n=>{b?.(),s?.onBeforeEnter?.(n)},onAfterAppear:n=>{s?.onAfterAppear?.(n),y?.(!0)},onAfterEnter:n=>{s?.onAfterEnter?.(n),y?.(!0)},onAfterLeave:n=>{s.onAfterLeave?.(n),y?.(!1)}},J=Q.default(l,C.class,t.className,{[`${l}-mobile`]:f.value});return console.log(q.value,i.value),e.createVNode(c,{open:F||q.value,getContainer:P&&(()=>P(z)),autoDestroy:O},{default:()=>[e.createVNode(re.default,{prefixCls:l,open:i.value,zIndex:h,mask:X,motion:Y,mobile:f.value},null),e.createVNode(K.default,{onResize:S,disabled:!i.value},{default:()=>[e.createVNode(e.Transition,G,{default:()=>[e.withDirectives(e.createVNode("div",e.mergeProps({ref:p,class:J,style:[{"--arrow-x":`${m.x||0}px`,"--arrow-y":`${m.y||0}px`},V.value,a,{boxSizing:"border-box",zIndex:h},t.style],onMouseenter:j,onMouseleave:T,onPointerenter:H,onClick:L},{onPointerdownCapture:I}),[v&&e.createVNode(te.Arrow,{prefixCls:l,arrow:v,arrowPos:m,align:$},null),e.createVNode(oe.default,{cache:!i.value&&!W},{default:()=>[N.value]})]),[[e.vShow,i.value]])]})]})]})}},{props:e.mergeDefaults({prefixCls:{type:String,required:!0},className:{type:String,required:!1},style:{type:null,required:!1},popup:{type:Function,required:!1,skipCheck:!0},target:{type:null,required:!0},onMouseEnter:{type:Function,required:!1},onMouseLeave:{type:Function,required:!1},onPointerEnter:{type:Function,required:!1},onPointerDownCapture:{type:Function,required:!1},zIndex:{type:Number,required:!1},mask:{type:Boolean,required:!1},onVisibleChanged:{type:Function,required:!0},align:{type:Object,required:!1},arrow:{type:Object,required:!1},arrowPos:{type:Object,required:!0},open:{type:Boolean,required:!0},keepDom:{type:Boolean,required:!0},fresh:{type:Boolean,required:!1},onClick:{type:Function,required:!1},motion:{type:Object,required:!1},maskMotion:{type:Object,required:!1},forceRender:{type:Boolean,required:!1},getPopupContainer:{type:Function,required:!1},autoDestroy:{type:Boolean,required:!1},portal:{type:null,required:!0},ready:{type:Boolean,required:!0},offsetX:{type:Number,required:!0},offsetY:{type:Number,required:!0},offsetR:{type:Number,required:!0},offsetB:{type:Number,required:!0},onAlign:{type:null,required:!0},onPrepare:{type:Function,required:!0},stretch:{type:String,required:!1},targetWidth:{type:Number,required:!1},targetHeight:{type:Number,required:!1},onResize:{type:null,required:!1},mobile:{type:Object,required:!1}},ne)});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J=require("@v-c/resize-observer"),K=require("@v-c/util"),Q=require("@v-c/util/dist/props-util"),Z=require("@v-c/util/dist/utils/transition"),ee=require("../hooks/useOffsetStyle.cjs"),te=require("./Arrow.cjs"),ne=require("./Mask.cjs"),re=require("./PopupContent.cjs"),ue={autoDestroy:!0},oe=e.defineComponent((t,{attrs:v,expose:C})=>{const w=e.computed(()=>typeof t.popup=="function"?t.popup():t.popup),{offsetX:N,offsetR:k,offsetY:x,offsetB:M,open:o,ready:A,align:B}=Q.toPropsRefs(t,"offsetX","offsetB","offsetY","offsetR","ready","open","align"),R=e.computed(()=>t.open||t.keepDom),l=e.computed(()=>!!t.mobile),E=t?.getPopupContainer?.length>0,D=e.computed(()=>{const{mobile:n,mask:r,maskMotion:i,motion:c}=t;return n?[n.mask,n.maskMotion,n.motion]:[r,i,c]}),s=e.shallowRef(!t.getPopupContainer||!E);e.watchEffect(async()=>{await e.nextTick();const n=t?.getPopupContainer?.length>0,r=t.target;!s.value&&n&&r&&(s.value=!0)});const S=(n,r)=>{t?.onResize?.(n,r),t?.onAlign?.()},V=ee.default(l,A,o,B,k,M,N,x),p=e.shallowRef();return C({getElement:()=>p.value,nativeElement:p}),()=>{if(!s.value)return null;const{stretch:n,targetHeight:r,targetWidth:i,portal:c,forceRender:z,getPopupContainer:q,target:F,autoDestroy:O,zIndex:P,prefixCls:f,arrow:b,arrowPos:m,align:j,onMouseEnter:$,onMouseLeave:T,onPointerEnter:H,onPointerDownCapture:I,onClick:L,fresh:W,onPrepare:h,onVisibleChanged:y}=t,d={};n&&(n.includes("height")&&r?d.height=`${r}px`:n.includes("minHeight")&&r&&(d.minHeight=`${r}px`),n.includes("width")&&i?d.width=`${i}px`:n.includes("minWidth")&&i&&(d.minWidth=`${i}px`)),o.value||(d.pointerEvents="none");const[X,Y,g]=D.value,_=g?.name??g?.motionName,a=Z.getTransitionProps(_,g),U={...a,onBeforeAppear:u=>{h?.(),a?.onBeforeAppear?.(u)},onBeforeEnter:u=>{h?.(),a?.onBeforeEnter?.(u)},onAfterAppear:u=>{a?.onAfterAppear?.(u),y?.(!0)},onAfterEnter:u=>{a?.onAfterEnter?.(u),y?.(!0)},onAfterLeave:u=>{a.onAfterLeave?.(u),y?.(!1)}},G=K.classNames(f,v.class,t.className,{[`${f}-mobile`]:l.value});return e.createVNode(c,{open:z||R.value,getContainer:q&&(()=>q(F)),autoDestroy:O},{default:()=>[e.createVNode(ne.default,{prefixCls:f,open:o.value,zIndex:P,mask:X,motion:Y,mobile:l.value},null),e.createVNode(J,{onResize:S,disabled:!o.value},{default:()=>[e.createVNode(e.Transition,U,{default:()=>[e.withDirectives(e.createVNode("div",e.mergeProps({ref:p,class:G,style:[{"--arrow-x":`${m.x||0}px`,"--arrow-y":`${m.y||0}px`},V.value,d,{boxSizing:"border-box",zIndex:P},t.style],onMouseenter:$,onMouseleave:T,onPointerenter:H,onClick:L},{onPointerdownCapture:I}),[b&&e.createVNode(te.Arrow,{prefixCls:f,arrow:b,arrowPos:m,align:j},null),e.createVNode(re.default,{cache:!o.value&&!W},{default:()=>[w.value]})]),[[e.vShow,o.value]])]})]})]})}},{props:e.mergeDefaults({prefixCls:{type:String,required:!0,default:void 0},className:{type:String,required:!1,default:void 0},style:{type:null,required:!1,default:void 0},popup:{type:Function,required:!1,skipCheck:!0,default:void 0},target:{type:null,required:!0,default:void 0},onMouseEnter:{type:Function,required:!1,default:void 0},onMouseLeave:{type:Function,required:!1,default:void 0},onPointerEnter:{type:Function,required:!1,default:void 0},onPointerDownCapture:{type:Function,required:!1,default:void 0},zIndex:{type:Number,required:!1,default:void 0},mask:{type:Boolean,required:!1,default:void 0},onVisibleChanged:{type:Function,required:!0,default:void 0},align:{type:Object,required:!1,default:void 0},arrow:{type:Object,required:!1,default:void 0},arrowPos:{type:Object,required:!0,default:void 0},open:{type:Boolean,required:!0,default:void 0},keepDom:{type:Boolean,required:!0,default:void 0},fresh:{type:Boolean,required:!1,default:void 0},onClick:{type:Function,required:!1,default:void 0},motion:{type:Object,required:!1,default:void 0},maskMotion:{type:Object,required:!1,default:void 0},forceRender:{type:Boolean,required:!1,default:void 0},getPopupContainer:{type:Function,required:!1,default:void 0},autoDestroy:{type:Boolean,required:!1,default:void 0},portal:{type:null,required:!0,default:void 0},ready:{type:Boolean,required:!0,default:void 0},offsetX:{type:Number,required:!0,default:void 0},offsetY:{type:Number,required:!0,default:void 0},offsetR:{type:Number,required:!0,default:void 0},offsetB:{type:Number,required:!0,default:void 0},onAlign:{type:null,required:!0,default:void 0},onPrepare:{type:Function,required:!0,default:void 0},stretch:{type:String,required:!1,default:void 0},targetWidth:{type:Number,required:!1,default:void 0},targetHeight:{type:Number,required:!1,default:void 0},onResize:{type:null,required:!1,default:void 0},mobile:{type:Object,required:!1,default:void 0}},ue)});exports.default=oe;