@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Popup/Popup.mjs

@@ -0,0 +1,289 @@
+import { defineComponent, inject, ref, watch, nextTick, onMounted, onUpdated, onUnmounted, provide, cloneVNode, createVNode, Fragment, Teleport, Transition, withDirectives, vShow } from 'vue';
+import { contains } from '../../utils/dom.mjs';
+import { findDOMNode, getSlot } from '../../utils/slots.mjs';
+import warning from '../../utils/warn.mjs';
+import usePopper from './hooks/usePopper.mjs';
+import useDelaySetVisible from './hooks/useDelaySetVisible.mjs';
+import useJudgeAction from './hooks/useJudgeAction.mjs';
+import Render from '../base/Render.mjs';
+import { popupProps, popupEmits } from './Popup.type.mjs';
+
+var Popup = defineComponent({
+  name: "UPopup",
+  components: {
+    Render
+  },
+  inheritAttrs: false,
+  props: popupProps,
+  emits: popupEmits,
+  setup(props, {
+    emit
+  }) {
+    const triggerContext = inject("triggerContext", {});
+    const hasPopupMousedown = ref(false);
+    const {
+      reference,
+      popup,
+      createPopper,
+      updatePopper,
+      destroyPopper
+    } = usePopper(props);
+    const {
+      stateVisible,
+      delaySetPopupVisilbe,
+      setPopupVisble,
+      clearDelayTimer
+    } = useDelaySetVisible(props, emit);
+    const {
+      isClickShow,
+      isMouseenterShow,
+      isContextmentShow,
+      isMouseleaveHide,
+      isFocusShow,
+      isBlurHide
+    } = useJudgeAction(props);
+    const isMounted = ref(false);
+    let clickOutsideHandler = null;
+    const onDocumentClick = (e) => {
+      const {
+        target
+      } = e;
+      const root = findDOMNode(reference.value);
+      const cont = contains(root, target);
+      if (!cont && !hasPopupMousedown.value) {
+        setPopupVisble(false);
+        if (props.clickOutside) {
+          props.clickOutside();
+        }
+      }
+    };
+    const attachOutsideHandler = () => {
+      if (!clickOutsideHandler && (isClickShow.value || isContextmentShow.value || props.clickOutside !== void 0)) {
+        clickOutsideHandler = document.addEventListener("mousedown", onDocumentClick);
+      }
+    };
+    const clearOutsideHandler = () => {
+      document.removeEventListener("mousedown", onDocumentClick);
+      clickOutsideHandler = null;
+    };
+    let mouseDownTimer = null;
+    const onPopupMousedown = () => {
+      hasPopupMousedown.value = true;
+      clearTimeout(mouseDownTimer);
+      mouseDownTimer = setTimeout(() => {
+        hasPopupMousedown.value = false;
+      }, 0);
+      if (triggerContext.onPopupMousedown) {
+        triggerContext.onPopupMousedown();
+      }
+    };
+    watch(stateVisible, (val) => {
+      nextTick(() => {
+        if (val) {
+          updatePopper();
+          attachOutsideHandler();
+        } else {
+          clearOutsideHandler();
+        }
+      });
+    });
+    onMounted(() => {
+      isMounted.value = true;
+      if (stateVisible.value) {
+        nextTick(() => {
+          createPopper();
+          attachOutsideHandler();
+        });
+      }
+    });
+    onUpdated(() => {
+      if (stateVisible.value) {
+        setTimeout(updatePopper, 0);
+      }
+    });
+    onUnmounted(() => {
+      clearOutsideHandler();
+      destroyPopper();
+    });
+    provide("triggerContext", {
+      onPopupMousedown
+    });
+    let preClickTime = 0;
+    let focusTime = 0;
+    const onMousedown = (e) => {
+      emit("mousedown", e);
+      preClickTime = Date.now();
+    };
+    const onMouseenter = (e) => {
+      emit("mouseenter", e);
+      if (isMouseenterShow.value) {
+        clearDelayTimer();
+        delaySetPopupVisilbe(true, props.mouseEnterDelay);
+      }
+    };
+    const onMouseleave = (e) => {
+      emit("mouseleave", e);
+      if (isMouseleaveHide.value) {
+        delaySetPopupVisilbe(false, props.mouseLeaveDelay);
+      }
+    };
+    const onContextMenu = (e) => {
+      emit("context-menu", e);
+      if (isContextmentShow.value) {
+        e.preventDefault();
+        setPopupVisble(!stateVisible.value);
+      }
+    };
+    const onPopupMouseenter = () => {
+      clearDelayTimer();
+    };
+    const onPopupMouseleave = () => {
+      if (isMouseleaveHide.value) {
+        delaySetPopupVisilbe(false, props.mouseLeaveDelay);
+      }
+    };
+    const onFocus = (e) => {
+      emit("focus", e);
+      clearDelayTimer();
+      if (isFocusShow.value) {
+        focusTime = Date.now();
+        delaySetPopupVisilbe(true, props.focusDelay);
+      }
+    };
+    const onBlur = (e) => {
+      emit("blur", e);
+      clearDelayTimer();
+      if (isBlurHide.value) {
+        delaySetPopupVisilbe(false, props.blurDelay);
+      }
+    };
+    const onClick = (e) => {
+      emit("click", e);
+      if (focusTime) {
+        if (Math.abs(preClickTime - focusTime) < 20) {
+          return;
+        }
+        focusTime = 0;
+      }
+      preClickTime = 0;
+      if (isClickShow.value) {
+        e.preventDefault();
+        setPopupVisble(!stateVisible.value);
+      }
+    };
+    return {
+      reference,
+      stateVisible,
+      popup,
+      isMounted,
+      onClick,
+      onMousedown,
+      onMouseenter,
+      onMouseleave,
+      onContextMenu,
+      onPopupMouseenter,
+      onPopupMouseleave,
+      onPopupMousedown,
+      onFocus,
+      onBlur,
+      onTransitionEnter: (el, done) => {
+        nextTick(() => {
+          done();
+        });
+      },
+      onTransitionOver: () => {
+        emit("popup-transition-over");
+        if (props.destroyPopupOnHide) {
+          destroyPopper();
+        }
+      }
+    };
+  },
+  render() {
+    const {
+      prefixCls,
+      disabled,
+      transitionName,
+      destroyPopupOnHide,
+      stateVisible,
+      popupStyle,
+      popupClass,
+      placement,
+      $attrs,
+      $slots,
+      isMounted,
+      reference,
+      onClick,
+      onMousedown,
+      onMouseenter,
+      onMouseleave,
+      onContextMenu,
+      onFocus,
+      onBlur,
+      onPopupMouseenter,
+      onPopupMouseleave,
+      onPopupMousedown,
+      onTransitionEnter,
+      onTransitionOver
+    } = this;
+    const children = getSlot($slots);
+    if (children.length > 1) {
+      warning("Popup children just support only one default");
+    }
+    const child = children[0];
+    const extraProps = {
+      ref: "reference"
+    };
+    if ($attrs.class) {
+      extraProps.class = $attrs.class;
+    }
+    if ($attrs.style) {
+      extraProps.style = $attrs.style;
+    }
+    if (disabled) {
+      extraProps.disabled = disabled;
+    }
+    extraProps.onMouseenter = onMouseenter;
+    extraProps.onMouseleave = onMouseleave;
+    extraProps.onClick = onClick;
+    extraProps.onMousedown = onMousedown;
+    extraProps.onContextmenu = onContextMenu;
+    extraProps.onFocus = onFocus;
+    extraProps.onBlur = onBlur;
+    const trigger = cloneVNode(child, extraProps, true);
+    const getContainer = this.getPopupContainer ? () => {
+      var _a;
+      return (_a = this.getPopupContainer) == null ? void 0 : _a.call(this, findDOMNode(reference));
+    } : () => document.body;
+    return createVNode(Fragment, null, [trigger, isMounted ? createVNode(Teleport, {
+      "to": getContainer()
+    }, {
+      default: () => [createVNode(Transition, {
+        "name": transitionName,
+        "onEnter": onTransitionEnter,
+        "onAfterLeave": onTransitionOver
+      }, {
+        default: () => {
+          var _a;
+          return [!destroyPopupOnHide || stateVisible ? withDirectives(createVNode("div", {
+            "ref": "popup",
+            "class": {
+              [`${popupClass}`]: popupClass,
+              [`${prefixCls}`]: prefixCls,
+              [`${prefixCls}-placement-${placement}`]: prefixCls
+            },
+            "style": {
+              ...popupStyle
+            },
+            "onMouseenter": onPopupMouseenter,
+            "onMouseleave": onPopupMouseleave,
+            "onMousedown": onPopupMousedown
+          }, [(_a = $slots.popup) == null ? void 0 : _a.call($slots)]), [[vShow, stateVisible]]) : null];
+        }
+      })]
+    }) : null]);
+  }
+});
+
+export { Popup as default };
+//# sourceMappingURL=Popup.mjs.map

