@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/form-view/index.mjs

@@ -1,9 +1,283 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import t from "../element-resize-observer/index.mjs";
+import n from "../empty-view/index.mjs";
+import { t as r } from "../chunks/D6vTCC1Z2.mjs";
+import i from "../loading-view/index.mjs";
+import { t as a } from "../chunks/3gUkQF12.mjs";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toHandlers as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
+import { animate as T, hasOwn as E, isInContainer as D, toStringArray as O } from "@web-utils/core";
+import { merge as k } from "@web-utils/integrations/lodash";
 //#region src/components/form/FormView.vue
-var e = /* @__PURE__ */ Object.assign({ name: "FormView" }, {
-	__name: "FormView",
-	setup(e) {
-		return (e, t) => null;
+var A = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], j = A.map((e) => `${e}-down`), M = [
+	"back",
+	"withdraw",
+	"edit"
+], N = [
+	"save",
+	"submit",
+	"",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel"
+], P = (e, t) => {
+	if (e.classList.contains(t)) return e;
+	let n = e.parentNode;
+	for (; n && !n.classList.contains(t);) n = n.parentNode;
+	return n.classList.contains(t) ? n : null;
+}, F = {
+	name: "FormView",
+	inject: { flowContext: { default: {} } },
+	provide() {
+		return { formView: this };
+	},
+	props: {
+		notForm: Boolean,
+		loading: Boolean,
+		unLimit: Boolean,
+		formWidth: {
+			type: String,
+			default: "75%"
+		},
+		toolbarAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarListeners: { type: Object },
+		contentClass: { type: String },
+		className: { type: String },
+		title: { type: String },
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		formNav: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return {
+			groups: [],
+			activeIndex: -1,
+			tryByClick: !1,
+			showNav: !1
+		};
+	},
+	computed: {
+		isFormLoading() {
+			return this.loading || E(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
+		},
+		toolbarProps() {
+			var e;
+			let t = {}, n = ((e = this.toolbarAttrs) == null ? void 0 : e.buttons) || this.$parent.buttons, r = k({}, this.toolbarAttrs, t);
+			return r.buttons = n || ["back"], r.buttons = O(r.buttons), r;
+		},
+		toolbarButtons() {
+			return this.toolbarProps.buttons.filter((e) => !N.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
+		},
+		footerBarButtons() {
+			let e = this.toolbarProps.buttons.filter((e) => !M.includes(e) && (N.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
+			return e = e || [], this.$parent.isEnabled && !e.includes("cancel") && e.push("cancel"), e;
+		}
+	},
+	created() {
+		this.onFormResize({ width: window.document.body.clientWidth });
+	},
+	async activated() {
+		this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
+	},
+	methods: {
+		addGroup(e) {
+			e && (this.activeIndex === -1 && (this.activeIndex = 0), this.groups.push(e), this.groups = this.groups.sort((e, t) => {
+				let n = P(e.$el, "form-card"), r = P(t.$el, "form-card");
+				if (n === r) return [].indexOf.call(e.$el.parentNode.children, e.$el) - [].indexOf.call(t.$el.parentNode.children, t.$el);
+				{
+					let e = P(n, "form-scroller");
+					return [].indexOf.call(e.children, n) - [].indexOf.call(e.children, r);
+				}
+			}), e.active && (this.activeIndex = this.groups.indexOf(e), this.navItemClick(e, this.activeIndex)));
+		},
+		removeGroup(e) {
+			if (e) {
+				let t = this.groups.indexOf(e);
+				this.groups.splice(t, 1), this.activeIndex > this.groups.length - 1 && (this.activeIndex = 0);
+			}
+		},
+		getToolbarSlotKeys() {
+			return Object.keys(this.$slots).filter((e) => A.includes(e));
+		},
+		getFooterSlotKeys() {
+			return Object.keys(this.$slots).filter((e) => j.includes(e));
+		},
+		getFooterSlotKey(e) {
+			return e.replace("-down", "");
+		},
+		onFormResize({ width: e }) {
+			this.showNav = e > 1500;
+		},
+		onEdit() {
+			!this.toolbarListeners.edit && E(this.$parent, "disabled") && (this.$parent.disabled = !1);
+		},
+		async navItemClick(e, t) {
+			this.showNav && (await this.$nextTick(), this.activeFormItemGroup(e, t), e.expand || e.open());
+		},
+		activeFormItemGroup(e, t) {
+			this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10, T(e.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = t;
+		},
+		tryActive() {
+			if (this.showNav) {
+				for (let e = 0; e < this.groups.length; e++) if (D(this.groups[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
+					this.activeIndex = e;
+					break;
+				}
+			}
+		},
+		onFormScroll() {
+			this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.groups.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
+		},
+		scrollTo(e, t) {
+			e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
+		}
 	}
-});
+}, I = {
+	key: 0,
+	class: "form-view-toolbar"
+}, L = { class: "form-scroller-wrapper" }, R = {
+	key: 0,
+	class: "form-view-title"
+}, z = { class: "form-content" }, B = {
+	key: 0,
+	class: "form-view-title"
+}, V = { class: "form-content" }, H = {
+	key: 1,
+	class: "form-nav"
+}, U = { class: "form-nav-list" }, W = ["onClick"];
+function G(e, T, E, D, O, k) {
+	let A = a, j = n, M = y("FlowLog"), N = r, P = t, F = i;
+	return g(), l("div", { class: m(["form-view", E.className]) }, [
+		c(" 顶部工具栏 "),
+		E.showToolbar ? w((g(), l("div", I, [v(e.$slots, "form-view-toolbar", {}, () => [f(A, p({
+			...k.toolbarProps,
+			buttons: k.toolbarButtons
+		}, { onEdit: k.onEdit }, x(E.toolbarListeners)), d({
+			default: C(({ buttons: t }) => [v(e.$slots, "toolbar-button", { buttons: t })]),
+			"toolbar-right": C(() => [v(e.$slots, "toolbar-right")]),
+			_: 2
+		}, [_(k.getToolbarSlotKeys(), (t) => ({
+			name: t,
+			fn: C(() => [v(e.$slots, t)])
+		}))]), 1040, ["onEdit"])])], 512)), [[S, !k.isFormLoading]]) : c("v-if", !0),
+		c(" 内容 "),
+		w(u("div", L, [u("div", {
+			ref: "formScroller",
+			class: m(["form-scroller", E.contentClass]),
+			onScroll: T[0] || (T[0] = (...e) => k.onFormScroll && k.onFormScroll(...e))
+		}, [
+			c(" 非表单 "),
+			E.notForm ? (g(), l("div", {
+				key: 0,
+				style: h({ width: E.formWidth }),
+				class: "not-form"
+			}, [
+				E.title ? (g(), l("div", R, b(E.title), 1)) : c("v-if", !0),
+				c(" 表单内容 "),
+				v(e.$slots, "default", {}, () => [f(j, { "empty-tips": "请添加表单内容" })]),
+				c(" 底部工具栏 "),
+				k.footerBarButtons.length ? (g(), s(A, p({ key: 1 }, {
+					...k.toolbarProps,
+					buttons: k.footerBarButtons
+				}, { footer: "" }, x(E.toolbarListeners)), d({
+					default: C(({ buttons: t, footer: n }) => [v(e.$slots, "footer-button", {
+						buttons: t,
+						footer: n
+					})]),
+					_: 2
+				}, [_(k.getFooterSlotKeys(), (t) => ({
+					name: k.getFooterSlotKey(t),
+					fn: C(() => [v(e.$slots, t)])
+				}))]), 1040)) : c("v-if", !0),
+				c(" 表单底部 "),
+				e.$slots["form-bottom"] ? v(e.$slots, "form-bottom", { key: 2 }) : c("v-if", !0)
+			], 4)) : (g(), l(o, { key: 1 }, [c(" 表单 "), u("div", {
+				class: m(["form-card", { "un-limit": E.unLimit }]),
+				style: h({ width: `calc(${E.formWidth} + 40px)` })
+			}, [u("div", z, [
+				c(" 表单内容 "),
+				E.title ? (g(), l("div", B, b(E.title), 1)) : c("v-if", !0),
+				v(e.$slots, "default", {}, () => [f(j, { "empty-tips": "请添加表单内容" })]),
+				c(" 底部工具栏 "),
+				k.footerBarButtons.length ? (g(), s(A, p({ key: 1 }, {
+					...k.toolbarProps,
+					buttons: k.footerBarButtons
+				}, { footer: "" }, x(E.toolbarListeners)), d({
+					default: C(({ buttons: t, footer: n }) => [v(e.$slots, "footer-button", {
+						buttons: t,
+						footer: n
+					})]),
+					_: 2
+				}, [_(k.getFooterSlotKeys(), (t) => ({
+					name: k.getFooterSlotKey(t),
+					fn: C(() => [v(e.$slots, t)])
+				}))]), 1040)) : c("v-if", !0)
+			])], 6)], 2112)),
+			e.$slots["form-bottom"] || e.$parent.$options.flowForm && k.flowContext.logs.length ? (g(), l("div", {
+				key: 2,
+				class: m(["form-card", { "un-limit": E.unLimit }]),
+				style: h([{ width: `calc(${E.formWidth} + 40px)` }, { "min-height": "0" }])
+			}, [u("div", V, [
+				e.$parent.$options.flowForm && k.flowContext.logs.length ? (g(), s(N, {
+					key: 0,
+					"block-title": "流程日志"
+				}, {
+					default: C(() => [f(M, {
+						class: "flow-log",
+						fetch: !1,
+						"show-title": !1,
+						"business-key": e.$parent.bizKey
+					}, null, 8, ["business-key"])]),
+					_: 1
+				})) : c("v-if", !0),
+				c(" 表单底部 "),
+				v(e.$slots, "form-bottom")
+			])], 6)) : c("v-if", !0)
+		], 34), f(P, { onNotify: k.onFormResize }, null, 8, ["onNotify"])], 512), [[S, !k.isFormLoading]]),
+		c(" 表单导航 "),
+		E.formNav && !k.isFormLoading && O.showNav && O.groups.length ? (g(), l("div", H, [T[1] || (T[1] = u("div", { class: "form-nav-header" }, "表单导航", -1)), u("ul", U, [(g(!0), l(o, null, _(O.groups, (e, t) => (g(), l("li", {
+			key: e.blockTitle,
+			class: m(["form-nav-item", { active: O.activeIndex === t }]),
+			onClick: (n) => k.navItemClick(e, t)
+		}, b(e.blockTitle), 11, W))), 128))])])) : c("v-if", !0),
+		c(" 加载提示 "),
+		k.isFormLoading ? (g(), s(F, {
+			key: 2,
+			"icon-size": "34px",
+			"font-size": "16px"
+		})) : c("v-if", !0)
+	], 2);
+}
+var K = /* @__PURE__ */ e(F, [["render", G]]);
 //#endregion
-export { e as default };
+export { K as default };

package/form-view/style.css

@@ -0,0 +1 @@
+.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000001a}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px #0000001a}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;font-family:element-icons,serif;font-size:14px;list-style:none;position:relative}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia,serif;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{white-space:normal;word-break:break-word;background:0 0;border:0;padding:0 0 0 4px;line-height:1.6}@keyframes breathe-indicator{0%{box-shadow:0 0 0 0 var(--color-primary,red)}to{box-shadow:0 0 4px 1px var(--color-primary,red)}}.form-view .breathe-indicator-animation{animation-name:breathe-indicator;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:4;animation-direction:alternate;animation-delay:.1s}@media screen and (min-width:1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}

package/guide-steps/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CwBq1JZV.mjs";
+export { e as default };

package/guide-steps/style.css

@@ -0,0 +1 @@
+.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{border-width:1px!important;width:100%!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}

package/helper/dictionary.d.ts

@@ -0,0 +1,29 @@
+import { DictItem } from '../api';
+export declare const clearDictCache: () => void;
+export type DictOption = {
+    options?: any;
+    treeDict?: boolean;
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+};
+/**
+ * 获取字典
+ * @param type 字典类型
+ * @param cache 是否使用缓存
+ * @param api
+ * @param idAsValue
+ * @param labelAsValue
+ */
+export declare const getDictData: (type: string, cache?: boolean, { options, treeDict, idAsValue, labelAsValue }?: DictOption) => DictItem[] | readonly DictItem[] | Promise<DictItem[] | readonly DictItem[] | null>;
+/**
+ * 获取字典项
+ */
+export declare const getDictItem: (type: string, value: any, cache?: boolean, { treeDict, idAsValue, labelAsValue }?: DictOption) => Promise<any>;
+/**
+ * 获取字典项
+ */
+export declare const getDictLabel: (type: string, value: any, cache?: boolean, { treeDict, idAsValue, labelAsValue }?: DictOption) => Promise<any>;
+export declare const confirmOptions: readonly {
+    label: string;
+    value: string;
+}[];

package/helper/dictionary.mjs

@@ -0,0 +1,97 @@
+import { d as e, p as t } from "../chunks/D-hj62se2.mjs";
+import { getDictTreeByType as n, remote as r } from "../api/index.mjs";
+//#region src/helper/dictionary.ts
+var i = {}, a = {}, o = {}, s = () => {
+	for (let e in i) delete i[e];
+	for (let e in a) delete a[e];
+}, c = (e, t = !0, { options: n, treeDict: r, idAsValue: a, labelAsValue: o } = {}) => {
+	let s = e;
+	r && (s = `${e}-${a}-${o}${n ? "-options" : ""}`);
+	let c = i[s];
+	return t && c ? c : r ? u(e, t, {
+		idAsValue: a,
+		labelAsValue: o
+	}) : l(e, t);
+}, l = (e, t = !0) => {
+	if (o[e]) return o[e];
+	let n = new Promise((n, s) => {
+		if (t && i[e]) n(i[e]);
+		else {
+			var c;
+			(c = r(e)) == null || c.then((r) => {
+				let s = r.data.data;
+				if (t) {
+					let t = {};
+					s.forEach(({ label: e, value: n }) => {
+						t[n] = Object.freeze({
+							label: e,
+							value: n
+						});
+					}), a[e] = t, s = Object.freeze(s), i[e] = s;
+				}
+				o[e] = null, n(s);
+			}).catch((t) => {
+				o[e] = null, s(t);
+			});
+		}
+	});
+	return o[e] = n, n;
+}, u = (r, s = !0, { idAsValue: c, labelAsValue: l } = {}) => {
+	let u = `${r}-${c}-${l}`;
+	if (o[u]) return o[u];
+	let d = new Promise((d, f) => {
+		if (s && i[u]) d(i[u]);
+		else {
+			var p;
+			(p = n(r, {
+				idAsValue: c,
+				labelAsValue: l
+			})) == null || p.then((n) => {
+				let r = n.data.data;
+				s && (i[u] = r, i[`${u}-options`] = t(r), a[u] = e(r)), o[u] = null, d(r);
+			}).catch((e) => {
+				o[u] = null, f(e);
+			});
+		}
+	});
+	return o[u] = d, d;
+}, d = async (e, n, r = !0, { treeDict: i, idAsValue: o, labelAsValue: s } = {}) => {
+	let l = e;
+	i && (l = `${e}-${o}-${s}`);
+	let u = a[l], d;
+	if (r && u) d = u[n];
+	else {
+		let u = await c(e, r, {
+			treeDict: i,
+			idAsValue: o,
+			labelAsValue: s
+		});
+		if (r) d = a[l][n];
+		else {
+			if (i && (u = t(u)), !u) return d;
+			for (let e = 0; e < u.length; e++) {
+				let t = u[e];
+				if (t.value === n) {
+					d = t;
+					break;
+				}
+			}
+		}
+	}
+	return d;
+}, f = async (e, t, n = !0, { treeDict: r, idAsValue: i, labelAsValue: a } = {}) => {
+	var o;
+	return ((o = await d(e, t, n, {
+		treeDict: r,
+		idAsValue: i,
+		labelAsValue: a
+	})) == null ? void 0 : o.label) || t || "";
+}, p = Object.freeze([{
+	label: "是",
+	value: "1"
+}, {
+	label: "否",
+	value: "0"
+}]);
+//#endregion
+export { s as clearDictCache, p as confirmOptions, c as getDictData, d as getDictItem, f as getDictLabel };

package/helper/form-item.d.ts

@@ -0,0 +1,17 @@
+import { Attrs } from 'vue';
+export declare const useRequired: (props: Record<string, any>) => globalThis.ComputedRef<boolean>;
+/**
+ *
+ * @param props
+ * @param param1
+ * @param param1.rules
+ * @returns {ComputedRef<{}>}
+ */
+export declare const useFormItemProps: (props: Record<string, any>, { rules, attrs, block, class: clas, messagePrefix, message }?: {
+    rules?: object[];
+    attrs?: Attrs;
+    class?: string;
+    block?: Readonly<Ref<any, any>>;
+    messagePrefix?: string;
+    message?: string;
+}) => ComputedRef<Record<string, any>>;

package/helper/form-item.mjs

@@ -0,0 +1,27 @@
+import { formItemProps as e } from "../props/form-item.mjs";
+import { colProps as t } from "../props/col.mjs";
+import { formHolderContextKey as n } from "../constants/index.mjs";
+import { computed as r, inject as i, unref as a } from "vue";
+import { isArray as o, isPlainObject as s, isString as c } from "@web-utils/core";
+//#region src/helper/form-item.ts
+var l = (e) => {
+	let t = i(n, null);
+	return r(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
+}, u = (e, t) => {
+	c(t) ? e.push(t) : o(t) ? e.push(...t) : s(t) && e.push(t);
+}, d = (n, { rules: i, attrs: o, block: s, class: c, messagePrefix: d, message: f } = {}) => {
+	let p = l(n);
+	return r(() => {
+		let r = { message: f }, l = a(i);
+		Object.keys({
+			...e,
+			...t
+		}).forEach((e) => {
+			e === "rules" ? n[e] && l ? r[e] = [...n[e], ...l] : n[e] ? r[e] = n[e] : l && (r[e] = l) : e === "messagePrefix" ? r[e] = n.messagePrefix || d : e === "block" ? r[e] = (s == null ? void 0 : s.value) ?? n.block : r[e] = n[e];
+		});
+		let m = [];
+		return u(m, a(o == null ? void 0 : o.class)), u(m, a(c)), r.required = p.value, r.class = m, r.style = o == null ? void 0 : o.style, r;
+	});
+};
+//#endregion
+export { d as useFormItemProps, l as useRequired };

package/helper/input.d.ts

@@ -0,0 +1,47 @@
+import { Attrs } from 'vue';
+export declare const useDisabled: (props: Record<string, any>) => globalThis.ComputedRef<any>;
+export declare const inputEmits: {
+    /**
+     * 输入事件
+     */
+    "update:modelValue": null;
+};
+export declare const updateModelValue: (emit: (event: string, ...args: any[]) => void, value: any) => void;
+export declare const renderFormItem: (props: Record<string, any>, { vNodes, formItemProps, slots, disabled }: {
+    disabled: ComputedRef<boolean>;
+    vNodes: VNode;
+    formItemProps: Record<string, any>;
+    slots: Readonly<any>;
+}) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare const useInput: (props: Record<string, any>, { emit, slots, events, predicate, removeOn, attrs, block, class: clas, rules, messagePrefix, extraFormItemProps }: {
+    emit: (event: string, ...args: any[]) => void;
+    events: string[];
+    slots: Readonly<any>;
+    attrs: Attrs;
+    block?: boolean;
+    rules: object[];
+    class?: string;
+    messagePrefix?: string;
+    removeOn?: boolean;
+    predicate: (key: string) => boolean;
+    extraFormItemProps: Record<string, any>;
+}) => {
+    emitInput: (value: any) => void;
+    render: ({ vNodes }: {
+        vNodes: VNode;
+    }) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    placeholder: globalThis.ComputedRef<any>;
+    disabled: globalThis.ComputedRef<any>;
+    formItemProps: globalThis.ComputedRef<Record<string, any>>;
+    autoBind: globalThis.ComputedRef<Record<string, any>>;
+    inputProps: globalThis.ComputedRef<Record<string, any>>;
+    listeners: globalThis.ComputedRef<Record<string, any>>;
+    printing: globalThis.ComputedRef<boolean>;
+};
+export declare const FontIcon: (props: Record<string, any>) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null;

package/helper/input.mjs

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/BsM0L7CS.mjs";
+export { a as FontIcon, n as inputEmits, i as renderFormItem, t as updateModelValue, e as useDisabled, r as useInput };

package/helper/sub-table-plus.d.ts

@@ -0,0 +1,98 @@
+import { TableColumnCtx } from 'element-plus';
+export type InputType = 'input' | 'checkbox1' | 'inputPhoneNumber' | 'user' | 'department' | 'select' | 'datePicker' | 'cascader' | 'checkbox' | 'number';
+export type Align = 'left' | 'center' | 'right';
+export type Option = {
+    value?: string | number;
+    label?: string;
+    [key: string]: any;
+};
+/**
+ * 表格列配置类型定义
+ * 用于定义动态表格或表单的列属性和行为
+ */
+export type ColumnType = {
+    /** 列显示标签文本，如不设置则默认为 prop 的转换 */
+    label?: string;
+    /** 字段属性名，对应数据对象中的键名 */
+    prop: string;
+    /** 字段类型 */
+    type?: InputType;
+    /** 是否为必填字段 */
+    required?: boolean;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 是否设置默认值，为 true 时会根据 type 自动设置初始值 */
+    setVal?: boolean;
+    /** 字段对应的UI组件属性配置对象 */
+    attrs?: object;
+    /**
+     * 动态获取字段属性的函数
+     * @param row 当前行数据对象
+     * @returns 动态属性配置对象
+     */
+    getAttrs?: (row: object) => object;
+    /**
+     * 判断字段是否禁用的函数
+     * @param row 当前行数据对象
+     * @returns 是否禁用
+     */
+    isDisabled?: (row: object) => boolean;
+    /**
+     * 设置字段值的自定义函数
+     * @param row 当前行数据对象
+     * @param val 当前字段值
+     * @param item 当前列配置对象
+     * @param rows 表格所有行数据
+     */
+    setValue?: (row: object, val: any, item: ColumnType, rows: object[]) => void;
+    /**
+     * 字段失去焦点时的回调函数
+     * @param row 当前行数据对象
+     * @param item 当前列配置对象
+     * @param rows 表格所有行数据
+     */
+    onBlur?: (row: object, item: ColumnType, rows: object[]) => void;
+    /**
+     * 动态获取字段类型的函数
+     * @param row 当前行数据对象
+     * @param item 当前列配置对象
+     * @returns 字段类型字符串
+     */
+    getType?: (row: object, item: ColumnType) => string;
+    /**
+     * 获取显示值
+     * @param row 当前行数据对象
+     * @param column 列对象
+     * @param item 当前列配置对象
+     * @returns 显示值
+     */
+    getVal?: (row: object, column: TableColumnCtx<object>, item: ColumnType) => any;
+    /** 是否单选,type 为 user, department 时有效 */
+    single?: boolean;
+    /** id 属性名,type 为 user 时有效 */
+    idProp?: string;
+    /** 部门类型,type 为 department 时有效 */
+    ouType?: string;
+    /** 开始时间属性名,type 为 datePicker 时有效 */
+    start?: string;
+    /** 结束时间属性名,type 为 datePicker 时有效 */
+    end?: string;
+    options?: Option[];
+    dictType?: string;
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+    align?: Align;
+    width?: string;
+    clickable?: boolean;
+    showOverflowTooltip?: boolean;
+};
+/**
+ * 定义列
+ * @param column
+ */
+export declare const definColumn: (column: ColumnType) => ColumnType;
+/**
+ * 定义列
+ * @param columns
+ */
+export declare const defineColumns: (columns: ColumnType[]) => ColumnType[];

package/helper/sub-table-plus.mjs

@@ -0,0 +1,4 @@
+//#region src/helper/sub-table-plus.ts
+var e = (e) => e, t = (e) => e;
+//#endregion
+export { e as definColumn, t as defineColumns };

package/highlight-j-s/index.mjs

@@ -0,0 +1,51 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i } from "vue";
+import { escapeHtml as a } from "@web-utils/core";
+import o from "highlight.js/lib/core";
+import "highlight.js/styles/atom-one-dark-reasonable.css";
+//#region src/components/HighlightJS.vue
+var s = {
+	name: "HighlightJS",
+	props: {
+		language: String,
+		code: String,
+		autodetect: Boolean
+	},
+	data() {
+		return { detectedLanguage: "" };
+	},
+	computed: {
+		className() {
+			return this.detectedLanguage ? `hljs ${this.detectedLanguage}` : "";
+		},
+		highlighted() {
+			if (!this.language && !o.getLanguage(this.language)) return console.warn(`The language "${this.language}" you specified could not be found.`), {
+				language: "",
+				value: a(this.code)
+			};
+			let e = {};
+			return e = !this.language || this.autodetect ? o.highlightAuto(this.code) : o.highlight(this.code, {
+				language: this.language,
+				ignoreIllegals: this.ignoreIllegals
+			}), e;
+		},
+		ignoreIllegals() {
+			return !0;
+		}
+	},
+	watch: { "highlighted.language": {
+		immediate: !0,
+		handler(e) {
+			this.detectedLanguage = e;
+		}
+	} }
+}, c = { class: "highlight-js" }, l = ["innerHTML"];
+function u(e, a, o, s, u, d) {
+	return i(), t("pre", c, [n("code", {
+		class: r(d.className),
+		innerHTML: d.highlighted.value
+	}, null, 10, l)]);
+}
+var d = /* @__PURE__ */ e(s, [["render", u]]);
+//#endregion
+export { d as default };