@web-utils/component 4.0.16 → 5.0.0-beta01

package/sub-table-plus/index.mjs

@@ -1,231 +1,593 @@
-import { findTreeChildren as i, isFunction as c } from "@web-utils/core";
-import { cloneDeep as b } from "@web-utils/integrations/lodash";
-import { S as h } from "../chunks/sub-table-plus-props.BVsD71hT.mjs";
-import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const y = {
-  name: "SubTablePlus",
-  mixins: [h],
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  props: {
-    onRowDbClick: Function,
-    showMessage: Boolean,
-    pageSize: Number
-  },
-  data() {
-    return {
-      rows: [],
-      selectedRows: []
-    };
-  },
-  computed: {
-    enabled() {
-      return !this.inputDisabled;
-    },
-    hasToolBarMenu() {
-      var s;
-      return (s = this.toolbarMenus) == null ? void 0 : s.length;
-    },
-    hasHandleMenus() {
-      var s;
-      return (s = this.handleMenus) == null ? void 0 : s.length;
-    },
-    rowProps() {
-      const s = {};
-      return this.columns && this.columns.map((e) => e.prop).forEach((e) => {
-        s[e] = null;
-      }), s;
-    },
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    }
-  },
-  watch: {
-    value: {
-      deep: !0,
-      immediate: !0,
-      handler(s) {
-        this.rows = s || [];
-      }
-    },
-    rows: {
-      deep: !0,
-      immediate: !0,
-      handler(s) {
-        this.$emit("input", s);
-      }
-    }
-  },
-  methods: {
-    getCellType(s, e) {
-      return c(e.getType) ? e.getType(s, e) : e.type;
-    },
-    getInputAttr(s, e) {
-      return e.attrs && e.getAttrs ? { ...e.attrs, ...e.getAttrs(s) } : e.attrs ? e.attrs : e.getAttrs ? e.getAttrs(s) : {};
-    },
-    isInputDisabled(s, e) {
-      var l;
-      return (l = e.isDisabled) == null ? void 0 : l.call(e, s);
-    },
-    onInput(s, e, l) {
-      l.setValue ? l.setValue(s, e, l, this.rows) : l.setVal !== !1 && (s[l.prop] = e);
-    },
-    onBlur(s, e) {
-      e.onBlur && e.onBlur(s, e, this.rows);
-    },
-    onSelectionChange(s) {
-      this.selectedRows = s;
-    },
-    async remove(s, e) {
-      try {
-        if (this.delApi)
-          try {
-            await this.delApi([s.id]), this.$message.success("删除成功！"), this.refresh();
-          } catch {
-            this.$message.error("删除失败！");
-          }
-        else
-          this.rows.splice(e, 1);
-      } catch {
-      }
-    },
-    async add(s, e) {
-      var l;
-      if (this.fetchApi)
-        this.addRow();
-      else {
-        const o = b(this.rowProps), u = await ((l = this.initRow) == null ? void 0 : l.call(this, o, e));
-        e === -1 ? this.rows.push(u || o) : this.rows.splice(e + 1, 0, u || o);
-      }
-    },
-    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((s) => s.id)), this.$message.success("删除成功！"), this.refresh();
-          } catch {
-            this.$message.error("删除失败！");
-          }
-        else
-          this.$emit(
-            "input",
-            this.rows.filter((s) => !this.selectedRows.includes(s))
-          );
-      } catch {
-      }
-    },
-    refresh() {
-      this.$refs.table.getPage();
-    },
-    getVal(s, e, l) {
-      var o, u;
-      if (l.type === "select" && ((o = l.attrs) != null && o.options)) {
-        const t = l.attrs.options.find((r) => r.value === s[e.property] || r.code === s[e.property]);
-        if (t)
-          return t.label || t.name;
-      }
-      if (l.type === "checkbox1")
-        return s[e.property] === !0 || s[e.property] === "1" || s[e.property] === "Y" ? "是" : "否";
-      if (l.type === "cascader" && ((u = l.attrs) != null && u.options)) {
-        const [t] = i(l.attrs.options, (r) => r[l.attrs.valueKey || "value"] === s[e.property]);
-        if (t)
-          return t[l.attrs.valueKey || "label"];
-      }
-      return s[e.property];
-    },
-    reloadTable() {
-      var s;
-      (s = this.$refs.table) == null || s.reload();
-    },
-    async refreshTable() {
-      var s;
-      await ((s = this.$refs.table) == null ? void 0 : s.getPage());
-    },
-    removeSelectedRows() {
-      this.$emit(
-        "input",
-        this.value.filter((s) => !this.selectedRows.includes(s))
-      );
-    },
-    rowDbClick(...s) {
-      var e;
-      (e = this.onRowDbClick) == null || e.call(this, ...s);
-    }
-  }
-};
-var g = function() {
-  var o, u;
-  var e = this, l = e._self._c;
-  return l("div", { class: ["sub-table-plus", { "hide-message": !e.showMessage }] }, [l("PageableTable", e._g(e._b({ ref: "table", attrs: { "auto-height": "", data: e.fetchApi ? !1 : e.rows, api: e.fetchApi, "payload-style": "body", "show-summary": e.showSummary, descs: e.descs, ascs: e.ascs, "page-size": e.pageSize, "selection-width": e.selectionWidth, "hide-on-single-page": "", selection: e.selection, index: e.index }, on: { "selection-change": e.onSelectionChange }, scopedSlots: e._u([!e.inputDisabled || e.hasToolBarMenu ? { key: "toolbar", fn: function() {
-    return [l("div", { staticClass: "table-header flex-row" }, [e._t("toolbar", function() {
-      return [l("div", { staticClass: "flex-item" }, [e._t("toolbar-left", function() {
-        var t, r, n;
-        return [(t = e.toolbarMenus) != null && t.includes("add") ? l("ElButton", { staticClass: "table-header-button add", attrs: { size: "mini", icon: "el-icon-circle-plus", type: "text" }, on: { click: e.addRow } }, [e._v(" 添加 ")]) : e._e(), (r = e.toolbarMenus) != null && r.includes("delete") ? l("ConfirmButton", { staticClass: "table-header-button remove", attrs: { size: "mini", disabled: e.selectedRows.length <= 0, message: "您确定要删除选中的记录吗？", icon: "el-icon-error", type: "text" }, on: { click: e.delRow } }, [e._v(" 删除 ")]) : e._e(), (n = e.toolbarMenus) != null && n.includes("refresh") ? l("ElButton", { staticClass: "table-header-button refresh", attrs: { size: "mini", icon: "el-icon-refresh-left", type: "text", disabled: !1 }, on: { click: e.refresh } }, [e._v(" 刷新 ")]) : e._e()];
-      }, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh }), e._t("toolbar-left-append", null, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh })], 2), l("div", { staticClass: "flex-not-shrink" }, [e._t("toolbar-right", null, { removeSelectedRows: e.removeSelectedRows, selectedRows: e.selectedRows })], 2)];
-    }, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh })], 2)];
-  }, proxy: !0 } : null, e.bottomAddButton ? { key: "empty", fn: function() {
-    return [l("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(t) {
-      var r;
-      return t.stopPropagation(), e.add(null, ((r = e.value) == null ? void 0 : r.length) ?? 0);
-    } } })];
-  }, proxy: !0 } : null], null, !0) }, "PageableTable", e.$attrs, !1), e.$listeners), [e._t("columns", function() {
-    return [e._l(e.columns, function(t) {
-      return [t.label && !t.hide && !t.slot ? l("TableColumn", { key: `${t.prop}-${e.enabled}${t.type ? `-${t.type}` : ""}${t.required ? `-${t.required}` : ""}`, attrs: { label: t.label, width: t.width, "dict-type": t.dictType, clickable: t.clickable, align: t.align, prop: t.prop, options: t.options, "show-overflow-tooltip": !t.editable && t.showOverflowTooltip }, scopedSlots: e._u([{ key: "header", fn: function() {
-        return [!e.inputDisabled && t.required ? l("span", { staticStyle: { color: "#f56c6c" } }, [e._v("*")]) : e._e(), l("span", { attrs: { title: t.label } }, [e._v(e._s(t.label))])];
-      }, proxy: !0 }, { key: "default", fn: function({ row: r, column: n, $index: p }) {
-        return [e._t("tag", null, { row: r, column: n, index: p }), e._t(t.prop, function() {
-          var d;
-          return [e.enabled && t.editable === !0 ? [e.getCellType(r, t) === "input" ? [l("FormInput", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { blur: () => e.onBlur(r, t), input: (a) => e.onInput(r, a, t) } }, "FormInput", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "checkbox1" ? [l("FormCheckbox", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormCheckbox", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "inputPhoneNumber" ? [l("FormInputPhoneNumber", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputPhoneNumber", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "user" ? [t.single ? l("FormInputUser", e._b({ attrs: { id: r[n.idProp || `${n.property}Id`], "wrap-col": !1, name: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { "update:id": function(a) {
-            return e.$set(r, n.idProp || `${n.property}Id`, a);
-          }, "update:name": function(a) {
-            return e.$set(r, n.property, a);
-          }, input: (a) => e.onInput(r, a, t) } }, "FormInputUser", e.getInputAttr(r, t), !1)) : l("FormInputUser", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputUser", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "department" ? [t.single ? l("FormInputDepartment", e._b({ attrs: { "wrap-col": !1, "ou-type": t.ouType, name: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { "update:name": function(a) {
-            return e.$set(r, n.property, a);
-          }, input: (a) => e.onInput(r, a, t) } }, "FormInputDepartment", e.getInputAttr(r, t), !1)) : l("FormInputDepartment", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputDepartment", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "select" ? [l("FormSelect", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormSelect", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "datePicker" ? [l("FormDatePicker", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required, start: r[t.start], end: r[t.end] }, on: { "update:start": function(a) {
-            return e.$set(r, t.start, a);
-          }, "update:end": function(a) {
-            return e.$set(r, t.end, a);
-          }, input: (a) => e.onInput(r, a, t) } }, "FormDatePicker", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "cascader" ? [l("FormCascader", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required, "label-key": t.labelKey, "value-key": t.valueKey }, on: { input: (a) => e.onInput(r, a, t) } }, "FormCascader", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "checkbox" ? [l("FormCheckboxGroup", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormCheckboxGroup", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "number" ? [l("FormInputNumber", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputNumber", e.getInputAttr(r, t), !1))] : e._e()] : t.dictType || (d = t.options) != null && d.length ? [l("DictRender", { attrs: { "dict-type": t.dictType, "id-as-value": t.idAsValue, "label-as-value": t.labelAsValue, column: n, row: r, options: t.options } })] : [e._v(e._s(e.getVal(r, n, t)))]];
-        }, { row: r, column: n, wrapCol: !1, index: p, prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required, editable: t.editable })];
-      } }], null, !0) }) : t.slot ? e._t(t.slot) : e._e()];
-    })];
-  }, { columns: e.columns }), e._t("handle", null, { add: e.add, remove: e.remove }), !e.inputDisabled && e.hasHandleMenus ? l("TableColumn", { attrs: { label: "操作", width: "80", align: "center", prop: "menu" }, scopedSlots: e._u([{ key: "header", fn: function({ column: t, $index: r }) {
-    return [e._t("handle-column-header", function() {
-      return [e._v(" " + e._s(t.label) + " ")];
-    }, { column: t, index: r })];
-  } }, { key: "default", fn: function({ row: t, $index: r }) {
-    var n, p, d;
-    return [(n = e.handleMenus) != null && n.includes("add") && ((p = e.value) == null ? void 0 : p.length) < e.limit ? l("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "margin-right": "5px", "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(a) {
-      return a.stopPropagation(), e.add(t, r);
-    } } }) : e._e(), (d = e.handleMenus) != null && d.includes("delete") ? l("Confirmable", { staticClass: "el-icon-error sub-table-handle-button table-button-remove", attrs: { title: "删除", message: "您确定要删除该行吗？" }, on: { click: function(a) {
-      return a.stopPropagation(), e.remove(t, r);
-    } } }) : e._e()];
-  } }], null, !0) }) : e._e()], 2), !e.inputDisabled && e.bottomAddButton && ((o = e.value) == null ? void 0 : o.length) < e.limit && ((u = e.value) == null ? void 0 : u.length) > 0 ? l("div", { staticClass: "flex-row vertical-center horizon-center", staticStyle: { padding: "10px", border: "1px solid #ebeef5", "border-top": "none" } }, [l("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(t) {
-    var r;
-    return t.stopPropagation(), e.add(null, ((r = e.value) == null ? void 0 : r.length) ?? 0);
-  } } })]) : e._e()], 1);
-}, _ = [], I = /* @__PURE__ */ f(
-  y,
-  g,
-  _,
-  !1,
-  null,
-  null
-);
-const k = I.exports;
-export {
-  k as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { t } from "../chunks/sub-table-plus-props.B_lLth3j.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, withCtx as v, withModifiers as y } from "vue";
+import { findTreeChildren as b, isFunction as x } from "@web-utils/core";
+import { cloneDeep as S } from "@web-utils/integrations/lodash";
+//#region src/components/table/SubTablePlus.vue
+var C = {
+	name: "SubTablePlus",
+	mixins: [t],
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		onRowDbClick: Function,
+		showMessage: Boolean,
+		pageSize: Number
+	},
+	emits: ["add-row"],
+	data() {
+		return {
+			rows: [],
+			selectedRows: []
+		};
+	},
+	computed: {
+		enabled() {
+			return !this.inputDisabled;
+		},
+		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;
+		},
+		inputDisabled() {
+			return this.disabled || (this.elForm || {}).disabled;
+		}
+	},
+	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 x(t.getType) ? t.getType(e, t) : t.type;
+		},
+		getInputAttr(e, t) {
+			return t.attrs && t.getAttrs ? {
+				...t.attrs,
+				...t.getAttrs(e)
+			} : t.attrs ? t.attrs : t.getAttrs ? t.getAttrs(e) : {};
+		},
+		isInputDisabled(e, t) {
+			var n;
+			return (n = t.isDisabled) == null ? void 0 : n.call(t, e);
+		},
+		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 = S(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 (n.type === "select" && (r = n.attrs) != null && r.options) {
+				let r = n.attrs.options.find((n) => n.value === 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] = b(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.value.filter((e) => !this.selectedRows.includes(e)));
+		},
+		rowDbClick(...e) {
+			var t;
+			(t = this.onRowDbClick) == null || t.call(this, ...e);
+		}
+	}
+}, w = { class: "table-header flex-row" }, T = { class: "flex-item" }, E = { class: "flex-not-shrink" }, D = {
+	key: 0,
+	style: { color: "#f56c6c" }
+}, O = ["title"], k = ["onClick"], A = {
+	key: 0,
+	class: "flex-row vertical-center horizon-center",
+	style: {
+		padding: "10px",
+		border: "1px solid #ebeef5",
+		"border-top": "none"
+	}
 };
