@v-c/menu 0.0.1 → 0.0.3

package/dist/SubMenu/InlineSubMenuList.js

@@ -1,84 +1,57 @@
-import { defineComponent, shallowRef, watchEffect, watch, computed, createVNode, Transition } from "vue";
-import { getTransitionProps } from "@v-c/util/dist/utils/transition";
-import InheritableContextProvider, { useMenuContext } from "../context/MenuContext.js";
+import MenuContext_default, { useMenuContext } from "../context/MenuContext.js";
 import { getMotion } from "../utils/motionUtil.js";
-import InternalSubMenuList from "./SubMenuList.js";
-const InlineSubMenuList = /* @__PURE__ */ defineComponent((props, {
-  slots
-}) => {
-  const fixedMode = "inline";
-  const menuContext = useMenuContext();
-  const sameModeRef = shallowRef(false);
-  watchEffect(() => {
-    sameModeRef.value = menuContext?.value?.mode === fixedMode;
-  });
-  const destroy = shallowRef(!sameModeRef.value);
-  watch(() => menuContext?.value?.mode, () => {
-    if (sameModeRef.value) {
-      destroy.value = false;
-    }
-  }, {
-    immediate: true
-  });
-  const mergedOpen = computed(() => sameModeRef.value ? props?.open : false);
-  const mergedMotion = computed(() => {
-    const {
-      motion,
-      defaultMotions
-    } = menuContext?.value ?? {};
-    const motionData = {
-      ...getMotion(fixedMode, motion, defaultMotions)
-    };
-    if (props.keyPath && props.keyPath.length > 1) {
-      motionData.appear = false;
-    }
-    const _onAfterLeave = motionData.onAfterLeave;
-    motionData.onAfterLeave = (el) => {
-      if (!sameModeRef.value) {
-        destroy.value = true;
-      }
-      return _onAfterLeave?.(el);
-    };
-    return motionData;
-  });
-  return () => {
-    if (destroy.value) {
-      return null;
-    }
-    return createVNode(InheritableContextProvider, {
-      "mode": fixedMode,
-      "locked": !sameModeRef.value
-    }, {
-      default: () => [createVNode(Transition, getTransitionProps(mergedMotion.value?.name, mergedMotion.value), {
-        default: () => [mergedOpen.value && createVNode(InternalSubMenuList, {
-          "id": props.id
-        }, {
-          default: () => [slots?.default?.()]
-        })]
-      })]
-    });
-  };
+import SubMenuList_default from "./SubMenuList.js";
+import { Transition, computed, createVNode, defineComponent, shallowRef, watch, watchEffect } from "vue";
+import { getTransitionProps } from "@v-c/util/dist/utils/transition";
+var InlineSubMenuList_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const fixedMode = "inline";
+	const menuContext = useMenuContext();
+	const sameModeRef = shallowRef(false);
+	watchEffect(() => {
+		sameModeRef.value = menuContext?.value?.mode === fixedMode;
+	});
+	const destroy = shallowRef(!sameModeRef.value);
+	watch(() => menuContext?.value?.mode, () => {
+		if (sameModeRef.value) destroy.value = false;
+	}, { immediate: true });
+	const mergedOpen = computed(() => sameModeRef.value ? props?.open : false);
+	const mergedMotion = computed(() => {
+		const { motion, defaultMotions } = menuContext?.value ?? {};
+		const motionData = { ...getMotion(fixedMode, motion, defaultMotions) };
+		if (props.keyPath && props.keyPath.length > 1) motionData.appear = false;
+		const _onAfterLeave = motionData.onAfterLeave;
+		motionData.onAfterLeave = (el) => {
+			if (!sameModeRef.value) destroy.value = true;
+			return _onAfterLeave?.(el);
+		};
+		return motionData;
+	});
+	return () => {
+		if (destroy.value) return null;
+		return createVNode(MenuContext_default, {
+			"mode": fixedMode,
+			"locked": !sameModeRef.value
+		}, { default: () => [createVNode(Transition, getTransitionProps(mergedMotion.value?.name, mergedMotion.value), { default: () => [mergedOpen.value && createVNode(SubMenuList_default, { "id": props.id }, { default: () => [slots?.default?.()] })] })] });
+	};
 }, {
-  props: {
-    id: {
-      type: String,
-      required: false,
-      default: void 0
-    },
-    open: {
-      type: Boolean,
-      required: true,
-      default: void 0
-    },
-    keyPath: {
-      type: Array,
-      required: true,
-      default: void 0
-    }
-  },
-  name: "InlineSubMenuList",
-  inheritAttrs: false
+	props: {
+		id: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		keyPath: {
+			type: Array,
+			required: true,
+			default: void 0
+		}
+	},
+	name: "InlineSubMenuList",
+	inheritAttrs: false
 });
-export {
-  InlineSubMenuList as default
-};
+export { InlineSubMenuList_default as default };

package/dist/SubMenu/PopupTrigger.cjs

