完全跑通1.0版本

frontend/node_modules/element-plus/es/hooks/use-floating/index.d.ts

@@ -0,0 +1,138 @@
+import { Ref, ToRefs } from "vue";
+import * as _$_floating_ui_dom0 from "@floating-ui/dom";
+import { Middleware, Placement, SideObject, Strategy, VirtualElement } from "@floating-ui/dom";
+
+//#region ../../packages/hooks/use-floating/index.d.ts
+declare const useFloatingProps: {};
+type UseFloatingProps = ToRefs<{
+  middleware: Array<Middleware>;
+  placement: Placement;
+  strategy: Strategy;
+}>;
+declare const getPositionDataWithUnit: <T extends Record<string, number>>(record: T | undefined, key: keyof T) => string;
+declare const useFloating: ({
+  middleware,
+  placement,
+  strategy
+}: UseFloatingProps) => {
+  update: () => Promise<void>;
+  referenceRef: Ref<HTMLElement | VirtualElement | undefined, HTMLElement | VirtualElement | undefined>;
+  contentRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  x: Ref<number | undefined, number | undefined>;
+  y: Ref<number | undefined, number | undefined>;
+  placement: Ref<Placement, Placement>;
+  strategy: Ref<Strategy, Strategy>;
+  middlewareData: Ref<{
+    [x: string]: any;
+    arrow?: {
+      x?: number | undefined;
+      y?: number | undefined;
+      centerOffset: number;
+      alignmentOffset?: number | undefined;
+    } | undefined;
+    autoPlacement?: {
+      index?: number | undefined;
+      overflows: {
+        placement: Placement;
+        overflows: Array<number>;
+      }[];
+    } | undefined;
+    flip?: {
+      index?: number | undefined;
+      overflows: {
+        placement: Placement;
+        overflows: Array<number>;
+      }[];
+    } | undefined;
+    hide?: {
+      referenceHidden?: boolean | undefined;
+      escaped?: boolean | undefined;
+      referenceHiddenOffsets?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+      } | undefined;
+      escapedOffsets?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+      } | undefined;
+    } | undefined;
+    offset?: {
+      x: number;
+      y: number;
+      placement: Placement;
+    } | undefined;
+    shift?: {
+      x: number;
+      y: number;
+      enabled: {
+        x: boolean;
+        y: boolean;
+      };
+    } | undefined;
+  }, _$_floating_ui_dom0.MiddlewareData | {
+    [x: string]: any;
+    arrow?: {
+      x?: number | undefined;
+      y?: number | undefined;
+      centerOffset: number;
+      alignmentOffset?: number | undefined;
+    } | undefined;
+    autoPlacement?: {
+      index?: number | undefined;
+      overflows: {
+        placement: Placement;
+        overflows: Array<number>;
+      }[];
+    } | undefined;
+    flip?: {
+      index?: number | undefined;
+      overflows: {
+        placement: Placement;
+        overflows: Array<number>;
+      }[];
+    } | undefined;
+    hide?: {
+      referenceHidden?: boolean | undefined;
+      escaped?: boolean | undefined;
+      referenceHiddenOffsets?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+      } | undefined;
+      escapedOffsets?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+      } | undefined;
+    } | undefined;
+    offset?: {
+      x: number;
+      y: number;
+      placement: Placement;
+    } | undefined;
+    shift?: {
+      x: number;
+      y: number;
+      enabled: {
+        x: boolean;
+        y: boolean;
+      };
+    } | undefined;
+  }>;
+};
+type ArrowMiddlewareProps = {
+  arrowRef: Ref<HTMLElement | null | undefined>;
+  padding?: number | SideObject;
+};
+declare const arrowMiddleware: ({
+  arrowRef,
+  padding
+}: ArrowMiddlewareProps) => Middleware;
+//#endregion
+export { ArrowMiddlewareProps, UseFloatingProps, arrowMiddleware, getPositionDataWithUnit, useFloating, useFloatingProps };

