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

package/props/vue-tree-select.mjs

@@ -0,0 +1,213 @@
+//#region src/props/vue-tree-select.ts
+var e = {
+	allowClearingDisabled: {
+		type: Boolean,
+		default: !1
+	},
+	allowSelectingDisabledDescendants: {
+		type: Boolean,
+		default: !1
+	},
+	alwaysOpen: {
+		type: Boolean,
+		default: !1
+	},
+	appendToBody: {
+		type: Boolean,
+		default: !1
+	},
+	async: {
+		type: Boolean,
+		default: !1
+	},
+	autoFocus: {
+		type: Boolean,
+		default: !1
+	},
+	autoLoadRootOptions: {
+		type: Boolean,
+		default: !0
+	},
+	autoDeselectAncestors: {
+		type: Boolean,
+		default: !1
+	},
+	autoDeselectDescendants: {
+		type: Boolean,
+		default: !1
+	},
+	autoSelectAncestors: {
+		type: Boolean,
+		default: !1
+	},
+	autoSelectDescendants: {
+		type: Boolean,
+		default: !1
+	},
+	backspaceRemoves: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClearAll: {
+		type: Function,
+		default: () => !0
+	},
+	branchNodesFirst: {
+		type: Boolean,
+		default: !1
+	},
+	cacheOptions: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearAllText: {
+		type: String,
+		default: "Clear all"
+	},
+	clearOnSelect: {
+		type: Boolean,
+		default: !1
+	},
+	clearValueText: {
+		type: String,
+		default: "Clear value"
+	},
+	closeOnSelect: {
+		type: Boolean,
+		default: !0
+	},
+	defaultExpandLevel: {
+		type: Number,
+		default: 0
+	},
+	defaultOptions: { default: !1 },
+	deleteRemoves: {
+		type: Boolean,
+		default: !0
+	},
+	delimiter: {
+		type: String,
+		default: ","
+	},
+	flattenSearchResults: {
+		type: Boolean,
+		default: !1
+	},
+	disableBranchNodes: {
+		type: Boolean,
+		default: !1
+	},
+	disableFuzzyMatching: {
+		type: Boolean,
+		default: !1
+	},
+	flat: {
+		type: Boolean,
+		default: !1
+	},
+	instanceId: { type: [String, Number] },
+	joinValues: {
+		type: Boolean,
+		default: !1
+	},
+	limit: {
+		type: Number,
+		default: Infinity
+	},
+	limitText: { type: Function },
+	loadingText: {
+		type: String,
+		default: "Loading..."
+	},
+	loadOptions: { type: Function },
+	matchKeys: {
+		type: Array,
+		default: () => ["label"]
+	},
+	maxHeight: {
+		type: Number,
+		default: 300
+	},
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	name: { type: String },
+	noChildrenText: {
+		type: String,
+		default: "No sub-options."
+	},
+	noOptionsText: {
+		type: String,
+		default: "No options available."
+	},
+	noResultsText: {
+		type: String,
+		default: "No results found..."
+	},
+	normalizer: { type: Function },
+	openDirection: {
+		type: String,
+		default: "auto"
+	},
+	openOnClick: {
+		type: Boolean,
+		default: !0
+	},
+	openOnFocus: {
+		type: Boolean,
+		default: !1
+	},
+	options: { type: Array },
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	retryText: {
+		type: String,
+		default: "Retry?"
+	},
+	retryTitle: {
+		type: String,
+		default: "Click to retry"
+	},
+	searchable: {
+		type: Boolean,
+		default: !0
+	},
+	searchNested: {
+		type: Boolean,
+		default: !1
+	},
+	searchPromptText: {
+		type: String,
+		default: "Type to search..."
+	},
+	showCount: {
+		type: Boolean,
+		default: !1
+	},
+	showCountOf: { type: String },
+	showCountOnSearch: null,
+	sortValueBy: { type: String },
+	tabIndex: {
+		type: Number,
+		default: 0
+	},
+	modelValue: null,
+	valueConsistsOf: { type: String },
+	valueFormat: {
+		type: String,
+		default: "id"
+	},
+	zIndex: {
+		type: [Number, String],
+		default: 999
+	}
+};
+//#endregion
+export { e as allProps };

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}`,
+			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/sign-panel/index.mjs

@@ -0,0 +1,183 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, normalizeStyle as a, openBlock as o, toDisplayString as s, vShow as c, withDirectives as l, withModifiers as u } from "vue";
+//#region src/components/SignPanel.vue
+var d = {
+	name: "SignPanel",
+	props: {
+		width: {
+			type: Number,
+			default: 400
+		},
+		height: {
+			type: Number,
+			default: 150
+		},
+		lineWidth: {
+			type: Number,
+			default: 1
+		},
+		text: {
+			type: String,
+			default: "签名区"
+		},
+		fontSize: {
+			type: Number,
+			default: 20
+		},
+		modelValue: { type: String },
+		disabled: Boolean
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return { edit: !1 };
+	},
+	mounted() {
+		this.init();
+	},
+	methods: {
+		init() {
+			if (this.stack = [], this.canvas = this.$refs.canvas, !this.canvas.getContext) {
+				alert("当前浏览器不支持手写签名");
+				return;
+			}
+			this.canvasInit();
+		},
+		rollback() {
+			if (this.stack.length > 0) {
+				let e = this.stack[this.stack.length - 1];
+				this.ctx.putImageData(e, 0, 0), this.stack.length = this.stack.length - 1;
+			}
+		},
+		position() {
+			this.restorePoint = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
+			let e = this.canvas.getBoundingClientRect();
+			this.start = e.left, this.end = e.top;
+		},
+		canvasInit() {
+			this.ctx = this.canvas.getContext("2d"), this.ctx.lineCap = "round", this.ctx.lineWidth = this.lineWidth, this.ctx.clearRect(0, 0, this.width, this.height), this.blank = this.canvas.toDataURL("image/png");
+		},
+		drawWaterMark() {
+			this.ctx.font = `${this.fontSize}px bold 黑体`, this.ctx.fillStyle = "#eee", this.ctx.textAlign = "center", this.ctx.shadowBlur = 1, this.ctx.textBaseline = "middle", this.ctx.fillText(this.text, this.width / 2, this.height / 2);
+		},
+		down(e) {
+			this.position(), this.startLine(e.clientX, e.clientY, e), this.target = e.target, this.target.addEventListener("mousemove", this.move), window.addEventListener("mouseup", this.up);
+		},
+		move(e) {
+			this.moveLine(e.clientX, e.clientY, e);
+		},
+		up() {
+			this.target && this.target.removeEventListener("mousemove", this.move), window.removeEventListener("mouseup", this.up), this.record();
+		},
+		touchstart(e) {
+			this.position(), this.startLine(e.changedTouches[0].clientX, e.changedTouches[0].clientY, e);
+		},
+		touchmove(e) {
+			this.moveLine(e.touches[0].clientX, e.touches[0].clientY, e);
+		},
+		startLine(e, t) {
+			this.ctx.beginPath(), e -= this.start, t -= this.end, this.ctx.moveTo(e, t);
+		},
+		moveLine(e, t, n) {
+			n == null || n.preventDefault(), e -= this.start, t -= this.end, this.ctx.lineTo(e, t), this.ctx.stroke();
+		},
+		clear() {
+			this.ctx.clearRect(0, 0, this.width, this.height);
+		},
+		cancel() {
+			this.clear(), this.edit = !1;
+		},
+		touchend() {
+			this.record();
+		},
+		record() {
+			this.stack.push(this.restorePoint);
+		},
+		save() {
+			let e = this.canvas.toDataURL("image/png");
+			this.blank === e ? this.$emit("update:modelValue", "") : this.$emit("update:modelValue", e), this.edit = !1, this.stack.length = 0, this.ctx.clearRect(0, 0, this.width, this.height);
+		},
+		showSign() {
+			this.disabled || (this.edit = !0);
+		}
+	}
+}, f = { class: "sign-panel flex-column" }, p = { class: "sign-edit" }, m = ["width", "height"], h = { class: "sign-tool-bar" }, g = ["src"], _ = {
+	key: 2,
+	class: "el-icon-edit-outline sign-edit-icon"
+};
+function v(e, d, v, y, b, x) {
+	return o(), n("div", f, [
+		t("编辑"),
+		l(r("div", p, [
+			r("div", {
+				style: a({
+					width: `${v.width + 2}px`,
+					height: `${v.height + 2}px`
+				}),
+				class: "sign-draw-area"
+			}, [
+				t("水印层"),
+				r("div", {
+					class: "sign-watermark",
+					style: a({ fontSize: `${v.fontSize}px` })
+				}, s(v.text), 5),
+				t("canvas 画布"),
+				r("canvas", {
+					ref: "canvas",
+					class: "sign-canvas",
+					width: v.width,
+					height: v.height,
+					onTouchstart: d[0] || (d[0] = u((...e) => x.touchstart && x.touchstart(...e), ["stop"])),
+					onTouchmove: d[1] || (d[1] = u((...e) => x.touchmove && x.touchmove(...e), ["stop"])),
+					onMousedown: d[2] || (d[2] = u((...e) => x.down && x.down(...e), ["stop"])),
+					onTouchend: d[3] || (d[3] = u((...e) => x.touchend && x.touchend(...e), ["stop"])),
+					onMouseup: d[4] || (d[4] = u((...e) => x.up && x.up(...e), ["stop"]))
+				}, " 当前浏览器不支持手写签名 ", 40, m)
+			], 4),
+			t("操作按钮"),
+			r("div", h, [
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "red" },
+					onClick: d[5] || (d[5] = (...e) => x.clear && x.clear(...e))
+				}, [...d[10] || (d[10] = [r("i", { class: "fa fa-trash" }, null, -1), i(" 清除 ", -1)])]),
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "red" },
+					onClick: d[6] || (d[6] = (...e) => x.cancel && x.cancel(...e))
+				}, [...d[11] || (d[11] = [r("i", { class: "fa fa-close" }, null, -1), i(" 取消 ", -1)])]),
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "orange" },
+					onClick: d[7] || (d[7] = (...e) => x.rollback && x.rollback(...e))
+				}, [...d[12] || (d[12] = [r("i", { class: "fa fa-repeat" }, null, -1), i(" 撤销 ", -1)])]),
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "green" },
+					onClick: d[8] || (d[8] = (...e) => x.save && x.save(...e))
+				}, [...d[13] || (d[13] = [r("i", { class: "fa fa-check" }, null, -1), i(" 确定 ", -1)])])
+			])
+		], 512), [[c, !v.disabled && b.edit]]),
+		t("只读"),
+		l(r("div", {
+			class: "sign-view",
+			style: a({ cursor: v.disabled ? "not-allowed" : "pointer" }),
+			onClick: d[9] || (d[9] = (...e) => x.showSign && x.showSign(...e))
+		}, [
+			v.modelValue ? (o(), n("img", {
+				key: 0,
+				src: v.modelValue,
+				alt: "签名",
+				class: "sign-image"
+			}, null, 8, g)) : t("v-if", !0),
+			v.modelValue ? t("v-if", !0) : (o(), n("p", {
+				key: 1,
+				class: "sign-tips",
+				style: a({ color: !v.modelValue && v.disabled ? "red" : "" })
+			}, s(v.disabled ? "未签名" : "点击进行签名"), 5)),
+			v.disabled ? t("v-if", !0) : (o(), n("i", _))
+		], 4), [[c, v.disabled || !b.edit]])
+	]);
+}
+var y = /* @__PURE__ */ e(d, [["render", v]]);
+//#endregion
+export { y as default };

package/sign-panel/style.css

@@ -0,0 +1 @@
+.sign-panel{-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:#ffff9b00;border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.sign-panel .sign-button:hover{color:#000;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}

package/skeleton-panel/index.mjs

@@ -0,0 +1,37 @@
+import "../chunks/CjjJimnU.mjs";
+import { n as e } from "../chunks/CWvo-ucD.mjs";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, openBlock as s, renderSlot as c, withCtx as l } from "vue";
+//#region src/components/page/SkeletonPanel.vue
+var u = { class: "skeleton-panel" }, d = {
+	key: 0,
+	class: "skeleton-panel-left"
+}, f = /* @__PURE__ */ Object.assign({ name: "SkeletonPanel" }, {
+	__name: "SkeletonPanel",
+	props: {
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		hideLeft: Boolean,
+		useTab: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(f) {
+		return (p, m) => {
+			let h = e;
+			return s(), r("div", u, [f.hideLeft ? n("v-if", !0) : (s(), r("div", d, [f.useTab ? (s(), t(h, {
+				key: 0,
+				"tab-position": "top",
+				stretch: ""
+			}, {
+				default: l(() => [c(p.$slots, "left", {}, () => [m[0] || (m[0] = a("请添加内容", -1))])]),
+				_: 3
+			})) : c(p.$slots, "left", { key: 1 }, () => [m[1] || (m[1] = a("请添加内容", -1))])])), i("div", { class: o(["skeleton-panel-right", {
+				"flex-column": f.flexColumn,
+				"flex-row": f.flexRow
+			}]) }, [c(p.$slots, "default", {}, () => [m[2] || (m[2] = a("请添加内容", -1))])], 2)]);
+		};
+	}
+});
+//#endregion
+export { f as default };

package/skeleton-panel/style.css

@@ -0,0 +1 @@
+.skeleton-panel{background-color:#fff;flex-direction:row;height:100%;display:flex;overflow:auto}.skeleton-panel .skeleton-panel-right{flex:auto;height:100%;overflow:auto}.skeleton-panel .skeleton-panel-left{border-right:1px solid #ccc;flex-shrink:0;min-width:200px;height:100%;padding:0 10px;overflow:auto}

package/split-pane/index.mjs

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

package/split-pane/style.css

@@ -0,0 +1 @@
+.egd-split-wrapper{width:100%;height:100%;position:relative}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{left:0;right:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{z-index:10;position:absolute;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{height:32px;top:50%;left:1px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{width:32px;top:1px;left:50%;transform:translate(-50%)}.egd-split-trigger-vertical{cursor:ew-resize;background:#f8f8f9;width:6px;height:100%;box-shadow:0 0 4px #1c243866}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;background:#17233d40;width:4px;height:1px;margin-top:3px}.egd-split-trigger-horizontal{cursor:ns-resize;background:#f8f8f9;width:100%;height:6px;box-shadow:0 0 4px #1c243866}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;background:#17233d40;width:1px;height:4px;margin-right:3px}.egd-split-horizontal .egd-split-trigger-con{border-right:1px solid #d7dae0;height:100%;top:50%}.egd-split-vertical .egd-split-trigger-con{border-bottom:1px solid #d7dae0;width:100%;left:50%}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{box-shadow:none;background-color:#0000}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

package/stateful/index.mjs

@@ -0,0 +1,67 @@
+import { computed as e, h as t } from "vue";
+//#region src/components/Stateful.vue
+var n = {
+	name: "Stateful",
+	props: {
+		tag: {
+			type: String,
+			default: "div"
+		},
+		draft: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		doing: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		overdue: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		error: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		done: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		closed: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		type: {
+			type: String,
+			validator: (e) => [
+				"doing",
+				"overdue",
+				"error",
+				"done",
+				"closed"
+			].indexOf(e) > -1
+		},
+		status: { type: [String, Number] },
+		size: { type: String },
+		text: String
+	},
+	setup(n, { slots: r }) {
+		let i = e(() => n.type ? n.type : {
+			draft: Array.isArray(n.draft) ? n.draft.includes(n.status) : n.draft,
+			doing: Array.isArray(n.doing) ? n.doing.includes(n.status) : n.doing,
+			overdue: Array.isArray(n.overdue) ? n.overdue.includes(n.status) : n.overdue,
+			error: Array.isArray(n.error) ? n.error.includes(n.status) : n.error,
+			done: Array.isArray(n.done) ? n.done.includes(n.status) : n.done,
+			closed: Array.isArray(n.closed) ? n.closed.includes(n.status) : n.closed
+		});
+		return () => t(n.tag, [t("span", {
+			style: {
+				width: n.size,
+				height: n.size
+			},
+			class: ["stateful", i.value]
+		}), r.default ? r.default() : n.text]);
+	}
+};
+//#endregion
+export { n as default };

package/stateful/style.css

@@ -0,0 +1 @@
+.stateful{vertical-align:middle;content:"";border-radius:2px;width:14px;height:14px;margin-right:6px;display:inline-block}.stateful.draft{background-color:#d7d7d7}.stateful.doing{background-color:#14ca7a}.stateful.overdue{background-color:#feae3d}.stateful.error{background-color:red}.stateful.done{background-color:#45a3e7}.stateful.closed{background-color:#d7d7d7}

package/sub-table/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/DxL9oojv2.mjs";
+export { e 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}

package/sub-table-plus/index.mjs

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

package/sub-table-plus/style.css

@@ -0,0 +1 @@
+.sub-table-plus{width:100%}.sub-table-plus.hide-message .el-form-item__error{display:none}.sub-table-plus .pageable-table.auto-height .el-table{min-height:0}.sub-table-plus .el-form-item{width:100%;margin-bottom:0}.sub-table-plus .el-col{width:100%}.sub-table-plus .table-header{background-color:#f3f5fb;border:1px solid #dfe6ec;border-bottom:none;padding:2px 10px}.sub-table-plus .table-header-button:hover,.sub-table-plus .table-header-button:focus{color:#595959}.sub-table-plus .table-header-button i+span{margin-left:0}.sub-table-plus .table-header-button i{font-size:15px}.sub-table-plus .table-header-button.add i{color:#4886ec}.sub-table-plus .table-header-button.remove i{color:#e34e55}.sub-table-plus .table-header-button.refresh i{color:#1eb91e}.sub-table-plus .table-button-add{color:#5add7a;opacity:.8}.sub-table-plus .table-button-add:hover{opacity:1}.sub-table-plus .table-button-remove{color:#ddd}.sub-table-plus .table-button-remove:hover{color:#ef6666}.sub-table-plus .el-table__header-wrapper .el-table__header th{background-color:#f3f5fb;padding:5px 0}.sub-table-plus .el-table{border-top-color:#dde1e5}.sub-table-plus .el-table td{border-color:#dfe6ec}.sub-table-plus .el-col{padding:0!important}.sub-table-plus .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-plus .sub-table-handle-button{cursor:pointer;font-size:20px}.sub-table-plus .sub-table-handle-button+.sub-table-handle-button{margin-left:5px}.sub-table-plus .el-table .el-table__header th{line-height:inherit;padding:5px 0;background:#f3f5fb!important}.sub-table-plus .form-item{padding-top:4px;padding-bottom:4px}