@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/chunks/ElementDialog.BrqPs1yL.mjs

@@ -0,0 +1,198 @@
+import { camelize as e, uncapitalize as t } from "@web-utils/core";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, getCurrentInstance as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, unref as v, useAttrs as y, useModel as b, useTemplateRef as x, withCtx as S, withModifiers as C } from "vue";
+//#region src/components/dialog/props.ts
+var w = {
+	modelValue: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	width: [String, Number],
+	fullscreen: {
+		type: Boolean,
+		default: !1
+	},
+	top: {
+		type: String,
+		default: ""
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: {
+		type: Boolean,
+		default: !1
+	},
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	appendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	closeOnClickModal: { type: Boolean },
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClose: Function,
+	draggable: {
+		type: Boolean,
+		default: !0
+	},
+	overflow: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	alignCenter: {
+		type: Boolean,
+		default: !1
+	},
+	destroyOnClose: {
+		type: Boolean,
+		default: !1
+	},
+	closeIcon: [String, Object],
+	zIndex: Number,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: [String, Object],
+	customClass: {
+		type: String,
+		default: ""
+	},
+	height: String,
+	embed: Boolean,
+	showFullscreen: Boolean,
+	showFullScreen: Boolean,
+	bodyPadding: {
+		type: Boolean,
+		default: !0
+	}
+}, T = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0,
+	bodyPadding: !0
+}, E = (e) => T[e] !== !0, D = (e, t) => n(() => {
+	let n = {};
+	if (t) for (let r in e) t(r) && (n[r] = e[r]);
+	return n;
+}), O = ({ removeOn: r = !1, include: i, exclude: a } = {}) => {
+	let o = y();
+	return n(() => {
+		let n = {}, s = {}, c = {}, l = !1;
+		(i || a) && (l = !0), i == null || i.forEach((t) => {
+			s[e(t)] = !0;
+		}), a == null || a.forEach((t) => {
+			c[e(t)] = !0;
+		});
+		for (let e in o) if (e.startsWith("on")) {
+			let u = t(e.replace(/^on/, ""));
+			if (l && (i && s[u] !== !0 || a && c[u] === !0)) continue;
+			r ? n[u] = o[e] : n[e] = o[e];
+		}
+		return n;
+	});
+}, k = (e, { predicate: t, removeOn: n }) => ({
+	listeners: O({ removeOn: n }),
+	autoBindProps: D(e, t)
+}), A = { class: "dialog-title" }, j = { class: "dialog-header-buttons" }, M = /* @__PURE__ */ Object.assign({
+	name: "ElementDialog",
+	inheritAttrs: !1
+}, {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ l({ ...w }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l({ "toggle-fullscreen": null }, ["update:modelValue"]),
+	setup(e, { expose: t, emit: l }) {
+		let y = b(e, "modelValue"), w = e, T = l, { autoBindProps: D, listeners: O } = k(w, {
+			predicate: E,
+			removeOn: !0
+		}), M = x("dialog"), N = p(w.fullscreen), P = () => {
+			N.value = !N.value, T("toggle-fullscreen", N.value);
+		}, F = n(() => N.value ? "100%" : w.height), I = c(), L = () => {
+			w.embed ? (I.parent.emit("update:visible", !1), I.parent.emit("update:modelValue", !1)) : M.value.handleClose();
+		};
+		return t({
+			close: L,
+			hide: L
+		}), (e, t) => {
+			let n = h("ElDialog");
+			return f(), r(n, u({
+				ref: "dialog",
+				modelValue: y.value,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => y.value = e)
+			}, v(D), {
+				class: e.$attrs.class,
+				"show-close": !1,
+				fullscreen: N.value,
+				"body-class": `${e.bodyClass || ""}${e.bodyPadding ? "" : " no-padding"}`,
+				style: { "--dialog-body-height": F.value }
+			}, _(v(O))), s({
+				header: S(() => [i(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), m(e.$slots, "header", {}, () => [o("div", A, g(e.title), 1), o("div", j, [e.showFullscreen || e.showFullScreen ? (f(), a("i", {
+					key: 0,
+					class: d(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: C(P, ["stop"])
+				}, null, 2)) : i("v-if", !0), e.showClose ? (f(), a("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: C(L, ["stop"])
+				})) : i("v-if", !0)])])]),
+				default: S(() => [i(" @slot 对话框的默认内容 "), m(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: S(() => [i(" @slot Dialog 按钮操作区的内容 "), m(e.$slots, "footer", { close: L })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"class",
+				"fullscreen",
+				"body-class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { M as t };

package/chunks/FormTemp.DWB4CV8h.mjs

@@ -0,0 +1,251 @@
+import { E as e, S as t, a as n, b as r, d as i, l as a, p as o, v as s, w as c, x as l, y as u } from "./util.Cdt7t08t.mjs";
+import { i as d, n as f, r as p, t as m } from "./dic.N2PNjL8o.mjs";
+import { a as h, i as g, l as _ } from "./dataformat.BpAzVPYN.mjs";
+import { t as v } from "./_plugin-vue_export-helper.CTBRVsXt.mjs";
+import { isBlank as y } from "@web-utils/core";
+import { createBlock as b, createCommentVNode as x, createElementBlock as S, createSlots as C, guardReactiveProps as w, mergeProps as T, normalizeProps as E, openBlock as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toHandlers as j, withCtx as M, withKeys as N } from "vue";
+import { formatDate as P } from "@web-utils/integrations/dayjs";
+//#region src/components/utils/detail.ts
+var F = (n = {}, c = {}, u = {}, d = []) => {
+	let f = n[c.prop], p = c.type, m = c.separator;
+	if (c.bind && (f = i(n, c.bind)), y(f)) f = "";
+	else {
+		let n = e.includes(c.type) && c.multiple, i = l.includes(c.type);
+		if ((["string", "number"].includes(c.dataType) || n || i) && !Array.isArray(f) && (f = `${f}`.split(m || ","), c.dataType === "number" && (f = s(f))), r.includes(p)) f = Array.isArray(f) ? f.join(m || " | ") : f.split(m || ",").join(m || " | ");
+		else if (p === "password") f = o(f, "*");
+		else if (t.includes(p) && c.format) {
+			let e = c.format.replace("dd", "DD").replace("yyyy", "YYYY"), t = P(Date.now(), "YYYY-MM-DD");
+			if (p.indexOf("range") !== -1) {
+				let n = f[0] || "", r = f[1] || "";
+				p === "timerange" && n.length <= 8 && r.length < 8 && (n = `${t} ${n}`, r = `${t} ${r}`), f = [P(n, e), P(r, e)].join(c.separator || "~");
+			} else p === "time" && f.length <= 8 && (f = `${t} ${f}`), f = P(f, e);
+		}
+		f = a(d, f, c.props || u.props);
+	}
+	return c.formatter && typeof c.formatter == "function" && (f = c.formatter(n, n[c.prop], f, c)), f;
+}, I = {
+	mixins: [_],
+	props: {
+		defaults: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		option: {
+			type: Object,
+			required: !0,
+			default: () => ({})
+		}
+	},
+	watch: {
+		defaults: {
+			handler(e) {
+				this.objectOption = e;
+			},
+			deep: !0
+		},
+		objectOption: {
+			handler(e) {
+				this.$emit("update:defaults", e);
+			},
+			deep: !0
+		},
+		propOption: {
+			handler(e) {
+				let t = {};
+				e.forEach((e) => {
+					t[e.prop] = e;
+				}), this.objectOption = t;
+			},
+			deep: !0
+		},
+		option: {
+			handler() {
+				this.init(!1);
+			},
+			deep: !0
+		}
+	},
+	data() {
+		return {
+			DIC: {},
+			cascaderDIC: {},
+			tableOption: {},
+			isMobile: "",
+			objectOption: {}
+		};
+	},
+	created() {
+		this.init();
+	},
+	computed: {
+		resultOption() {
+			return Object.assign(n(this.tableOption), { column: this.propOption });
+		},
+		rowKey() {
+			return this.tableOption.rowKey || c.rowKey;
+		},
+		formRules() {
+			let e = {};
+			return this.propOption.forEach((t) => {
+				t.rules && t.display !== !1 && (e[t.prop] = t.rules);
+			}), e;
+		},
+		isMediumSize() {
+			return this.controlSize;
+		},
+		controlSize() {
+			return this.tableOption.size || this.$AVUE.size;
+		}
+	},
+	methods: {
+		init(e) {
+			this.tableOption = this.option, this.getIsMobile(), this.handleLocalDic(), e !== !1 && this.handleLoadDic();
+		},
+		dicInit(e) {
+			e === "cascader" ? this.handleLoadCascaderDic() : this.handleLoadDic();
+		},
+		getIsMobile() {
+			this.isMobile = document.body.clientWidth <= 768;
+		},
+		updateDic(e, t) {
+			let n = this.findObject(this.propOption, e);
+			y(t) && y(e) ? this.handleLoadDic() : y(t) && !y(n.dicUrl) ? d({ column: n }).then((t) => {
+				this.DIC[e] = t;
+			}) : this.DIC[e] = t;
+		},
+		handleSetDic(e, t = {}) {
+			Object.keys(t).forEach((n) => {
+				e[n] = t[n];
+			});
+		},
+		handleLocalDic() {
+			this.handleSetDic(this.DIC, p(this.resultOption));
+		},
+		handleLoadDic() {
+			f(this.resultOption).then((e) => this.handleSetDic(this.DIC, e));
+		},
+		handleLoadCascaderDic() {
+			m(this.propOption, this.data).then((e) => this.handleSetDic(this.cascaderDIC, e));
+		}
+	}
+}, L = {
+	name: "FormTemp",
+	components: { FyUEditor: () => import("../fy-u-editor/index.mjs") },
+	mixins: [_],
+	props: {
+		modelValue: [
+			String,
+			Object,
+			Number,
+			Boolean,
+			Array
+		],
+		columnSlot: {
+			type: Array,
+			default: () => []
+		},
+		tableData: {
+			type: Object,
+			default: () => ({})
+		},
+		enter: {
+			type: Boolean,
+			default: !1
+		},
+		type: { type: String },
+		propsHttp: {
+			type: Object,
+			default: () => ({})
+		},
+		props: { type: Object },
+		dic: { type: Array },
+		size: { type: String },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		column: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"enter",
+		"change",
+		"update:modelValue"
+	],
+	computed: {
+		params() {
+			return this.column.params || {};
+		},
+		event() {
+			return this.column.event || {};
+		},
+		text: {
+			get() {
+				return this.modelValue;
+			},
+			set(e) {
+				this.$emit("update:modelValue", e), this.$emit("change", e);
+			}
+		}
+	},
+	methods: {
+		uploadFun: u,
+		getComponent: g,
+		getPlaceholder: h,
+		enterChange() {
+			typeof this.column.enter == "function" ? this.column.enter({
+				value: this.text,
+				column: this.column
+			}) : this.enter && this.$emit("enter");
+		}
+	}
+}, R = ["innerHTML"];
+function z(e, t, n, r, i, a) {
+	return D(), b(A(a.getComponent(n.column.type, n.column.component)), T(Object.assign(n.column, a.uploadFun(n.column)), {
+		ref: "temp",
+		modelValue: a.text,
+		"onUpdate:modelValue": t[0] || (t[0] = (e) => a.text = e),
+		column: Object.assign(n.column, a.params),
+		dic: n.dic,
+		disabled: n.column.disabled || n.disabled,
+		readonly: n.column.readonly || n.readonly,
+		placeholder: a.getPlaceholder(n.column),
+		props: n.column.props || n.props,
+		"props-http": n.column.propsHttp || n.propsHttp,
+		size: n.column.size || n.size,
+		"table-data": n.tableData,
+		type: n.type || n.column.type,
+		"column-slot": n.columnSlot
+	}, j(a.event), { onKeyup: N(a.enterChange, ["enter"]) }), C({
+		default: M(() => [a.params.html ? (D(), S("span", {
+			key: 0,
+			innerHTML: a.params.html
+		}, null, 8, R)) : x("v-if", !0)]),
+		_: 2
+	}, [O(e.getSlotName(n.column, "T", e.$slots) ? [n.column] : [], (t) => ({
+		name: t,
+		fn: M((n) => [k(e.$slots, e.getSlotName(t, "T"), E(w(n)))])
+	})), O(n.columnSlot, (t) => ({
+		name: t,
+		fn: M((n) => [k(e.$slots, t, E(w(n)))])
+	}))]), 1040, [
+		"modelValue",
+		"column",
+		"dic",
+		"disabled",
+		"readonly",
+		"placeholder",
+		"props",
+		"props-http",
+		"size",
+		"table-data",
+		"type",
+		"column-slot",
+		"onKeyup"
+	]);
+}
+var B = /* @__PURE__ */ v(L, [["render", z]]);
+//#endregion
+export { I as n, F as r, B as t };

package/chunks/FyButton.DGd1yE_h.mjs

@@ -0,0 +1,27 @@
+import { computed as e, createVNode as t, mergeProps as n, resolveComponent as r } from "vue";
+//#endregion
+//#region src/components/FyButton.vue
+var i = {
+	name: "FyButton",
+	props: {
+		icon: [String, Object],
+		text: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		type: String
+	},
+	setup(i, { slots: a, attrs: o }) {
+		let s = e(() => i.type === "text" ? "" : i.type), c = e(() => i.type === "text" || i.text !== void 0 && (i.text === !0 || i.text === ""));
+		return () => t(r("ElButton"), n(o, {
+			type: s.value,
+			text: c.value
+		}), {
+			...a,
+			default: a.default ? a.default() : i.text,
+			icon: a.icon ? a.icon : i.icon ? () => t("i", { class: i.icon }, null) : null
+		});
+	}
+};
+//#endregion
+export { i as t };