@web-utils/form-ui 1.0.0-beta21 → 1.0.0-beta23

package/api/index.d.ts

@@ -0,0 +1,60 @@
+export interface DictItem {
+    id: string;
+    dictId: string;
+    label: string;
+    dictType: string;
+    description: string;
+    sortOrder: number;
+    createBy: string;
+    updateBy: string;
+    createTime: string;
+    updateTime: string;
+    remarks: null;
+    delFlag: string;
+    value: string;
+}
+export interface ConfigOptions {
+    privilege?: {
+        processButtons?: (buttons: Array<string | Record<string, string>>) => Array<string | Record<string, boolean>>;
+        hasAuthority?: (privilege: string) => boolean;
+    };
+    dict?: {
+        getDictTreeByType?: (type: string, options: {
+            idAsValue?: boolean;
+            labelAsValue?: boolean;
+        }) => Promise<{
+            data: {
+                data: DictItem[];
+            };
+        }>;
+        remote?: (type: string) => Promise<{
+            data: {
+                data: DictItem[];
+            };
+        }>;
+    };
+    tableView?: {
+        reload?: () => void;
+    };
+    toolbar?: {
+        goBack?: (path: string) => void;
+    };
+}
+export declare const processButtons: (buttons: Array<string | Record<string, string>>) => (string | Record<string, boolean>)[] | undefined;
+export declare const hasAuthority: (str: string) => boolean | undefined;
+export declare const goBack: (path: string) => void | undefined;
+export declare const reloadTable: () => void | undefined;
+export declare const getDictTreeByType: (type: string, options: {
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+}) => Promise<{
+    data: {
+        data: DictItem[];
+    };
+}> | undefined;
+export declare const remote: (type: string) => Promise<{
+    data: {
+        data: DictItem[];
+    };
+}> | undefined;
+export declare const configComponents: (options: ConfigOptions) => void;

package/api/index.mjs

@@ -0,0 +1,42 @@
+import { isObject as e, isString as t } from "@web-utils/core";
+import { mergeWith as n } from "@web-utils/integrations/lodash";
+//#region src/api/index.ts
+var r = { privilege: {
+	processButtons(n) {
+		return n.map((n) => {
+			if (e(n)) {
+				let e = n, r = {};
+				for (let n in e) t(e[n]) && (r[n] = a(e[n]) ?? !0);
+				return r;
+			}
+			return n;
+		});
+	},
+	hasAuthority(e) {
+		return !0;
+	}
+} }, i = (e) => {
+	var t, n;
+	return (t = r.privilege) == null || (n = t.processButtons) == null ? void 0 : n.call(t, e);
+}, a = (e) => {
+	var t, n;
+	return (t = r.privilege) == null || (n = t.hasAuthority) == null ? void 0 : n.call(t, e);
+}, o = (e) => {
+	var t, n;
+	return (t = r.toolbar) == null || (n = t.goBack) == null ? void 0 : n.call(t, e);
+}, s = () => {
+	var e, t;
+	return (e = r.tableView) == null || (t = e.reload) == null ? void 0 : t.call(e);
+}, c = (e, t) => {
+	var n, i;
+	return (n = r.dict) == null || (i = n.getDictTreeByType) == null ? void 0 : i.call(n, e, t);
+}, l = (e) => {
+	var t, n;
+	return (t = r.dict) == null || (n = t.remote) == null ? void 0 : n.call(t, e);
+}, u = (e) => {
+	n(r, e, (e, t) => {
+		if (typeof t == "function") return t;
+	});
+};
+//#endregion
+export { u as configComponents, c as getDictTreeByType, o as goBack, a as hasAuthority, i as processButtons, s as reloadTable, l as remote };

package/awesome-button/index.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    plain: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    plain: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    loading: boolean;
+    disabled: boolean;
+    plain: boolean;
+    autofocus: boolean;
+    round: boolean;
+    type: string;
+    icon: string;
+    nativeType: string;
+    text: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/awesome-button/index.mjs

