@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta50

package/pageable-table/style.css

@@ -0,0 +1 @@
+.table-column-filter .el-drawer__body{padding:10px}.table-column-filter .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin-bottom:0;padding:16px 10px 16px 24px}.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:relative}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{align-items:center;display:inline-flex}.pageable-table .pageable-table-error{color:red;border:1px solid #fca4a4;align-items:center;display:inline-flex}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{z-index:1;content:"";background-color:#606266;width:100%;height:1px;position:absolute;bottom:0;left:0}.pageable-table .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}

package/resolver/index.mjs

@@ -0,0 +1,29 @@
+import { componentNames as e, noStylesComponents as t } from "../index.mjs";
+import { hyphenate as n } from "@web-utils/core";
+//#region src/resolver/index.ts
+var r = ({ importStyle: r = !1, excludeComponents: a = [] } = {}) => {
+	let o = {}, s = {}, c = {};
+	return e.forEach((e) => {
+		o[e] = !0;
+	}), t.forEach((e) => {
+		s[e] = !0;
+	}), a.forEach((e) => {
+		c[e] = !0;
+	}), (e) => {
+		if (c[e] === !0 || o[e] !== !0) return;
+		let t = n(e);
+		return {
+			from: `@web-utils/form-ui/${t}/index.mjs`,
+			sideEffects: i({
+				componentName: e,
+				name: t,
+				importStyle: r,
+				noStylesComponentNameMap: s
+			})
+		};
+	};
+}, i = ({ componentName: e, name: t, importStyle: n = !1, noStylesComponentNameMap: r } = {}) => {
+	if (n && r[e] !== !0) return ["@web-utils/form-ui/base.css", `@web-utils/form-ui/${t}/style.css`];
+};
+//#endregion
+export { r as FormUiResolver };

package/sub-table/index.d.ts

@@ -0,0 +1,100 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: ArrayConstructor;
+    prop: StringConstructor;
+    columns: ArrayConstructor;
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    showSummary: BooleanConstructor;
+    selectionWidth: StringConstructor;
+    allowEmpty: BooleanConstructor;
+    handleColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: BooleanConstructor;
+    fetchApi: FunctionConstructor;
+    delApi: FunctionConstructor;
+    showHandleColumnAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showEmptyAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    rows: never[];
+    selectedRows: never[];
+}, {
+    available(): boolean;
+    enabled(): boolean;
+    rowProps(): {};
+    filteredColumns(): unknown[];
+}, {
+    getCellType(row: any, item: any): any;
+    getInputAttr(row: any, item: any): any;
+    isInputDisabled(row: any, item: any): any;
+    onInput(row: any, val: any, item: any): void;
+    onSelectionChange(selectedRows: any): void;
+    remove(row: any, index: any): void;
+    add(row: any, index: any): void;
+    addRow(): void;
+    delRow(): Promise<void>;
+    refresh(): void;
+    getVal(row: any, column: any, item: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'add-row': null;
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: ArrayConstructor;
+    prop: StringConstructor;
+    columns: ArrayConstructor;
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    showSummary: BooleanConstructor;
+    selectionWidth: StringConstructor;
+    allowEmpty: BooleanConstructor;
+    handleColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: BooleanConstructor;
+    fetchApi: FunctionConstructor;
+    delApi: FunctionConstructor;
+    showHandleColumnAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showEmptyAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onAdd-row"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    editable: boolean;
+    allowEmpty: boolean;
+    handleColumn: boolean;
+    showHandleColumnAddButton: boolean;
+    showEmptyAddButton: boolean;
+    limit: number;
+    showSummary: boolean;
+    maxLimit: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/sub-table/index.mjs

@@ -0,0 +1,472 @@
+import e from "../confirmable/index.mjs";
+import t from "../confirm-button/index.mjs";
+import { t as n } from "../chunks/DOZRzqlo.mjs";
+import { t as r } from "../chunks/CxTg0r4n.mjs";
+import { t as i } from "../chunks/CkOD-_VV.mjs";
+import { n as a } from "../chunks/D_qiRmiE.mjs";
+import { t as o } from "../chunks/Dkd5BC98.mjs";
+import { t as s } from "../chunks/CabldOLo.mjs";
+import { t as c } from "../chunks/V2p-PCpL.mjs";
+import { t as l } from "../chunks/B1IPSTA6.mjs";
+import { t as u } from "../chunks/BbSPWDDZ.mjs";
+import { t as d } from "../chunks/bFbPPcdq.mjs";
+import { t as f } from "../chunks/BtcjAHE6.mjs";
+import { t as p } from "../chunks/cqIZWDHo.mjs";
+import m from "../table-column-def/index.mjs";
+import { t as h } from "../chunks/CuAoMR3n.mjs";
+import { findTreeChildren as g, isFunction as _ } from "@web-utils/core";
+import { Fragment as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as C, createTextVNode as w, createVNode as T, mergeProps as E, openBlock as D, renderList as O, renderSlot as k, toDisplayString as A, withCtx as j, withModifiers as M } from "vue";
+import { formContextKey as N, formItemContextKey as P } from "element-plus";
+import { cloneDeep as F } from "@web-utils/integrations/lodash";
+//#region src/components/table/SubTable.vue
+var I = {
+	name: "SubTable",
+	emits: {
+		...a,
+		"add-row": null
+	},
+	inject: {
+		elForm: {
+			from: N,
+			default: ""
+		},
+		elFormItem: {
+			from: P,
+			default: ""
+		}
+	},
+	props: {
+		modelValue: Array,
+		prop: String,
+		columns: Array,
+		limit: {
+			type: Number,
+			default: Infinity
+		},
+		maxLimit: {
+			type: Number,
+			default: Infinity
+		},
+		disabled: Boolean,
+		showSummary: Boolean,
+		selectionWidth: String,
+		allowEmpty: Boolean,
+		handleColumn: {
+			type: Boolean,
+			default: !0
+		},
+		editable: Boolean,
+		fetchApi: Function,
+		delApi: Function,
+		showHandleColumnAddButton: {
+			type: Boolean,
+			default: !0
+		},
+		showEmptyAddButton: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return {
+			rows: [],
+			selectedRows: []
+		};
+	},
+	computed: {
+		available() {
+			return this.editable && this.enabled;
+		},
+		enabled() {
+			return !this.disabled;
+		},
+		rowProps() {
+			let e = {};
+			return this.columns && this.columns.map((e) => e.prop).forEach((t) => {
+				e[t] = null;
+			}), e;
+		},
+		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 _(t.getType) ? t.getType(e, t) : t.type;
+		},
+		getInputAttr(e, t) {
+			return {
+				...t.attrs,
+				...t.getAttrs ? t.getAttrs(e) : {}
+			};
+		},
+		isInputDisabled(e, t) {
+			return t.isDisabled && t.isDisabled(e);
+		},
+		onInput(e, t, n) {
+			n.setValue ? n.setValue(e, t, n, this.rows) : e[n.prop] = t;
+		},
+		onSelectionChange(e) {
+			this.selectedRows = e;
+		},
+		remove(e, t) {
+			try {
+				this.rows.splice(t, 1);
+			} catch {}
+		},
+		add(e, t) {
+			let n = F(this.rowProps);
+			this.rows.splice(t + 1, 0, n);
+		},
+		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).join(",")), this.refresh();
+				} catch {
+					this.$message.error("删除失败！");
+				}
+				else this.$emit("update:modelValue", this.rows.filter((e) => !this.selectedRows.includes(e)));
+				this.$message.success("删除成功！");
+			} 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.code === e[t.property]);
+				if (r) return r.name;
+			}
+			if (n.type === "cascader" && (i = n.attrs) != null && i.options) {
+				let [r] = g(n.attrs.options, (r) => r[n.attrs.valueKey || "value"] === e[t.property]);
+				if (r) return r[n.attrs.valueKey || "label"];
+			}
+			return e[t.property];
+		}
+	}
+}, L = {
+	key: 0,
+	class: "table-header"
+}, R = {
+	key: 0,
+	style: { color: "#f56c6c" }
+}, z = ["onClick"];
+function B(i, a, g, _, N, P) {
+	let F = r, I = t, B = s, V = d, H = f, U = l, W = o, G = c, K = u, q = h, J = n, Y = m, X = e, Z = p;
+	return D(), y(Z, E({
+		ref: "table",
+		class: "sub-table",
+		"auto-height": "",
+		data: N.rows,
+		api: g.fetchApi,
+		"show-summary": g.showSummary,
+		"selection-width": g.selectionWidth
+	}, i.$attrs, {
+		"hide-on-single-page": "",
+		selection: P.enabled,
+		onSelectionChange: P.onSelectionChange
+	}), C({
+		default: j(() => [
+			k(i.$slots, "columns", { columns: g.columns }, () => [(D(!0), x(v, null, O(P.filteredColumns, (e) => (D(), y(Y, {
+				key: e.prop,
+				label: e.label,
+				width: e.width,
+				align: e.align,
+				prop: e.prop,
+				options: e.options,
+				"show-overflow-tooltip": !P.available && e.showOverflowTooltip
+			}, {
+				header: j(() => [!g.disabled && e.required ? (D(), x("span", R, "*")) : b("v-if", !0), w(" " + A(e.label), 1)]),
+				default: j(({ row: t, column: n, $index: r }) => [
+					b("tag 插槽"),
+					k(i.$slots, "tag", {
+						row: t,
+						column: n,
+						index: r
+					}),
+					b("列默认插槽,名字和 prop 保持一致"),
+					k(i.$slots, e.prop, {
+						row: t,
+						column: n,
+						index: r
+					}, () => {
+						var i;
+						return [P.available && P.getCellType(t, e) === "input" ? (D(), y(B, E({
+							key: 0,
+							"model-value": t[n.property]
+						}, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"onInput"
+						])) : P.available && P.getCellType(t, e) === "inputPhoneNumber" ? (D(), y(V, E({
+							key: 1,
+							"model-value": t[n.property]
+						}, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"onInput"
+						])) : P.available && P.getCellType(t, e) === "select" ? (D(), x(v, { key: 2 }, [b("              <template v-else-if=\"available && getCellType(row, item) === 'user'\">\n                             <FormInputUser\n                               v-if=\"item.single\"\n                               v-model:name=\"row[column.property]\"\n                               v-bind=\"getInputAttr(row, item)\"\n                               :disabled=\"isInputDisabled(row, item)\"\n                               :prop=\"`${prop}[${$index}].${item.prop}`\"\n                               :required=\"item.required\"\n                               @input=\"val => onInput(row, val, item)\" />\n                             <FormInputUser\n                               v-else\n                               :model-value=\"row[column.property]\"\n                               v-bind=\"getInputAttr(row, item)\"\n                               :disabled=\"isInputDisabled(row, item)\"\n                               :prop=\"`${prop}[${$index}].${item.prop}`\"\n                               :required=\"item.required\"\n                               @input=\"val => onInput(row, val, item)\" />\n                           </template>\n                           <template v-else-if=\"available && getCellType(row, item) === 'department'\">\n                             <FormInputDepartment\n                               v-if=\"item.single\"\n                               v-model:name=\"row[column.property]\"\n                               :ou-type=\"item.ouType\"\n                               v-bind=\"getInputAttr(row, item)\"\n                               :disabled=\"isInputDisabled(row, item)\"\n                               :prop=\"`${prop}[${$index}].${item.prop}`\"\n                               :required=\"item.required\"\n                               @input=\"val => onInput(row, val, item)\" />\n                             <FormInputDepartment\n                               v-else\n                               :model-value=\"row[column.property]\"\n                               v-bind=\"getInputAttr(row, item)\"\n                               :disabled=\"isInputDisabled(row, item)\"\n                               :prop=\"`${prop}[${$index}].${item.prop}`\"\n                               :required=\"item.required\"\n                               @input=\"val => onInput(row, val, item)\" />\n                           </template>"), T(H, E({ "model-value": t[n.property] }, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							options: e.options,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"model-value",
+							"disabled",
+							"prop",
+							"options",
+							"required",
+							"onInput"
+						])], 64)) : P.available && P.getCellType(t, e) === "datePicker" ? (D(), y(U, E({
+							key: 3,
+							ref_for: !0
+						}, P.getInputAttr(t, e), {
+							start: t[e.start],
+							"onUpdate:start": (n) => t[e.start] = n,
+							end: t[e.end],
+							"onUpdate:end": (n) => t[e.end] = n,
+							"model-value": t[n.property],
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"start",
+							"onUpdate:start",
+							"end",
+							"onUpdate:end",
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"onInput"
+						])) : P.available && P.getCellType(t, e) === "cascader" ? (D(), y(W, E({
+							key: 4,
+							"model-value": t[n.property]
+						}, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							"label-key": e.labelKey,
+							"value-key": e.valueKey,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"label-key",
+							"value-key",
+							"onInput"
+						])) : P.available && P.getCellType(t, e) === "checkbox" ? (D(), y(G, E({
+							key: 5,
+							"model-value": t[n.property]
+						}, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"onInput"
+						])) : P.available && P.getCellType(t, e) === "number" ? (D(), y(K, E({
+							key: 6,
+							"model-value": t[n.property]
+						}, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"onInput"
+						])) : P.available && P.getCellType(t, e) === "textarea" ? (D(), y(q, E({
+							key: 7,
+							rows: e.rows || "3",
+							"model-value": t[n.property]
+						}, { ref_for: !0 }, P.getInputAttr(t, e), {
+							disabled: P.isInputDisabled(t, e),
+							prop: `${g.prop}[${r}].${e.prop}`,
+							required: e.required,
+							onInput: (n) => P.onInput(t, n, e)
+						}), null, 16, [
+							"rows",
+							"model-value",
+							"disabled",
+							"prop",
+							"required",
+							"onInput"
+						])) : e.dicType || (i = e.options) != null && i.length ? (D(), y(J, {
+							key: 8,
+							"dict-type": e.dicType,
+							"id-as-value": e.idAsValue,
+							"label-as-value": e.labelAsValue,
+							column: n,
+							row: t,
+							options: e.options
+						}, null, 8, [
+							"dict-type",
+							"id-as-value",
+							"label-as-value",
+							"column",
+							"row",
+							"options"
+						])) : (D(), x(v, { key: 9 }, [w(A(P.getVal(t, n, e)), 1)], 64))];
+					})
+				]),
+				_: 2
+			}, 1032, [
+				"label",
+				"width",
+				"align",
+				"prop",
+				"options",
+				"show-overflow-tooltip"
+			]))), 128))]),
+			b(" 自定义操作列 "),
+			k(i.$slots, "handle", {
+				add: P.add,
+				remove: P.remove
+			}),
+			b(" 操作列  "),
+			(!g.modelValue || g.modelValue.length < g.limit) && !g.disabled && P.enabled && g.editable && g.handleColumn ? (D(), y(Y, {
+				key: 0,
+				label: "操作",
+				fixed: "right",
+				width: "80",
+				align: "center",
+				prop: "menu"
+			}, {
+				header: j(({ column: e, $index: t }) => [k(i.$slots, "handle-column-header", {
+					column: e,
+					index: t
+				}, () => [w(A(e.label), 1)])]),
+				default: j(({ row: e, $index: t }) => [g.showHandleColumnAddButton && g.modelValue.length < g.maxLimit ? (D(), x("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: M((n) => P.add(e, t), ["stop"])
+				}, null, 8, z)) : b("v-if", !0), g.modelValue && g.modelValue.length > 1 || g.allowEmpty ? (D(), y(X, {
+					key: 1,
+					class: "el-icon-error sub-table-handle-button table-button-remove",
+					style: {
+						"font-size": "20px",
+						cursor: "pointer"
+					},
+					title: "删除",
+					message: "您确定要删除该行吗？",
+					onClick: M((n) => P.remove(e, t), ["stop"])
+				}, null, 8, ["onClick"])) : b("v-if", !0)]),
+				_: 3
+			})) : b("v-if", !0)
+		]),
+		_: 2
+	}, [g.editable ? void 0 : {
+		name: "toolbar",
+		fn: j(() => [P.enabled || g.fetchApi ? (D(), x("div", L, [k(i.$slots, "toolbar", {
+			addRow: P.addRow,
+			delRow: P.delRow,
+			refresh: P.refresh
+		}, () => [P.enabled ? (D(), x(v, { key: 0 }, [T(F, {
+			class: "table-header-button add",
+			icon: "el-icon-circle-plus",
+			type: "text",
+			onClick: P.addRow
+		}, {
+			default: j(() => [...a[1] || (a[1] = [w(" 添加 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), T(I, {
+			class: "table-header-button remove",
+			message: "您确定要删除选中的记录吗？",
+			icon: "el-icon-error",
+			type: "text",
+			onClick: P.delRow
+		}, {
+			default: j(() => [...a[2] || (a[2] = [w(" 删除 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])], 64)) : b("v-if", !0), g.fetchApi ? (D(), y(F, {
+			key: 1,
+			class: "table-header-button refresh",
+			icon: "el-icon-refresh-left",
+			type: "text",
+			disabled: !1,
+			onClick: P.refresh
+		}, {
+			default: j(() => [...a[3] || (a[3] = [w(" 刷新 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])) : b("v-if", !0)])])) : b("v-if", !0)]),
+		key: "0"
+	}, g.allowEmpty && !g.disabled && g.showEmptyAddButton ? {
+		name: "empty",
+		fn: j(() => [S("i", {
+			class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+			style: {
+				"font-size": "20px",
+				cursor: "pointer"
+			},
+			title: "添加",
+			onClick: a[0] || (a[0] = M((e) => P.add(null, 0), ["stop"]))
+		})]),
+		key: "1"
+	} : void 0]), 1040, [
+		"data",
+		"api",
+		"show-summary",
+		"selection-width",
+		"selection",
+		"onSelectionChange"
+	]);
+}
+var V = /* @__PURE__ */ i(I, [["render", B]]);
+//#endregion
+export { V as default };

package/sub-table/style.css

@@ -0,0 +1 @@
+.sub-table.pageable-table.auto-height .el-table{min-height:0}.sub-table .el-form-item{width:100%;margin-bottom:0}.sub-table .el-col{width:100%}.sub-table .table-header{background-color:#f3f5fb;border:1px solid #dfe6ec;border-bottom:none;padding:2px 10px}.sub-table .table-header-button:hover,.sub-table .table-header-button:focus{color:#595959}.sub-table .table-header-button i+span{margin-left:0}.sub-table .table-header-button i{font-size:15px}.sub-table .table-header-button.add i{color:#4886ec}.sub-table .table-header-button.remove i{color:#e34e55}.sub-table .table-header-button.refresh i{color:#1eb91e}.sub-table .table-button-add{color:#5add7a;opacity:.8}.sub-table .table-button-add:hover{opacity:1}.sub-table .table-button-remove{color:#ddd}.sub-table .table-button-remove:hover{color:#ef6666}.sub-table .el-table__header-wrapper .el-table__header th{background-color:#f3f5fb;padding:5px 0}.sub-table .el-table{border-top-color:#dde1e5}.sub-table .el-table td{border-color:#dfe6ec}.sub-table .el-col{padding:0!important}.sub-table .row-indicator{border:6px solid #0000;border-bottom-color:#f5690c;width:0;height:0;display:inline-block;position:absolute;top:-6px;right:-6px;transform:rotate(45deg)}.sub-table .sub-table-handle-button{cursor:pointer;font-size:20px}.sub-table .sub-table-handle-button+.sub-table-handle-button{margin-left:5px}.sub-table .el-table .el-table__header th{line-height:inherit;padding:5px 0;background:#f3f5fb!important}