@guodun/antdv 1.0.0

package/dist/es/components/pro-cell/src/index.vue.mjs

@@ -0,0 +1,73 @@
+import { useNamespace as e } from "../../../hooks/use-namespace/index.mjs";
+import { PRO_CELL_GROUP_KEY as t } from "../../pro-cell-group/src/types.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, inject as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h } from "vue";
+//#region src/components/pro-cell/src/index.vue?vue&type=script&setup=true&lang.ts
+var g = /* @__PURE__ */ s({
+	name: "ProCell",
+	__name: "index",
+	props: {
+		label: {},
+		value: {},
+		isColon: {
+			type: Boolean,
+			default: !1
+		},
+		isBorder: {
+			type: Boolean,
+			default: !1
+		},
+		gap: { default: 8 },
+		border: { type: Boolean },
+		labelSize: { default: "" },
+		labelWidth: {},
+		labelColor: { default: "" },
+		labelWeight: { default: 400 },
+		valueSize: { default: "" },
+		valueColor: { default: "" },
+		valueWeight: { default: 400 },
+		customClass: {},
+		customStyle: {},
+		direction: { default: "horizontal" },
+		colon: { type: Boolean }
+	},
+	setup(s) {
+		let g = s, { b: _ } = e("pro-cell"), v = h(), { border: y, labelSize: b, labelColor: x, labelWeight: S, valueSize: C, valueColor: w, valueWeight: T, customClass: E, customStyle: D, direction: O, colon: k, gap: A, labelWidth: j } = c(t, {}) || {}, M = n(() => g.isBorder || y || !1), N = n(() => g.labelSize || b || "14px"), P = n(() => g.labelColor || x || "#ccc"), F = n(() => g.labelWeight || S), I = n(() => g.valueSize || C || "14px"), L = n(() => g.valueColor || w || "#333"), R = n(() => g.valueWeight || T || 400), z = n(() => g.customClass || E || ""), B = n(() => g.customStyle || D || {}), V = n(() => g.direction || O || "horizontal"), H = n(() => g.isColon || k || !1), U = n(() => g.gap || A || 12), W = n(() => g.labelWidth || j || "60px");
+		console.log("labelWidth =>", g, W.value);
+		let G = n(() => ({ width: W.value }));
+		return (e, t) => (d(), i("div", {
+			class: l([
+				m(_)(),
+				{
+					is_border: M.value,
+					is_vertical: V.value === "vertical",
+					is_horizontal: V.value === "horizontal"
+				},
+				z.value
+			]),
+			style: u(B.value)
+		}, [a("div", null, [m(v)?.label?.() ? f(e.$slots, "label", { key: 0 }) : (d(), i("div", {
+			key: 1,
+			class: l(m(_)("label")),
+			style: u({
+				fontSize: N.value,
+				color: P.value,
+				fontWeight: F.value,
+				...G.value
+			})
+		}, [o(p(g.label) + " ", 1), H.value ? (d(), i("span", {
+			key: 0,
+			style: u({ color: P.value })
+		}, ":", 4)) : r("", !0)], 6))]), a("div", null, [m(v)?.value?.() ? f(e.$slots, "value", { key: 0 }) : (d(), i("div", {
+			key: 1,
+			class: l(m(_)("value")),
+			style: u({
+				fontSize: I.value,
+				color: L.value,
+				fontWeight: R.value,
+				paddingLeft: `${U.value}px`
+			})
+		}, p(g.value), 7))])], 6));
+	}
+});
+//#endregion
+export { g as default };

package/dist/es/components/pro-cell/src/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../../base/style/index.mjs";
+/* empty css                               */

package/dist/es/components/pro-cell-group/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../utils/install.mjs";
+import "./src/types.mjs";
+import t from "./src/index.mjs";
+//#region src/components/pro-cell-group/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/pro-cell-group/src/index.mjs

@@ -0,0 +1,5 @@
+import e from "./index.vue.mjs";
+//#region src/components/pro-cell-group/src/index.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/pro-cell-group/src/index.vue.mjs

