@ithinkdt/ui 4.0.0-6 → 4.0.0-600

package/dist/page.js

@@ -0,0 +1,546 @@
+import { n as useI18n } from "./use-i18n-D-AJ8KbA.js";
+import "./use-style-DrH-89qR.js";
+import "./directives-CB8tcZsk.js";
+import { a as DtUserRender, h as DataForm, i as DtUserDept, r as DtDeptRender, s as NRadios, x as NCheckboxes } from "./components-BMKQsJ4d.js";
+import { computed, createVNode, defineComponent, h, isVNode, mergeProps, ref, shallowRef, unref } from "vue";
+import { until } from "@vueuse/core";
+import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
+import { format } from "date-fns";
+import { useFormItem } from "ithinkdt-ui/es/_mixins";
+import { isNullish } from "@ithinkdt/common";
+import { useDict, useDictMap } from "@ithinkdt/common/dict";
+function _isSlot(r) {
+	return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !isVNode(r);
+}
+var mapProps = (r) => Object.fromEntries(Object.entries(r || {}).map(([r, a]) => [r, unref(a)])), SimpleUpload = /* @__PURE__ */ defineComponent({
+	name: "SimpleUpload",
+	props: {
+		type: {
+			type: String,
+			default: "file"
+		},
+		size: {
+			type: String,
+			default: "medium"
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		max: {
+			type: Number,
+			default: void 0
+		},
+		accept: {
+			type: String,
+			default: void 0
+		},
+		maxSize: {
+			type: Number,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		fileList: {
+			type: Array,
+			default: () => []
+		},
+		onUpdateFileList: { type: [Array, Function] },
+		uploadFile: { type: Function }
+	},
+	setup(a, { slots: o, expose: s }) {
+		let { t: c } = useI18n();
+		SimpleUpload.t = c;
+		let l = useFormItem(a), u = useMessage(), f = computed(() => a.customRequest || (({ file: r, onProgress: o, onFinish: s, onError: c }) => {
+			a.uploadFile(r.file, (r) => o({ percent: r })).then((a) => {
+				r.file.fileId = a, s();
+			}).catch((r) => {
+				u.error(r.message), c(r);
+			});
+		})), p = ref();
+		s({ submit() {
+			return until(p).toBeTruthy().then((r) => r.submit());
+		} });
+		let m = (r) => {
+			a.onUpdateFileList?.(r), nextTick(() => l.nTriggerFormChange());
+		};
+		return () => {
+			let { type: r, onUpdateFileList: s, ...u } = a;
+			return createVNode(NUpload, mergeProps(u, {
+				ref: p,
+				customRequest: f.value,
+				listType: r === "image" ? "image-card" : "text",
+				accept: u.accept ?? r === "image" ? "image/*" : void 0,
+				"onUpdate:fileList": m
+			}), {
+				default: r === "image" ? void 0 : () => {
+					let r;
+					return createVNode(NButton, {
+						disabled: l.mergedDisabledRef.value,
+						size: l.mergedSizeRef.value
+					}, _isSlot(r = c("common.page.form.selectFileText")) ? r : { default: () => [r] });
+				},
+				...o
+			});
+		};
+	}
+});
+function createPageFormHelper({ getUserGroups: r, getUsersByGroup: o, getDeptsByCode: c, getUsersByDept: d, getUsersByUsername: f, uploadFile: m, getFileInfos: g }) {
+	let _ = (r) => r, x = (r) => isNullish(r) ? r : String(r), C = (r) => isNullish(r) ? r : Number(r);
+	return {
+		input: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => l ? createVNode(NText, {
+			depth: 2,
+			style: "line-height: 1.25"
+		}, { default: () => [o ?? ""] }) : (a = mapProps(a), h(NInput, {
+			clearable: !0,
+			...a,
+			...u,
+			value: o,
+			"onUpdate:value": s
+		}, r)),
+		number: () => {
+			let r, a;
+			return ({ slots: o, props: s }, { modelValue: c, "onUpdate:modelValue": l, required: u, readonly: d, ...f }) => {
+				if (d) return createVNode(NText, {
+					depth: 2,
+					style: "line-height: 1.25"
+				}, { default: () => [c ?? ""] });
+				let { valueType: m = "number", ...g } = mapProps(s), _ = m === "string" ? C(c) : c;
+				return r = l, m === "string" && !a && (a = (a, ...o) => {
+					r(x(a), ...o);
+				}), h(NInputNumber, {
+					clearable: !0,
+					...g,
+					...f,
+					value: _,
+					"onUpdate:value": m === "string" ? a : r
+				}, o);
+			};
+		},
+		select: () => {
+			let r, a, o, s, c;
+			return ({ slots: l, props: u }, { modelValue: d, "onUpdate:modelValue": f, required: m, readonly: g, ...v }) => {
+				let { dictType: b, options: S, valueType: w = "string", ...T } = mapProps(u), E = w === "number" ? x : _;
+				S ? a = S : r !== b && (r = b, !a && r && (a = useDict(r)));
+				let D = T.multiple ? d?.map(E) : E(d);
+				if (g) if (T.multiple) {
+					let r;
+					return createVNode(NText, {
+						depth: 2,
+						style: "line-height: 1.25"
+					}, _isSlot(r = (D?.map((r) => a?.find((a) => a[T.valueField || "value"] === r)) ?? []).map((r, a, o) => {
+						let s = r ? T.renderLabel ? T.renderLabel(r) ?? "" : r[T.labelField || "label"] ?? "" : D[a] ?? "";
+						return createVNode("span", { key: r ? r[T.valueField || "value"] : D[a] ?? "" }, [s, a < o.length - 1 ? ", " : ""]);
+					})) ? r : { default: () => [r] });
+				} else {
+					let r = a?.find((r) => r[T.valueField || "value"] === D);
+					return createVNode(NText, {
+						depth: 2,
+						style: "line-height: 1.25"
+					}, { default: () => [r ? T.renderLabel ? T.renderLabel(r) ?? "" : r[T.labelField || "label"] ?? "" : D ?? ""] });
+				}
+				return s = T.multiple, o = f, w === "number" && !c && (c = (r, ...a) => {
+					o(s ? r?.map(C) : C(r), ...a);
+				}), h(NSelect, {
+					clearable: !0,
+					loading: a?.loading,
+					...T,
+					options: unref(a),
+					...v,
+					value: D,
+					"onUpdate:value": w === "number" ? c : o
+				}, l);
+			};
+		},
+		checkbox: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
+			if (a = mapProps(a), l) {
+				let s;
+				return s = o === (a.checkedValue ?? !0) ? r?.checked ? r.checked() : createVNode(NCheckbox, { checked: !0 }, null) : r?.unchecked ? r.unchecked() : createVNode(NCheckbox, { disabled: !0 }, null), createVNode(NText, {
+					depth: 2,
+					style: "line-height: 1.25"
+				}, _isSlot(s) ? s : { default: () => [s] });
+			}
+			return h(NCheckbox, {
+				...a,
+				...u,
+				checked: o,
+				"onUpdate:checked": s
+			}, r);
+		},
+		checkboxes: () => {
+			let r, a, o, s;
+			return ({ props: c }, { modelValue: l, "onUpdate:modelValue": d, required: f, readonly: m, ...g }) => {
+				let { dictType: v, options: y, valueType: b = "string", ...S } = mapProps(c), w = b === "number" ? x : _;
+				y ? a = y : r !== v && (r = v, !a && r && (a = useDict(r)));
+				let T = l?.map(w) ?? [];
+				if (m) {
+					let r;
+					return createVNode(NText, {
+						depth: 2,
+						style: "line-height: 2.4"
+					}, _isSlot(r = (T?.map((r) => a?.find((a) => a[S.valueField || "value"] === r)) ?? []).map((r, a, o) => {
+						let s = r ? r[S.labelField ?? "label"] ?? "" : T[a] ?? "";
+						return createVNode("span", { key: r ? r[S.valueField ?? "value"] : T[a] ?? "" }, [s, a < o.length - 1 ? ", " : ""]);
+					})) ? r : { default: () => [r] });
+				}
+				return o = d, b === "number" && !s && (s = (r, ...a) => {
+					o(multiple0 ? r?.map(C) : C(r), ...a);
+				}), h(NCheckboxes, {
+					...S,
+					...g,
+					options: a,
+					modelValue: T,
+					"onUpdate:modelValue": b === "number" ? s : o
+				});
+			};
+		},
+		radios: () => {
+			let r, a, o, s;
+			return ({ props: c }, { modelValue: u, "onUpdate:modelValue": d, required: f, readonly: m, ...g }) => {
+				let { dictType: v, options: y, valueType: b = "string", ...S } = mapProps(c), w = b === "number" ? x : _;
+				y ? a = y : r !== v && (r = v, !a && r && (a = useDict(r)));
+				let T = w(u);
+				if (m) {
+					let r = a?.find((r) => r[S.valueField ?? "value"] === T);
+					return createVNode(NText, {
+						depth: 2,
+						style: "line-height: 1.25"
+					}, { default: () => [r ? r[S.labelField ?? "label"] ?? "" : T ?? ""] });
+				}
+				return o = d, b === "number" && !s && (s = (r, ...a) => {
+					o(C(r), ...a);
+				}), h(NRadios, {
+					...S,
+					...g,
+					options: a,
+					modelValue: T,
+					"onUpdate:modelValue": b === "number" ? s : o
+				});
+			};
+		},
+		datepicker: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
+			let { type: d = "date", format: f = d.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd", ...m } = mapProps(a);
+			return l ? d.endsWith("range") ? createVNode(NText, {
+				depth: 2,
+				style: "line-height: 1.25"
+			}, { default: () => [o ? `${o[0] ? format(o[0], f) : ""} ~ ${o[1] ? format(o[1], f) : ""}` : ""] }) : createVNode(NText, {
+				depth: 2,
+				style: "line-height: 1.25"
+			}, { default: () => [o ? format(o, f) : ""] }) : h(NDatePicker, {
+				actions: null,
+				updateValueOnClose: !0,
+				clearable: !0,
+				...m,
+				...u,
+				type: d,
+				format: f,
+				value: o,
+				"onUpdate:value": s
+			}, r);
+		},
+		file: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
+			if (a = mapProps(a), l) {
+				let r;
+				return console.warn("[file] 原则上此组建不应该显示在详情中"), fileList.value.length === 0 ? void 0 : createVNode(NFlex, {
+					gap: "8",
+					vertical: !0
+				}, _isSlot(r = o.map((r) => createVNode("a", {
+					key: r.id,
+					href: r.url,
+					target: "_blank",
+					rel: "noreferrer",
+					style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
+				}, [r.name]))) ? r : { default: () => [r] });
+			}
+			return h(SimpleUpload, {
+				...a,
+				...u,
+				defaultUpload: !1,
+				uploadFile: m,
+				fileList: o,
+				onUpdateFileList: s
+			}, r);
+		},
+		upload: () => {
+			let r = null, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = shallowRef([]), c = 0, l = (r) => {
+				let a = ++c;
+				s.value = r.map((r) => o.get(r)).filter(Boolean);
+				let l = r.filter((r) => !o.has(r));
+				Promise.resolve(l.length > 0 ? g(l) : []).then((l) => {
+					if (a === c) {
+						s.value = r.map((r) => o.get(r) || l.find((a) => a.id === r)), o.clear();
+						for (let r of s.value) o.set(r.id, r);
+					}
+				});
+			}, u;
+			return {
+				renderer: ({ slots: c, props: d }, { modelValue: f, "onUpdate:modelValue": g, required: _, readonly: y, ...b }) => {
+					let x = mapProps(d);
+					if (u = x.ref ??= shallowRef(), r !== f && (r = f, l(f?.split(",") ?? [])), y) {
+						let r;
+						return s.value.length === 0 ? void 0 : createVNode(NFlex, {
+							gap: "8",
+							vertical: !0,
+							style: "padding: 6px 0"
+						}, _isSlot(r = s.value.map((r) => createVNode("a", {
+							key: r.id,
+							href: r.url,
+							target: "_blank",
+							rel: "noreferrer",
+							title: r.name,
+							download: r.name,
+							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
+						}, [r.name]))) ? r : { default: () => [r] });
+					}
+					return h(SimpleUpload, {
+						...x,
+						...b,
+						uploadFile: m,
+						fileList: s.value,
+						onUpdateFileList: (r = []) => {
+							o.clear();
+							for (let s of r) s.file?.fileId && a.set(s.id, s.file.fileId), s.file?.fileId ? o.set(s.file.fileId, s) : o.set(s.id, s);
+							s.value = r, g(s.value.map((r) => a.get(r.id) || r.id).join(",") || null);
+						}
+					}, c);
+				},
+				beforeSubmit: async () => {
+					if (await u?.value?.submit(), await until(s).toMatch((r) => r.every((r) => !["pending", "uploading"].includes(r.status))), s.value.some((r) => r.status === "error")) return SimpleUpload.t("common.page.form.validate.fileErrorMessage");
+				}
+			};
+		},
+		user: () => {
+			let l, u, m;
+			return ({ slots: g, props: _ }, { modelValue: y, "onUpdate:modelValue": b, required: x, readonly: S, ...C }) => {
+				let w = mapProps(_);
+				return l || (l = shallowRef([]), u = shallowRef([]), m = shallowRef([]), f().then((r) => {
+					l.value = r;
+				}), r().then((r) => {
+					u.value = r;
+				}), c().then((r) => {
+					m.value = r;
+				})), S ? createVNode(DtUserRender, {
+					value: y,
+					multiple: w.multiple,
+					getUsersByUsername: f
+				}, null) : h(DtUserDept, {
+					type: "user",
+					users: l.value,
+					depts: m.value,
+					groups: u.value,
+					getUsersByDept: d,
+					getUsersByGroup: o,
+					...w,
+					...C,
+					modelValue: y,
+					"onUpdate:modelValue": b
+				}, g);
+			};
+		}
+	};
+}
+function createDescriptionHelper({ getDeptsByCode: r, getUsersByUsername: o, getFileInfos: s, previewFileUrl: l }) {
+	let u = (r) => () => (a, o, { params: s = {} }) => {
+		if (a != null) return format(a, s.formatter ?? r);
+	}, d = (r = {}) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 32 32"
+	}, r), [createVNode("circle", {
+		cx: "16",
+		cy: "16",
+		r: "8",
+		fill: "currentColor"
+	}, null)]);
+	return {
+		date: u("yyyy-MM-dd"),
+		datetime: u("yyyy-MM-dd HH:mm:ss"),
+		dict: () => {
+			let r, a, o;
+			return (s, c, { params: l = {} }) => {
+				if (s == null) return;
+				let { dictType: u, options: f, multiple: p, statusMap: m } = mapProps(l);
+				if (f ? a !== f && (a = f, o = new Map(f.map((r) => [r[l.valueField || "value"], r]))) : r !== u && (r = u, !o && r && (o = useDictMap(r))), !p) {
+					if (s = s.toString(), m && s in m) {
+						let r = m[s] ?? "default";
+						return [
+							"primary",
+							"success",
+							"warning",
+							"danger"
+						].includes(r) && (r = `var(--color-${r})`), createVNode("span", { style: "position: relative; padding-left: 1.25em" }, [createVNode(d, { style: `color: ${r}; position: absolute;left: 0; top: 1.5px` }, null), createVNode("span", null, [o.get(s)?.[l.labelField || "label"] ?? s ?? ""])]);
+					}
+					return o.get(s)?.[l.labelField || "label"] ?? s ?? "";
+				}
+				return s?.map((r) => o.get(r?.toString())?.[l.labelField || "label"] ?? r?.toString() ?? "") ?? "";
+			};
+		},
+		number: () => (r, a, { params: o = {} }) => {
+			if (r != null) {
+				switch (o.percent && (r = Number(r) * 100), "number") {
+					case typeof o.fixed:
+						r = r.toFixed(o.fixed);
+						break;
+					case typeof o.round:
+						r = r.toFixed(o.round).replace(/0+$/, "");
+						break;
+					case typeof o.precision:
+						r = r.toPrecision(o.precision);
+						break;
+				}
+				return o?.separator ? Number(r).toLocaleString() : r;
+			}
+		},
+		email: () => (r) => createVNode("a", { href: `mailto:${r}` }, [r]),
+		url: () => (r) => createVNode("a", { href: r }, [r]),
+		color: () => (r) => createVNode(NColorPicker, {
+			value: r,
+			disabled: !0,
+			size: "small"
+		}, null),
+		image: () => (r, a, { params: o = {} }) => {
+			let s;
+			return r ? createVNode(NFlex, {
+				gap: "8",
+				wrap: !0
+			}, _isSlot(s = (Array.isArray(r) ? r : o?.multiple ? r.split(",") : [r]).map((r) => l(r)).map((r) => createVNode("img", {
+				key: r,
+				src: r,
+				style: "max-height: 32px; max-width: 100px; object-fit: contain"
+			}, null))) ? s : { default: () => [s] }) : void 0;
+		},
+		file: () => {
+			let r = nanoid();
+			return (a, o, { params: c = {} }) => {
+				let l;
+				return a ? (o.__file_urls ??= {}, o.__file_urls[r] || s(Array.isArray(a) ? a : c?.multiple ? a.split(",") : [a]).then((a) => {
+					o.__file_urls[r] = a;
+				}), createVNode(NFlex, {
+					gap: "8",
+					wrap: !0
+				}, _isSlot(l = (o.__file_urls[r] || []).map((r) => createVNode("a", {
+					key: r.id,
+					href: r.url,
+					target: "_blank",
+					rel: "noreferrer",
+					style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
+				}, [r.name]))) ? l : { default: () => [l] })) : void 0;
+			};
+		},
+		dept: () => (a, o, { params: s = {} }) => {
+			if (a) return createVNode(DtDeptRender, {
+				value: a,
+				multiple: s?.multiple,
+				getDeptsByCode: r
+			}, null);
+		},
+		user: () => (r, s, { params: c = {} }) => {
+			if (r) return createVNode(DtUserRender, {
+				value: r,
+				multiple: c?.multiple,
+				getUsersByUsername: o
+			}, null);
+		}
+	};
+}
+function createFormHelper() {
+	return () => ({ items: r, model: a, handleSubmit: s, reset: c, validation: l, readonly: u, inModal: d, showFeedback: f, showColon: p, labelWidth: m, labelAlign: g, labelPlacement: _, showRequireMark: v, requireMarkPlacement: b }) => createVNode(DataForm, {
+		readonly: u,
+		model: a,
+		items: r,
+		validation: l,
+		showColon: unref(p) ?? !0,
+		labelWidth: unref(m),
+		labelAlign: unref(g),
+		labelPlacement: unref(_),
+		showRequireMark: unref(v),
+		requireMarkPlacement: unref(b),
+		showFeedback: unref(f) ?? !0,
+		showAction: !1,
+		onSubmit: s,
+		onRest: c,
+		style: d ? "padding-right: 2rem; padding-top: 1rem" : void 0
+	}, null);
+}
+function createModalHelper() {
+	let r = (r) => typeof r == "number" ? `${r}px` : r, a = {
+		maxHeight: "calc(100vh - 130px)",
+		display: "flex",
+		flexDirection: "column"
+	}, o = { content: !0 };
+	return () => ({ type: s = "dialog", visible: c, title: l, content: u, footer: d, placement: f, resizable: p, draggable: m, closeOnEsc: _, closable: v, showMask: y, maskClosable: b, width: S, height: C, style: w, onClose: O, onCancel: k, onConfirm: A, onAfterClose: j, onAfterOpen: M, confirmText: N, confirmDisabled: P, confirmLoading: F, cancelText: I, cancelDisabled: L, cancelLoading: R, nativeScrollbar: z, ...B }) => {
+		let V = d ? () => d : d === null ? null : () => createVNode(NFlex, {
+			justify: "end",
+			gap: "16"
+		}, { default: () => [I === null ? void 0 : createVNode(NButton, {
+			onClick: k,
+			disabled: L,
+			loading: R,
+			style: "min-width: 60px"
+		}, _isSlot(I) ? I : { default: () => [I] }), N === null ? void 0 : createVNode(NButton, {
+			type: "primary",
+			onClick: A,
+			disabled: P,
+			loading: F,
+			style: "min-width: 60px"
+		}, _isSlot(N) ? N : { default: () => [N] })] });
+		if (s === "dialog") {
+			let { style: s } = mergeProps({ style: {
+				width: r(S ?? 520),
+				height: r(C)
+			} }, { style: w });
+			return createVNode(NModal, mergeProps({
+				show: c,
+				preset: "card",
+				title: () => l,
+				maskClosable: b ?? !1,
+				closeOnEsc: _,
+				closable: v,
+				onClose: O,
+				segmented: o,
+				size: "small",
+				onAfterEnter: M,
+				onAfterLeave: j,
+				onUpdateShow: O,
+				draggable: m ?? !0,
+				style: s,
+				contentStyle: a
+			}, B), {
+				default: () => createVNode(NScrollbar, {
+					abstract: !0,
+					style: "display: flex; flex-direction: column"
+				}, _isSlot(u) ? u : { default: () => [u] }),
+				action: V
+			});
+		}
+		let { bodyContentClass: H, bodyContentStyle: U, ...W } = B;
+		return createVNode(NDrawer, mergeProps({
+			show: c,
+			trapFocus: !1,
+			closeOnEsc: _,
+			showMask: y,
+			maskClosable: b,
+			resizable: p,
+			placement: f,
+			width: S ?? 440,
+			height: C,
+			onUpdateShow: O,
+			onAfterEnter: M,
+			onAfterLeave: j,
+			style: w
+		}, W), { default: () => [createVNode(NDrawerContent, {
+			closable: v,
+			nativeScrollbar: z ?? !1,
+			bodyContentClass: H,
+			bodyContentStyle: U
+		}, {
+			default: () => u,
+			header: () => l,
+			footer: V
+		})] });
+	};
+}
+export { createDescriptionHelper, createFormHelper, createModalHelper, createPageFormHelper };

