@v-c/trigger 0.0.9 → 0.0.11

package/dist/Popup/Arrow.cjs

@@ -1 +1,91 @@
-"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;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const util = require("@v-c/util");
+const Arrow = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    prefixCls: {
+      type: String,
+      required: true,
+      default: void 0
+    },
+    align: {
+      type: Object,
+      required: true,
+      default: void 0
+    },
+    arrow: {
+      type: Object,
+      required: true,
+      default: void 0
+    },
+    arrowPos: {
+      type: Object,
+      required: true,
+      default: void 0
+    }
+  },
+  name: "Arrow",
+  setup(props, {
+    expose
+  }) {
+    const arrowRef = vue.shallowRef();
+    expose({
+      arrowRef
+    });
+    return () => {
+      const {
+        prefixCls,
+        align,
+        arrow,
+        arrowPos
+      } = props;
+      const {
+        className,
+        content,
+        style
+      } = arrow || {};
+      const {
+        x = 0,
+        y = 0
+      } = arrowPos;
+      if (!align || !align.points) {
+        return null;
+      }
+      const alignStyle = {
+        position: "absolute"
+      };
+      if (align.autoArrow !== false) {
+        const popupPoints = align.points[0];
+        const targetPoints = align.points[1];
+        const popupTB = popupPoints[0];
+        const popupLR = popupPoints[1];
+        const targetTB = targetPoints[0];
+        const targetLR = targetPoints[1];
+        if (popupTB === targetTB || !["t", "b"].includes(popupTB)) {
+          alignStyle.top = `${y}px`;
+        } else if (popupTB === "t") {
+          alignStyle.top = 0;
+        } else {
+          alignStyle.bottom = 0;
+        }
+        if (popupLR === targetLR || !["l", "r"].includes(popupLR)) {
+          alignStyle.left = `${x}px`;
+        } else if (popupLR === "l") {
+          alignStyle.left = 0;
+        } else {
+          alignStyle.right = 0;
+        }
+      }
+      return vue.createVNode("div", {
+        "ref": arrowRef,
+        "class": util.classNames(`${prefixCls}-arrow`, className),
+        "style": {
+          ...alignStyle,
+          ...style
+        }
+      }, [content]);
+    };
+  }
+});
+exports.Arrow = Arrow;

package/dist/Popup/Arrow.js

@@ -1,69 +1,91 @@
-import { defineComponent as x, shallowRef as q, createVNode as P } from "vue";
-import { classNames as R } from "@v-c/util";
-const C = /* @__PURE__ */ x({
+import { defineComponent, shallowRef, createVNode } from "vue";
+import { classNames } from "@v-c/util";
+const Arrow = /* @__PURE__ */ defineComponent({
   props: {
     prefixCls: {
       type: String,
-      required: !0,
+      required: true,
       default: void 0
     },
     align: {
       type: Object,
-      required: !0,
+      required: true,
       default: void 0
     },
     arrow: {
       type: Object,
-      required: !0,
+      required: true,
       default: void 0
     },
     arrowPos: {
       type: Object,
-      required: !0,
+      required: true,
       default: void 0
     }
   },
   name: "Arrow",
-  setup(l, {
-    expose: p
+  setup(props, {
+    expose
   }) {
-    const n = q();
-    return p({
-      arrowRef: n
-    }), () => {
+    const arrowRef = shallowRef();
+    expose({
+      arrowRef
+    });
+    return () => {
       const {
-        prefixCls: u,
-        align: t,
-        arrow: a,
-        arrowPos: f
-      } = l, {
-        className: c,
-        content: d,
-        style: w
-      } = a || {}, {
-        x: m = 0,
-        y: g = 0
-      } = f;
-      if (!t || !t.points)
+        prefixCls,
+        align,
+        arrow,
+        arrowPos
+      } = props;
+      const {
+        className,
+        content,
+        style
+      } = arrow || {};
+      const {
+        x = 0,
+        y = 0
+      } = arrowPos;
+      if (!align || !align.points) {
         return null;
-      const e = {
+      }
+      const alignStyle = {
         position: "absolute"
       };
-      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;
+      if (align.autoArrow !== false) {
+        const popupPoints = align.points[0];
+        const targetPoints = align.points[1];
+        const popupTB = popupPoints[0];
+        const popupLR = popupPoints[1];
+        const targetTB = targetPoints[0];
+        const targetLR = targetPoints[1];
+        if (popupTB === targetTB || !["t", "b"].includes(popupTB)) {
+          alignStyle.top = `${y}px`;
+        } else if (popupTB === "t") {
+          alignStyle.top = 0;
+        } else {
+          alignStyle.bottom = 0;
+        }
+        if (popupLR === targetLR || !["l", "r"].includes(popupLR)) {
+          alignStyle.left = `${x}px`;
+        } else if (popupLR === "l") {
+          alignStyle.left = 0;
+        } else {
+          alignStyle.right = 0;
+        }
       }
-      return P("div", {
-        ref: n,
-        class: R(`${u}-arrow`, c),
-        style: {
-          ...e,
-          ...w
+      return createVNode("div", {
+        "ref": arrowRef,
+        "class": classNames(`${prefixCls}-arrow`, className),
+        "style": {
+          ...alignStyle,
+          ...style
         }
-      }, [d]);
+      }, [content]);
     };
   }
 });
 export {
-  C as Arrow
+  Arrow
 };

package/dist/Popup/Mask.cjs

@@ -1 +1,66 @@
-"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;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const transition = require("@v-c/util/dist/utils/transition");
+const Mask = /* @__PURE__ */ vue.defineComponent((props, {
+  attrs
+}) => {
+  return () => {
+    const {
+      prefixCls,
+      open,
+      zIndex,
+      mask,
+      motion,
+      mobile
+    } = props;
+    if (!mask) {
+      return null;
+    }
+    const transitionProps = transition.getTransitionProps(motion?.name, motion);
+    return vue.createVNode(vue.Transition, transitionProps, {
+      default: () => [open ? vue.createVNode("div", {
+        "style": {
+          zIndex
+        },
+        "class": [`${prefixCls}-mask`, mobile && `${prefixCls}-mask-mobile`, attrs.class]
+      }, null) : null]
+    });
+  };
+}, {
+  props: {
+    prefixCls: {
+      type: String,
+      required: true,
+      default: void 0
+    },
+    open: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    },
+    zIndex: {
+      type: Number,
+      required: false,
+      default: void 0
+    },
+    mask: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    },
+    motion: {
+      type: Object,
+      required: false,
+      default: void 0
+    },
+    mobile: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    }
+  },
+  inheritAttrs: false,
+  name: "PopupMask"
+});
+exports.default = Mask;

package/dist/Popup/Mask.js

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

package/dist/Popup/PopupContent.cjs

@@ -1 +1,29 @@
-"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;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const PopupContent = /* @__PURE__ */ vue.defineComponent((props, {
+  slots
+}) => {
+  const cachedChildren = vue.shallowRef();
+  return () => {
+    const children = slots?.default?.();
+    if (!props.cache) {
+      cachedChildren.value = children;
+      return children;
+    }
+    if (!cachedChildren.value) {
+      cachedChildren.value = children;
+    }
+    return cachedChildren.value;
+  };
+}, {
+  props: {
+    cache: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    }
+  },
+  name: "PopupContext"
+});
+exports.default = PopupContent;

package/dist/Popup/PopupContent.js

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