@@ -0,0 +1,42 @@
+import { PRO_CELL_GROUP_KEY as e } from "./types.mjs";
+import { createElementBlock as t, defineComponent as n, openBlock as r, provide as i, renderSlot as a } from "vue";
+//#region src/components/pro-cell-group/src/index.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ n({
+	name: "ProCellGroup",
+	__name: "index",
+	props: {
+		border: { type: Boolean },
+		labelSize: {},
+		labelWidth: {},
+		labelColor: {},
+		labelWeight: {},
+		valueSize: {},
+		valueColor: {},
+		valueWeight: {},
+		customClass: {},
+		customStyle: {},
+		direction: {},
+		colon: { type: Boolean },
+		gap: {}
+	},
+	setup(n) {
+		let o = n;
+		return i(e, {
+			border: o.border || !1,
+			labelSize: o.labelSize || "14px",
+			labelColor: o.labelColor || "#ccc",
+			labelWeight: o.labelWeight || 400,
+			valueSize: o.valueSize || "14px",
+			valueColor: o.valueColor || "#333",
+			valueWeight: o.valueWeight || 400,
+			customClass: o.customClass || "",
+			customStyle: o.customStyle || {},
+			direction: o.direction || "horizontal",
+			colon: o.colon || !0,
+			gap: o.gap || 12,
+			labelWidth: o.labelWidth || "40px"
+		}), (e, n) => (r(), t("div", null, [a(e.$slots, "default")]));
+	}
+});
+//#endregion
+export { o as default };

package/dist/es/components/pro-cell-group/src/types.mjs

@@ -0,0 +1,4 @@
+//#region src/components/pro-cell-group/src/types.ts
+var e = Symbol("PRO_CELL_GROUP_KEY");
+//#endregion
+export { e as PRO_CELL_GROUP_KEY };

package/dist/es/components/pro-dynamic-tags/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../utils/install.mjs";
+import t from "./src/index.mjs";
+import "./src/style/index.mjs";
+//#region src/components/pro-dynamic-tags/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/pro-dynamic-tags/src/index.mjs

@@ -0,0 +1,5 @@
+import e from "./index.vue.mjs";
+//#region src/components/pro-dynamic-tags/src/index.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/pro-dynamic-tags/src/index.vue.mjs