@@ -1,168 +1,134 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Trigger = require("@v-c/trigger");
-const util = require("@v-c/util");
-const raf = require("@v-c/util/dist/raf.ts");
-const MenuContext = require("../context/MenuContext.cjs");
-const placements = require("../placements.cjs");
-const motionUtil = require("../utils/motionUtil.cjs");
-const popupPlacementMap = {
-  "horizontal": "bottomLeft",
-  "vertical": "rightTop",
-  "vertical-left": "rightTop",
-  "vertical-right": "leftTop"
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_MenuContext = require("../context/MenuContext.cjs");
+const require_motionUtil = require("../utils/motionUtil.cjs");
+const require_placements = require("../placements.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+let __v_c_trigger = require("@v-c/trigger");
+__v_c_trigger = require_rolldown_runtime.__toESM(__v_c_trigger);
+let __v_c_util_dist_raf = require("@v-c/util/dist/raf");
+__v_c_util_dist_raf = require_rolldown_runtime.__toESM(__v_c_util_dist_raf);
+var popupPlacementMap = {
+	"horizontal": "bottomLeft",
+	"vertical": "rightTop",
+	"vertical-left": "rightTop",
+	"vertical-right": "leftTop"
 };
-const PopupTrigger = /* @__PURE__ */ vue.defineComponent((props, {
-  slots
-}) => {
-  const menuContext = MenuContext.useMenuContext();
-  const innerVisible = vue.shallowRef(props.visible ?? false);
-  const placement = vue.computed(() => {
-    const rtl = menuContext?.value?.rtl;
-    const builtinPlacements = menuContext?.value?.builtinPlacements;
-    return rtl ? {
-      ...placements.placementsRtl,
-      ...builtinPlacements
-    } : {
-      ...placements.placements,
-      ...builtinPlacements
-    };
-  });
-  const triggerMode = vue.computed(() => props.mode);
-  const popupPlacement = vue.computed(() => {
-    return popupPlacementMap[triggerMode.value];
-  });
-  const defaultMotions = vue.computed(() => menuContext?.value?.defaultMotions);
-  const motion = vue.computed(() => menuContext?.value?.motion);
-  const targetMotion = vue.computed(() => {
-    return {
-      ...motionUtil.getMotion(triggerMode.value, motion.value, defaultMotions.value)
-    };
-  });
-  const targetMotionRef = vue.shallowRef(targetMotion.value);
-  vue.watch(triggerMode, (mode) => {
-    if (mode !== "inline") {
-      targetMotionRef.value = targetMotion.value;
-    }
-  }, {
-    immediate: true
-  });
-  vue.watch([motion, defaultMotions], () => {
-    if (triggerMode.value !== "inline") {
-      targetMotionRef.value = targetMotion.value;
-    }
-  });
-  const mergedMotion = vue.computed(() => {
-    return {
-      ...targetMotionRef.value,
-      appear: true
-    };
-  });
-  const visibleRef = vue.shallowRef();
-  vue.watch(() => props.visible, (visible, _, onCleanup) => {
-    visibleRef.value = raf(() => {
-      innerVisible.value = visible;
-    });
-    onCleanup(() => {
-      if (visibleRef.value !== void 0) {
-        raf.cancel(visibleRef.value);
-      }
-    });
-  });
-  return () => {
-    const {
-      popupClassName,
-      popup,
-      popupStyle,
-      popupOffset,
-      disabled,
-      onVisibleChange,
-      prefixCls
-    } = props;
-    const {
-      rtl,
-      rootClassName,
-      mode,
-      getPopupContainer,
-      triggerSubMenuAction,
-      subMenuCloseDelay,
-      subMenuOpenDelay,
-      forceSubMenuRender
-    } = menuContext?.value ?? {};
-    return vue.createVNode(Trigger, {
-      "prefixCls": prefixCls,
-      "popupClassName": util.clsx(`${prefixCls}-popup`, {
-        [`${prefixCls}-rtl`]: rtl
-      }, popupClassName, rootClassName),
-      "stretch": mode === "horizontal" ? "minWidth" : void 0,
-      "getPopupContainer": getPopupContainer,
-      "builtinPlacements": placement.value,
-      "popupPlacement": popupPlacement.value,
-      "popupVisible": innerVisible.value,
-      "popup": popup,
-      "popupStyle": popupStyle,
-      "popupAlign": popupOffset && {
-        offset: popupOffset
-      },
-      "action": disabled ? [] : [triggerSubMenuAction],
-      "mouseEnterDelay": subMenuOpenDelay,
-      "mouseLeaveDelay": subMenuCloseDelay,
-      "onOpenChange": onVisibleChange,
-      "forceRender": forceSubMenuRender,
-      "popupMotion": mergedMotion.value,
-      "fresh": true
-    }, {
-      default: () => [slots?.default?.()]
-    });
-  };
-}, {
-  props: {
-    prefixCls: {
-      type: String,
-      required: true,
-      default: void 0
-    },
-    mode: {
-      type: String,
-      required: true,
-      default: void 0
-    },
-    visible: {
-      type: Boolean,
-      required: true,
-      default: void 0
-    },
-    popup: {
-      type: null,
-      required: true,
-      default: void 0
-    },
-    popupStyle: {
-      type: null,
-      required: false,
-      default: void 0
-    },
-    popupClassName: {
-      type: String,
-      required: false,
-      default: void 0
-    },
-    popupOffset: {
-      type: Array,
-      required: false,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      required: true,
-      default: void 0
-    },
-    onVisibleChange: {
-      type: Function,
-      required: true,
-      default: void 0
-    }
-  }
-});
-exports.default = PopupTrigger;
+var PopupTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
+	const menuContext = require_MenuContext.useMenuContext();
+	const innerVisible = (0, vue.shallowRef)(props.visible ?? false);
+	const placement = (0, vue.computed)(() => {
+		const rtl = menuContext?.value?.rtl;
+		const builtinPlacements = menuContext?.value?.builtinPlacements;
+		return rtl ? {
+			...require_placements.placementsRtl,
+			...builtinPlacements
+		} : {
+			...require_placements.default,
+			...builtinPlacements
+		};
+	});
+	const triggerMode = (0, vue.computed)(() => props.mode);
+	const popupPlacement = (0, vue.computed)(() => {
+		return popupPlacementMap[triggerMode.value];
+	});
+	const defaultMotions = (0, vue.computed)(() => menuContext?.value?.defaultMotions);
+	const motion = (0, vue.computed)(() => menuContext?.value?.motion);
+	const targetMotion = (0, vue.computed)(() => {
+		return { ...require_motionUtil.getMotion(triggerMode.value, motion.value, defaultMotions.value) };
+	});
+	const targetMotionRef = (0, vue.shallowRef)(targetMotion.value);
+	(0, vue.watch)(triggerMode, (mode) => {
+		if (mode !== "inline") targetMotionRef.value = targetMotion.value;
+	}, { immediate: true });
+	(0, vue.watch)([motion, defaultMotions], () => {
+		if (triggerMode.value !== "inline") targetMotionRef.value = targetMotion.value;
+	});
+	const mergedMotion = (0, vue.computed)(() => {
+		return {
+			...targetMotionRef.value,
+			appear: true
+		};
+	});
+	const visibleRef = (0, vue.shallowRef)();
+	(0, vue.watch)(() => props.visible, (visible, _, onCleanup) => {
+		visibleRef.value = (0, __v_c_util_dist_raf.default)(() => {
+			innerVisible.value = visible;
+		});
+		onCleanup(() => {
+			if (visibleRef.value !== void 0) __v_c_util_dist_raf.default.cancel(visibleRef.value);
+		});
+	});
+	return () => {
+		const { popupClassName, popup, popupStyle, popupOffset, disabled, onVisibleChange, prefixCls } = props;
+		const { rtl, rootClassName, mode, getPopupContainer, triggerSubMenuAction, subMenuCloseDelay, subMenuOpenDelay, forceSubMenuRender } = menuContext?.value ?? {};
+		return (0, vue.createVNode)(__v_c_trigger.default, {
+			"prefixCls": prefixCls,
+			"popupClassName": (0, __v_c_util.clsx)(`${prefixCls}-popup`, { [`${prefixCls}-rtl`]: rtl }, popupClassName, rootClassName),
+			"stretch": mode === "horizontal" ? "minWidth" : void 0,
+			"getPopupContainer": getPopupContainer,
+			"builtinPlacements": placement.value,
+			"popupPlacement": popupPlacement.value,
+			"popupVisible": innerVisible.value,
+			"popup": popup,
+			"popupStyle": popupStyle,
+			"popupAlign": popupOffset && { offset: popupOffset },
+			"action": disabled ? [] : [triggerSubMenuAction],
+			"mouseEnterDelay": subMenuOpenDelay,
+			"mouseLeaveDelay": subMenuCloseDelay,
+			"onOpenChange": onVisibleChange,
+			"forceRender": forceSubMenuRender,
+			"popupMotion": mergedMotion.value,
+			"fresh": true
+		}, { default: () => [slots?.default?.()] });
+	};
+}, { props: {
+	prefixCls: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	mode: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	visible: {
+		type: Boolean,
+		required: true,
+		default: void 0
+	},
+	popup: {
+		type: null,
+		required: true,
+		default: void 0
+	},
+	popupStyle: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	popupClassName: {
+		type: String,
+		required: false,
+		default: void 0
+	},
+	popupOffset: {
+		type: Array,
+		required: false,
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		required: true,
+		default: void 0
+	},
+	onVisibleChange: {
+		type: Function,
+		required: true,
+		default: void 0
+	}
+} });
+var PopupTrigger_default = PopupTrigger;
+exports.default = PopupTrigger_default;

package/dist/SubMenu/PopupTrigger.d.ts

@@ -1,6 +1,6 @@
-import { VueNode } from '@v-c/util/dist/type.ts';
+import { VueNode } from '@v-c/util/dist/type';
 import { CSSProperties } from 'vue';
-import { MenuMode } from '../interface.ts';
+import { MenuMode } from '../interface';
 export interface PopupTriggerProps {
     prefixCls: string;
     mode: MenuMode;