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

package/chunks/CzvmkGvn.mjs

@@ -0,0 +1,89 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n } from "./BROfNO6c.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElRate as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/rate/style/css";
+//#region src/components/form/props/rate.ts
+var s = {
+	...n,
+	modelValue: Number,
+	max: {
+		type: Number,
+		default: 5
+	},
+	size: String,
+	allowHalf: {
+		type: Boolean,
+		default: !1
+	},
+	lowThreshold: {
+		type: Number,
+		default: 2
+	},
+	highThreshold: {
+		type: Number,
+		default: 4
+	},
+	colors: [Array, Object],
+	voidColor: {
+		type: String,
+		default: "#c6d1de"
+	},
+	disabledVoidColor: {
+		type: String,
+		default: "#eff2f7"
+	},
+	icons: [Array, Object],
+	voidIcon: [String, Object],
+	disabledVoidIcon: [String, Object],
+	showText: {
+		type: Boolean,
+		default: !1
+	},
+	showScore: {
+		type: Boolean,
+		default: !1
+	},
+	textColor: String,
+	texts: {
+		type: Array,
+		default: () => [
+			"Extremely bad",
+			"Disappointed",
+			"Fair",
+			"Satisfied",
+			"Surprise"
+		]
+	},
+	scoreTemplate: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	id: String,
+	ariaLabel: String
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormRate",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: l
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/DASUt7ot.mjs

@@ -0,0 +1,166 @@
+import { u as e } from "./cmuHpsX6.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, toHandlers as h, unref as g, useModel as _, useTemplateRef as v, withCtx as y, withModifiers as b } from "vue";
+import { ElDialog as x } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+//#region src/components/dialog/props.ts
+var S = {
+	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
+}, C = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0
+}, w = (e) => C[e] !== !0, T = { class: "dialog-title" }, E = { class: "dialog-header-buttons" }, D = {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ c({ ...S }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ c({ "toggle-fullscreen": null }, ["update:modelValue"]),
+	setup(c, { expose: S, emit: C }) {
+		let D = _(c, "modelValue"), O = c, k = C, { autoBindProps: A, listeners: j } = e(O, {
+			predicate: w,
+			removeOn: !0
+		}), M = v("dialog"), N = f(O.fullscreen), P = () => {
+			N.value = !N.value, k("toggle-fullscreen", N.value);
+		}, F = t(() => N.value ? "100%" : O.height), I = s(), L = () => {
+			O.embed ? (I.parent.emit("update:visible", !1), I.parent.emit("update:modelValue", !1)) : M.value.handleClose();
+		};
+		return S({
+			close: L,
+			hide: L
+		}), (e, t) => {
+			let s = x;
+			return d(), n(s, l({
+				ref: "dialog",
+				modelValue: D.value,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => D.value = e)
+			}, g(A), {
+				"show-close": !1,
+				fullscreen: g(N),
+				style: { "--dialog-body-height": g(F) }
+			}, h(g(j))), o({
+				header: y(() => [r(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), p(e.$slots, "header", {}, () => [a("div", T, m(e.title), 1), a("div", E, [e.showFullscreen || e.showFullScreen ? (d(), i("i", {
+					key: 0,
+					class: u(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: b(P, ["stop"])
+				}, null, 2)) : r("v-if", !0), e.showClose ? (d(), i("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: b(L, ["stop"])
+				})) : r("v-if", !0)])])]),
+				default: y(() => [r(" @slot 对话框的默认内容 "), p(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: y(() => [r(" @slot Dialog 按钮操作区的内容 "), p(e.$slots, "footer", { close: L })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"fullscreen",
+				"style"
+			]);
+		};
+	}
+};
+//#endregion
+export { D as t };

package/chunks/DBNqhkDl.mjs

@@ -0,0 +1,174 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n, t as r } from "./BROfNO6c.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElTimePicker as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/time-picker/style/css";
+//#region src/components/form/props/time.ts
+var s = {
+	...n,
+	...r,
+	modelValue: [
+		Number,
+		String,
+		Object
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: {
+		type: String,
+		default: "开始时间"
+	},
+	endPlaceholder: {
+		type: String,
+		default: "结束时间"
+	},
+	isRange: {
+		type: Boolean,
+		default: !1
+	},
+	arrowControl: {
+		type: Boolean,
+		default: !1
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	popperOptions: Object,
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	rangeSeparator: {
+		type: String,
+		default: "-"
+	},
+	format: {
+		type: String,
+		default: "HH:mm:ss"
+	},
+	defaultValue: [Date, Array],
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: String,
+		default: ""
+	},
+	ariaLabel: String,
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	disabledHours: Function,
+	disabledMinutes: Function,
+	disabledSeconds: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	saveOnBlur: {
+		type: Boolean,
+		default: !0
+	},
+	range: Boolean,
+	start: {
+		type: String,
+		default: "09:00"
+	},
+	end: {
+		type: String,
+		default: "18:00"
+	},
+	step: {
+		type: String,
+		default: "00:30"
+	},
+	minTime: {
+		type: String,
+		default: "00:00"
+	},
+	maxTime: {
+		type: String,
+		default: ""
+	},
+	selectableRange: String
+}, c = {
+	disabled: !0,
+	modelValue: !0,
+	isRange: !0,
+	range: !0,
+	placement: !0,
+	popperOptions: !0,
+	start: !0,
+	end: !0,
+	step: !0,
+	minTime: !0,
+	maxTime: !0,
+	selectableRange: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormInputTime",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		}), h = { modifiers: [{
+			name: "arrow",
+			options: { padding: ({ popper: e, reference: t, placement: n }) => e.width / 2 }
+		}] };
+		return () => u({ vNodes: i(o, a(p.value, m.value, {
+			"popper-options": t.popperOptions || h,
+			style: "width: 100%",
+			placement: t.placement || "left",
+			"is-range": t.isRange || t.range,
+			format: t.format,
+			"value-format": t.valueFormat || t.format,
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/DMcUruCK2.mjs

@@ -0,0 +1,207 @@
+import { o as e } from "./cmuHpsX6.mjs";
+import { goBack as t, hasAuthority as n } from "../api/index.mjs";
+import { toolbarContextKey as r } from "../constants/index.mjs";
+import { t as i } from "./y-DmM31a.mjs";
+import { NOOP as a, capitalize as o } from "@web-utils/core";
+import { Comment as s, createVNode as c } from "vue";
+//#region src/components/toolbar/Toolbar.vue?vue&type=script&lang.jsx
+var l = {
+	back: {
+		label: "返回",
+		type: "primary",
+		icon: "el-icon-arrow-left"
+	},
+	cancel: {
+		label: "取消",
+		icon: "el-icon-close"
+	},
+	create: {
+		label: "新增",
+		type: "primary",
+		icon: "el-icon-plus"
+	},
+	save: {
+		label: "保存",
+		type: "primary",
+		icon: "el-icon-takeaway-box",
+		loadable: !0
+	},
+	withdraw: {
+		label: "提取",
+		type: "primary",
+		icon: "el-icon-refresh-left"
+	},
+	edit: {
+		label: "编辑",
+		type: "primary",
+		icon: "el-icon-edit-outline"
+	},
+	submit: {
+		label: "审批办理",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	publish: {
+		label: "发布",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	agree: {
+		label: "同意",
+		type: "primary",
+		icon: "el-icon-check"
+	},
+	disagree: {
+		label: "不同意",
+		type: "primary",
+		icon: "el-icon-close"
+	},
+	reject: {
+		label: "退回",
+		type: "primary",
+		icon: "el-icon-s-release"
+	},
+	finish: {
+		label: "完成",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	enable: {
+		label: "启用",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	exp: {
+		label: "导出",
+		type: "primary",
+		icon: "el-icon-download"
+	},
+	imp: {
+		label: "导入",
+		type: "primary",
+		icon: "el-icon-upload"
+	},
+	del: {
+		label: "删除",
+		type: "primary",
+		icon: "el-icon-delete"
+	},
+	print: {
+		label: "打印",
+		type: "primary",
+		icon: "el-icon-printer"
+	},
+	disabled: {
+		label: "禁用",
+		type: "primary",
+		icon: "el-icon-remove-outline"
+	},
+	reload: {
+		label: "刷新",
+		icon: "el-icon-refresh",
+		separateLine: !1,
+		circle: !0
+	},
+	settings: {
+		label: "设置",
+		icon: "el-icon-s-operation",
+		separateLine: !1,
+		circle: !0
+	},
+	search: {
+		label: "搜索",
+		icon: "el-icon-search",
+		separateLine: !1,
+		circle: !0
+	}
+}, u = {
+	name: "Toolbar",
+	provide() {
+		return { [r]: this };
+	},
+	props: {
+		searchable: Boolean,
+		refreshable: Boolean,
+		buttons: {
+			type: Array,
+			default: () => ["back"]
+		},
+		back: Function,
+		cancel: Function,
+		emitter: {
+			type: String,
+			default: "self"
+		},
+		footer: Boolean,
+		label: Object
+	},
+	computed: {},
+	methods: {
+		goBack() {
+			t(this.$route.path);
+		},
+		createButton(t, { label: n, icon: r, type: s, separateLine: l = !0, loadable: u, circle: d, onClick: f, title: p }) {
+			var m;
+			let h, g = ((m = this.label) == null ? void 0 : m[t]) || n;
+			return h = f || (["back", "cancel"].includes(t) ? this.goBack : (n) => {
+				(e(this.$attrs, { withOn: !0 })[`on${o(t)}`] || a)(n);
+			}), c(i, {
+				"separate-line": l,
+				icon: r,
+				title: p,
+				label: g,
+				loadable: u,
+				circle: d,
+				footer: this.footer,
+				type: s,
+				onClick: h
+			}, null);
+		},
+		getLeftButtons() {
+			var e, t, r;
+			let { createButton: i } = this;
+			return (r = (((e = (t = this.$slots)["toolbar-left"]) == null ? void 0 : e.call(t)) || this.buttons.flatMap((e) => {
+				let t = l[e];
+				if (t) {
+					var n, r;
+					return ((n = (r = this.$slots)[e]) == null ? void 0 : n.call(r)) || i(e, t);
+				} else if (e === "slot") {
+					var a, o;
+					let e = ((a = (o = this.$slots).default) == null ? void 0 : a.call(o, {
+						buttons: this.buttons,
+						footer: this.footer
+					})) ?? null;
+					if (e && e.length === 1) {
+						var c;
+						return e == null || (c = e[0]) == null || (c = c.children) == null ? void 0 : c.filter((e) => e.type !== s);
+					}
+					return e || [];
+				} else return null;
+			})).filter((e) => e)) == null ? void 0 : r.filter((e) => e.props.privilege ? n(e.props.privilege) : !0);
+		},
+		getRightButtons() {
+			var e, t, n, r;
+			let i = (e = (t = this.$slots)["toolbar-right"]) == null ? void 0 : e.call(t), a = [
+				...((n = (r = this.$slots)["toolbar-right-button"]) == null ? void 0 : n.call(r)) || [],
+				this.getRefreshButton(),
+				this.getSettingsButton(),
+				this.getSearchButton()
+			];
+			return i || a;
+		},
+		getSearchButton() {
+			return this.searchable ? this.createButton("search", l.search) : null;
+		},
+		getRefreshButton() {
+			return this.refreshable ? this.createButton("reload", l.reload) : null;
+		},
+		getSettingsButton() {
+			return this.refreshable ? this.createButton("settings", l.settings) : null;
+		}
+	},
+	render() {
+		return this.footer ? c("div", { class: "footer-bar" }, [this.getLeftButtons()]) : c("div", { class: "toolbar" }, [c("div", { class: "toolbar-left" }, [this.getLeftButtons()]), c("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
+	}
+};
+//#endregion
+export { u as t };