@v-c/dropdown 1.0.1 → 1.0.3

package/dist/Dropdown.js

@@ -1,21 +1,15 @@
 import useAccessibility from "./hooks/useAccessibility.js";
-import Overlay_default from "./Overlay.js";
-import placements_default from "./placements.js";
+import Overlay from "./Overlay.js";
+import placements from "./placements.js";
 import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { Trigger } from "@v-c/trigger";
 import { clsx } from "@v-c/util";
 import { filterEmpty, removeUndefined, toPropsRefs } from "@v-c/util/dist/props-util";
+//#region src/Dropdown.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var defaults = {
-	prefixCls: "vc-dropdown",
-	arrow: false,
-	placement: "bottomLeft",
-	placements: placements_default,
-	trigger: ["hover"]
-};
-var Dropdown_default = /* @__PURE__ */ defineComponent((props, { expose, slots }) => {
+var Dropdown = /* @__PURE__ */ defineComponent((props, { expose, slots }) => {
 	const { autoFocus } = toPropsRefs(props, "autoFocus");
 	const triggerVisible = shallowRef();
 	const mergedVisible = computed(() => {
@@ -46,8 +40,8 @@ var Dropdown_default = /* @__PURE__ */ defineComponent((props, { expose, slots }
 		if (onOverlayClick) onOverlayClick(e);
 	};
 	return () => {
-		const { overlay, prefixCls, arrow, hideAction, trigger, placement, placements, overlayClassName, getPopupContainer, showAction, overlayStyle, align,...otherProps } = props;
-		const getMenuElement = () => createVNode(Overlay_default, {
+		const { overlay, prefixCls, arrow, hideAction, trigger, placement, placements, overlayClassName, getPopupContainer, showAction, overlayStyle, align, ...otherProps } = props;
+		const getMenuElement = () => createVNode(Overlay, {
 			"ref": overlayRef,
 			"overlay": overlay,
 			"prefixCls": prefixCls,
@@ -93,7 +87,7 @@ var Dropdown_default = /* @__PURE__ */ defineComponent((props, { expose, slots }
 			"getPopupContainer": getPopupContainer
 		}), _isSlot(childrenNode) ? childrenNode : { default: () => [childrenNode] });
 	};
-}, { props: /* @__PURE__ */ mergeDefaults({
+}, { props: /*@__PURE__*/ mergeDefaults({
 	minOverlayWidthMatchTrigger: {
 		type: Boolean,
 		required: false,
@@ -202,7 +196,7 @@ var Dropdown_default = /* @__PURE__ */ defineComponent((props, { expose, slots }
 		default: void 0
 	},
 	getPopupContainer: {
-		type: Function,
+		type: [Function, Boolean],
 		required: false,
 		default: void 0
 	},
@@ -231,5 +225,12 @@ var Dropdown_default = /* @__PURE__ */ defineComponent((props, { expose, slots }
 		required: false,
 		default: void 0
 	}
-}, defaults) });
-export { Dropdown_default as default };
+}, {
+	prefixCls: "vc-dropdown",
+	arrow: false,
+	placement: "bottomLeft",
+	placements,
+	trigger: ["hover"]
+}) });
+//#endregion
+export { Dropdown as default };

package/dist/Overlay.js

@@ -1,5 +1,6 @@
 import { Fragment, createVNode, defineComponent, shallowRef } from "vue";
-var Overlay_default = /* @__PURE__ */ defineComponent((props) => {
+//#region src/Overlay.tsx
+var Overlay = /* @__PURE__ */ defineComponent((props) => {
 	const overlayRef = shallowRef();
 	const setRef = (el) => {
 		overlayRef.value = el;
@@ -34,4 +35,5 @@ var Overlay_default = /* @__PURE__ */ defineComponent((props) => {
 		default: void 0
 	}
 } });
-export { Overlay_default as default };
+//#endregion
+export { Overlay as default };

package/dist/hooks/useAccessibility.js

@@ -1,6 +1,7 @@
 import { shallowRef, watch } from "vue";
 import KeyCode from "@v-c/util/dist/KeyCode";
 import raf from "@v-c/util/dist/raf";
+//#region src/hooks/useAccessibility.ts
 var { ESC, TAB } = KeyCode;
 function useAccessibility({ visible, triggerRef, onVisibleChange, autoFocus, overlayRef }) {
 	const focusMenuRef = shallowRef(false);
@@ -45,4 +46,5 @@ function useAccessibility({ visible, triggerRef, onVisibleChange, autoFocus, ove
 		});
 	});
 }
+//#endregion
 export { useAccessibility as default };

package/dist/index.js

@@ -1,3 +1,5 @@
-import Dropdown_default from "./Dropdown.js";
-var src_default = Dropdown_default;
+import Dropdown from "./Dropdown.js";
+//#region src/index.tsx
+var src_default = Dropdown;
+//#endregion
 export { src_default as default };

package/dist/placements.js

@@ -1,9 +1,10 @@
+//#region src/placements.ts
 var autoAdjustOverflow = {
 	adjustX: 1,
 	adjustY: 1
 };
 var targetOffset = [0, 0];
-var placements_default = {
+var placements = {
 	topLeft: {
 		points: ["bl", "tl"],
 		overflow: autoAdjustOverflow,
@@ -41,4 +42,5 @@ var placements_default = {
 		targetOffset
 	}
 };
-export { placements_default as default };
+//#endregion
+export { placements as default };

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@v-c/dropdown",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "dropdown ui component for vue",
   "author": "",
   "license": "MIT",
+  "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/dropdown",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antdv-next/vue-components.git"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -15,7 +20,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -29,8 +34,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.3",
-    "@v-c/trigger": "^1.0.2"
+    "@v-c/trigger": "^1.0.17",
+    "@v-c/util": "^1.0.19"
   },
   "scripts": {
     "build": "vite build",

package/dist/Dropdown.cjs

@@ -1,238 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_useAccessibility = require("./hooks/useAccessibility.cjs");
-const require_Overlay = require("./Overlay.cjs");
-const require_placements = require("./placements.cjs");
-let vue = require("vue");
-let __v_c_trigger = require("@v-c/trigger");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var defaults = {
-	prefixCls: "vc-dropdown",
-	arrow: false,
-	placement: "bottomLeft",
-	placements: require_placements.default,
-	trigger: ["hover"]
-};
-var Dropdown = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, slots }) => {
-	const { autoFocus } = (0, __v_c_util_dist_props_util.toPropsRefs)(props, "autoFocus");
-	const triggerVisible = (0, vue.shallowRef)();
-	const mergedVisible = (0, vue.computed)(() => {
-		return props?.visible ?? triggerVisible.value;
-	});
-	const mergedMotionName = (0, vue.computed)(() => {
-		const { prefixCls, transitionName, animation } = props;
-		return animation ? `${prefixCls}-${animation}` : transitionName;
-	});
-	const triggerRef = (0, vue.shallowRef)();
-	const overlayRef = (0, vue.shallowRef)();
-	const childRef = (0, vue.shallowRef)();
-	expose({ triggerRef });
-	const handleVisibleChange = (visible) => {
-		triggerVisible.value = visible;
-		props.onVisibleChange?.(visible);
-	};
-	require_useAccessibility.default({
-		visible: mergedVisible,
-		triggerRef: childRef,
-		onVisibleChange: handleVisibleChange,
-		autoFocus,
-		overlayRef
-	});
-	const onClick = (e) => {
-		const { onOverlayClick } = props;
-		triggerVisible.value = false;
-		if (onOverlayClick) onOverlayClick(e);
-	};
-	return () => {
-		const { overlay, prefixCls, arrow, hideAction, trigger, placement, placements, overlayClassName, getPopupContainer, showAction, overlayStyle, align,...otherProps } = props;
-		const getMenuElement = () => (0, vue.createVNode)(require_Overlay.default, {
-			"ref": overlayRef,
-			"overlay": overlay,
-			"prefixCls": prefixCls,
-			"arrow": arrow
-		}, null);
-		const getMenuElementOrLambda = () => {
-			if (typeof overlay === "function") return getMenuElement;
-			return getMenuElement();
-		};
-		const getMinOverlayWidthMatchTrigger = () => {
-			const { minOverlayWidthMatchTrigger, alignPoint } = props;
-			if (minOverlayWidthMatchTrigger !== void 0) return minOverlayWidthMatchTrigger;
-			return !alignPoint;
-		};
-		const getOpenClassName = () => {
-			const { openClassName } = props;
-			if (openClassName !== void 0) return openClassName;
-			return `${prefixCls}-open`;
-		};
-		const children = (0, __v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? [])?.[0];
-		const childrenNode = (0, vue.createVNode)(children, {
-			class: (0, __v_c_util.clsx)(mergedVisible.value && getOpenClassName()),
-			ref: childRef
-		});
-		let triggerHideAction = hideAction;
-		if (!triggerHideAction && trigger?.includes("contextMenu")) triggerHideAction = ["click"];
-		return (0, vue.createVNode)(__v_c_trigger.Trigger, (0, vue.mergeProps)({ "builtinPlacements": placements }, (0, __v_c_util_dist_props_util.removeUndefined)(otherProps), {
-			"prefixCls": prefixCls,
-			"ref": triggerRef,
-			"popupClassName": (0, __v_c_util.clsx)(overlayClassName, { [`${prefixCls}-show-arrow`]: arrow }),
-			"popupStyle": overlayStyle,
-			"action": trigger,
-			"showAction": showAction,
-			"hideAction": triggerHideAction,
-			"popupPlacement": placement,
-			"popupAlign": align,
-			"popupMotion": { name: mergedMotionName.value },
-			"popupVisible": mergedVisible.value,
-			"stretch": getMinOverlayWidthMatchTrigger() ? "minWidth" : "",
-			"popup": getMenuElementOrLambda(),
-			"onOpenChange": handleVisibleChange,
-			"onPopupClick": onClick,
-			"getPopupContainer": getPopupContainer
-		}), _isSlot(childrenNode) ? childrenNode : { default: () => [childrenNode] });
-	};
-}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-	minOverlayWidthMatchTrigger: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	arrow: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	onVisibleChange: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onOverlayClick: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	prefixCls: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	transitionName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	overlayClassName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	openClassName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	animation: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	align: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	overlayStyle: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	placement: {
-		required: false,
-		default: void 0
-	},
-	placements: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	overlay: {
-		type: [
-			Function,
-			Object,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	trigger: {
-		type: [String, Array],
-		required: false,
-		default: void 0
-	},
-	alignPoint: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	showAction: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	hideAction: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	visible: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	autoFocus: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	getPopupContainer: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	mouseEnterDelay: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	mouseLeaveDelay: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	onPopupAlign: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	builtinPlacements: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	autoDestroy: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	}
-}, defaults) });
-var Dropdown_default = Dropdown;
-exports.default = Dropdown_default;

package/dist/Overlay.cjs

@@ -1,40 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var Overlay = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const overlayRef = (0, vue.shallowRef)();
-	const setRef = (el) => {
-		overlayRef.value = el;
-	};
-	return () => {
-		const { overlay, arrow, prefixCls } = props;
-		const overlayNode = typeof overlay === "function" ? overlay?.() : overlay;
-		return (0, vue.createVNode)(vue.Fragment, null, [arrow && (0, vue.createVNode)("div", { "class": `${prefixCls}-arrow` }, null), (0, vue.createVNode)(overlayNode, { ref: setRef })]);
-	};
-}, { props: {
-	overlay: {
-		type: [
-			Function,
-			Object,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	arrow: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	prefixCls: {
-		type: String,
-		required: false,
-		default: void 0
-	}
-} });
-var Overlay_default = Overlay;
-exports.default = Overlay_default;

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-exports.__toESM = __toESM;

package/dist/hooks/useAccessibility.cjs

@@ -1,52 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
-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 { ESC, TAB } = __v_c_util_dist_KeyCode.default;
-function useAccessibility({ visible, triggerRef, onVisibleChange, autoFocus, overlayRef }) {
-	const focusMenuRef = (0, vue.shallowRef)(false);
-	const handleCloseMenuAndReturnFocus = () => {
-		if (visible.value) {
-			triggerRef.value?.focus?.();
-			onVisibleChange?.(false);
-		}
-	};
-	const focusMenu = () => {
-		if (overlayRef?.value?.focus) {
-			overlayRef.value.focus();
-			focusMenuRef.value = true;
-			return true;
-		}
-		return false;
-	};
-	const handleKeyDown = (event) => {
-		switch (event.keyCode) {
-			case ESC:
-				handleCloseMenuAndReturnFocus();
-				break;
-			case TAB: {
-				let focusResult = false;
-				if (!focusMenuRef.value) focusResult = focusMenu();
-				if (focusResult) event.preventDefault();
-				else handleCloseMenuAndReturnFocus();
-				break;
-			}
-		}
-	};
-	(0, vue.watch)(visible, (_n, _o, onCleanup) => {
-		if (visible.value) {
-			window.addEventListener("keydown", handleKeyDown);
-			if (autoFocus) (0, __v_c_util_dist_raf.default)(focusMenu, 3);
-			onCleanup(() => {
-				window.removeEventListener("keydown", handleKeyDown);
-				focusMenuRef.value = false;
-			});
-		} else onCleanup(() => {
-			focusMenuRef.value = false;
-		});
-	});
-}
-exports.default = useAccessibility;

package/dist/index.cjs

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-const require_Dropdown = require("./Dropdown.cjs");
-var src_default = require_Dropdown.default;
-exports.default = src_default;

package/dist/placements.cjs

@@ -1,46 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-var autoAdjustOverflow = {
-	adjustX: 1,
-	adjustY: 1
-};
-var targetOffset = [0, 0];
-var placements = {
-	topLeft: {
-		points: ["bl", "tl"],
-		overflow: autoAdjustOverflow,
-		offset: [0, -4],
-		targetOffset
-	},
-	top: {
-		points: ["bc", "tc"],
-		overflow: autoAdjustOverflow,
-		offset: [0, -4],
-		targetOffset
-	},
-	topRight: {
-		points: ["br", "tr"],
-		overflow: autoAdjustOverflow,
-		offset: [0, -4],
-		targetOffset
-	},
-	bottomLeft: {
-		points: ["tl", "bl"],
-		overflow: autoAdjustOverflow,
-		offset: [0, 4],
-		targetOffset
-	},
-	bottom: {
-		points: ["tc", "bc"],
-		overflow: autoAdjustOverflow,
-		offset: [0, 4],
-		targetOffset
-	},
-	bottomRight: {
-		points: ["tr", "br"],
-		overflow: autoAdjustOverflow,
-		offset: [0, 4],
-		targetOffset
-	}
-};
-var placements_default = placements;
-exports.default = placements_default;