frontend/node_modules/element-plus/es/hooks/use-floating/index.mjs

@@ -0,0 +1,77 @@
+import { isClient as isClient$1 } from "../../utils/browser.mjs";
+import { keysOf } from "../../utils/objects.mjs";
+import { buildProps } from "../../utils/vue/props/runtime.mjs";
+import { unrefElement } from "@vueuse/core";
+import { isNil } from "lodash-unified";
+import { isRef, onMounted, ref, unref, watchEffect } from "vue";
+import { arrow, computePosition } from "@floating-ui/dom";
+//#region ../../packages/hooks/use-floating/index.ts
+const useFloatingProps = buildProps({});
+const unrefReference = (elRef) => {
+	if (!isClient$1) return;
+	if (!elRef) return elRef;
+	const unrefEl = unrefElement(elRef);
+	if (unrefEl) return unrefEl;
+	return isRef(elRef) ? unrefEl : elRef;
+};
+const getPositionDataWithUnit = (record, key) => {
+	const value = record?.[key];
+	return isNil(value) ? "" : `${value}px`;
+};
+const useFloating = ({ middleware, placement, strategy }) => {
+	const referenceRef = ref();
+	const contentRef = ref();
+	const states = {
+		x: ref(),
+		y: ref(),
+		placement,
+		strategy,
+		middlewareData: ref({})
+	};
+	const update = async () => {
+		if (!isClient$1) return;
+		const referenceEl = unrefReference(referenceRef);
+		const contentEl = unrefElement(contentRef);
+		if (!referenceEl || !contentEl) return;
+		const data = await computePosition(referenceEl, contentEl, {
+			placement: unref(placement),
+			strategy: unref(strategy),
+			middleware: unref(middleware)
+		});
+		keysOf(states).forEach((key) => {
+			states[key].value = data[key];
+		});
+	};
+	onMounted(() => {
+		watchEffect(() => {
+			update();
+		});
+	});
+	return {
+		...states,
+		update,
+		referenceRef,
+		contentRef
+	};
+};
+const arrowMiddleware = ({ arrowRef, padding }) => {
+	return {
+		name: "arrow",
+		options: {
+			element: arrowRef,
+			padding
+		},
+		fn(args) {
+			const arrowEl = unref(arrowRef);
+			if (!arrowEl) return {};
+			return arrow({
+				element: arrowEl,
+				padding
+			}).fn(args);
+		}
+	};
+};
+//#endregion
+export { arrowMiddleware, getPositionDataWithUnit, useFloating, useFloatingProps };
+
+//# sourceMappingURL=index.mjs.map

