前端初始化

node_modules/element-plus/es/components/space/src/use-space.mjs

@@ -0,0 +1,65 @@
+import { isArray, isNumber } from "../../../utils/types.mjs";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { computed, ref, watchEffect } from "vue";
+//#region ../../packages/components/space/src/use-space.ts
+const SIZE_MAP = {
+	small: 8,
+	default: 12,
+	large: 16
+};
+function useSpace(props) {
+	const ns = useNamespace("space");
+	const classes = computed(() => [
+		ns.b(),
+		ns.m(props.direction),
+		props.class
+	]);
+	const horizontalSize = ref(0);
+	const verticalSize = ref(0);
+	const containerStyle = computed(() => {
+		return [
+			props.wrap || props.fill ? { flexWrap: "wrap" } : {},
+			{ alignItems: props.alignment },
+			{
+				rowGap: `${verticalSize.value}px`,
+				columnGap: `${horizontalSize.value}px`
+			},
+			props.style
+		];
+	});
+	const itemStyle = computed(() => {
+		return props.fill ? {
+			flexGrow: 1,
+			minWidth: `${props.fillRatio}%`
+		} : {};
+	});
+	watchEffect(() => {
+		const { size = "small", wrap, direction: dir, fill } = props;
+		if (isArray(size)) {
+			const [h = 0, v = 0] = size;
+			horizontalSize.value = h;
+			verticalSize.value = v;
+		} else {
+			let val;
+			if (isNumber(size)) val = size;
+			else val = SIZE_MAP[size || "small"] || SIZE_MAP.small;
+			if ((wrap || fill) && dir === "horizontal") horizontalSize.value = verticalSize.value = val;
+			else if (dir === "horizontal") {
+				horizontalSize.value = val;
+				verticalSize.value = 0;
+			} else {
+				verticalSize.value = val;
+				horizontalSize.value = 0;
+			}
+		}
+	});
+	return {
+		classes,
+		containerStyle,
+		itemStyle
+	};
+}
+//#endregion
+export { useSpace };
+
+//# sourceMappingURL=use-space.mjs.map