+function j(e, t, b, x, S, C) {
+	var j, M;
+	let N = h("ElButton"), P = h("ConfirmButton"), F = h("FormInput"), I = h("FormCheckbox"), L = h("FormInputPhoneNumber"), R = h("FormInputUser"), z = h("FormInputDepartment"), B = h("FormSelect"), V = h("FormDatePicker"), H = h("FormCascader"), U = h("FormCheckboxGroup"), W = h("FormInputNumber"), G = h("DictRender"), K = h("TableColumn"), q = h("Confirmable"), J = h("PageableTable");
+	return f(), a("div", { class: d(["sub-table-plus", { "hide-message": !b.showMessage }]) }, [
+		l(J, u({
+			ref: "table",
+			"auto-height": "",
+			data: e.fetchApi ? !1 : S.rows,
+			api: e.fetchApi,
+			"payload-style": "body",
+			"show-summary": e.showSummary,
+			descs: e.descs,
+			ascs: e.ascs,
+			"page-size": b.pageSize,
+			"selection-width": e.selectionWidth
+		}, e.$attrs, {
+			"hide-on-single-page": "",
+			selection: e.selection,
+			index: e.index
+		}, _(e.$listeners), { onSelectionChange: C.onSelectionChange }), s({
+			default: v(() => [
+				m(e.$slots, "columns", { columns: e.columns }, () => [(f(!0), a(n, null, p(e.columns, (t) => (f(), a(n, null, [t.label && !t.hide && !t.slot ? (f(), r(K, {
+					key: `${t.prop}-${C.enabled}${t.type ? `-${t.type}` : ""}${t.required ? `-${t.required}` : ""}`,
+					label: t.label,
+					width: t.width,
+					"dict-type": t.dictType,
+					clickable: t.clickable,
+					align: t.align,
+					prop: t.prop,
+					options: t.options,
+					"show-overflow-tooltip": !t.editable && t.showOverflowTooltip
+				}, {
+					header: v(() => [!C.inputDisabled && t.required ? (f(), a("span", D, "*")) : i("v-if", !0), o("span", { title: t.label }, g(t.label), 9, O)]),
+					default: v(({ row: o, column: s, $index: l }) => [
+						i("tag 插槽"),
+						m(e.$slots, "tag", {
+							row: o,
+							column: s,
+							index: l
+						}),
+						i("列默认插槽,名字和 prop 保持一致"),
+						m(e.$slots, t.prop, {
+							row: o,
+							column: s,
+							wrapCol: !1,
+							index: l,
+							prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+							required: t.required,
+							editable: t.editable
+						}, () => {
+							var d;
+							return [C.enabled && t.editable === !0 ? (f(), a(n, { key: 0 }, [C.getCellType(o, t) === "input" ? (f(), r(F, u({
+								key: 0,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onBlur: () => C.onBlur(o, t),
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onBlur",
+								"onInput"
+							])) : C.getCellType(o, t) === "checkbox1" ? (f(), r(I, u({
+								key: 1,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : C.getCellType(o, t) === "inputPhoneNumber" ? (f(), r(L, u({
+								key: 2,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : C.getCellType(o, t) === "user" ? (f(), a(n, { key: 3 }, [t.single ? (f(), r(R, u({
+								key: 0,
+								id: o[s.idProp || `${s.property}Id`],
+								"onUpdate:id": (e) => o[s.idProp || `${s.property}Id`] = e,
+								name: o[s.property],
+								"onUpdate:name": (e) => o[s.property] = e,
+								"wrap-col": !1
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"id",
+								"onUpdate:id",
+								"name",
+								"onUpdate:name",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : (f(), r(R, u({
+								key: 1,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							]))], 64)) : C.getCellType(o, t) === "department" ? (f(), a(n, { key: 4 }, [t.single ? (f(), r(z, u({
+								key: 0,
+								name: o[s.property],
+								"onUpdate:name": (e) => o[s.property] = e,
+								"wrap-col": !1,
+								"ou-type": t.ouType
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"name",
+								"onUpdate:name",
+								"ou-type",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : (f(), r(z, u({
+								key: 1,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							]))], 64)) : C.getCellType(o, t) === "select" ? (f(), r(B, u({
+								key: 5,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : C.getCellType(o, t) === "datePicker" ? (f(), r(V, u({
+								key: 6,
+								ref_for: !0
+							}, C.getInputAttr(o, t), {
+								start: o[t.start],
+								"onUpdate:start": (e) => o[t.start] = e,
+								end: o[t.end],
+								"onUpdate:end": (e) => o[t.end] = e,
+								"wrap-col": !1,
+								"model-value": o[s.property],
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"start",
+								"onUpdate:start",
+								"end",
+								"onUpdate:end",
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : C.getCellType(o, t) === "cascader" ? (f(), r(H, u({
+								key: 7,
+								"wrap-col": !1,
+								value: o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								"label-key": t.labelKey,
+								"value-key": t.valueKey,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"value",
+								"disabled",
+								"prop",
+								"required",
+								"label-key",
+								"value-key",
+								"onInput"
+							])) : C.getCellType(o, t) === "checkbox" ? (f(), r(U, u({
+								key: 8,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : C.getCellType(o, t) === "number" ? (f(), r(W, u({
+								key: 9,
+								"wrap-col": !1,
+								"model-value": o[s.property]
+							}, { ref_for: !0 }, C.getInputAttr(o, t), {
+								disabled: C.isInputDisabled(o, t),
+								prop: e.prop ? `${e.prop}[${l}].${t.prop}` : null,
+								required: t.required,
+								onInput: (e) => C.onInput(o, e, t)
+							}), null, 16, [
+								"model-value",
+								"disabled",
+								"prop",
+								"required",
+								"onInput"
+							])) : i("v-if", !0)], 64)) : t.dictType || (d = t.options) != null && d.length ? (f(), r(G, {
+								key: 1,
+								"dict-type": t.dictType,
+								"id-as-value": t.idAsValue,
+								"label-as-value": t.labelAsValue,
+								column: s,
+								row: o,
+								options: t.options
+							}, null, 8, [
+								"dict-type",
+								"id-as-value",
+								"label-as-value",
+								"column",
+								"row",
+								"options"
+							])) : (f(), a(n, { key: 2 }, [c(g(C.getVal(o, s, t)), 1)], 64))];
+						})
+					]),
+					_: 2
+				}, 1032, [
+					"label",
+					"width",
+					"dict-type",
+					"clickable",
+					"align",
+					"prop",
+					"options",
+					"show-overflow-tooltip"
+				])) : t.slot ? (f(), a(n, { key: 1 }, [i("列自定义插槽,名字和 prop 不一致"), m(e.$slots, t.slot)], 2112)) : i("v-if", !0)], 64))), 256))]),
+				m(e.$slots, "handle", {
+					add: C.add,
+					remove: C.remove
+				}),
+				!C.inputDisabled && C.hasHandleMenus ? (f(), r(K, {
+					key: 0,
+					label: "操作",
+					width: "80",
+					align: "center",
+					prop: "menu"
+				}, {
+					header: v(({ column: t, $index: n }) => [m(e.$slots, "handle-column-header", {
+						column: t,
+						index: n
+					}, () => [c(g(t.label), 1)])]),
+					default: v(({ row: t, $index: n }) => {
+						var o, s, c;
+						return [(o = e.handleMenus) != null && o.includes("add") && ((s = e.modelValue) == null ? void 0 : s.length) < e.limit ? (f(), a("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: y((e) => C.add(t, n), ["stop"])
+						}, null, 8, k)) : i("v-if", !0), (c = e.handleMenus) != null && c.includes("delete") ? (f(), r(q, {
+							key: 1,
+							class: "el-icon-error sub-table-handle-button table-button-remove",
+							title: "删除",
+							message: "您确定要删除该行吗？",
+							onClick: y((e) => C.remove(t, n), ["stop"])
+						}, null, 8, ["onClick"])) : i("v-if", !0)];
+					}),
+					_: 3
+				})) : i("v-if", !0)
+			]),
+			_: 2
+		}, [!C.inputDisabled || C.hasToolBarMenu ? {
+			name: "toolbar",
+			fn: v(() => [o("div", w, [m(e.$slots, "toolbar", {
+				addRow: C.addRow,
+				delRow: C.delRow,
+				refresh: C.refresh
+			}, () => [o("div", T, [m(e.$slots, "toolbar-left", {
+				addRow: C.addRow,
+				delRow: C.delRow,
+				refresh: C.refresh
+			}, () => {
+				var n, a, o;
+				return [
+					(n = e.toolbarMenus) != null && n.includes("add") ? (f(), r(N, {
+						key: 0,
+						size: "mini",
+						class: "table-header-button add",
+						icon: "el-icon-circle-plus",
+						type: "text",
+						onClick: C.addRow
+					}, {
+						default: v(() => [...t[2] || (t[2] = [c(" 添加 ", -1)])]),
+						_: 1
+					}, 8, ["onClick"])) : i("v-if", !0),
+					(a = e.toolbarMenus) != null && a.includes("delete") ? (f(), r(P, {
+						key: 1,
+						size: "mini",
+						disabled: S.selectedRows.length <= 0,
+						class: "table-header-button remove",
+						message: "您确定要删除选中的记录吗？",
+						icon: "el-icon-error",
+						type: "text",
+						onClick: C.delRow
+					}, {
+						default: v(() => [...t[3] || (t[3] = [c(" 删除 ", -1)])]),
+						_: 1
+					}, 8, ["disabled", "onClick"])) : i("v-if", !0),
+					(o = e.toolbarMenus) != null && o.includes("refresh") ? (f(), r(N, {
+						key: 2,
+						size: "mini",
+						class: "table-header-button refresh",
+						icon: "el-icon-refresh-left",
+						type: "text",
+						disabled: !1,
+						onClick: C.refresh
+					}, {
+						default: v(() => [...t[4] || (t[4] = [c(" 刷新 ", -1)])]),
+						_: 1
+					}, 8, ["onClick"])) : i("v-if", !0)
+				];
+			}), m(e.$slots, "toolbar-left-append", {
+				addRow: C.addRow,
+				delRow: C.delRow,
+				refresh: C.refresh
+			})]), o("div", E, [m(e.$slots, "toolbar-right", {
+				removeSelectedRows: C.removeSelectedRows,
+				selectedRows: S.selectedRows
+			})])])])]),
+			key: "0"
+		} : void 0, e.bottomAddButton ? {
+			name: "empty",
+			fn: v(() => [o("i", {
+				class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+				style: {
+					"font-size": "20px",
+					cursor: "pointer"
+				},
+				title: "添加",
+				onClick: t[0] || (t[0] = y((t) => {
+					var n;
+					return C.add(null, ((n = e.modelValue) == null ? void 0 : n.length) ?? 0);
+				}, ["stop"]))
+			})]),
+			key: "1"
+		} : void 0]), 1040, [
+			"data",
+			"api",
+			"show-summary",
+			"descs",
+			"ascs",
+			"page-size",
+			"selection-width",
+			"selection",
+			"index",
+			"onSelectionChange"
+		]),
+		i("底部添加按钮"),
+		!C.inputDisabled && e.bottomAddButton && ((j = e.modelValue) == null ? void 0 : j.length) < e.limit && ((M = e.modelValue) == null ? void 0 : M.length) > 0 ? (f(), a("div", A, [o("i", {
+			class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+			style: {
+				"font-size": "20px",
+				cursor: "pointer"
+			},
+			title: "添加",
+			onClick: t[1] || (t[1] = y((t) => {
+				var n;
+				return C.add(null, ((n = e.modelValue) == null ? void 0 : n.length) ?? 0);
+			}, ["stop"]))
+		})])) : i("v-if", !0)
+	], 2);
+}
+var M = /* @__PURE__ */ e(C, [["render", j]]);
+//#endregion
+export { M as default };