@web-utils/form-ui 1.0.0-beta10 → 1.0.0-beta101

package/chunks/DIsjIzhf.mjs

@@ -0,0 +1,384 @@
+import { C as e, D as t, E as n, S as r, T as i, b as a, o, r as s, u as c, w as l, x as u, y as d } from "./BH2LN3pm.mjs";
+import { ElCheckbox as f, ElCheckboxButton as p, ElRadio as m, ElRadioButton as h } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { isBlank as g } from "@web-utils/core";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/checkbox-button/style/css";
+import "element-plus/es/components/radio-button/style/css";
+//#region src/components/avue/fy-from/crud/zh.ts
+var _ = {
+	common: {
+		condition: "条件",
+		display: "显示",
+		hide: "隐藏"
+	},
+	tip: {
+		select: "请选择",
+		input: "请输入"
+	},
+	check: { checkAll: "全选" },
+	upload: {
+		upload: "点击上传",
+		tip: "将文件拖到此处，或"
+	},
+	time: {
+		start: "开始",
+		end: "结束"
+	},
+	date: {
+		start: "开始",
+		end: "结束",
+		t: "今日",
+		y: "昨日",
+		n: "近7天",
+		a: "全部"
+	},
+	form: {
+		printBtn: "打 印",
+		mockBtn: "模 拟",
+		submitBtn: "提 交",
+		emptyBtn: "清 空"
+	},
+	crud: {
+		filter: {
+			addBtn: "新增条件",
+			clearBtn: "清空数据",
+			resetBtn: "清空条件",
+			cancelBtn: "取 消",
+			submitBtn: "确 定"
+		},
+		column: {
+			name: "列名",
+			hide: "隐藏",
+			fixed: "冻结",
+			filters: "过滤",
+			sortable: "排序",
+			index: "顺序",
+			width: "宽度"
+		},
+		tipStartTitle: "当前表格已选择",
+		tipEndTitle: "项",
+		editTitle: "编 辑",
+		copyTitle: "复 制",
+		addTitle: "新 增",
+		viewTitle: "查 看",
+		filterTitle: "过滤条件",
+		showTitle: "列显隐",
+		menu: "操作",
+		addBtn: "新 增",
+		show: "显 示",
+		hide: "隐 藏",
+		open: "展 开",
+		shrink: "收 缩",
+		printBtn: "打 印",
+		excelBtn: "导 出",
+		updateBtn: "修 改",
+		cancelBtn: "取 消",
+		searchBtn: "搜 索",
+		emptyBtn: "清 空",
+		menuBtn: "功 能",
+		saveBtn: "保 存",
+		viewBtn: "查 看",
+		editBtn: "编 辑",
+		copyBtn: "复 制",
+		delBtn: "删 除"
+	}
+}, v = (e, t) => {
+	t = t || "";
+	let n = t.split("."), r = e, i = null;
+	for (let e = 0, t = n.length; e < t; e++) {
+		let a = n[e];
+		if (!r) break;
+		if (e === t - 1) {
+			i = r[a];
+			break;
+		}
+		r = r[a];
+	}
+	return i;
+}, y = (e) => v(_, e), b = (e = []) => (e.forEach((t) => {
+	let n = t.cascader;
+	if (!g(n)) {
+		let r = t.prop;
+		n.forEach((t) => {
+			let n = c(e, t);
+			n !== -1 && (n.parentProp = r);
+		});
+	}
+}), e), x = 0, S = (e, t = 12, n = !1) => (n && (x = 0), x = x + (e.span || t) + (e.offset || 0), x === 24 ? x = 0 : x > 24 ? x = (e.span || t) + (e.offset || 0) : e.row && x !== 24 && (e.count = 24 - x, x = 0), e), C = (e, t) => {
+	let { type: r, multiple: s, dataType: c, separator: l = ",", alone: u, emitPath: f, range: p } = t, m = e;
+	return i.includes(r) && s === !0 || a.includes(r) && f !== !1 || n.includes(r) && p === !0 ? (Array.isArray(m) || (m = g(m) ? [] : `${m}`.split(l) || []), m.forEach((e, t) => {
+		m[t] = o(e, c);
+	}), d.includes(r) && g(m) && u && (m = [""])) : m = o(m, c), m;
+}, w = (e) => {
+	let t = e.type, n = e.searchRange, r = t;
+	if (e.searchType) return e.searchType;
+	if ([
+		"radio",
+		"checkbox",
+		"switch"
+	].includes(t)) r = "select";
+	else if (u.includes(t)) {
+		let e = "range";
+		r = n ? t.includes(e) ? t : t + e : t.replace(e, "");
+	} else ["textarea"].includes(t) && (r = "input");
+	return r;
+}, T = (e, t) => {
+	let n = e || "input";
+	if (g(t)) d.includes(e) ? n = "array" : ["time", "timerange"].includes(e) ? n = "time" : u.includes(e) ? n = "date" : [
+		"password",
+		"textarea",
+		"search"
+	].includes(e) ? n = "input" : l.includes(e) && (n = `input-${e}`);
+	else return t;
+	return "fy-" + n;
+}, E = (e = []) => {
+	let t = {};
+	return e.forEach((e) => {
+		a.includes(e.type) && e.emitPath !== !1 || i.includes(e.type) && e.multiple || e.dataType === "array" ? t[e.prop] = [] : n.includes(e.type) && e.range === !0 ? t[e.prop] = [0, 0] : [
+			"rate",
+			"slider",
+			"number"
+		].includes(e.type) || e.dataType === "number" ? t[e.prop] = void 0 : t[e.prop] = "", e.bind && (t = s(t, e.bind)), g(e.value) || (t[e.prop] = e.value);
+	}), { tableForm: t };
+}, D = (e) => {
+	let n = e.placeholder, r = e.label;
+	return g(n) ? t.includes(e.type) ? `${y("tip.select")} ${r}` : `${y("tip.input")} ${r}` : n;
+}, O = { methods: {
+	getSlotName(e = {}, t = "D", n) {
+		let r = e.prop + {
+			F: "Form",
+			H: "Header",
+			E: "Error",
+			L: "Label",
+			S: "Search",
+			T: "Type",
+			D: ""
+		}[t];
+		return n ? n[r] : r;
+	},
+	getSlotList(e = [], t, n) {
+		return n = n.map((e) => e.prop), Object.keys(t).filter((t) => {
+			let r = !1;
+			return n.includes(t) || e.forEach((e) => {
+				t.includes(e) && (r = !0);
+			}), r;
+		});
+	}
+} }, k = {
+	mixins: [O],
+	data() {
+		return {
+			stringMode: !1,
+			name: "",
+			text: void 0,
+			propsHttpDefault: r,
+			propsDefault: e
+		};
+	},
+	props: {
+		blur: Function,
+		focus: Function,
+		change: Function,
+		click: Function,
+		typeformat: Function,
+		control: Function,
+		separator: {
+			type: String,
+			default: ","
+		},
+		params: {
+			type: Object,
+			default: () => ({})
+		},
+		listType: { type: String },
+		tableData: { type: Object },
+		modelValue: {},
+		column: {
+			type: Object,
+			default: () => ({})
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		size: String,
+		tip: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		dataType: { type: String },
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		dicUrl: {
+			type: String,
+			default: ""
+		},
+		dicMethod: {
+			type: String,
+			default: ""
+		},
+		dicFormatter: Function,
+		dicQuery: {
+			type: Object,
+			default: () => ({})
+		},
+		dic: {
+			type: Array,
+			default: () => []
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		rules: { type: Array },
+		min: { type: Number },
+		max: { type: Number },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		button: {
+			type: Boolean,
+			default: !1
+		},
+		group: {
+			type: Boolean,
+			default: !1
+		},
+		row: {
+			type: Boolean,
+			default: !1
+		},
+		prop: {
+			type: String,
+			default: ""
+		},
+		border: {
+			type: Boolean,
+			default: !1
+		},
+		popperClass: { type: String },
+		propsHttp: {
+			type: Object,
+			default: () => r
+		},
+		props: {
+			type: Object,
+			default: () => e
+		}
+	},
+	watch: {
+		text: { handler(e) {
+			this.handleChange(e);
+		} },
+		modelValue: { handler() {
+			this.initVal();
+		} }
+	},
+	computed: {
+		clearableVal() {
+			return this.disabled ? !1 : this.clearable;
+		},
+		componentName() {
+			return this.name === "checkbox" ? this.button ? p : f : this.name === "radio" ? this.button ? h : m : `el-${this.name}${this.button ? "-button" : ""}`;
+		},
+		required() {
+			return !g(this.rules);
+		},
+		isArray() {
+			return this.dataType === "array";
+		},
+		isString() {
+			return this.dataType === "string";
+		},
+		isNumber() {
+			return this.dataType === "number";
+		},
+		nameKey() {
+			return this.propsHttp.name || this.propsHttpDefault.name;
+		},
+		urlKey() {
+			return this.propsHttp.url || this.propsHttpDefault.url;
+		},
+		resKey() {
+			return this.propsHttp.res || this.propsHttpDefault.res;
+		},
+		groupsKey() {
+			return this.props.groups || this.propsDefault.groups;
+		},
+		valueKey() {
+			return this.props.value || this.propsDefault.value;
+		},
+		descKey() {
+			return this.props.desc || this.propsDefault.desc;
+		},
+		leafKey() {
+			return this.props.leaf || this.propsDefault.leaf;
+		},
+		labelKey() {
+			return this.props.label || this.propsDefault.label;
+		},
+		childrenKey() {
+			return this.props.children || this.propsDefault.children;
+		},
+		disabledKey() {
+			return this.props.disabled || this.propsDefault.disabled;
+		},
+		idKey() {
+			return this.props.id || this.propsDefault.id;
+		}
+	},
+	created() {
+		this.initVal();
+	}
+}, A = { methods: {
+	bindEvent(e, t) {
+		t = Object.assign(t, { column: this.column }, this.tableData), typeof this[e] == "function" && (e === "change" ? this.column.cell !== !0 && this[e](t) : this[e](t)), this.$emit(e, t);
+	},
+	initVal() {
+		this.stringMode = typeof this.modelValue == "string", this.text = C(this.modelValue, this);
+	},
+	getLabelText(e) {
+		return g(e) ? "" : typeof this.typeformat == "function" ? this.typeformat(e, this.labelKey, this.valueKey) : e[this.labelKey];
+	},
+	handleFocus(e) {
+		this.bindEvent("focus", {
+			value: this.modelValue,
+			event: e
+		});
+	},
+	handleBlur(e) {
+		this.bindEvent("blur", {
+			value: this.modelValue,
+			event: e
+		});
+	},
+	handleClick(e) {
+		this.bindEvent("click", {
+			value: this.modelValue,
+			event: e
+		});
+	},
+	handleChange(e) {
+		let t = e;
+		(this.isString || this.isNumber || this.stringMode || this.listType === "picture-img") && Array.isArray(e) && (t = e.join(this.separator)), this.bindEvent("change", { value: t }), this.$emit("update:modelValue", t);
+	}
+} };
+//#endregion
+export { S as a, D as c, b as i, w as l, k as n, E as o, O as r, T as s, A as t, y as u };

package/chunks/DN2JYsQQ2.mjs

@@ -0,0 +1,42 @@
+import { n as e, o as t } from "./_7MDfW_y.mjs";
+import { t as n } from "./D2NeD2g32.mjs";
+import { allProps as r, predicate as i } from "../props/tree-select-multiple.mjs";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormTreeSelectMultiple.vue
+var s = {
+	name: "FormTreeSelectMultiple",
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, attrs: s, slots: c }) {
+		let { render: l, placeholder: u, disabled: d, listeners: f, inputProps: p, emitInput: m } = t(e, {
+			emit: r,
+			slots: c,
+			attrs: s,
+			predicate: i
+		}), h = (e) => (e.children && !e.children.length && delete e.children, {
+			id: e.id,
+			label: e.name,
+			isDisabled: !1,
+			children: []
+		}), g = (t) => {
+			m([...e.modelValue, t.id]);
+		}, _ = (t) => {
+			m(e.modelValue.filter((e) => e !== t.id));
+		};
+		return () => l({ vNodes: a(n, o(p.value, f.value, {
+			class: ["form-tree-select", { "is-readonly": e.readonly }],
+			disabled: d.value,
+			defaultExpandLevel: 0,
+			placeholder: u.value,
+			onSelect: g,
+			onDeselect: _,
+			normalizer: h
+		}), { "value-label": ({ node: e }) => {
+			var t;
+			return (t = c["value-label"]) == null ? void 0 : t.call(c, { node: e });
+		} }) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/DPgFZVE12.mjs

@@ -0,0 +1,112 @@
+import { formItemGroupContextKey as e, formViewContextKey as t } from "../constants/index.mjs";
+import n from "../empty-view/index.mjs";
+import { ElCol as r, ElCollapseTransition as i, ElRow as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as o, computed as s, createTextVNode as c, createVNode as l, h as u, inject as d, isVNode as f, onBeforeUnmount as p, onMounted as m, provide as h, reactive as g, ref as _, toRef as v, useTemplateRef as y, vShow as b, watchEffect as x, withDirectives as S } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/collapse-transition/style/css";
+import "../form-item-group/style.css";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function C(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+}
+//#endregion
+//#region src/components/form/FormItemGroup.vue
+var w = {
+	name: "FormItemGroup",
+	props: {
+		blockTitle: String,
+		tips: String,
+		active: Boolean,
+		enabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		tag: {
+			type: String,
+			default: "ElCol"
+		},
+		span: {
+			type: Number,
+			default: 24
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		},
+		wrapRow: {
+			type: Boolean,
+			default: !0
+		},
+		gutter: {
+			type: Number,
+			default: 20
+		},
+		collapse: Boolean,
+		showTitle: {
+			type: Boolean,
+			default: !0
+		},
+		notDispatch: Boolean
+	},
+	setup(f, { expose: w, slots: T }) {
+		let E = d(t, null), D = y("root"), O = _(!0), k = v(() => f.enabled), A = v(() => f.disabled), j = s(() => f.enabled === !0 ? !1 : f.disabled === !0), M = s(() => f.tag === "ElCol"), N = () => O.value = !O.value, P = () => {
+			O.value = !0;
+		};
+		x(() => {
+			O.value = !f.collapse;
+		});
+		let F = {
+			$el: v(() => M.value ? D.value.$el : D.value),
+			enabled: k,
+			disabled: A,
+			open: P,
+			expand: O,
+			blockTitle: v(() => f.blockTitle)
+		}, I = g(F);
+		return h(e, I), m(() => {
+			f.notDispatch || E == null || E.addGroup(I);
+		}), p(() => {
+			f.notDispatch || E == null || E.removeGroup(I);
+		}), w(F), () => {
+			let e = () => {
+				var e;
+				return l(o, null, [S(l("div", {
+					class: "form-item-group-title",
+					onClick: N
+				}, [l("span", {
+					class: "flex-item",
+					style: "flex: 1"
+				}, [
+					T.title ? T.title() : f.blockTitle,
+					T.tips || f.tips ? l("span", { style: "color: #ff0000; font-size: 14px" }, [
+						c("("),
+						T.tips ? T.tips() : f.tips,
+						c(")")
+					]) : null,
+					(e = T["title-right"]) == null ? void 0 : e.call(T)
+				]), l("i", { class: O.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[b, f.showTitle]]), l(i, null, { default: () => {
+					let e;
+					return T.default ? f.wrapRow ? S(l(a, { gutter: f.gutter }, C(e = T.default()) ? e : { default: () => [e] }), [[b, O.value]]) : S(l("div", null, [T.default()]), [[b, O.value]]) : S(l(n, {
+						"font-size": "14px",
+						"empty-tips": "暂无信息"
+					}, null), [[b, O.value]]);
+				} })]);
+			}, t = {
+				ref: "root",
+				class: ["form-item-group", {
+					"default-active": f.active,
+					"is-disabled": j.value
+				}]
+			};
+			return M.value && (t.span = f.block ? 24 : f.span), u(M.value ? r : "div", t, M.value ? e : e());
+		};
+	}
+};
+//#endregion
+export { w as t };