package/es/components/Popup/Popup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.mjs","sources":["../../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import { defineComponent, ref, onMounted, watch, nextTick, onUnmounted, provide, inject, onUpdated, Teleport, Transition } from 'vue';\nimport { contains } from '../../utils/dom';\nimport { getSlot, cloneVNode, findDOMNode } from '../../utils/slots';\nimport warn from '../../utils/warn';\nimport usePopper from './hooks/usePopper';\nimport useDelaySetVisible from './hooks/useDelaySetVisible';\nimport useJudgeAction from './hooks/useJudgeAction';\nimport Render from '../base/Render';\nimport { popupEmits, popupProps, type TriggerContext } from './Popup.type';\n\nexport default defineComponent({\n  name: 'UPopup',\n  components: {\n    Render\n  },\n  inheritAttrs: false,\n  props: popupProps,\n  emits: popupEmits,\n  setup(props, { emit }) {\n    const triggerContext = inject<TriggerContext>('triggerContext', {} as TriggerContext);\n    // record is mousedown in popup\n    const hasPopupMousedown = ref(false);\n    const { reference, popup, createPopper, updatePopper, destroyPopper } = usePopper(props);\n    const { stateVisible, delaySetPopupVisilbe, setPopupVisble, clearDelayTimer } = useDelaySetVisible(props, emit);\n    const { isClickShow, isMouseenterShow, isContextmentShow, isMouseleaveHide, isFocusShow, isBlurHide } = useJudgeAction(props);\n    const isMounted = ref(false);\n\n    // #region clickoutside\n    let clickOutsideHandler: any = null;\n\n    const onDocumentClick = (e: any) => {\n      const { target } = e;\n      const root = findDOMNode(reference.value);\n      const cont = contains(root as HTMLElement, target);\n      // const root = document.querySelector(`[data-popup-uuid=\"${uuid}\"]`);\n      if (!cont && !hasPopupMousedown.value) {\n        setPopupVisble(false);\n        if (props.clickOutside) {\n          props.clickOutside();\n        }\n      }\n    };\n\n    const attachOutsideHandler = () => {\n      if (!clickOutsideHandler && (isClickShow.value || isContextmentShow.value || props.clickOutside !== undefined)) {\n        clickOutsideHandler = document.addEventListener('mousedown', onDocumentClick);\n      }\n    };\n\n    const clearOutsideHandler = () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n      clickOutsideHandler = null;\n    };\n    // #endregion\n\n    // #region popup click stop outsideclick close popup\n    let mouseDownTimer: any = null;\n    const onPopupMousedown = () => {\n      hasPopupMousedown.value = true;\n      clearTimeout(mouseDownTimer);\n      mouseDownTimer = setTimeout(() => {\n        hasPopupMousedown.value = false;\n      }, 0);\n      if (triggerContext.onPopupMousedown) {\n        triggerContext.onPopupMousedown();\n      }\n    };\n\n    watch(stateVisible, (val) => {\n      nextTick(() => {\n        if (val) {\n          updatePopper();\n          attachOutsideHandler();\n        } else {\n          clearOutsideHandler();\n        }\n      });\n    });\n\n    onMounted(() => {\n      isMounted.value = true;\n      if (stateVisible.value) {\n        nextTick(() => {\n          createPopper();\n          attachOutsideHandler();\n        });\n      }\n    });\n\n    onUpdated(() => {\n      if (stateVisible.value) {\n        setTimeout(updatePopper, 0);\n      }\n    });\n\n    onUnmounted(() => {\n      clearOutsideHandler();\n      destroyPopper();\n    });\n\n    provide('triggerContext', { onPopupMousedown });\n    // #endregion\n\n    // #region event methods\n    let preClickTime = 0;\n    let focusTime = 0;\n    const onMousedown = (e: any) => {\n      emit('mousedown', e);\n      preClickTime = Date.now();\n    };\n    const onMouseenter = (e: any) => {\n      emit('mouseenter', e);\n      if (isMouseenterShow.value) {\n        clearDelayTimer();\n        delaySetPopupVisilbe(true, props.mouseEnterDelay);\n      }\n    };\n    const onMouseleave = (e: any) => {\n      emit('mouseleave', e);\n      if (isMouseleaveHide.value) {\n        delaySetPopupVisilbe(false, props.mouseLeaveDelay);\n      }\n    };\n    const onContextMenu = (e: any) => {\n      emit('context-menu', e);\n      if (isContextmentShow.value) {\n        e.preventDefault();\n        setPopupVisble(!stateVisible.value);\n      }\n    };\n    const onPopupMouseenter = () => {\n      clearDelayTimer();\n    };\n    const onPopupMouseleave = () => {\n      if (isMouseleaveHide.value) {\n        delaySetPopupVisilbe(false, props.mouseLeaveDelay);\n      }\n    };\n    const onFocus = (e: any) => {\n      emit('focus', e);\n      clearDelayTimer();\n      if (isFocusShow.value) {\n        focusTime = Date.now();\n        delaySetPopupVisilbe(true, props.focusDelay);\n      }\n    };\n\n    const onBlur = (e: any) => {\n      emit('blur', e);\n      clearDelayTimer();\n      if (isBlurHide.value) {\n        delaySetPopupVisilbe(false, props.blurDelay);\n      }\n    };\n    const onClick = (e: any) => {\n      emit('click', e);\n      // 2022-07-18 popover>div>tooltip can't trigger click event\n      // e.stopPropagation();\n      if (focusTime) {\n        if (Math.abs(preClickTime - focusTime) < 20) {\n          return;\n        }\n        focusTime = 0;\n      }\n      preClickTime = 0;\n      if (isClickShow.value) {\n        e.preventDefault();\n\n        setPopupVisble(!stateVisible.value);\n      }\n    };\n    // #endregion\n\n    return {\n      reference,\n      stateVisible,\n      popup,\n      isMounted,\n      onClick,\n      onMousedown,\n      onMouseenter,\n      onMouseleave,\n      onContextMenu,\n      onPopupMouseenter,\n      onPopupMouseleave,\n      onPopupMousedown,\n      onFocus,\n      onBlur,\n      onTransitionEnter: (el: Element, done: () => void) => {\n        nextTick(() => {\n          done();\n        });\n      },\n      onTransitionOver: () => {\n        emit('popup-transition-over');\n        if (props.destroyPopupOnHide) {\n          destroyPopper();\n        }\n      }\n    };\n  },\n  render() {\n    const {\n      prefixCls,\n      disabled,\n      transitionName,\n      destroyPopupOnHide,\n      stateVisible,\n      popupStyle,\n      popupClass,\n      placement,\n      $attrs,\n      $slots,\n      isMounted,\n      reference,\n      onClick,\n      onMousedown,\n      onMouseenter,\n      onMouseleave,\n      onContextMenu,\n      onFocus,\n      onBlur,\n      onPopupMouseenter,\n      onPopupMouseleave,\n      onPopupMousedown,\n      onTransitionEnter,\n      onTransitionOver\n    } = this;\n\n    const children = getSlot($slots);\n\n    if (children.length > 1) {\n      warn('Popup children just support only one default');\n    }\n    const child = children[0];\n    const extraProps: Record<string, any> = {\n      ref: 'reference'\n    };\n    if ($attrs.class) {\n      extraProps.class = $attrs.class;\n    }\n    if ($attrs.style) {\n      extraProps.style = $attrs.style;\n    }\n    if (disabled) {\n      extraProps.disabled = disabled;\n    }\n    extraProps.onMouseenter = onMouseenter;\n    extraProps.onMouseleave = onMouseleave;\n    extraProps.onClick = onClick;\n    extraProps.onMousedown = onMousedown;\n    extraProps.onContextmenu = onContextMenu;\n    extraProps.onFocus = onFocus;\n    extraProps.onBlur = onBlur;\n    const trigger = cloneVNode(child as any, extraProps, true);\n    const getContainer = this.getPopupContainer ? () => this.getPopupContainer?.(findDOMNode(reference)) : () => document.body;\n\n    return (\n      <>\n        {trigger}\n        {isMounted ? (\n          <Teleport to={getContainer()}>\n            <Transition name={transitionName} onEnter={onTransitionEnter} onAfterLeave={onTransitionOver}>\n              {!destroyPopupOnHide || stateVisible ? (\n                <div\n                  v-show={stateVisible}\n                  ref=\"popup\"\n                  class={{\n                    [`${popupClass}`]: popupClass,\n                    [`${prefixCls}`]: prefixCls,\n                    [`${prefixCls}-placement-${placement}`]: prefixCls\n                  }}\n                  style={{ ...popupStyle }}\n                  onMouseenter={onPopupMouseenter}\n                  onMouseleave={onPopupMouseleave}\n                  onMousedown={onPopupMousedown}\n                >\n                  {$slots.popup?.()}\n                </div>\n              ) : null}\n            </Transition>\n          </Teleport>\n        ) : null}\n      </>\n    );\n  }\n});\n"],"names":["defineComponent","name","components","Render","inheritAttrs","props","popupProps","emits","popupEmits","setup","emit","triggerContext","inject","hasPopupMousedown","ref","reference","popup","createPopper","updatePopper","destroyPopper","usePopper","stateVisible","delaySetPopupVisilbe","setPopupVisble","clearDelayTimer","useDelaySetVisible","isClickShow","isMouseenterShow","isContextmentShow","isMouseleaveHide","isFocusShow","isBlurHide","useJudgeAction","isMounted","clickOutsideHandler","onDocumentClick","e","target","root","findDOMNode","value","cont","contains","clickOutside","attachOutsideHandler","undefined","document","addEventListener","clearOutsideHandler","removeEventListener","mouseDownTimer","onPopupMousedown","clearTimeout","setTimeout","watch","val","nextTick","onMounted","onUpdated","onUnmounted","provide","preClickTime","focusTime","onMousedown","Date","now","onMouseenter","mouseEnterDelay","onMouseleave","mouseLeaveDelay","onContextMenu","preventDefault","onPopupMouseenter","onPopupMouseleave","onFocus","focusDelay","onBlur","blurDelay","onClick","Math","abs","onTransitionEnter","el","done","onTransitionOver","destroyPopupOnHide","render","prefixCls","disabled","transitionName","popupStyle","popupClass","placement","$attrs","$slots","children","getSlot","length","warn","child","extraProps","class","style","onContextmenu","trigger","cloneVNode","getContainer","getPopupContainer","body","_createVNode","_Fragment","Teleport","default","Transition","_withDirectives","_vShow"],"mappings":"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"}

package/es/components/Popup/Popup.type.d.ts

@@ -0,0 +1,87 @@
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import type { EmitFn } from '../../utils/globalType';
+export declare type GetPopupContainer = (node?: HTMLElement) => HTMLElement;
+export declare const popupTrigger: readonly ["hover", "focus", "click", "contextmenu"];
+export declare type PopupTrigger = (typeof popupTrigger)[number];
+export declare const popupProps: {
+    prefixCls: {
+        type: StringConstructor;
+    };
+    getPopupContainer: {
+        type: PropType<GetPopupContainer>;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+        default: string;
+        validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
+    };
+    offset: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    modifiers: {
+        type: PropType<any[]>;
+    };
+    transitionName: {
+        type: StringConstructor;
+    };
+    popupStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    popupClass: {
+        type: StringConstructor;
+    };
+    trigger: {
+        type: PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
+        default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    focusDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    blurDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    destroyPopupOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickOutside: {
+        type: PropType<() => void>;
+    };
+};
+export declare type PopupProps = ExtractPropTypes<typeof popupProps>;
+export declare const popupEmits: {
+    click: (e: Event) => boolean;
+    'popup-transition-over': () => boolean;
+    'popup-visible-change': (v: boolean) => boolean;
+    focus: (e: Event) => boolean;
+    blur: (e: Event) => boolean;
+    mousedown: (e: Event) => boolean;
+    mouseenter: (e: Event) => boolean;
+    mouseleave: (e: Event) => boolean;
+    'context-menu': (e: Event) => boolean;
+};
+export declare type PopupEmits = typeof popupEmits;
+export declare type PopupEmit = EmitFn<PopupEmits>;
+export interface TriggerContext {
+    onPopupMousedown: () => void;
+}

package/es/components/Popup/Popup.type.mjs

@@ -0,0 +1,83 @@
+import placements from '../../utils/placements.mjs';
+import { oneOf } from '../../utils/propsValidators.mjs';
+
+const popupTrigger = ["hover", "focus", "click", "contextmenu"];
+const popupProps = {
+  prefixCls: {
+    type: String
+  },
+  getPopupContainer: {
+    type: Function
+  },
+  placement: {
+    type: String,
+    default: "bottom-start",
+    validator: oneOf(placements)
+  },
+  offset: {
+    type: Array,
+    default: () => [0, 8]
+  },
+  modifiers: {
+    type: Array
+  },
+  transitionName: {
+    type: String
+  },
+  popupStyle: {
+    type: Object,
+    default: () => ({})
+  },
+  popupClass: {
+    type: String
+  },
+  trigger: {
+    type: Array,
+    default: () => []
+  },
+  mouseEnterDelay: {
+    type: Number,
+    default: 0
+  },
+  mouseLeaveDelay: {
+    type: Number,
+    default: 0.1
+  },
+  focusDelay: {
+    type: Number,
+    default: 0
+  },
+  blurDelay: {
+    type: Number,
+    default: 0.15
+  },
+  visible: {
+    type: Boolean,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  destroyPopupOnHide: {
+    type: Boolean,
+    default: false
+  },
+  clickOutside: {
+    type: Function
+  }
+};
+const popupEmits = {
+  click: (e) => e instanceof Event,
+  "popup-transition-over": () => true,
+  "popup-visible-change": (v) => typeof v === "boolean",
+  focus: (e) => e instanceof Event,
+  blur: (e) => e instanceof Event,
+  mousedown: (e) => e instanceof Event,
+  mouseenter: (e) => e instanceof Event,
+  mouseleave: (e) => e instanceof Event,
+  "context-menu": (e) => e instanceof Event
+};
+
+export { popupEmits, popupProps, popupTrigger };
+//# sourceMappingURL=Popup.type.mjs.map

package/es/components/Popup/Popup.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.type.mjs","sources":["../../../../src/components/Popup/Popup.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport type { EmitFn } from '../../utils/globalType';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport type GetPopupContainer = (node?: HTMLElement) => HTMLElement;\nexport const popupTrigger = ['hover', 'focus', 'click', 'contextmenu'] as const;\nexport type PopupTrigger = (typeof popupTrigger)[number];\n\nexport const popupProps = {\n  prefixCls: {\n    type: String\n  },\n  getPopupContainer: {\n    type: Function as PropType<GetPopupContainer>\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    default: 'bottom-start',\n    validator: oneOf(placements)\n  },\n  offset: {\n    type: Array as PropType<number[]>,\n    default: () => [0, 8]\n  },\n  modifiers: {\n    type: Array as PropType<any[]>\n  },\n  transitionName: {\n    type: String\n  },\n  popupStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  popupClass: {\n    type: String\n  },\n  trigger: {\n    type: Array as PropType<PopupTrigger[]>,\n    default: () => [] as PopupTrigger[]\n  },\n  mouseEnterDelay: {\n    type: Number,\n    default: 0\n  },\n  mouseLeaveDelay: {\n    type: Number,\n    default: 0.1\n  },\n  focusDelay: {\n    type: Number,\n    default: 0\n  },\n  blurDelay: {\n    type: Number,\n    default: 0.15\n  },\n  visible: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  destroyPopupOnHide: {\n    type: Boolean,\n    default: false\n  },\n  clickOutside: {\n    type: Function as PropType<() => void>\n  }\n};\nexport type PopupProps = ExtractPropTypes<typeof popupProps>;\n\nexport const popupEmits = {\n  click: (e: Event) => e instanceof Event,\n  'popup-transition-over': () => true,\n  'popup-visible-change': (v: boolean) => typeof v === 'boolean',\n  focus: (e: Event) => e instanceof Event,\n  blur: (e: Event) => e instanceof Event,\n  mousedown: (e: Event) => e instanceof Event,\n  mouseenter: (e: Event) => e instanceof Event,\n  mouseleave: (e: Event) => e instanceof Event,\n  'context-menu': (e: Event) => e instanceof Event\n};\n\nexport type PopupEmits = typeof popupEmits;\n\nexport type PopupEmit = EmitFn<PopupEmits>;\n\nexport interface TriggerContext {\n  onPopupMousedown: () => void;\n}\n"],"names":[],"mappings":";;;MAOa,eAAe,CAAC,SAAS,SAAS,SAAS,aAAa;MAGxD,aAAa;AAAA,EACxB,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA;AACR,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,UAAU;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,GAAG,CAAC;AAAA;AACtB,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA;AAEV;MAGa,aAAa;AAAA,EACxB,OAAO,CAAC,MAAa,aAAa;AAAA,EAClC,yBAAyB,MAAM;AAAA,EAC/B,wBAAwB,CAAC,MAAe,OAAO,MAAM;AAAA,EACrD,OAAO,CAAC,MAAa,aAAa;AAAA,EAClC,MAAM,CAAC,MAAa,aAAa;AAAA,EACjC,WAAW,CAAC,MAAa,aAAa;AAAA,EACtC,YAAY,CAAC,MAAa,aAAa;AAAA,EACvC,YAAY,CAAC,MAAa,aAAa;AAAA,EACvC,gBAAgB,CAAC,MAAa,aAAa;AAC7C;;;;"}

package/es/components/Popup/hooks/useDelaySetVisible.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+import type { PopupEmit, PopupProps } from '../Popup.type';
+export default function useDelaySetVisible(props: PopupProps, emit: PopupEmit): {
+    stateVisible: Ref<boolean, boolean>;
+    delaySetPopupVisilbe: (state: boolean, delayS: number) => void;
+    setPopupVisble: (val: boolean) => void;
+    clearDelayTimer: () => void;
+};

package/es/components/Popup/hooks/useDelaySetVisible.mjs

@@ -0,0 +1,47 @@
+import { toRef, ref, watch } from 'vue';
+import { cancelAnimationTimeout, requestAnimationTimeout } from '../../../utils/requestAnimationTimeout.mjs';
+
+function useDelaySetVisible(props, emit) {
+  const visible = toRef(props, "visible");
+  const stateVisible = ref(visible.value || false);
+  let delayTimer = null;
+  watch(visible, (val) => {
+    stateVisible.value = val;
+  });
+  const setPopupVisble = (val) => {
+    if (val !== stateVisible.value) {
+      if (visible.value === void 0) {
+        stateVisible.value = val;
+      } else {
+        emit("popup-visible-change", val);
+      }
+    }
+  };
+  const clearDelayTimer = () => {
+    if (delayTimer) {
+      cancelAnimationTimeout(delayTimer);
+      delayTimer = null;
+    }
+  };
+  const delaySetPopupVisilbe = (state, delayS) => {
+    const delay = delayS * 1e3;
+    clearDelayTimer();
+    if (delay) {
+      delayTimer = requestAnimationTimeout(() => {
+        setPopupVisble(state);
+        clearDelayTimer();
+      }, delay);
+    } else {
+      setPopupVisble(state);
+    }
+  };
+  return {
+    stateVisible,
+    delaySetPopupVisilbe,
+    setPopupVisble,
+    clearDelayTimer
+  };
+}
+
+export { useDelaySetVisible as default };
+//# sourceMappingURL=useDelaySetVisible.mjs.map

package/es/components/Popup/hooks/useDelaySetVisible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelaySetVisible.mjs","sources":["../../../../../src/components/Popup/hooks/useDelaySetVisible.ts"],"sourcesContent":["import { ref, toRef, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport { requestAnimationTimeout, cancelAnimationTimeout } from '../../../utils/requestAnimationTimeout';\nimport type { PopupEmit, PopupProps } from '../Popup.type';\n\nexport default function useDelaySetVisible(props: PopupProps, emit: PopupEmit) {\n  const visible = toRef(props, 'visible');\n  const stateVisible: Ref<boolean | undefined> = ref(visible.value || false);\n  let delayTimer: any = null;\n\n  watch(visible, (val) => {\n    stateVisible.value = val;\n  });\n\n  const setPopupVisble = (val: boolean) => {\n    if (val !== stateVisible.value) {\n      if (visible.value === undefined) {\n        stateVisible.value = val;\n      } else {\n        emit('popup-visible-change', val);\n      }\n    }\n  };\n\n  const clearDelayTimer = () => {\n    if (delayTimer) {\n      cancelAnimationTimeout(delayTimer);\n      delayTimer = null;\n    }\n  };\n\n  const delaySetPopupVisilbe = (state: boolean, delayS: number) => {\n    const delay = delayS * 1000;\n\n    clearDelayTimer();\n    if (delay) {\n      delayTimer = requestAnimationTimeout(() => {\n        setPopupVisble(state);\n        clearDelayTimer();\n      }, delay);\n    } else {\n      setPopupVisble(state);\n    }\n  };\n\n  return {\n    stateVisible,\n    delaySetPopupVisilbe,\n    setPopupVisble,\n    clearDelayTimer\n  };\n}\n"],"names":[],"mappings":";;;SAKwB,mBAAmB,OAAmB,MAAiB;AAC7E,QAAM,UAAU,MAAM,OAAO,SAAS;AACtC,QAAM,eAAyC,IAAI,QAAQ,SAAS,KAAK;AACzE,MAAI,aAAkB;AAEtB,QAAM,SAAS,CAAC,QAAQ;AACtB,iBAAa,QAAQ;AAAA,GACtB;AAED,QAAM,iBAAiB,CAAC,QAAiB;AACvC,QAAI,QAAQ,aAAa,OAAO;AAC9B,UAAI,QAAQ,UAAU,QAAW;AAC/B,qBAAa,QAAQ;AAAA,aAChB;AACL,aAAK,wBAAwB,GAAG;AAAA;AAClC;AACF;AAGF,QAAM,kBAAkB,MAAM;AAC5B,QAAI,YAAY;AACd,6BAAuB,UAAU;AACjC,mBAAa;AAAA;AACf;AAGF,QAAM,uBAAuB,CAAC,OAAgB,WAAmB;AAC/D,UAAM,QAAQ,SAAS;AAEvB;AACA,QAAI,OAAO;AACT,mBAAa,wBAAwB,MAAM;AACzC,uBAAe,KAAK;AACpB;AAAgB,SACf,KAAK;AAAA,WACH;AACL,qBAAe,KAAK;AAAA;AACtB;AAGF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEJ;;;;"}

package/es/components/Popup/hooks/useJudgeAction.d.ts

@@ -0,0 +1,11 @@
+import type { PopoverTrigger } from '../../Popover/Popover.type';
+export default function useJudgeAction(props: {
+    trigger: PopoverTrigger | PopoverTrigger[];
+}): {
+    isClickShow: import("vue").ComputedRef<boolean>;
+    isContextmentShow: import("vue").ComputedRef<boolean>;
+    isMouseenterShow: import("vue").ComputedRef<boolean>;
+    isMouseleaveHide: import("vue").ComputedRef<boolean>;
+    isFocusShow: import("vue").ComputedRef<boolean>;
+    isBlurHide: import("vue").ComputedRef<boolean>;
+};

package/es/components/Popup/hooks/useJudgeAction.mjs

@@ -0,0 +1,33 @@
+import { computed } from 'vue';
+
+function useJudgeAction(props) {
+  const isClickShow = computed(() => {
+    return props.trigger.indexOf("click") > -1;
+  });
+  const isMouseenterShow = computed(() => {
+    return props.trigger.indexOf("hover") > -1;
+  });
+  const isContextmentShow = computed(() => {
+    return props.trigger.indexOf("contextmenu") > -1;
+  });
+  const isMouseleaveHide = computed(() => {
+    return props.trigger.indexOf("hover") > -1;
+  });
+  const isFocusShow = computed(() => {
+    return props.trigger.indexOf("focus") > -1;
+  });
+  const isBlurHide = computed(() => {
+    return props.trigger.indexOf("focus") > -1;
+  });
+  return {
+    isClickShow,
+    isContextmentShow,
+    isMouseenterShow,
+    isMouseleaveHide,
+    isFocusShow,
+    isBlurHide
+  };
+}
+
+export { useJudgeAction as default };
+//# sourceMappingURL=useJudgeAction.mjs.map

package/es/components/Popup/hooks/useJudgeAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useJudgeAction.mjs","sources":["../../../../../src/components/Popup/hooks/useJudgeAction.ts"],"sourcesContent":["import { computed } from 'vue';\nimport type { PopoverTrigger } from '../../Popover/Popover.type';\n\nexport default function useJudgeAction(props: { trigger: PopoverTrigger | PopoverTrigger[] }) {\n  const isClickShow = computed(() => {\n    return props.trigger.indexOf('click') > -1;\n  });\n\n  const isMouseenterShow = computed(() => {\n    return props.trigger.indexOf('hover') > -1;\n  });\n\n  const isContextmentShow = computed(() => {\n    return props.trigger.indexOf('contextmenu') > -1;\n  });\n\n  const isMouseleaveHide = computed(() => {\n    return props.trigger.indexOf('hover') > -1;\n  });\n\n  const isFocusShow = computed(() => {\n    return props.trigger.indexOf('focus') > -1;\n  });\n\n  const isBlurHide = computed(() => {\n    return props.trigger.indexOf('focus') > -1;\n  });\n\n  return {\n    isClickShow,\n    isContextmentShow,\n    isMouseenterShow,\n    isMouseleaveHide,\n    isFocusShow,\n    isBlurHide\n  };\n}\n"],"names":[],"mappings":";;SAGwB,eAAe,OAAuD;AAC5F,QAAM,cAAc,SAAS,MAAM;AACjC,WAAO,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,GACzC;AAED,QAAM,mBAAmB,SAAS,MAAM;AACtC,WAAO,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,GACzC;AAED,QAAM,oBAAoB,SAAS,MAAM;AACvC,WAAO,MAAM,QAAQ,QAAQ,aAAa,IAAI;AAAA,GAC/C;AAED,QAAM,mBAAmB,SAAS,MAAM;AACtC,WAAO,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,GACzC;AAED,QAAM,cAAc,SAAS,MAAM;AACjC,WAAO,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,GACzC;AAED,QAAM,aAAa,SAAS,MAAM;AAChC,WAAO,MAAM,QAAQ,QAAQ,OAAO,IAAI;AAAA,GACzC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEJ;;;;"}

package/es/components/Popup/hooks/usePopper.d.ts

@@ -0,0 +1,12 @@
+import type { Placements } from '../../../utils/placements';
+export default function usePopper(props: {
+    placement: Placements;
+    offset?: number[];
+    modifiers?: any[];
+}): {
+    reference: import("vue").Ref<any, any>;
+    popup: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+    createPopper: () => void;
+    updatePopper: () => void;
+    destroyPopper: () => void;
+};