@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/chunks/t6OjVLsq2.mjs

@@ -0,0 +1,37 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { allProps as n, predicate as r } from "../props/input-number.mjs";
+import { ElInputNumber as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+import "element-plus/es/components/input-number/style/css";
+//#endregion
+//#region src/components/form/FormInputNumber.vue
+var l = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = t(e, {
+			emit: n,
+			slots: l,
+			attrs: u,
+			predicate: r
+		}), _ = a(() => c(e.modelValue) ? Number(e.modelValue) : e.modelValue);
+		return () => f({ vNodes: o(i, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": d,
+			placeholder: p.value
+		}), {
+			prefix: l.prefix || e.prefix ? () => e.prefix : null,
+			suffix: l.suffix || e.suffix ? () => e.suffix : e.append,
+			"decrease-icon": l["decrease-icon"],
+			"increase-icon": l["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };

package/chunks/tjwOOiNr2.mjs

@@ -0,0 +1,95 @@
+import { columnSizeContextKey as e, setColumnSizeContextKey as t } from "../constants/index.mjs";
+import n from "../form-cell/index.mjs";
+import { ElTooltip as r } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Comment as i, Fragment as a, Text as o, createVNode as s, inject as c, isVNode as l } from "vue";
+import { camelize as u, isDef as d, isString as f } from "@web-utils/core";
+import "element-plus/es/components/tooltip/style/css";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[u(n)] = e[n];
+	return t;
+}, h = (e, { columnSize: t }) => {
+	if (!e || !e.length) return null;
+	e = e.filter((e) => e.type !== i);
+	let n = [], c = e.length === 1;
+	for (let i = 0; i < e.length; i++) {
+		let v = e[i], { name: y } = v.type;
+		if (v.type === o) n.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: c ? t : 0
+		});
+		else if (v.type === a) n.push(...h(v.children, { columnSize: t }));
+		else if (f(v.type) && v.type === "td") n.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") n.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var l, u;
+			let { label: e, hideLabel: i, labelColspan: a, inputColspan: o, labelRowspan: f, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!d(i)) {
+				var p, g, _;
+				let t = (p = v.children) == null ? void 0 : p.tips, i = t || x ? s(r, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => s("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: t || null
+				}) : null;
+				n.push({
+					tag: y,
+					type: "label",
+					colspan: a,
+					rowspan: f,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? i : null]
+				});
+			}
+			let S;
+			S = c && d(i) ? t : d(o) ? o : c ? t - 1 : 0, n.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (l = v.children) == null || (u = l.below) == null ? void 0 : u.call(l)]
+			});
+		} else console.error("未知节点");
+	}
+	return n;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(r, { slots: i }) {
+		let a = c(t, null), o = c(e, null);
+		return () => {
+			var e;
+			let t = (e = i.default) == null ? void 0 : e.call(i), c = [];
+			return c.push(...h(t, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < c.length && (a == null || a(c.length)), s("tr", null, [c.map(({ tag: e, type: t, colspan: i, rowspan: a, content: o }) => e === "td" || t === "FormCell" ? o : t === "text" ? s(n, {
+				isLabel: r.isLabel,
+				alignCenter: r.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : s("td", {
+				class: t,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };

package/chunks/tzjUpVIj.mjs

@@ -0,0 +1,37 @@
+import { getDictLabel as e } from "../helper/dictionary.mjs";
+import { computed as t, createVNode as n, ref as r, watchEffect as i } from "vue";
+//#endregion
+//#region src/components/table/DictRender.vue
+var a = {
+	name: "DictRender",
+	inheritAttrs: !1,
+	props: {
+		row: Object,
+		column: Object,
+		dictType: String,
+		options: Array,
+		treeDict: Boolean,
+		idAsValue: {
+			type: Boolean,
+			default: !0
+		},
+		labelAsValue: Boolean
+	},
+	setup(a, { attrs: o }) {
+		let s = r(null), c = t(() => a.row[a.column.property]);
+		return i(async () => {
+			if (a.dictType) s.value = await e(a.dictType, c.value, !0, {
+				options: !0,
+				treeDict: a.treeDict,
+				idAsValue: a.idAsValue,
+				labelAsValue: a.labelAsValue
+			});
+			else {
+				var t;
+				s.value = ((t = a.options) == null || (t = t.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : t.label) ?? `${c.value}`;
+			}
+		}), () => n("span", o, [s.value]);
+	}
+};
+//#endregion
+export { a as t };

package/chunks/wkrkYyvs.mjs

@@ -0,0 +1,17 @@
+import { n as e, t } from "./B7DACryk.mjs";
+import { createVNode as n, isVNode as r, mergeProps as i } from "vue";
+//#region src/components/flex/FlexColumn.vue?vue&type=script&lang.jsx
+function a(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
+}
+//#endregion
+//#region src/components/flex/FlexColumn.vue
+var o = {
+	name: "FlexColumn",
+	props: { ...e },
+	setup(e, { slots: r }) {
+		return () => n(t, i(e, { flexColumn: !0 }), a(r) ? r : { default: () => [r] });
+	}
+};
+//#endregion
+export { o as t };

package/code-mirror-editor/index.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formator: FunctionConstructor;
+    outputTranformer: FunctionConstructor;
+}>, {}, {}, {}, {
+    focus(): void;
+    change(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formator: FunctionConstructor;
+    outputTranformer: FunctionConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    mode: string;
+    theme: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/code-mirror-editor/index.mjs

@@ -0,0 +1,99 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+import i from "codemirror";
+import "codemirror/lib/codemirror.css";
+import "codemirror/theme/idea.css";
+import "codemirror/mode/javascript/javascript";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/addon/fold/foldgutter.css";
+import "codemirror/addon/fold/foldcode";
+import "codemirror/addon/fold/brace-fold";
+import "codemirror/addon/fold/comment-fold";
+import "codemirror/addon/fold/foldgutter";
+//#region src/components/code-mirror/CodeMirrorEditor.vue
+var a = {
+	name: "CodeMirrorEditor",
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "javascript"
+		},
+		theme: {
+			type: String,
+			default: "idea"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		formator: Function,
+		outputTranformer: Function
+	},
+	emits: ["update:modelValue"],
+	watch: { modelValue(e) {
+		if (this.formator) {
+			var t, n;
+			(t = this.editor) == null || t.setValue((n = this) == null ? void 0 : n.formator(e));
+		} else {
+			var r;
+			(r = this.editor) == null || r.setValue(e);
+		}
+	} },
+	mounted() {
+		if (this.editor = i.fromTextArea(this.$refs.editor, {
+			mode: this.mode,
+			theme: this.theme,
+			tabSize: 2,
+			indentUnit: 2,
+			lint: !0,
+			foldGutter: !0,
+			lineNumbers: !0,
+			smartIndent: !0,
+			readOnly: this.disabled,
+			lineWrapping: !0,
+			matchBrackets: !0
+		}), this.formator) {
+			var e;
+			this.editor.setValue((e = this) == null ? void 0 : e.formator(this.modelValue));
+		} else this.editor.setValue(this.modelValue);
+		this.editor.on("blur", this.change), this.editor.on("focus", this.focus), this.editor.setOption("extraKeys", { "Ctrl-Alt-L"(e) {
+			if (this.formator) {
+				var t;
+				e.setValue((t = this) == null ? void 0 : t.formator(e.getValue()), null, 1);
+			}
+		} });
+	},
+	beforeUnmount() {
+		var e, t;
+		(e = this.editor) == null || e.off("blur", this.change), (t = this.editor) == null || t.toTextArea();
+	},
+	methods: {
+		focus() {
+			var e, t;
+			(e = (t = this.elFormItem).clearValidate) == null || e.call(t);
+		},
+		change() {
+			if (this.outputTranformer) {
+				var e;
+				this.$emit("update:modelValue", this.outputTranformer((e = this.editor) == null ? void 0 : e.getValue()));
+			} else {
+				var t;
+				this.$emit("update:modelValue", (t = this.editor) == null ? void 0 : t.getValue());
+			}
+		}
+	}
+}, o = { class: "code-mirror-editor" }, s = { ref: "editor" };
+function c(e, i, a, c, l, u) {
+	return r(), t("div", o, [n("textarea", s, null, 512)]);
+}
+var l = /* @__PURE__ */ e(a, [["render", c]]);
+//#endregion
+export { l as default };

package/code-mirror-editor/style.css

@@ -0,0 +1 @@
+.code-mirror-editor{line-height:normal}.code-mirror-editor .CodeMirror{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}.code-mirror-editor .CodeMirror.CodeMirror-focused{border-color:#e34e55}

package/confirm-button/index.d.ts

@@ -0,0 +1,122 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>> & Readonly<{}>, {
+    text: string;
+    stop: boolean;
+    prevent: boolean;
+    loadable: boolean;
+    loadingText: string;
+    confirmable: boolean;
+    confirmType: string;
+    confirmText: string;
+    confirmTitle: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | {
+    props: {
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: StringConstructor;
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        nativeType: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        plain: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: BooleanConstructor;
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/confirm-button/index.mjs

@@ -0,0 +1,35 @@
+import { t as e } from "../chunks/DdACGFy3.mjs";
+//#region src/components/button/ConfirmButton.vue
+var t = {
+	name: "ConfirmButton",
+	mixins: [e, { props: {
+		type: {
+			type: String,
+			default: "danger"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		text: {
+			type: String,
+			default: "删除"
+		},
+		tag: {
+			type: String,
+			default: "ElButton"
+		}
+	} }]
+};
+//#endregion
+export { t as default };

package/confirmable/index.d.ts

@@ -0,0 +1,93 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>> & Readonly<{}>, {
+    text: string;
+    stop: boolean;
+    prevent: boolean;
+    loadable: boolean;
+    loadingText: string;
+    confirmable: boolean;
+    confirmType: string;
+    confirmText: string;
+    confirmTitle: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/confirmable/index.mjs

@@ -0,0 +1,8 @@
+import { t as e } from "../chunks/DdACGFy3.mjs";
+//#region src/components/button/Confirmable.vue
+var t = {
+	name: "Confirmable",
+	mixins: [e]
+};
+//#endregion
+export { t as default };

package/constants/index.d.ts

@@ -0,0 +1,75 @@
+import { InjectionKey, ComputedRef } from 'vue';
+import { AvueConfigOptions } from './avue';
+export declare const formHolderContextKey: InjectionKey<{
+    /** 表单实例的响应式引用 */
+    tableForm: boolean;
+    /** 是否禁用整个表单的响应式引用 */
+    disabled: boolean;
+    /** 启用的字段列表的响应式引用 */
+    enabledFields: string[];
+    /** 必填字段列表的响应式引用 */
+    requiredFields: string[];
+    /** 启用字段的映射表的响应式引用，用于快速查找字段状态 */
+    enabledFieldsMap: Record<string, boolean | undefined>;
+    /** 禁用字段的映射表的响应式引用，用于快速查找字段状态 */
+    disabledFieldsMap: Record<string, boolean | undefined>;
+    /** 必填字段的映射表的响应式引用，用于快速查找字段状态 */
+    requiredFieldsMap: Record<string, boolean | undefined>;
+    /** 禁用字段列表的响应式引用 */
+    disabledFields: string[];
+    /** 滚动到第一个必填字段的方法 */
+    scrollIntoRequiredField: () => Promise<void> | any;
+    /** 表单的模板引用，用于直接访问DOM元素或组件实例 */
+    formRef: unknown;
+    /** 验证整个表单的方法，返回Promise以便支持异步验证 */
+    validate: () => Promise<void> | any;
+    /** 验证指定字段的方法 */
+    validateField: () => any;
+    /** 重置所有表单字段到初始值的方法 */
+    resetFields: () => any;
+    /** 滚动到指定字段的方法 */
+    scrollToField: () => any;
+    /** 清除所有验证错误信息的方法 */
+    clearValidate: () => any;
+    /** 获取指定字段实例的方法 */
+    getField: () => any;
+    /** 设置表单初始值的方法 */
+    setInitialValues: () => any;
+    /** 获取所有字段实例的方法 */
+    getFields: () => any;
+}>;
+export declare const formItemGroupContextKey: InjectionKey<{
+    disabled: boolean;
+    enabled: boolean;
+    isDisabled: boolean;
+    size: string;
+}>;
+export declare const formItemConfigProviderContextKey: InjectionKey<{
+    reactive: boolean;
+    block: boolean;
+    wrapCol: boolean;
+}>;
+export declare const formViewContextKey: InjectionKey<{
+    formCardStyle: object;
+    addGroup: (group: any) => void;
+    removeGroup: (group: any) => void;
+    tableForm: boolean;
+    printing: boolean;
+}>;
+export declare const formEntityContextKey: unique symbol;
+export declare const formItemConfigContextKey: unique symbol;
+export declare const flowContextKey: InjectionKey<{
+    formComments: object[];
+}>;
+export declare const toolbarContextKey: InjectionKey<{
+    footer: boolean;
+}>;
+export declare const tableViewContextKey: unique symbol;
+export declare const pageableTableContextKey: InjectionKey<{
+    records: ComputedRef<object[]>;
+}>;
+export declare const columnSizeContextKey: unique symbol;
+export declare const columnsContextKey: unique symbol;
+export declare const setColumnSizeContextKey: unique symbol;
+export declare const cellClickHandlerContextKey: unique symbol;
+export declare const avueConfigContextKey: InjectionKey<AvueConfigOptions>;

package/constants/index.mjs

@@ -0,0 +1,4 @@
+//#region src/constants/index.ts
+var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider"), r = Symbol("formView"), i = Symbol("formEntity"), a = Symbol("formItemConfig"), o = Symbol("flowContext"), s = Symbol("toolbar"), c = Symbol("tableView"), l = Symbol("pageableTable"), u = Symbol("columnSize"), d = Symbol("columns"), f = Symbol("setColumnSize"), p = Symbol("cellClickHandler"), m = Symbol("avueConfig");
+//#endregion
+export { m as avueConfigContextKey, p as cellClickHandlerContextKey, u as columnSizeContextKey, d as columnsContextKey, o as flowContextKey, i as formEntityContextKey, e as formHolderContextKey, a as formItemConfigContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey, r as formViewContextKey, l as pageableTableContextKey, f as setColumnSizeContextKey, c as tableViewContextKey, s as toolbarContextKey };