@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta41

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 config: (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 config, 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/base.css

@@ -0,0 +1 @@
+:root{--el-disabled-text-color:#606266;--border-color:#d7dae0}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}

package/chunks/4GMuTlFS.mjs

@@ -0,0 +1,25 @@
+import { n as e } from "./CXSIP67a.mjs";
+import { n as t, t as n } from "./Csa9EgOO.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) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputPhoneNumber.vue
+var c = {
+	name: "FormInputPhoneNumber",
+	inheritAttrs: !1,
+	props: { ...t },
+	emits: { ...e },
+	setup(e, { slots: t, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(n, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "phone"
+		}), s(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/B-YO6Py8.mjs

@@ -0,0 +1,145 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n } from "./BROfNO6c.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { computed as i, createVNode as a, isVNode as o, mergeProps as s, useModel as c } from "vue";
+import { ElRadio as l, ElRadioButton as u, ElRadioGroup as d } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/radio-button/style/css";
+//#region src/components/form/props/radio-group.ts
+var f = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	size: {
+		type: String,
+		default: "default"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	ariaLabel: String,
+	name: String,
+	id: String,
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	},
+	border: Boolean,
+	gender: Boolean,
+	overFlow: Boolean,
+	confirm: Boolean,
+	trigger: {
+		type: String,
+		default: "change"
+	},
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	classic: {
+		type: Boolean,
+		default: !0
+	},
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	inline: Boolean,
+	allowCancel: Boolean,
+	radioType: {
+		type: String,
+		default: "radio"
+	},
+	dictType: String
+}, p = {
+	modelValue: !0,
+	disabled: !0,
+	type: !0,
+	options: !0
+}, m = (e) => n[e] === void 0 && p[e] !== !0;
+//#endregion
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var g = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...f },
+	emits: { ...t },
+	setup(t, { slots: n, attrs: o, emit: f }) {
+		let p = c(t, "modelValue"), { render: g, disabled: _, listeners: v, inputProps: y } = e(t, {
+			emit: f,
+			slots: n,
+			attrs: o,
+			predicate: m,
+			messagePrefix: "请选择"
+		}), b = i(() => t.classic ? "label" : t.labelProp), x = i(() => t.classic ? "value" : t.valueProp), { dictItems: S } = r(t), C = i(() => t.dictType ? S.value : t.gender ? [{
+			[b.value]: "男",
+			[x.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "女",
+			[x.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+		}] : t.confirm ? [{
+			[b.value]: "是",
+			[x.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "否",
+			[x.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+		}] : t.options);
+		return () => g({ vNodes: a(d, s(v.value, y.value, {
+			modelValue: p.value,
+			"onUpdate:modelValue": (e) => p.value = e,
+			disabled: _.value
+		}), {
+			...n,
+			default: n.default || (() => {
+				var e;
+				return (e = C.value) == null ? void 0 : e.map(({ value: e, label: n, disabled: r }) => t.type === "button" || t.radioType === "button" ? a(u, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }) : a(l, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { g as t };

package/chunks/B1MSrc6f.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/B40JZqF5.mjs

@@ -0,0 +1,60 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n, t as r } from "./BROfNO6c.mjs";
+import { t as i } from "./b5HOxD60.mjs";
+import { createVNode as a, mergeProps as o, ref as s } from "vue";
+import { ElInput as c, ElPopover as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/popover/style/css";
+//#region src/components/form/props/input-cron.ts
+var u = {
+	...n,
+	...r,
+	modelValue: [String, Number]
+}, d = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, f = (e) => n[e] === void 0 && d[e] !== !0, p = {
+	name: "FormInputCronExpression",
+	props: { ...u },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: u }) {
+		let d = s(!1), { emitInput: p, render: m, placeholder: h, disabled: g, listeners: _, inputProps: v } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: u,
+			predicate: f
+		}), y = () => {
+			d.value = !0;
+		}, b = () => {
+			d.value = !1;
+		};
+		return () => m({ vNodes: a("div", { class: "cron" }, [a(l, {
+			placement: "bottom-start",
+			disabled: g.value,
+			visible: d.value,
+			"onUpdate:visible": (e) => d.value = e,
+			"popper-class": "cron-popover"
+		}, {
+			default: () => a(i, o(_.value, v.value, {
+				i18n: "cn",
+				expression: t.modelValue,
+				onChange: p,
+				onClose: b
+			}), null),
+			reference: () => a(c, {
+				modelValue: t.modelValue,
+				readonly: !0,
+				disabled: g.value,
+				placeholder: h.value,
+				onClick: y
+			}, null)
+		})]) });
+	}
+};
+//#endregion
+export { p as t };

package/chunks/BLNpMvUQ.mjs

@@ -0,0 +1,95 @@
+import { columnSizeContextKey as e, setColumnSizeContextKey as t } from "../constants/index.mjs";
+import n from "../form-cell/index.mjs";
+import { camelize as r, isDef as i, isString as a } from "@web-utils/core";
+import { Comment as o, Fragment as s, Text as c, createVNode as l, inject as u, isVNode as d } from "vue";
+import { ElTooltip as f } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/tooltip/style/css";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[r(n)] = e[n];
+	return t;
+}, h = (e, { columnSize: t }) => {
+	if (!e || !e.length) return null;
+	e = e.filter((e) => e.type !== o);
+	let n = [], r = e.length === 1;
+	for (let o = 0; o < e.length; o++) {
+		let v = e[o], { name: y } = v.type;
+		if (v.type === c) n.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: r ? t : 0
+		});
+		else if (v.type === s) n.push(...h(v.children, { columnSize: t }));
+		else if (a(v.type) && v.type === "td") n.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") n.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var u, d;
+			let { label: e, hideLabel: a, labelColspan: o, inputColspan: s, labelRowspan: c, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!i(a)) {
+				var p, g, _;
+				let t = (p = v.children) == null ? void 0 : p.tips, r = t || x ? l(f, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => l("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: t || null
+				}) : null;
+				n.push({
+					tag: y,
+					type: "label",
+					colspan: o,
+					rowspan: c,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? r : null]
+				});
+			}
+			let S;
+			S = r && i(a) ? t : i(s) ? s : r ? t - 1 : 0, n.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (u = v.children) == null || (d = u.below) == null ? void 0 : d.call(u)]
+			});
+		} else console.error("未知节点");
+	}
+	return n;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(r, { slots: i }) {
+		let a = u(t, null), o = u(e, null);
+		return () => {
+			var e;
+			let t = (e = i.default) == null ? void 0 : e.call(i), s = [];
+			return s.push(...h(t, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < s.length && (a == null || a(s.length)), l("tr", null, [s.map(({ tag: e, type: t, colspan: i, rowspan: a, content: o }) => e === "td" || t === "FormCell" ? o : t === "text" ? l(n, {
+				isLabel: r.isLabel,
+				alignCenter: r.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : l("td", {
+				class: t,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };

package/chunks/BNQD6fKI.mjs

@@ -0,0 +1,40 @@
+import { d as e } from "./cmuHpsX6.mjs";
+import { o as t, r as n } from "./CXSIP67a.mjs";
+import { n as r } from "./BROfNO6c.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElText as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/text/style/css";
+//#region src/components/form/props/text.ts
+var s = {
+	...r,
+	type: String,
+	size: {
+		type: String,
+		default: "default"
+	},
+	truncated: {
+		type: Boolean,
+		default: !1
+	},
+	lineClamp: [String, Number],
+	tag: {
+		type: String,
+		default: "span"
+	},
+	text: String
+}, c = { modelValue: !0 }, l = (e) => r[e] === void 0 && c[e] !== !0, u = {
+	name: "FormText",
+	inheritAttrs: !1,
+	props: { ...s },
+	setup(r, { slots: s, attrs: c }) {
+		let u = t(r, { attrs: c }), d = e(r, l);
+		return () => n(r, {
+			vNodes: i(o, a(d.value, c), { default: s.default || (() => r.text) }),
+			formItemProps: u,
+			slots: s
+		});
+	}
+};
+//#endregion
+export { u as t };

package/chunks/BROfNO6c.mjs

@@ -0,0 +1,17 @@
+import { c as e, s as t } from "./CXSIP67a.mjs";
+//#region src/components/form/props/common.ts
+var n = {
+	...e,
+	...t,
+	wrapFormItem: {
+		type: Boolean,
+		default: !0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	col: Boolean
+}, r = { size: { type: String } };
+//#endregion
+export { n, r as t };