@@ -0,0 +1,155 @@
+import { useNamespace as e } from "../../../hooks/use-namespace/index.mjs";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
+import { Button as S, Popover as C, Tag as w } from "ant-design-vue";
+//#region src/components/pro-dynamic-tags/src/index.vue?vue&type=script&setup=true&lang.ts
+var T = /* @__PURE__ */ l({
+	name: "ProDynamicTags",
+	__name: "index",
+	props: {
+		modelValue: { default: () => [] },
+		tagMaxWidth: { default: "auto" },
+		showAdd: {
+			type: Boolean,
+			default: !0
+		},
+		addText: { default: "添加" },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		customClass: { default: "" },
+		customStyle: { default: () => ({}) },
+		size: { default: "middle" }
+	},
+	emits: [
+		"update:modelValue",
+		"add",
+		"close",
+		"expand"
+	],
+	setup(l, { emit: T }) {
+		let E = l, D = T, { b: O, e: k, m: A } = e("pro-dynamic-tags"), j = g(), M = g(), N = g(), P = g(E.modelValue.length), F = g(!1);
+		function I() {
+			F.value || (F.value = !0, P.value = E.modelValue.length), u(() => {
+				if (!j.value || !M.value || E.modelValue.length === 0) {
+					P.value = E.modelValue.length, F.value = !1;
+					return;
+				}
+				let e = j.value.clientWidth, t = window.getComputedStyle(j.value), n = Number.parseFloat(t.paddingLeft), r = Number.parseFloat(t.paddingRight), i = Number.parseFloat(t.gap) || 8, a = 0;
+				E.showAdd && (a = (N.value?.offsetWidth || 80) + i);
+				let o = M.value.querySelectorAll(`.${k("tag")}`);
+				if (o.length === 0) {
+					P.value = E.modelValue.length, F.value = !1;
+					return;
+				}
+				let s = e - n - r - a, c = 0, l = 0;
+				for (let e = 0; e < o.length; e++) {
+					let t = o[e].offsetWidth + i;
+					if (c + t <= s) c += t, l++;
+					else break;
+				}
+				if (l === E.modelValue.length) P.value = E.modelValue.length;
+				else {
+					let t = e - n - r - a - 44;
+					c = 0, l = 0;
+					for (let e = 0; e < o.length; e++) {
+						let n = o[e].offsetWidth + i;
+						if (c + n <= t) c += n, l++;
+						else break;
+					}
+					P.value = Math.max(1, l);
+				}
+				F.value = !1;
+			});
+		}
+		let L = n(() => E.modelValue.length <= P.value ? E.modelValue : E.modelValue.slice(0, P.value)), R = n(() => E.modelValue.length <= P.value ? 0 : E.modelValue.length - P.value), z = n(() => E.modelValue.length <= P.value ? [] : E.modelValue.slice(P.value));
+		function B(e) {
+			let t = [...E.modelValue], n = E.modelValue.findIndex((t) => t.value === e.value);
+			t.splice(n, 1), D("update:modelValue", t), D("close", e, n);
+		}
+		function V() {
+			D("add");
+		}
+		let H = null;
+		m(() => {
+			I(), j.value && (H = new ResizeObserver(() => {
+				I();
+			}), H.observe(j.value));
+		}), b(() => E.modelValue, () => {
+			I();
+		}, { deep: !0 });
+		function U() {
+			H && j.value && (H.unobserve(j.value), H.disconnect(), H = null);
+		}
+		return p(() => {
+			U();
+		}), (e, n) => (h(), a("div", {
+			ref_key: "containerRef",
+			ref: j,
+			class: d([
+				y(O)(),
+				y(A)(l.size),
+				l.customClass
+			]),
+			style: f(l.customStyle)
+		}, [o("div", {
+			ref_key: "tagsContainerRef",
+			ref: M,
+			class: d(y(k)("tags"))
+		}, [(h(!0), a(t, null, _(L.value, (e) => (h(), r(y(w), {
+			key: e.value,
+			closable: l.closable && e.closable !== !1,
+			class: d(y(k)("tag")),
+			style: f({ maxWidth: `${l.tagMaxWidth}px` }),
+			onClose: (t) => B(e)
+		}, {
+			default: x(() => [s(v(e.label), 1)]),
+			_: 2
+		}, 1032, [
+			"closable",
+			"class",
+			"style",
+			"onClose"
+		]))), 128)), R.value > 0 ? (h(), r(y(C), {
+			key: 0,
+			placement: "top",
+			trigger: "hover",
+			"overlay-class-name": y(k)("popover"),
+			"overlay-inner-style": { width: "400px" }
+		}, {
+			content: x(() => [o("div", { class: d(y(k)("popover-content")) }, [(h(!0), a(t, null, _(z.value, (e) => (h(), r(y(w), {
+				key: e.value,
+				closable: l.closable && e.closable !== !1,
+				class: d(y(k)("popover-tag")),
+				style: f({ maxWidth: `${l.tagMaxWidth}px` }),
+				onClose: (t) => B(e)
+			}, {
+				default: x(() => [s(v(e.label), 1)]),
+				_: 2
+			}, 1032, [
+				"closable",
+				"class",
+				"style",
+				"onClose"
+			]))), 128))], 2)]),
+			default: x(() => [c(y(w), { class: d(y(k)("more")) }, {
+				default: x(() => [s(" +" + v(R.value), 1)]),
+				_: 1
+			}, 8, ["class"])]),
+			_: 1
+		}, 8, ["overlay-class-name"])) : i("", !0)], 2), l.showAdd ? (h(), r(y(S), {
+			key: 0,
+			ref_key: "addBtnRef",
+			ref: N,
+			type: "link",
+			size: l.size,
+			class: d(y(k)("add-btn")),
+			onClick: V
+		}, {
+			default: x(() => [s(v(l.addText), 1)]),
+			_: 1
+		}, 8, ["size", "class"])) : i("", !0)], 6));
+	}
+});
+//#endregion
+export { T as default };

package/dist/es/components/pro-dynamic-tags/src/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../../base/style/index.mjs";
+/* empty css                                       */

package/dist/es/components/pro-form-render/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as e } from "../utils/install.mjs";
+import "./src/types.mjs";
+import t from "./src/index.mjs";
+import "./src/style/index.mjs";
+//#region src/components/pro-form-render/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/pro-form-render/src/index.mjs

@@ -0,0 +1,5 @@
+import e from "./index.vue.mjs";
+//#region src/components/pro-form-render/src/index.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/pro-form-render/src/index.vue.mjs

