@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/chunks/D5twDi0x.mjs

@@ -0,0 +1,218 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import t from "../element-resize-observer/index.mjs";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, setBlockTracking as f } from "vue";
+import "../split-pane/style.css";
+//#region src/components/split-pane/components/Trigger.vue
+var p = {
+	name: "Trigger",
+	props: {
+		mode: String,
+		showIcon: Boolean,
+		line: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return { prefix: "egd-split-trigger" };
+	},
+	computed: {
+		isVertical() {
+			return this.mode === "vertical";
+		},
+		classes() {
+			return [
+				this.prefix,
+				this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
+				this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
+			];
+		},
+		barConClasses() {
+			return [`${this.prefix}-bar-con`, this.isVertical ? "vertical" : "horizontal"];
+		}
+	}
+};
+function m(e, t, o, c, d, p) {
+	return l(), i("div", { class: s(p.classes) }, [o.showIcon ? (l(), i("div", {
+		key: 0,
+		class: s(p.barConClasses)
+	}, [t[0] || (f(-1, !0), (t[0] = (l(), i(n, null, u(8, (e) => a("i", {
+		key: `trigger-${e}`,
+		class: s(`${d.prefix}-bar`)
+	}, null, 2)), 64))).cacheIndex = 0, f(1), t[0])], 2)) : r("v-if", !0)], 2);
+}
+var h = /* @__PURE__ */ e(p, [["render", m]]);
+//#endregion
+//#region src/components/split-pane/tools.js
+function g(e, t) {
+	for (let n = 0; n < t.length; n++) if (e === t[n]) return !0;
+	return !1;
+}
+var _ = (function() {
+	return document.addEventListener ? function(e, t, n) {
+		e && t && n && e.addEventListener(t, n, !1);
+	} : function(e, t, n) {
+		e && t && n && e.attachEvent(`on${t}`, n);
+	};
+})(), v = (function() {
+	return document.removeEventListener ? function(e, t, n) {
+		e && t && e.removeEventListener(t, n, !1);
+	} : function(e, t, n) {
+		e && t && e.detachEvent(`on${t}`, n);
+	};
+})(), y = {
+	name: "SplitPane",
+	components: { Trigger: h },
+	props: {
+		modelValue: {
+			type: [Number, String],
+			default: .5
+		},
+		mode: {
+			validator(e) {
+				return g(e, ["horizontal", "vertical"]);
+			},
+			default: "horizontal"
+		},
+		hideLeft: Boolean,
+		triggerSize: {
+			type: Number,
+			default: 6
+		},
+		min: {
+			type: [Number, String],
+			default: "40px"
+		},
+		max: {
+			type: [Number, String],
+			default: "40px"
+		}
+	},
+	emits: [
+		"on-move-start",
+		"on-move-end",
+		"on-moving",
+		"update:modelValue"
+	],
+	data() {
+		return {
+			prefix: "egd-split",
+			offset: 0,
+			oldOffset: 0,
+			isMoving: !1
+		};
+	},
+	computed: {
+		wrapperClasses() {
+			return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
+		},
+		isHorizontal() {
+			return this.mode === "horizontal";
+		},
+		anotherOffset() {
+			return 100 - this.offset;
+		},
+		valueIsPx() {
+			return typeof this.modelValue == "string";
+		},
+		offsetSize() {
+			return this.isHorizontal ? "offsetWidth" : "offsetHeight";
+		},
+		computedMin() {
+			return this.getComputedThresholdValue("min");
+		},
+		computedMax() {
+			return this.getComputedThresholdValue("max");
+		}
+	},
+	watch: { modelValue: "resetOffset" },
+	async mounted() {
+		await this.$nextTick(), this.resetOffset();
+	},
+	methods: {
+		resetOffset() {
+			this.offset = (this.valueIsPx ? this.px2percent(this.modelValue, this.$refs.outerWrapper[this.offsetSize]) : this.modelValue) * 1e4 / 100;
+		},
+		px2percent(e, t) {
+			return parseFloat(e) / parseFloat(t);
+		},
+		getComputedThresholdValue(e) {
+			let t = this.$refs.outerWrapper[this.offsetSize];
+			return this.valueIsPx ? typeof this[e] == "string" ? this[e] : t * this[e] : typeof this[e] == "string" ? this.px2percent(this[e], t) : this[e];
+		},
+		getMin(e, t) {
+			return this.valueIsPx ? `${Math.min(parseFloat(e), parseFloat(t))}px` : Math.min(e, t);
+		},
+		getMax(e, t) {
+			return this.valueIsPx ? `${Math.max(parseFloat(e), parseFloat(t))}px` : Math.max(e, t);
+		},
+		getAnotherOffset(e) {
+			let t = 0;
+			return t = this.valueIsPx ? `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : 1 - e, t;
+		},
+		handleMove(e) {
+			let t = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, n = this.$refs.outerWrapper[this.offsetSize], r = this.valueIsPx ? `${parseFloat(this.oldOffset) + t}px` : this.px2percent(n * this.oldOffset + t, n), i = this.getAnotherOffset(r);
+			parseFloat(r) <= parseFloat(this.computedMin) && (r = this.getMax(r, this.computedMin)), parseFloat(i) <= parseFloat(this.computedMax) && (r = this.getAnotherOffset(this.getMax(i, this.computedMax))), e.atMin = this.modelValue === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.modelValue) === this.computedMax : this.getAnotherOffset(this.modelValue).toFixed(5) === this.computedMax.toFixed(5), this.$emit("update:modelValue", r), this.$emit("on-moving", e);
+		},
+		handleUp() {
+			this.isMoving = !1, v(window, "mousemove", this.handleMove), v(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+		},
+		handleMousedown(e) {
+			this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.modelValue, this.isMoving = !0, _(window, "mousemove", this.handleMove), _(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+		}
+	}
+};
+function b(e, r, u, f, p, m) {
+	let g = h, _ = t;
+	return l(), i("div", {
+		ref: "outerWrapper",
+		class: s(m.wrapperClasses)
+	}, [m.isHorizontal ? (l(), i("div", {
+		key: 0,
+		class: s(`${p.prefix}-horizontal`)
+	}, [u.hideLeft ? (l(), i("div", {
+		key: 1,
+		style: { left: "0" },
+		class: s([`${p.prefix}-pane`, "right-pane"])
+	}, [d(e.$slots, "right")], 2)) : (l(), i(n, { key: 0 }, [
+		a("div", {
+			style: c({ right: `${m.anotherOffset}%` }),
+			class: s([`${p.prefix}-pane`, "left-pane"])
+		}, [d(e.$slots, "left")], 6),
+		a("div", {
+			class: s(`${p.prefix}-trigger-con`),
+			style: c({
+				left: `calc(${p.offset}% + ${u.triggerSize / 2}px)`,
+				width: `${u.triggerSize}px`
+			}),
+			onMousedown: r[0] || (r[0] = (...e) => m.handleMousedown && m.handleMousedown(...e))
+		}, [d(e.$slots, "trigger", {}, () => [o(g, { mode: "vertical" })])], 38),
+		a("div", {
+			style: c({ left: `calc(${p.offset}% + ${u.triggerSize}px)` }),
+			class: s([`${p.prefix}-pane`, "right-pane"])
+		}, [d(e.$slots, "right")], 6)
+	], 64))], 2)) : (l(), i("div", {
+		key: 1,
+		class: s(`${p.prefix}-vertical`)
+	}, [
+		a("div", {
+			style: c({ bottom: `${m.anotherOffset}%` }),
+			class: s([`${p.prefix}-pane`, "top-pane"])
+		}, [d(e.$slots, "top")], 6),
+		a("div", {
+			class: s(`${p.prefix}-trigger-con`),
+			style: c({
+				top: `calc(${p.offset}% + ${u.triggerSize / 2}px)`,
+				height: `${u.triggerSize}px`
+			}),
+			onMousedown: r[1] || (r[1] = (...e) => m.handleMousedown && m.handleMousedown(...e))
+		}, [d(e.$slots, "trigger", {}, () => [o(g, { mode: "horizontal" })])], 38),
+		a("div", {
+			style: c({ top: `calc(${p.offset}% + ${u.triggerSize}px)` }),
+			class: s([`${p.prefix}-pane`, "bottom-pane"])
+		}, [d(e.$slots, "bottom")], 6)
+	], 2)), o(_, { onNotify: m.resetOffset }, null, 8, ["onNotify"])], 2);
+}
+var x = /* @__PURE__ */ e(y, [["render", b]]);
+//#endregion
+export { x as t };

package/chunks/D7kTwnJK2.mjs

@@ -0,0 +1,27 @@
+import { n as e } from "./_7MDfW_y.mjs";
+import { t } from "./C23Qaggp.mjs";
+import { allProps as n } from "../props/textarea.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormTextarea.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/FormTextarea.vue
+var c = {
+	name: "FormTextarea",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			block: e.block === void 0 ? !0 : e.block,
+			type: "textarea"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/D7p2ei_L.mjs

@@ -0,0 +1,68 @@
+import { ElCascader as e, ElInput as t } 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/cascader/style/css";
+import { createVNode as n, mergeProps as r, ref as i, watchEffect as a } from "vue";
+import "../address-input/style.css";
+//#endregion
+//#region src/components/AddressInput.vue
+var o = {
+	name: "AddressInput",
+	inheritAttrs: !1,
+	props: {
+		options: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		modelValue: {
+			type: Object,
+			default: () => ({
+				address: [],
+				detailAddress: ""
+			})
+		},
+		props: {
+			type: Object,
+			default: () => ({
+				label: "name",
+				value: "id"
+			})
+		},
+		labelAsValue: Boolean,
+		disabled: Boolean
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: s, attrs: c }) {
+		let l = i([]), u = i(""), d = (e) => {
+			s("update:modelValue", e);
+		};
+		a(() => {
+			o.modelValue && (l.value = o.modelValue.address, u.value = o.modelValue.detailAddress);
+		});
+		let f = () => {
+			!l.value && !u.value ? d(void 0) : d({
+				address: l.value,
+				detailAddress: u.value
+			});
+		};
+		return () => n("div", r({ class: "address-input-wrapper flex-row" }, c), [n("div", { class: "address-input-item-wrapper" }, [n(e, {
+			modelValue: l.value,
+			"onUpdate:modelValue": [(e) => l.value = e, f],
+			options: o.options,
+			disabled: o.disabled,
+			props: {
+				label: o.props.label,
+				value: o.labelAsValue ? o.props.label : o.props.value
+			}
+		}, null)]), n("div", { class: "address-input-item-wrapper flex-item" }, [n(t, {
+			modelValue: u.value,
+			"onUpdate:modelValue": [(e) => u.value = e, f],
+			placeholder: "请输入详细地址！",
+			disabled: o.disabled
+		}, null)])]);
+	}
+};
+//#endregion
+export { o as t };

package/chunks/D8C17D2k.mjs

@@ -0,0 +1,58 @@
+import { allProps as e, predicate as t } from "../props/cascader.mjs";
+import { useDictionary as n } from "../vue/hooks/useDictionary.mjs";
+import { n as r, o as i } from "./_7MDfW_y.mjs";
+import { ElCascader as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/cascader/style/css";
+import { computed as o, createVNode as s, mergeProps as c } from "vue";
+import { findTreeChildren as l, isArray as u, isString as d, setParent as f } from "@web-utils/core";
+import { cloneDeep as p } from "@web-utils/integrations/lodash";
+//#endregion
+//#region src/components/form/FormCascader.vue
+var m = {
+	name: "FormCascader",
+	props: { ...e },
+	emits: { ...r },
+	setup(e, { emit: r, slots: m, attrs: h }) {
+		let { emitInput: g, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = i(e, {
+			emit: r,
+			slots: m,
+			attrs: h,
+			predicate: t
+		}), { dictItems: S } = n(e), C = o(() => {
+			if (e.dictType) return S.value;
+			if (e.options) {
+				let t = p(e.options);
+				return e.last && f(t), t;
+			} else return [];
+		}), w = o(() => {
+			if (e.join) return u(e.modelValue) ? e.modelValue : d(e.modelValue) ? e.modelValue.split(e.separator) : [];
+			if (e.last) {
+				let [t] = l(C.value, (t) => t[e.valueKey] === e.modelValue), n = [];
+				for (; t;) n.push(t[e.valueKey]), t = t.parent;
+				return n.reverse();
+			}
+			return e.modelValue;
+		}), T = (t) => {
+			e.join && u(t) ? g(t.join(e.separator)) : g(e.last ? t[t.length - 1] : t);
+		};
+		return () => _({ vNodes: s(a, c(b.value, x.value, {
+			style: "width: 100%",
+			class: { "is-readonly": e.readonly },
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: e.checkStrictly,
+				label: e.labelKey,
+				value: e.valueKey,
+				emitPath: e.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: y.value,
+			placeholder: v.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { m as t };