完全跑通1.0版本

frontend/node_modules/element-plus/lib/hooks/use-popper/index.d.ts

@@ -0,0 +1,84 @@
+import { Placement as Placement$1 } from "../../components/popper/index.js";
+import * as _$vue from "vue";
+import { Ref } from "vue";
+import * as _$_popperjs_core0 from "@popperjs/core";
+import { Instance, Modifier, Options, State, VirtualElement } from "@popperjs/core";
+
+//#region ../../packages/hooks/use-popper/index.d.ts
+type ElementType = HTMLElement | undefined;
+type ReferenceElement = ElementType | VirtualElement;
+type PartialOptions = Partial<Options>;
+declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElementRef: Ref<ElementType>, opts?: Ref<PartialOptions> | PartialOptions) => {
+  state: _$vue.ComputedRef<{
+    elements?: {
+      reference: Element | VirtualElement;
+      popper: HTMLElement;
+      arrow?: HTMLElement;
+    } | undefined;
+    options?: _$_popperjs_core0.OptionsGeneric<any> | undefined;
+    placement?: Placement$1 | undefined;
+    strategy?: _$_popperjs_core0.PositioningStrategy | undefined;
+    orderedModifiers?: Modifier<any, any>[] | undefined;
+    rects?: _$_popperjs_core0.StateRects | undefined;
+    scrollParents?: {
+      reference: Array<Element | _$_popperjs_core0.Window | _$_popperjs_core0.VisualViewport>;
+      popper: Array<Element | _$_popperjs_core0.Window | _$_popperjs_core0.VisualViewport>;
+    } | undefined;
+    styles?: {
+      [key: string]: Partial<CSSStyleDeclaration>;
+    } | undefined;
+    attributes?: {
+      [key: string]: {
+        [key: string]: string | boolean;
+      };
+    } | undefined;
+    modifiersData?: {
+      [key: string]: any;
+      arrow?: {
+        x?: number;
+        y?: number;
+        centerOffset: number;
+      };
+      hide?: {
+        isReferenceHidden: boolean;
+        hasPopperEscaped: boolean;
+        referenceClippingOffsets: _$_popperjs_core0.SideObject;
+        popperEscapeOffsets: _$_popperjs_core0.SideObject;
+      };
+      offset?: {
+        top?: _$_popperjs_core0.Offsets | undefined;
+        auto?: _$_popperjs_core0.Offsets | undefined;
+        bottom?: _$_popperjs_core0.Offsets | undefined;
+        left?: _$_popperjs_core0.Offsets | undefined;
+        right?: _$_popperjs_core0.Offsets | undefined;
+        "auto-start"?: _$_popperjs_core0.Offsets | undefined;
+        "auto-end"?: _$_popperjs_core0.Offsets | undefined;
+        "top-start"?: _$_popperjs_core0.Offsets | undefined;
+        "top-end"?: _$_popperjs_core0.Offsets | undefined;
+        "bottom-start"?: _$_popperjs_core0.Offsets | undefined;
+        "bottom-end"?: _$_popperjs_core0.Offsets | undefined;
+        "right-start"?: _$_popperjs_core0.Offsets | undefined;
+        "right-end"?: _$_popperjs_core0.Offsets | undefined;
+        "left-start"?: _$_popperjs_core0.Offsets | undefined;
+        "left-end"?: _$_popperjs_core0.Offsets | undefined;
+      };
+      preventOverflow?: _$_popperjs_core0.Offsets;
+      popperOffsets?: _$_popperjs_core0.Offsets;
+    } | undefined;
+    reset?: boolean | undefined;
+  }>;
+  styles: _$vue.ComputedRef<{
+    [key: string]: Partial<CSSStyleDeclaration>;
+  }>;
+  attributes: _$vue.ComputedRef<{
+    [key: string]: {
+      [key: string]: string | boolean;
+    };
+  }>;
+  update: () => Promise<Partial<State>> | undefined;
+  forceUpdate: () => void | undefined;
+  instanceRef: _$vue.ComputedRef<Instance | undefined>;
+};
+type UsePopperReturn = ReturnType<typeof usePopper>;
+//#endregion
+export { PartialOptions, UsePopperReturn, usePopper };

frontend/node_modules/element-plus/lib/hooks/use-popper/index.js

@@ -0,0 +1,82 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+let lodash_unified = require("lodash-unified");
+let vue = require("vue");
+let _popperjs_core = require("@popperjs/core");
+//#region ../../packages/hooks/use-popper/index.ts
+const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
+	const stateUpdater = {
+		name: "updateState",
+		enabled: true,
+		phase: "write",
+		fn: ({ state }) => {
+			const derivedState = deriveState(state);
+			Object.assign(states.value, derivedState);
+		},
+		requires: ["computeStyles"]
+	};
+	const options = (0, vue.computed)(() => {
+		const { onFirstUpdate, placement, strategy, modifiers } = (0, vue.unref)(opts);
+		return {
+			onFirstUpdate,
+			placement: placement || "bottom",
+			strategy: strategy || "absolute",
+			modifiers: [
+				...modifiers || [],
+				stateUpdater,
+				{
+					name: "applyStyles",
+					enabled: false
+				}
+			]
+		};
+	});
+	const instanceRef = (0, vue.shallowRef)();
+	const states = (0, vue.ref)({
+		styles: {
+			popper: {
+				position: (0, vue.unref)(options).strategy,
+				left: "0",
+				top: "0"
+			},
+			arrow: { position: "absolute" }
+		},
+		attributes: {}
+	});
+	const destroy = () => {
+		if (!instanceRef.value) return;
+		instanceRef.value.destroy();
+		instanceRef.value = void 0;
+	};
+	(0, vue.watch)(options, (newOptions) => {
+		const instance = (0, vue.unref)(instanceRef);
+		if (instance) instance.setOptions(newOptions);
+	}, { deep: true });
+	(0, vue.watch)([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
+		destroy();
+		if (!referenceElement || !popperElement) return;
+		instanceRef.value = (0, _popperjs_core.createPopper)(referenceElement, popperElement, (0, vue.unref)(options));
+	});
+	(0, vue.onBeforeUnmount)(() => {
+		destroy();
+	});
+	return {
+		state: (0, vue.computed)(() => ({ ...(0, vue.unref)(instanceRef)?.state || {} })),
+		styles: (0, vue.computed)(() => (0, vue.unref)(states).styles),
+		attributes: (0, vue.computed)(() => (0, vue.unref)(states).attributes),
+		update: () => (0, vue.unref)(instanceRef)?.update(),
+		forceUpdate: () => (0, vue.unref)(instanceRef)?.forceUpdate(),
+		instanceRef: (0, vue.computed)(() => (0, vue.unref)(instanceRef))
+	};
+};
+function deriveState(state) {
+	const elements = Object.keys(state.elements);
+	return {
+		styles: (0, lodash_unified.fromPairs)(elements.map((element) => [element, state.styles[element] || {}])),
+		attributes: (0, lodash_unified.fromPairs)(elements.map((element) => [element, state.attributes[element]]))
+	};
+}
+//#endregion
+exports.usePopper = usePopper;
+
+//# sourceMappingURL=index.js.map