@@ -0,0 +1,162 @@
+import { FormRenderProps as e } from "./types.mjs";
+import t from "./module/AioInput.mjs";
+import n from "./module/AioSwitch.mjs";
+import r from "./module/AioInputNumber.mjs";
+import i from "./module/AioSelect.mjs";
+import a from "./module/AioTextarea.mjs";
+import o from "./module/AioTimePicker.mjs";
+import s from "./module/AioArrayInput.mjs";
+import c from "./module/AioDatePicker.mjs";
+import l from "./module/AioSubForm.mjs";
+import u from "./module/AioKeyValue.mjs";
+import d from "./module/AioArraySubForm.mjs";
+import f from "./module/AioKV.mjs";
+import { formatFormItems as p, getMesg as m } from "./utils.mjs";
+import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, defineComponent as y, mergeProps as b, openBlock as x, ref as S, renderList as C, resolveDynamicComponent as w, unref as T, watch as E, watchEffect as D, withCtx as O } from "vue";
+import { Collapse as k, CollapsePanel as A, Form as j, FormItem as M } from "ant-design-vue";
+//#region src/components/pro-form-render/src/index.vue?vue&type=script&setup=true&lang.ts
+var N = /* @__PURE__ */ y({
+	name: "ProFormRender",
+	__name: "index",
+	props: e,
+	emits: ["change"],
+	setup(e, { expose: y, emit: N }) {
+		let P = e, F = N, I = {
+			AioInput: t,
+			AioSwitch: n,
+			AioInputNumber: r,
+			AioSelect: i,
+			AioTextarea: a,
+			AioTimePicker: o,
+			AioArrayInput: s,
+			AioDatePicker: c,
+			AioSubForm: l,
+			AioKeyValue: u,
+			AioArraySubForm: d,
+			AioKV: f
+		}, L = S({}), R = S(), z = S({}), B = S([]), V = g(() => !P.formItems || !Array.isArray(P.formItems) ? [] : p(P.formItems));
+		E(() => P.modelValue, (e) => {
+			e !== void 0 && V.value.forEach((t) => {
+				t.key in e && (L.value[t.key] = e[t.key]);
+			});
+		}, {
+			deep: !0,
+			immediate: !0
+		}), E(L, (e) => {
+			F("change", e);
+		}, { deep: !0 }), D(() => {
+			V.value.forEach((e) => {
+				let t = !(e.key in L.value), n = L.value[e.key];
+				if (e.type === "AioSubForm" && Array.isArray(e.elements)) {
+					if (t || n == null) {
+						let t = {};
+						e.elements.forEach((e) => {
+							e.key !== void 0 && (t[e.key] = e.defaultValue);
+						}), L.value[e.key] = t;
+					}
+				} else t && (L.value[e.key] = e.defaultValue);
+			});
+		});
+		function H(e) {
+			if (e.type === "AioArrayInput") return [{
+				required: e.required ?? !1,
+				message: "",
+				trigger: ["blur", "change"]
+			}];
+			let t = m(e), n = [{
+				required: e.required ?? !1,
+				message: t,
+				trigger: ["blur", "change"]
+			}];
+			if (e.properties?.regex) {
+				let t = new RegExp(e.properties.regex);
+				n.push({
+					pattern: t,
+					message: e.properties.regexMessage || "格式不正确",
+					trigger: ["blur", "change"]
+				});
+			}
+			return n;
+		}
+		function U(e) {
+			R.value.validate().then(() => {
+				let t = JSON.parse(JSON.stringify(L.value)), n = P.formItems.filter((e) => e.type === "AioArrayInput").map((e) => e.key);
+				Object.keys(t).forEach((e) => {
+					n.includes(e) && (t[e] = t[e].map((e) => typeof e == "object" && e && Object.keys(e).length === 1 && "value" in e ? e.value : e));
+				});
+				let r = P.formItems.filter((e) => e.type === "AioSubForm");
+				r.length > 0 && r.forEach((e) => {
+					let t = z.value[e.key];
+					t && t.validate ? t.validate() : console.log(`${e.key} 的 validate 方法不存在或组件引用为空`);
+				}), e.success?.(t);
+			}).catch((t) => {
+				console.log("表单校验失败:", t), e.error?.(t);
+			});
+		}
+		function W() {
+			return L.value;
+		}
+		return y({
+			submit: U,
+			getFormData: W
+		}), (e, t) => (x(), _(T(j), b({
+			ref_key: "formRef",
+			ref: R,
+			model: L.value,
+			"label-col": { span: 8 }
+		}, e.$attrs), {
+			default: O(() => [(x(!0), v(h, null, C(V.value, (e) => (x(), _(T(M), {
+				key: e.key,
+				label: e.type === "AioSubForm" ? "" : e.label,
+				name: e.key,
+				rules: H(e)
+			}, {
+				default: O(() => [e.type === "AioSubForm" ? (x(), _(T(k), {
+					key: 0,
+					"active-key": B.value,
+					"onUpdate:activeKey": t[0] ||= (e) => B.value = e,
+					bordered: !0
+				}, {
+					default: O(() => [(x(), _(T(A), {
+						key: e.key,
+						header: e.label,
+						forceRender: !0
+					}, {
+						default: O(() => [(x(), _(w(I[e.type]), {
+							ref_for: !0,
+							ref: e.type === "AioSubForm" ? (t) => {
+								t && (z.value[e.key] = t);
+							} : void 0,
+							modelValue: L.value[e.key],
+							"onUpdate:modelValue": (t) => L.value[e.key] = t,
+							"form-item": e
+						}, null, 8, [
+							"modelValue",
+							"onUpdate:modelValue",
+							"form-item"
+						]))]),
+						_: 2
+					}, 1032, ["header"]))]),
+					_: 2
+				}, 1032, ["active-key"])) : (x(), _(w(I[e.type]), {
+					key: 1,
+					modelValue: L.value[e.key],
+					"onUpdate:modelValue": (t) => L.value[e.key] = t,
+					"form-item": e
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"form-item"
+				]))]),
+				_: 2
+			}, 1032, [
+				"label",
+				"name",
+				"rules"
+			]))), 128))]),
+			_: 1
+		}, 16, ["model"]));
+	}
+});
+//#endregion
+export { N as default };