frontend/node_modules/element-plus/es/hooks/use-floating/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["isClient","arrowCore"],"sources":["../../../../../packages/hooks/use-floating/index.ts"],"sourcesContent":["import { isRef, onMounted, ref, unref, watchEffect } from 'vue'\nimport { unrefElement } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { arrow as arrowCore, computePosition } from '@floating-ui/dom'\nimport { buildProps, isClient, keysOf } from '@element-plus/utils'\n\nimport type { Ref, ToRefs } from 'vue'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  SideObject,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\n\nexport const useFloatingProps = buildProps({} as const)\n\nexport type UseFloatingProps = ToRefs<{\n  middleware: Array<Middleware>\n  placement: Placement\n  strategy: Strategy\n}>\n\ntype ElementRef = Parameters<typeof unrefElement>['0']\n\nconst unrefReference = (\n  elRef: ElementRef | Ref<VirtualElement | undefined>\n) => {\n  if (!isClient) return\n  if (!elRef) return elRef\n  const unrefEl = unrefElement(elRef as ElementRef)\n  if (unrefEl) return unrefEl\n  return isRef(elRef) ? unrefEl : (elRef as VirtualElement)\n}\n\nexport const getPositionDataWithUnit = <T extends Record<string, number>>(\n  record: T | undefined,\n  key: keyof T\n) => {\n  const value = record?.[key]\n  return isNil(value) ? '' : `${value}px`\n}\n\nexport const useFloating = ({\n  middleware,\n  placement,\n  strategy,\n}: UseFloatingProps) => {\n  const referenceRef = ref<HTMLElement | VirtualElement>()\n  const contentRef = ref<HTMLElement>()\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unrefReference(referenceRef)\n    const contentEl = unrefElement(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    keysOf(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  onMounted(() => {\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  return {\n    ...states,\n    update,\n    referenceRef,\n    contentRef,\n  }\n}\n\nexport type ArrowMiddlewareProps = {\n  arrowRef: Ref<HTMLElement | null | undefined>\n  padding?: number | SideObject\n}\n\nexport const arrowMiddleware = ({\n  arrowRef,\n  padding,\n}: ArrowMiddlewareProps): Middleware => {\n  return {\n    name: 'arrow',\n    options: {\n      element: arrowRef,\n      padding,\n    },\n\n    fn(args) {\n      const arrowEl = unref(arrowRef)\n      if (!arrowEl) return {}\n\n      return arrowCore({\n        element: arrowEl,\n        padding,\n      }).fn(args)\n    },\n  }\n}\n"],"mappings":";;;;;;;;AAgBA,MAAa,mBAAmB,WAAW,EAAE,CAAU;AAUvD,MAAM,kBACJ,UACG;CACH,IAAI,CAACA,YAAU;CACf,IAAI,CAAC,OAAO,OAAO;CACnB,MAAM,UAAU,aAAa,MAAoB;CACjD,IAAI,SAAS,OAAO;CACpB,OAAO,MAAM,MAAM,GAAG,UAAW;;AAGnC,MAAa,2BACX,QACA,QACG;CACH,MAAM,QAAQ,SAAS;CACvB,OAAO,MAAM,MAAM,GAAG,KAAK,GAAG,MAAM;;AAGtC,MAAa,eAAe,EAC1B,YACA,WACA,eACsB;CACtB,MAAM,eAAe,KAAmC;CACxD,MAAM,aAAa,KAAkB;CAKrC,MAAM,SAAS;EACb,GALQ,KAKP;EACD,GALQ,KAKP;EACD;EACA;EACA,gBAPqB,IAA6C,EAAE,CAOtD;EACf;CAED,MAAM,SAAS,YAAY;EACzB,IAAI,CAACA,YAAU;EAEf,MAAM,cAAc,eAAe,aAAa;EAChD,MAAM,YAAY,aAAa,WAAW;EAC1C,IAAI,CAAC,eAAe,CAAC,WAAW;EAEhC,MAAM,OAAO,MAAM,gBAAgB,aAAa,WAAW;GACzD,WAAW,MAAM,UAAU;GAC3B,UAAU,MAAM,SAAS;GACzB,YAAY,MAAM,WAAW;GAC9B,CAAC;EAEF,OAAO,OAAO,CAAC,SAAS,QAAQ;GAC9B,OAAO,KAAK,QAAQ,KAAK;IACzB;;CAGJ,gBAAgB;EACd,kBAAkB;GAChB,QAAQ;IACR;GACF;CAEF,OAAO;EACL,GAAG;EACH;EACA;EACA;EACD;;AAQH,MAAa,mBAAmB,EAC9B,UACA,cACsC;CACtC,OAAO;EACL,MAAM;EACN,SAAS;GACP,SAAS;GACT;GACD;EAED,GAAG,MAAM;GACP,MAAM,UAAU,MAAM,SAAS;GAC/B,IAAI,CAAC,SAAS,OAAO,EAAE;GAEvB,OAAOC,MAAU;IACf,SAAS;IACT;IACD,CAAC,CAAC,GAAG,KAAK;;EAEd"}