package/dist/use-i18n-D-AJ8KbA.js

@@ -0,0 +1,6 @@
+import { inject } from "vue";
+const UI_I18N_INJECTION = "__UI_I18N__";
+function useI18n() {
+	return inject(UI_I18N_INJECTION).value();
+}
+export { useI18n as n, UI_I18N_INJECTION as t };

package/dist/use-style-DrH-89qR.js

@@ -0,0 +1,29 @@
+import { useMergedClsPrefix } from "ithinkdt-ui/es/_mixins/use-config";
+import _useStyle from "ithinkdt-ui/es/_mixins/use-style";
+import { c, cB, cE, cM } from "ithinkdt-ui/es/_utils/cssr/index";
+function useStyle(m, h, g, _) {
+	return g ??= useMergedClsPrefix(), _useStyle(m, h, g, _), g;
+}
+const fullWidth = { width: "100%" }, fullHeight = { height: "100%" }, fullWH = {
+	...fullWidth,
+	...fullHeight
+}, flex = { display: "flex" }, flexDirCol = {
+	...flex,
+	flexDirection: "column"
+}, flexAlignCenter = {
+	...flex,
+	alignItems: "center"
+}, flexJustifyCenter = {
+	...flex,
+	justifyContent: "center"
+}, flexJustifySB = {
+	...flex,
+	justifyContent: "space-between"
+}, flexCenter = {
+	...flexAlignCenter,
+	...flexJustifyCenter
+}, flexGap = (e) => ({
+	...flex,
+	gap: e
+});
+export { flex as a, flexDirCol as c, flexJustifySB as d, fullHeight as f, useStyle as g, useMergedClsPrefix as h, cM as i, flexGap as l, fullWidth as m, cB as n, flexAlignCenter as o, fullWH as p, cE as r, flexCenter as s, c as t, flexJustifyCenter as u };

package/dist/use-style.js

@@ -0,0 +1,2 @@
+import { a as flex, c as flexDirCol, d as flexJustifySB, f as fullHeight, g as useStyle, h as useMergedClsPrefix, i as cM, l as flexGap, m as fullWidth, n as cB, o as flexAlignCenter, p as fullWH, r as cE, s as flexCenter, t as c, u as flexJustifyCenter } from "./use-style-DrH-89qR.js";
+export { c, cB, cE, cM, useStyle as default, flex, flexAlignCenter, flexCenter, flexDirCol, flexGap, flexJustifyCenter, flexJustifySB, fullHeight, fullWH, fullWidth, useMergedClsPrefix as useClsPrefix };