package/dist/es/components/pro-form-render/src/module/AioArrayInput.mjs

@@ -0,0 +1,5 @@
+import e from "./AioArrayInput.vue.mjs";
+//#region src/components/pro-form-render/src/module/AioArrayInput.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/pro-form-render/src/module/AioArrayInput.vue.mjs

@@ -0,0 +1,77 @@
+import e from "../../../icon/index.mjs";
+import { FormItemProps as t } from "../types.mjs";
+import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, openBlock as u, renderList as d, unref as f, useModel as p, watch as m, withCtx as h } from "vue";
+import { Button as g, FormItem as _, Input as v } from "ant-design-vue";
+//#region src/components/pro-form-render/src/module/AioArrayInput.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "aio-list-input" }, b = { class: "aio-list-input-item" }, x = { class: "aio-list-input-icon" }, S = /* @__PURE__ */ s({
+	__name: "AioArrayInput",
+	props: /* @__PURE__ */ c(t, {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let s = p(t, "modelValue");
+		m(() => s.value, (e) => {
+			Array.isArray(e) || (s.value = []);
+		}, { immediate: !0 });
+		function c() {
+			Array.isArray(s.value) || (s.value = []), s.value.push({ value: "" });
+		}
+		function S(e) {
+			if (e !== 0) {
+				if (!Array.isArray(s.value)) {
+					s.value = [];
+					return;
+				}
+				s.value.splice(e, 1);
+			}
+		}
+		return (t, p) => (u(), i("div", y, [(u(!0), i(n, null, d(s.value, (n, i) => (u(), r(f(_), {
+			key: i,
+			label: "",
+			name: [
+				t.formItem.key,
+				i,
+				"value"
+			],
+			rules: [{
+				required: t.formItem.required ?? !1,
+				message: "请输入内容",
+				trigger: "blur"
+			}]
+		}, {
+			default: h(() => [a("div", b, [o(f(v), l({
+				value: n.value,
+				"onUpdate:value": (e) => n.value = e,
+				placeholder: t.formItem.placeholder || ""
+			}, { ref_for: !0 }, t.formItem.properties || {}), null, 16, [
+				"value",
+				"onUpdate:value",
+				"placeholder"
+			]), a("div", x, [o(f(e), {
+				name: "guanbi",
+				color: "#f56c6c",
+				size: 24,
+				style: { cursor: "pointer" },
+				onClick: (e) => S(i)
+			}, null, 8, ["onClick"])])])]),
+			_: 2
+		}, 1032, ["name", "rules"]))), 128)), o(f(g), {
+			type: "dashed",
+			style: { width: "100%" },
+			onClick: p[0] ||= (e) => c()
+		}, {
+			default: h(() => [...p[1] ||= [a("div", { style: {
+				"font-size": "14px",
+				"padding-left": "6px"
+			} }, "+新增", -1)]]),
+			_: 1
+		})]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/es/components/pro-form-render/src/module/AioArraySubForm.mjs

@@ -0,0 +1,7 @@
+import e from "./AioArraySubForm.vue.mjs";
+/* empty css                                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/pro-form-render/src/module/AioArraySubForm.vue
+var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-66e23db6"]]);
+//#endregion
+export { n as default };