@web-utils/form-ui 1.0.0-beta52 → 1.0.0-beta54

package/x-input-tag/index.mjs

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/Dt3lfDnL.mjs";
+import { t as e } from "../chunks/7GmKqdbC.mjs";
 import { t } from "../chunks/CkOD-_VV.mjs";
 import { isArray as n, isDef as r, isPlainObject as i, scrollIntoView as a } from "@web-utils/core";
 import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, nextTick as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, vShow as _, withCtx as v, withDirectives as y, withKeys as b } from "vue";

package/chunks/CjRZ71IY2.mjs

@@ -1,512 +0,0 @@
-import e from "../confirmable/index.mjs";
-import t from "../confirm-button/index.mjs";
-import { s as n } from "./DcTVYqeJ.mjs";
-import { t as r } from "./DOZRzqlo.mjs";
-import { cellClickHandlerContextKey as i } from "../constants/index.mjs";
-import { t as a } from "./Dt3lfDnL.mjs";
-import { t as o } from "./CkOD-_VV.mjs";
-import { n as s } from "./D3mFJzGr.mjs";
-import { t as c } from "./D2MB3CnR.mjs";
-import { t as l } from "./eBESsR-G.mjs";
-import { t as u } from "./v-O82KSn.mjs";
-import { t as ee } from "./CzHaJsnD.mjs";
-import { t as d } from "./B75qfA0z.mjs";
-import { t as f } from "./DLgFBI_X.mjs";
-import { t as p } from "./DkXlFWjs.mjs";
-import { t as m } from "./BshE3RnA.mjs";
-import { t as h } from "./DhVmHzB7.mjs";
-import g from "../table-column-def/index.mjs";
-import { findTreeChildren as _, isFunction as v } from "@web-utils/core";
-import { Fragment as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as w, createTextVNode as T, createVNode as E, mergeProps as D, normalizeClass as O, openBlock as k, renderList as A, renderSlot as j, resolveComponent as M, toDisplayString as N, toHandlers as P, withCtx as F, withModifiers as I } from "vue";
-import { formContextKey as L, formItemContextKey as R } from "element-plus";
-import { cloneDeep as z } from "@web-utils/integrations/lodash";
-//#region src/components/table/sub-table-plus.ts
-var B = {
-	modelValue: Array,
-	prop: String,
-	columns: Array,
-	descs: Array,
-	ascs: Array,
-	limit: {
-		type: Number,
-		default: Infinity
-	},
-	disabled: Boolean,
-	showSummary: Boolean,
-	selection: Boolean,
-	index: {
-		type: Boolean,
-		default: !0
-	},
-	selectionWidth: String,
-	toolbarMenus: Array,
-	handleMenus: Array,
-	fetchApi: Function,
-	delApi: Function,
-	bottomAddButton: Boolean,
-	initRow: Function,
-	onRowDbClick: Function,
-	showMessage: Boolean,
-	pageSize: Number
-}, V = {
-	name: "SubTablePlus",
-	inject: {
-		elForm: {
-			from: L,
-			default: ""
-		},
-		elFormItem: {
-			from: R,
-			default: ""
-		}
-	},
-	provide() {
-		return { [i]: this.rowDbClick };
-	},
-	props: { ...B },
-	emits: {
-		...s,
-		"add-row": null
-	},
-	data() {
-		return {
-			rows: [],
-			selectedRows: []
-		};
-	},
-	computed: {
-		enabled() {
-			return !this.disabled;
-		},
-		hasToolBarMenu() {
-			var e;
-			return (e = this.toolbarMenus) == null ? void 0 : e.length;
-		},
-		hasHandleMenus() {
-			var e;
-			return (e = this.handleMenus) == null ? void 0 : e.length;
-		},
-		rowProps() {
-			let e = {};
-			return this.columns && this.columns.map((e) => e.prop).forEach((t) => {
-				e[t] = null;
-			}), e;
-		},
-		listeners() {
-			return n(this.$attrs);
-		},
-		filteredColumns() {
-			return this.columns.filter((e) => e.label && !e.hide && !e.slot);
-		}
-	},
-	watch: {
-		modelValue: {
-			deep: !0,
-			immediate: !0,
-			handler(e) {
-				this.rows = e || [];
-			}
-		},
-		rows: {
-			deep: !0,
-			immediate: !0,
-			handler(e) {
-				this.$emit("update:modelValue", e);
-			}
-		}
-	},
-	methods: {
-		getCellType(e, t) {
-			return v(t.getType) ? t.getType(e, t) : t.type;
-		},
-		getInputAttr(e, t, n) {
-			var r;
-			let i = {};
-			return t.attrs && t.getAttrs ? i = {
-				...t.attrs,
-				...t.getAttrs(e)
-			} : t.attrs ? i = { ...t.attrs } : t.getAttrs && (i = t.getAttrs(e)), i.wrapCol = !1, i.label = t.label, i.ouType = t.ouType, i.labelKey = t.labelKey, i.valueKey = t.valueKey, i.required = t.required, i.prop = this.prop ? `${this.prop}[${n}].${t.prop}` : null, i.modelValue = e[t.prop], i.disabled = (r = t.isDisabled) == null ? void 0 : r.call(t, e), i;
-		},
-		onInput(e, t, n) {
-			n.setValue ? n.setValue(e, t, n, this.rows) : n.setVal !== !1 && (e[n.prop] = t);
-		},
-		onBlur(e, t) {
-			t.onBlur && t.onBlur(e, t, this.rows);
-		},
-		onSelectionChange(e) {
-			this.selectedRows = e;
-		},
-		async remove(e, t) {
-			try {
-				if (this.delApi) try {
-					await this.delApi([e.id]), this.$message.success("删除成功！"), this.refresh();
-				} catch {
-					this.$message.error("删除失败！");
-				}
-				else this.rows.splice(t, 1);
-			} catch {}
-		},
-		async add(e, t) {
-			if (this.fetchApi) this.addRow();
-			else {
-				var n;
-				let e = z(this.rowProps), r = await ((n = this.initRow) == null ? void 0 : n.call(this, e, t));
-				t === -1 ? this.rows.push(r || e) : this.rows.splice(t + 1, 0, r || e);
-			}
-		},
-		addRow() {
-			this.$emit("add-row");
-		},
-		async delRow() {
-			if (!this.selectedRows.length) {
-				this.$message.warning("请选择要删除的记录！");
-				return;
-			}
-			try {
-				if (this.delApi) try {
-					await this.delApi(this.selectedRows.map((e) => e.id)), this.$message.success("删除成功！"), this.refresh();
-				} catch {
-					this.$message.error("删除失败！");
-				}
-				else this.$emit("update:modelValue", this.rows.filter((e) => !this.selectedRows.includes(e)));
-			} catch {}
-		},
-		refresh() {
-			this.$refs.table.getPage();
-		},
-		getVal(e, t, n) {
-			var r, i;
-			if (v(n.getVal)) return n.getVal(e, t, n);
-			if (n.type === "select" && (r = n.attrs) != null && r.options) {
-				let r = n.attrs.options.find((n) => n.modelValue === e[t.property] || n.code === e[t.property]);
-				if (r) return r.label || r.name;
-			}
-			if (n.type === "checkbox1") return e[t.property] === !0 || e[t.property] === "1" || e[t.property] === "Y" ? "是" : "否";
-			if (n.type === "cascader" && (i = n.attrs) != null && i.options) {
-				let [r] = _(n.attrs.options, (r) => r[n.attrs.valueKey || "value"] === e[t.property]);
-				if (r) return r[n.attrs.valueKey || "label"];
-			}
-			return e[t.property];
-		},
-		reloadTable() {
-			var e;
-			(e = this.$refs.table) == null || e.reload();
-		},
-		async refreshTable() {
-			var e;
-			await ((e = this.$refs.table) == null ? void 0 : e.getPage());
-		},
-		removeSelectedRows() {
-			this.$emit("update:modelValue", this.modelValue.filter((e) => !this.selectedRows.includes(e)));
-		},
-		rowDbClick(...e) {
-			var t;
-			(t = this.onRowDbClick) == null || t.call(this, ...e);
-		}
-	}
-}, H = { class: "table-header flex-row" }, U = { class: "flex-item" }, W = { class: "flex-not-shrink" }, G = {
-	key: 0,
-	style: { color: "#f56c6c" }
-}, K = ["title"], q = ["onClick"], J = {
-	key: 0,
-	class: "flex-row vertical-center horizon-center",
-	style: {
-		padding: "10px",
-		border: "1px solid #ebeef5",
-		"border-top": "none"
-	}
-};
-function Y(n, i, o, s, _, v) {
-	var L, R;
-	let z = a, B = t, V = u, Y = l, X = p, Z = M("FormInputUser"), Q = M("FormInputDepartment"), te = m, ne = d, re = c, ie = ee, ae = f, oe = r, $ = g, se = e, ce = h;
-	return k(), S("div", { class: O(["sub-table-plus", { "hide-message": !n.showMessage }]) }, [
-		E(ce, D(n.$attrs, {
-			ref: "table",
-			"auto-height": "",
-			data: n.fetchApi ? null : _.rows,
-			api: n.fetchApi,
-			"payload-style": "body",
-			"show-summary": n.showSummary,
-			descs: n.descs,
-			ascs: n.ascs,
-			"page-size": n.pageSize,
-			"selection-width": n.selectionWidth,
-			"hide-on-single-page": "",
-			selection: n.selection,
-			index: n.index,
-			"row-db-click": v.rowDbClick,
-			onRowDblclick: v.rowDbClick
-		}, P(v.listeners), { onSelectionChange: v.onSelectionChange }), w({
-			default: F(() => [
-				j(n.$slots, "columns", { columns: n.columns }, () => [(k(!0), S(y, null, A(v.filteredColumns, (e) => (k(), b($, {
-					key: e.prop,
-					label: e.label,
-					width: e.width,
-					"dict-type": e.dictType,
-					clickable: e.clickable,
-					align: e.align,
-					prop: e.prop,
-					options: e.options,
-					"show-overflow-tooltip": !e.editable && e.showOverflowTooltip
-				}, {
-					header: F(() => [!n.disabled && e.required ? (k(), S("span", G, "*")) : x("v-if", !0), C("span", { title: e.label }, N(e.label), 9, K)]),
-					default: F(({ row: t, column: r, $index: i }) => [
-						x("tag 插槽"),
-						j(n.$slots, "tag", {
-							row: t,
-							column: r,
-							index: i
-						}),
-						x("列默认插槽,名字和 prop 保持一致"),
-						j(n.$slots, e.prop, {
-							row: t,
-							column: r,
-							wrapCol: !1,
-							index: i,
-							prop: n.prop ? `${n.prop}[${i}].${e.prop}` : null,
-							required: e.required,
-							editable: e.editable
-						}, () => {
-							var n;
-							return [v.enabled && e.editable === !0 ? (k(), S(y, { key: 0 }, [v.getCellType(t, e) === "input" ? (k(), b(V, D({
-								key: 0,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), {
-								onBlur: () => v.onBlur(t, e),
-								onInput: (n) => v.onInput(t, n, e)
-							}), null, 16, ["onBlur", "onInput"])) : v.getCellType(t, e) === "checkbox1" ? (k(), b(Y, D({
-								key: 1,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"])) : v.getCellType(t, e) === "inputPhoneNumber" ? (k(), b(X, D({
-								key: 2,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"])) : v.getCellType(t, e) === "user" ? (k(), S(y, { key: 3 }, [e.single ? (k(), b(Z, D({
-								key: 0,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), {
-								id: t[r.idProp || `${r.property}Id`],
-								"onUpdate:id": (e) => t[r.idProp || `${r.property}Id`] = e,
-								name: t[r.property],
-								"onUpdate:name": (e) => t[r.property] = e,
-								onInput: (n) => v.onInput(t, n, e)
-							}), null, 16, [
-								"id",
-								"onUpdate:id",
-								"name",
-								"onUpdate:name",
-								"onInput"
-							])) : (k(), b(Z, D({
-								key: 1,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"]))], 64)) : v.getCellType(t, e) === "department" ? (k(), S(y, { key: 4 }, [e.single ? (k(), b(Q, D({
-								key: 0,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), {
-								name: t[r.property],
-								"onUpdate:name": (e) => t[r.property] = e,
-								onInput: (n) => v.onInput(t, n, e)
-							}), null, 16, [
-								"name",
-								"onUpdate:name",
-								"onInput"
-							])) : (k(), b(Q, D({
-								key: 1,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"]))], 64)) : v.getCellType(t, e) === "select" ? (k(), b(te, D({
-								key: 5,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"])) : v.getCellType(t, e) === "datePicker" ? (k(), b(ne, D({
-								key: 6,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), {
-								start: t[e.start],
-								"onUpdate:start": (n) => t[e.start] = n,
-								end: t[e.end],
-								"onUpdate:end": (n) => t[e.end] = n,
-								onInput: (n) => v.onInput(t, n, e)
-							}), null, 16, [
-								"start",
-								"onUpdate:start",
-								"end",
-								"onUpdate:end",
-								"onInput"
-							])) : v.getCellType(t, e) === "cascader" ? (k(), b(re, D({
-								key: 7,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"])) : v.getCellType(t, e) === "checkbox" ? (k(), b(ie, D({
-								key: 8,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"])) : v.getCellType(t, e) === "number" ? (k(), b(ae, D({
-								key: 9,
-								ref_for: !0
-							}, v.getInputAttr(t, e, i), { onInput: (n) => v.onInput(t, n, e) }), null, 16, ["onInput"])) : (k(), S(y, { key: 10 }, [T(N(v.getVal(t, r, e)), 1)], 64))], 64)) : e.dictType || (n = e.options) != null && n.length ? (k(), b(oe, {
-								key: 1,
-								"dict-type": e.dictType,
-								"id-as-value": e.idAsValue,
-								"label-as-value": e.labelAsValue,
-								column: r,
-								row: t,
-								options: e.options
-							}, null, 8, [
-								"dict-type",
-								"id-as-value",
-								"label-as-value",
-								"column",
-								"row",
-								"options"
-							])) : (k(), S(y, { key: 2 }, [T(N(v.getVal(t, r, e)), 1)], 64))];
-						})
-					]),
-					_: 2
-				}, 1032, [
-					"label",
-					"width",
-					"dict-type",
-					"clickable",
-					"align",
-					"prop",
-					"options",
-					"show-overflow-tooltip"
-				]))), 128))]),
-				j(n.$slots, "handle", {
-					add: v.add,
-					remove: v.remove
-				}),
-				!n.disabled && v.hasHandleMenus ? (k(), b($, {
-					key: 0,
-					label: "操作",
-					width: "80",
-					align: "center",
-					prop: "menu"
-				}, {
-					header: F(({ column: e, $index: t }) => [j(n.$slots, "handle-column-header", {
-						column: e,
-						index: t
-					}, () => [T(N(e.label), 1)])]),
-					default: F(({ row: e, $index: t }) => {
-						var r, i, a;
-						return [(r = n.handleMenus) != null && r.includes("add") && ((i = n.modelValue) == null ? void 0 : i.length) < n.limit ? (k(), S("i", {
-							key: 0,
-							class: "el-icon-circle-plus sub-table-handle-button table-button-add",
-							style: {
-								"margin-right": "5px",
-								"font-size": "20px",
-								cursor: "pointer"
-							},
-							title: "添加",
-							onClick: I((n) => v.add(e, t), ["stop"])
-						}, null, 8, q)) : x("v-if", !0), (a = n.handleMenus) != null && a.includes("delete") ? (k(), b(se, {
-							key: 1,
-							class: "el-icon-error sub-table-handle-button table-button-remove",
-							title: "删除",
-							message: "您确定要删除该行吗？",
-							onClick: I((n) => v.remove(e, t), ["stop"])
-						}, null, 8, ["onClick"])) : x("v-if", !0)];
-					}),
-					_: 3
-				})) : x("v-if", !0)
-			]),
-			_: 2
-		}, [!n.disabled || v.hasToolBarMenu ? {
-			name: "toolbar",
-			fn: F(() => [C("div", H, [j(n.$slots, "toolbar", {
-				addRow: v.addRow,
-				delRow: v.delRow,
-				refresh: v.refresh
-			}, () => [C("div", U, [j(n.$slots, "toolbar-left", {
-				addRow: v.addRow,
-				delRow: v.delRow,
-				refresh: v.refresh
-			}, () => {
-				var e, t, r;
-				return [
-					(e = n.toolbarMenus) != null && e.includes("add") ? (k(), b(z, {
-						key: 0,
-						class: "table-header-button add",
-						icon: "el-icon-circle-plus",
-						type: "text",
-						onClick: v.addRow
-					}, {
-						default: F(() => [...i[2] || (i[2] = [T(" 添加 ", -1)])]),
-						_: 1
-					}, 8, ["onClick"])) : x("v-if", !0),
-					(t = n.toolbarMenus) != null && t.includes("delete") ? (k(), b(B, {
-						key: 1,
-						disabled: _.selectedRows.length <= 0,
-						class: "table-header-button remove",
-						message: "您确定要删除选中的记录吗？",
-						icon: "el-icon-error",
-						type: "text",
-						onClick: v.delRow
-					}, {
-						default: F(() => [...i[3] || (i[3] = [T(" 删除 ", -1)])]),
-						_: 1
-					}, 8, ["disabled", "onClick"])) : x("v-if", !0),
-					(r = n.toolbarMenus) != null && r.includes("refresh") ? (k(), b(z, {
-						key: 2,
-						class: "table-header-button refresh",
-						icon: "el-icon-refresh-left",
-						type: "text",
-						disabled: !1,
-						onClick: v.refresh
-					}, {
-						default: F(() => [...i[4] || (i[4] = [T(" 刷新 ", -1)])]),
-						_: 1
-					}, 8, ["onClick"])) : x("v-if", !0)
-				];
-			}), j(n.$slots, "toolbar-left-append", {
-				addRow: v.addRow,
-				delRow: v.delRow,
-				refresh: v.refresh
-			})]), C("div", W, [j(n.$slots, "toolbar-right", {
-				removeSelectedRows: v.removeSelectedRows,
-				selectedRows: _.selectedRows
-			})])])])]),
-			key: "0"
-		} : void 0, n.bottomAddButton ? {
-			name: "empty",
-			fn: F(() => [C("i", {
-				class: "el-icon-circle-plus sub-table-handle-button table-button-add",
-				style: {
-					"font-size": "20px",
-					cursor: "pointer"
-				},
-				title: "添加",
-				onClick: i[0] || (i[0] = I((e) => {
-					var t;
-					return v.add(null, ((t = n.modelValue) == null ? void 0 : t.length) ?? 0);
-				}, ["stop"]))
-			})]),
-			key: "1"
-		} : void 0]), 1040, [
-			"data",
-			"api",
-			"show-summary",
-			"descs",
-			"ascs",
-			"page-size",
-			"selection-width",
-			"selection",
-			"index",
-			"row-db-click",
-			"onRowDblclick",
-			"onSelectionChange"
-		]),
-		x("底部添加按钮"),
-		!n.disabled && n.bottomAddButton && ((L = n.modelValue) == null ? void 0 : L.length) < n.limit && ((R = n.modelValue) == null ? void 0 : R.length) > 0 ? (k(), S("div", J, [C("i", {
-			class: "el-icon-circle-plus sub-table-handle-button table-button-add",
-			style: {
-				"font-size": "20px",
-				cursor: "pointer"
-			},
-			title: "添加",
-			onClick: i[1] || (i[1] = I((e) => {
-				var t;
-				return v.add(null, ((t = n.modelValue) == null ? void 0 : t.length) ?? 0);
-			}, ["stop"]))
-		})])) : x("v-if", !0)
-	], 2);
-}
-var X = /* @__PURE__ */ o(V, [["render", Y]]);
-//#endregion
-export { B as n, X as t };