@@ -0,0 +1,49 @@
+import { isFunction as e } from "@web-utils/core";
+import { h as t, ref as n, resolveComponent as r } from "vue";
+//#region src/components/button/AwesomeButton.vue
+var i = {
+	name: "AwesomeButton",
+	inheritAttrs: !1,
+	props: {
+		type: {
+			type: String,
+			default: "primary"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		text: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(i, { attrs: a, slots: o }) {
+		let s = r("ElButton"), { text: c, ...l } = i, { onClick: u, ...d } = a, f = n(!1), p = async (t) => {
+			if (f.value = !0, e(u)) try {
+				await u(t);
+			} catch (e) {
+				console.error(e);
+			}
+			f.value = !1;
+		};
+		return () => t(s, {
+			...d,
+			...l,
+			disabled: f.value,
+			onClick: p
+		}, { default: o.default || (() => c) });
+	}
+};
+//#endregion
+export { i as default };

package/chunks/{Bv-Gn_Jd.mjs → 3VI058Yv.mjs}

@@ -1,8 +1,8 @@
-import { n as e } from "./Bh_CMUlo.mjs";
-import { o as t, r as n } from "./Cw8pz9hK.mjs";
-import { n as r } from "./CnsFNU2A.mjs";
-import { ElText as i } from "element-plus/es";
-import { createVNode as a, mergeProps as o } from "vue";
+import { a as e } from "./BzMaCcUd.mjs";
+import { o as t, r as n } from "./BIm5rmJm.mjs";
+import { n as r } from "./Cp9FIjnh.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElText as o } from "element-plus/es";
 //#region src/components/form/props/text.js
 var s = {
 	...r,
@@ -32,7 +32,7 @@ var s = {
 			emit: c
 		});
 		return () => n(r, {
-			vNodes: a(i, o(p.value, d), { default: s.default || (() => r.text) }),
+			vNodes: i(o, a(p.value, d), { default: s.default || (() => r.text) }),
 			formItemProps: f,
 			slots: s
 		});

package/chunks/{D4v0MyB_.mjs → B-Y8YSMp.mjs}

@@ -1,7 +1,7 @@
-import { i as e, n as t } from "./Cw8pz9hK.mjs";
-import { n } from "./CnsFNU2A.mjs";
-import { ElSwitch as r } from "element-plus/es";
-import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+import { i as e, n as t } from "./BIm5rmJm.mjs";
+import { n } from "./Cp9FIjnh.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSwitch as o } from "element-plus/es";
 //#region src/components/form/props/switch.js
 var s = {
 	...n,
@@ -84,13 +84,13 @@ var s = {
 		change: null
 	},
 	setup(t, { emit: n, slots: s, attrs: c }) {
-		let d = o(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+		let d = a(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
 			emit: n,
 			slots: s,
 			events: l,
 			predicate: u
 		});
-		return () => f({ vNodes: i(r, a(m.value, c, {
+		return () => f({ vNodes: r(o, i(m.value, c, {
 			modelValue: d.value,
 			"onUpdate:modelValue": (e) => d.value = e,
 			disabled: p.value

package/chunks/BIm5rmJm.mjs

@@ -0,0 +1,222 @@
+import { t as e } from "./BzMaCcUd.mjs";
+import { formHolderContextKey as t, formItemConfigProviderContextKey as n, formItemGroupContextKey as r } from "../constants/index.mjs";
+import { computed as i, createVNode as a, h as o, inject as s, mergeProps as c, nextTick as l, unref as u, useTemplateRef as d } from "vue";
+import { ElCol as f, rowContextKey as p } from "element-plus";
+import { ElCol as m, ElFormItem as h, ElTooltip as g } from "element-plus/es";
+//#region src/components/form/props/form-item.js
+var _ = {
+	prop: [String, Array],
+	label: String,
+	labelPosition: {
+		type: String,
+		default: ""
+	},
+	labelWidth: [String, Number],
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: Object,
+	error: String,
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	for: String,
+	validateStatus: String,
+	messagePrefix: String,
+	message: String,
+	wrapCol: {
+		type: Boolean,
+		default: !0
+	},
+	fixedSpan: Number,
+	block: Boolean,
+	unwrap: Boolean,
+	half: Boolean,
+	formItemClass: String,
+	hideLabel: Boolean,
+	tips: { type: String },
+	tipsAfterLabel: {
+		type: Boolean,
+		default: !1
+	},
+	labelColspan: [Number, String],
+	inputColspan: [Number, String],
+	labelRowspan: [Number, String],
+	inputRowspan: [Number, String]
+}, v = {
+	required: !0,
+	rules: !0,
+	messagePrefix: !0,
+	message: !0,
+	wrapCol: !0,
+	fixedSpan: !0,
+	block: !0,
+	unwrap: !0,
+	half: !0,
+	formItemClass: !0,
+	hideLabel: !0,
+	tips: !0,
+	tipsAfterLabel: !0,
+	labelColspan: !0,
+	inputColspan: !0,
+	labelRowspan: !0,
+	inputRowspan: !0
+}, y = (e) => _[e] !== void 0 && v[e] !== !0, b = (t, { emit: n, events: r, predicate: a }) => i(() => e(t, a, r, n)), x = {
+	span: {
+		type: Number,
+		default: 12
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	xs: { type: [Number, Object] },
+	sm: { type: [Number, Object] },
+	md: { type: [Number, Object] },
+	lg: { type: [Number, Object] },
+	xl: { type: [Number, Object] },
+	tag: {
+		type: String,
+		default: "div"
+	}
+}, S = { span: !0 }, C = (e) => x[e] !== void 0 && S[e] !== !0, w = (t, { emit: n, events: r, predicate: a }) => i(() => e(t, a, r, n)), T = (e) => {
+	let n = s(t, null);
+	return i(() => e.required === !0 ? !0 : (n == null ? void 0 : n.requiredFieldsMap[e.prop]) === !0);
+}, E = (e, { rules: t, attrs: n, messagePrefix: r, message: a } = {}) => {
+	let o = T(e);
+	return i(() => {
+		let i = { message: a }, s = u(t);
+		return Object.keys({
+			..._,
+			...x
+		}).forEach((t) => {
+			t === "rules" ? e[t] && s ? i[t] = [...e[t], ...s] : e[t] ? i[t] = e[t] : s && (i[t] = s) : t === "messagePrefix" ? i[t] = e.messagePrefix || r : i[t] = e[t];
+		}), i.required = o.value, i.class = n == null ? void 0 : n.class, i.style = n == null ? void 0 : n.style, i;
+	});
+}, D = {
+	name: "FormItemX",
+	inheritAttrs: !1,
+	props: {
+		..._,
+		...x
+	},
+	setup(e, { attrs: r, slots: o, expose: u }) {
+		let f = s(p, null), _ = s(n, null), v = s(t, null), x = r.embed ? i(() => r.disabled) : k(e), S = b(e, { predicate: y }), E = w(e, { predicate: C }), D = i(() => (_ == null ? void 0 : _.reactive) === !0 && _.block === !1 && e.fixedSpan === void 0 && !e.half), O = T(e), A = d("formItem"), j = i(() => (_ == null ? void 0 : _.wrapCol) === !1 ? !1 : !!f && e.wrapCol), M = i(() => v != null && v.tableForm ? "" : _ != null && _.block ? "100%" : e.half && j.value ? `calc(50% - ${f.gutter.value / 2}px)` : ""), N = i(() => (_ == null ? void 0 : _.block) === !0 || e.block || e.half ? 24 : e.span), P = i(() => {
+			if (x.value) return [];
+			if (O.value) {
+				let t = {
+					required: !0,
+					message: e.message || `${e.messagePrefix || "请输入"}${e.label}`
+				};
+				return e.rules ? [...e.rules, t] : [t];
+			}
+			return e.rules;
+		});
+		return u({
+			clearValidate: async () => {
+				var e;
+				await l(), (e = A.value) == null || e.clearValidate();
+			},
+			validate: async () => {
+				var e;
+				await l(), (e = A.value) == null || e.validate();
+			}
+		}), () => {
+			var t;
+			let n = o.tips || e.tips, r = n ? a(g, {
+				effect: "light",
+				content: e.tips,
+				offset: 4
+			}, {
+				default: () => a("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: o.tips ? o.tips : null
+			}) : null, i = a(h, c(S.value, {
+				ref: "formItem",
+				style: { width: M.value },
+				class: [
+					"form-item",
+					e.formItemClass,
+					{
+						"form-item-hide-label": e.hideLabel,
+						"with-tips": !e.tipsAfterLabel && n,
+						required: x.value === !1 && O.value
+					}
+				],
+				rules: P.value
+			}), {
+				...o,
+				default: () => {
+					var t;
+					return [(t = o.default) == null ? void 0 : t.call(o, {
+						disabled: x.value,
+						required: O.value
+					}), n && !e.tipsAfterLabel ? r : null];
+				},
+				label: () => [o.label ? o.label() : e.label, e.tipsAfterLabel ? r : null]
+			}), s = [i, (t = o.below) == null ? void 0 : t.call(o)];
+			return e.unwrap ? s : j.value ? a(m, c(E.value, D.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: N.value }), { default: () => s }) : i;
+		};
+	}
+}, O = "update:modelValue", k = (e) => {
+	let n = s(t, null), a = s(r, null);
+	return i(() => {
+		if (e.disabled !== void 0) return e.disabled;
+		if (n) {
+			if (n.requiredFieldsMap[e.prop] === !0 || n.enabledFieldsMap[e.prop] === !0) return !1;
+			if (n.disabledFieldsMap[e.prop] === !0) return !0;
+		}
+		return (a == null ? void 0 : a.enabled) === !0 ? !1 : (a == null ? void 0 : a.disabled) === !0 ? !0 : (n == null ? void 0 : n.disabled) === !0;
+	});
+}, A = { [O]: null }, j = (e, t) => e(O, t), M = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? o(D, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, N = (t, { emit: n, slots: r, attrs: a, rules: s, events: c, predicate: l, messagePrefix: u = "请输入" }) => {
+	let d = k(t), p = i(() => d.value ? "" : `${u}${t.label}`), m = E(t, {
+		rules: s,
+		attrs: a,
+		message: p.value
+	}), h = (e) => j(n, e), g = (e) => t.col ? o(f, { span: t.block ? 24 : t.span }, { default: () => e }) : e;
+	return {
+		emitInput: h,
+		render: ({ vNodes: e }) => M(t, {
+			vNodes: g(e),
+			formItemProps: m,
+			slots: r,
+			disabled: d
+		}),
+		placeholder: p,
+		disabled: d,
+		formItemProps: m,
+		autoBind: i(() => e(t, l, c, n))
+	};
+}, P = (e) => e.icon ? o("i", { class: e.icon }) : null;
+//#endregion
+export { D as a, _ as c, N as i, A as n, E as o, M as r, x as s, P as t };

package/chunks/{CI4RZnNc.mjs → BcMgzZyZ.mjs}

@@ -1,6 +1,6 @@
-import { n as e } from "./Cw8pz9hK.mjs";
-import { t } from "./BbrVRWUo.mjs";
-import { t as n } from "./Dq3yxEPg.mjs";
+import { n as e } from "./BIm5rmJm.mjs";
+import { t } from "./CozfnlhM.mjs";
+import { t as n } from "./Cnmu4eY-.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputPhoneNumber.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{iWlTrkaC.mjs → Bw1QPGNc.mjs}

@@ -1,7 +1,7 @@
-import { i as e, n as t } from "./Cw8pz9hK.mjs";
-import { n } from "./CnsFNU2A.mjs";
-import { ElCheckbox as r } from "element-plus/es";
-import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+import { i as e, n as t } from "./BIm5rmJm.mjs";
+import { n } from "./Cp9FIjnh.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElCheckbox as o } from "element-plus/es";
 //#region src/components/form/props/checkbox.js
 var s = {
 	...n,
@@ -58,14 +58,14 @@ var s = {
 		change: null
 	},
 	setup(t, { emit: n, slots: s, attrs: c }) {
-		let d = o(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+		let d = a(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
 			emit: n,
 			slots: s,
 			attrs: c,
 			events: l,
 			predicate: u
 		});
-		return () => f({ vNodes: i(r, a(m.value, {
+		return () => f({ vNodes: r(o, i(m.value, {
 			modelValue: d.value,
 			"onUpdate:modelValue": (e) => d.value = e,
 			disabled: p.value

package/chunks/{C4MTLHn4.mjs → BwuQhCIf.mjs}

@@ -1,6 +1,6 @@
-import { n as e } from "./Cw8pz9hK.mjs";
-import { t } from "./BbrVRWUo.mjs";
-import { t as n } from "./Dq3yxEPg.mjs";
+import { n as e } from "./BIm5rmJm.mjs";
+import { t } from "./CozfnlhM.mjs";
+import { t as n } from "./Cnmu4eY-.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/BzMaCcUd.mjs

@@ -0,0 +1,53 @@
+import { capitalize as e, uncapitalize as t } from "@web-utils/core";
+import { computed as n } from "vue";
+//#region src/utils/index.js
+var r = (t, n, r, i) => {
+	let a = {};
+	if (n) for (let e in t) n(e) && (a[e] = t[e]);
+	return r && r.forEach((t) => {
+		a[`on${e(t)}`] = (...e) => i(t, ...e);
+	}), a;
+}, i = (e, { emit: t, events: i, predicate: a }) => n(() => r(e, a, i, t)), a = (e, { withOn: n = !1 } = {}) => {
+	let r = {};
+	for (let i in e) i.startsWith("on") && (n ? r[i] = e[i] : r[t(i.replace(/^on/, ""))] = e[i]);
+	return r;
+}, o = (e, t = "id", n = "label") => {
+	let r = [];
+	function i(e, a) {
+		if (!e) return;
+		let o = [...a, {
+			[t]: e[t],
+			[n]: e[n]
+		}];
+		if (!e.children || e.children.length === 0) {
+			r.push(o);
+			return;
+		}
+		e.children.forEach((e) => {
+			i(e, o);
+		});
+	}
+	return e.forEach((e) => i(e, [])), r;
+}, s = (e, t = "id", n = "label") => {
+	let r = [];
+	return o(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r.push({
+			value: i.join("/"),
+			label: a.join("/")
+		});
+	}), r;
+}, c = (e, t = "id", n = "label") => {
+	let r = {};
+	return o(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r[i.join("/")] = {
+			value: i.join("/"),
+			label: a.join("/")
+		};
+	}), r;
+};
+//#endregion
+export { i as a, s as i, a as n, c as r, r as t };