aoi-comp 1.0.16 → 1.0.18

package/README.md

@@ -141,8 +141,7 @@ aoiInit(config);
 - `exe`：宿主环境注入的执行对象，用于数据库、文件等能力。
 - `cv`：宿主环境注入的图像处理对象。
 - `resource`：业务侧追加的国际化语言包。
-- `defaultLang`：系统语言，默认为 `zh`。
-- `lang`：用于指定系统语言，权重最高。
+- `lang`：系统语言，默认为 `zh`。
 - `sqls`：数据库表结构与 SQL 配置。
 - `level`：权限配置。
 - `config`：业务配置项。
@@ -155,11 +154,10 @@ aoiInit(config);
 ```jsx
 import { createRoot } from 'react-dom/client';
 import { AoiApp } from 'aoi-comp/comps';
-import zhCN from 'antd/locale/zh_CN';
 import App from './App';
 
 createRoot(document.getElementById('root')).render(
-  <AoiApp lang="zh" locale={zhCN}>
+  <AoiApp lang="zh">
     <App />
   </AoiApp>
 );

package/dist/comps.js

@@ -20717,79 +20717,81 @@ var FE = 4, IE = [
 	"button",
 	"query",
 	"action"
-], LE = ({ pSize: e, tHeight: t, whereConfig: n, where: r, setKey: i, onQuery: a, onInit: o, toolClick: s }) => {
-	let { t: c } = ge(), l = n.map((n) => {
-		let { label: l, span: u, labelWidth: d = 60, type: f, ...p } = n, m = n.prop;
-		if (!u) return;
-		let h = !IE.includes(f);
-		h && (p.value = r[m]), p.width = `calc(100% - ${h ? `${d}px - ${FE}px` : "0px"} )`;
-		let g = null;
-		switch (f) {
+], LE = ({ pSize: e, tHeight: t, whereConfig: n, where: r, labelWidths: i = 70, setKey: a, onQuery: o, onInit: s, toolClick: c }) => {
+	let { t: l } = ge(), u = n.map((n) => {
+		let { label: u, span: d, labelWidth: f = i, type: p, ...m } = n, h = n.prop;
+		if (!d) return;
+		let g = !IE.includes(p);
+		g && (m.value = r[h]), m.width = `calc(100% - ${g ? `${f}px - ${FE}px` : "0px"} )`;
+		let _ = null;
+		switch (p) {
 			case "number":
-				g = /* @__PURE__ */ G(TE, {
-					...p,
-					onChange: (e) => i(m, e)
-				}, l);
+				_ = /* @__PURE__ */ G(TE, {
+					...m,
+					onChange: (e) => a(h, e)
+				}, u);
 				break;
 			case "input":
-				g = /* @__PURE__ */ G(CE, {
-					...p,
-					onChange: (e) => i(m, e)
-				}, l);
+				_ = /* @__PURE__ */ G(CE, {
+					...m,
+					onChange: (e) => a(h, e)
+				}, u);
 				break;
 			case "date":
-				g = /* @__PURE__ */ G(yE, {
-					...p,
-					onChange: (e) => i(m, e)
-				}, l);
+				_ = /* @__PURE__ */ G(yE, {
+					...m,
+					onChange: (e) => a(h, e)
+				}, u);
 				break;
 			case "button":
 			case "query": {
-				let { width: e, onClick: t, ...r } = p;
-				g = /* @__PURE__ */ G(mn, {
+				let { width: e, onClick: t, ...r } = m;
+				_ = /* @__PURE__ */ G(mn, {
 					style: { width: e },
-					onClick: f === "query" ? () => a() : s(t),
+					onClick: p === "query" ? () => o() : c(t),
 					...r,
-					children: c(n.label)
-				}, l);
+					children: l(n.label)
+				}, u);
 				break;
 			}
 			case "form":
 			case "action":
-				g = p?.render?.({
-					label: l,
-					...p,
-					setKey: h ? i : void 0
+				_ = m?.render?.({
+					label: u,
+					...m,
+					setKey: g ? a : void 0
 				});
 				break;
-			default: g = /* @__PURE__ */ G(ME, {
+			default: _ = /* @__PURE__ */ G(ME, {
 				allowClear: !0,
-				...p,
-				initFetch: o,
-				onChange: (e) => i(m, e)
-			}, l);
+				...m,
+				initFetch: s,
+				onChange: (e) => a(h, e)
+			}, u);
 		}
 		return /* @__PURE__ */ K("div", {
 			style: {
-				width: u,
+				width: d,
 				height: t,
 				padding: e
 			},
 			className: "where-item",
-			children: [h ? /* @__PURE__ */ K("div", {
+			children: [g ? /* @__PURE__ */ K("div", {
 				className: "where-label",
+				title: l(n.label),
 				style: {
-					width: d,
-					minWidth: d
+					lineHeight: `${t - e * 2}px`,
+					width: f,
+					minWidth: f
 				},
-				children: [c(n.label), "："]
-			}) : /* @__PURE__ */ G(Zn, {}), g]
-		}, l);
+				children: [l(n.label), "："]
+			}) : /* @__PURE__ */ G(Zn, {}), _]
+		}, u);
 	});
 	return /* @__PURE__ */ G("div", {
 		className: "aoi-where-tools",
 		style: { "--aoi-where-gap": `${FE}px` },
-		children: l
+		children: u
 	});
 };
 LE.gSize = FE, LE.propTypes = {
@@ -20799,6 +20801,7 @@ LE.gSize = FE, LE.propTypes = {
 	onQuery: q.default.func,
 	onInit: q.default.func,
 	tHeight: q.default.string,
+	labelWidths: q.default.number,
 	pSize: q.default.string,
 	toolClick: q.default.func
 };
@@ -21245,157 +21248,158 @@ $E.propTypes = {
 var { Sider: eD, Content: tD, Footer: nD } = Sn, { gSize: rD } = LE, iD = "calc(50% - var(--ant-layout-gap) / 2)", { MeasureLineSvg: aD, DeleteLineSvg: oD } = Y, sD = ({ dataKey: e = "id", column: t, columns: n = [], toolColumns: a = [1, 6], visibleOk: o = !0, rightWidth: s = iD, footerHeight: c = iD, contentInitial: l = {
 	width: 906,
 	height: 467
-}, whereConfig: u = [], toolConfig: d = ["measure"], menuConfig: f = ["delete"], viewProps: p, rightProps: m, initWhere: h, queryWhere: g, statisWhere: _, getterData: v, footer: y, right: b, rightLayer: x = !1, onWhere: S, onLayer: C }) => {
-	let w = U(), T = U(), D = U(), O = U(), { t: k } = ge(), { db: A, defects: j, level: M } = Ce("simple"), [N, P] = Oe((e) => Ie(e)), [F] = ve(null, w, l), [I, ee] = W(!1), [L, R] = W(!1), [z, te] = W(!1), [ne, re] = W(!1), [ie, ae] = W([]), [oe, se] = W({
+}, labelWidths: u, whereConfig: d = [], toolConfig: f = ["measure"], menuConfig: p = ["delete"], viewProps: m, rightProps: h, initWhere: g, queryWhere: _, statisWhere: v, getterData: y, footer: b, right: x, rightLayer: S = !1, onWhere: C, onLayer: w }) => {
+	let T = U(), D = U(), O = U(), k = U(), { t: A } = ge(), { db: j, defects: M, level: N } = Ce("simple"), [P, F] = Oe((e) => Le(e)), [I] = ve(null, T, l), [ee, L] = W(!1), [R, z] = W(!1), [te, ne] = W(!1), [re, ie] = W(!1), [ae, oe] = W([]), [se, ce] = W({
 		id: null,
 		x: 0,
 		y: 0
-	}), [ce, le] = W(1), [ue, de] = W(j.reduce((e, t) => ({
+	}), [le, ue] = W(1), [de, fe] = W(M.reduce((e, t) => ({
 		...e,
 		[t.type]: !0
-	}), o ? { 0: !0 } : {})), [fe, pe] = be({
+	}), o ? { 0: !0 } : {})), [pe, me] = be({
 		data: null,
 		statis: null
-	}), [me, { cSize: he, pSize: _e, cHeight: ye, tHeight: xe }, we] = wp(u, t), [Te, Ee] = Cp(x ? O : D, ne, ce), De = [{
+	}), [he, { cSize: _e, pSize: ye, cHeight: xe, tHeight: we }, Te] = wp(d, t), [Ee, De] = Cp(S ? k : O, re, le), ke = [{
 		type: "measure",
 		icon: aD,
-		active: ne,
-		title: k("ui.tool.measure"),
-		onClick: () => re((e) => !e && JE)
-	}], ke = [{
+		active: re,
+		title: A("ui.tool.measure"),
+		onClick: () => ie((e) => !e && JE)
+	}], Ae = [{
 		type: "delete",
 		icon: oD,
 		color: "danger",
-		title: k("ui.tool.delete")
-	}], Ae = ` ORDER BY ${e} DESC`, je = Xn(() => d.map((e) => {
-		let t = E(e, "string"), n = De.find((t) => t.type === (e?.type ?? e));
-		return n ? Object.assign({ ...n }, t ? {} : e) : e;
-	}), [d]), Me = Xn(() => f.map((e) => {
+		title: A("ui.tool.delete")
+	}], je = ` ORDER BY ${e} DESC`, Me = Xn(() => f.map((e) => {
 		let t = E(e, "string"), n = ke.find((t) => t.type === (e?.type ?? e));
 		return n ? Object.assign({ ...n }, t ? {} : e) : e;
-	}), [f]), Ne = B((e, t) => {
-		let n = we.setKey(e, t);
-		S?.(n);
-	}), Pe = B(async (e) => {
-		if (!E(_, "function")) return null;
-		R(!0);
-		let t = await _(e);
-		return R(!1), t;
+	}), [f]), Ne = Xn(() => p.map((e) => {
+		let t = E(e, "string"), n = Ae.find((t) => t.type === (e?.type ?? e));
+		return n ? Object.assign({ ...n }, t ? {} : e) : e;
+	}), [p]), Pe = B((e, t) => {
+		let n = Te.setKey(e, t);
+		C?.(n);
 	}), Fe = B(async (e) => {
-		if (!h) return Promise.resolve([]);
-		if (E(h, "function")) return await h(e);
-		let t = h.tableName, n = A.getTable(t);
+		if (!E(v, "function")) return null;
+		z(!0);
+		let t = await v(e);
+		return z(!1), t;
+	}), Ie = B(async (e) => {
+		if (!g) return Promise.resolve([]);
+		if (E(g, "function")) return await g(e);
+		let t = g.tableName, n = j.getTable(t);
 		if (!n) return [];
-		let r = e.prop, i = (n.sqls?.[h.sqlKey] ?? h.sqlKey).replace(/\?/g, r);
-		return (await A.select(t, i)).map((e) => ({
+		let r = e.prop, i = (n.sqls?.[g.sqlKey] ?? g.sqlKey).replace(/\?/g, r);
+		return (await j.select(t, i)).map((e) => ({
 			label: e[r],
 			value: e[r]
 		}));
-	}), Ie = B(async (e) => {
-		if (!g) return null;
-		let t = we.getSql();
-		ee(!0);
-		let { current: n, pageSize: r } = e ?? P, i = ` LIMIT ${(n - 1) * r}, ${r}`, a = 0, o = [];
-		if (E(g, "function")) [a, o] = await g({
+	}), Le = B(async (e) => {
+		if (!_) return null;
+		let t = Te.getSql();
+		L(!0);
+		let { current: n, pageSize: r } = e ?? F, i = ` LIMIT ${(n - 1) * r}, ${r}`, a = 0, o = [];
+		if (E(_, "function")) [a, o] = await _({
 			limitSql: i,
-			sortSql: Ae,
+			sortSql: je,
 			whereSql: t
 		}, e);
 		else {
-			let n = g.tableName;
-			e || (a = (await A.getter(n, `${g.totalSql}${t}`))?.total ?? 0), o = await A.select(n, `${g.querySql}${t}${Ae}${i}`);
-		}
-		if (P.setValue(o, e ? void 0 : a), !e) {
-			pe.data = null;
-			let e = await Pe(t, !0);
-			pe.statis = e, x ? Ee.destroy() : Ee.clear(), C?.(!1), ae([]);
-		}
-		ee(!1);
-	}), Le = B(async (e, t) => {
-		if (!v) return;
-		if (te(!0), E(v, "function")) {
-			let n = await v(e, t);
-			pe.data = n;
+			let n = _.tableName;
+			e || (a = (await j.getter(n, `${_.totalSql}${t}`))?.total ?? 0), o = await j.select(n, `${_.querySql}${t}${je}${i}`);
+		}
+		if (F.setValue(o, e ? void 0 : a), !e) {
+			me.data = null;
+			let e = await Fe(t, !0);
+			me.statis = e, S ? De.destroy() : De.clear(), w?.(!1), oe([]);
+		}
+		L(!1);
+	}), Re = B(async (e, t) => {
+		if (!y) return;
+		if (ne(!0), E(y, "function")) {
+			let n = await y(e, t);
+			me.data = n;
 		} else {
-			let n = await A.getter(v.tableName, v.sqlKey, e);
-			pe.data = n && Object.assign(n, t);
-		}
-		let n = await Pe(t, !1);
-		pe.statis = n, x ? Ee.destroy() : Ee.clear(), C?.(!1), te(!1);
-	}), Re = B((e, t, n) => {
-		if (!M.editing) return;
-		let { offsetWidth: r } = w.current, i = n?.clientX ?? 0;
-		i > r && (i = r - 12), se({
+			let n = await j.getter(y.tableName, y.sqlKey, e);
+			me.data = n && Object.assign(n, t);
+		}
+		let n = await Fe(t, !1);
+		me.statis = n, S ? De.destroy() : De.clear(), w?.(!1), ne(!1);
+	}), V = B((e, t, n) => {
+		if (!N.editing) return;
+		let { offsetWidth: r } = T.current, i = n?.clientX ?? 0;
+		i > r && (i = r - 12), ce({
 			id: e,
 			x: i,
 			y: n?.clientY ?? 0
 		});
-	}), V = B((e) => {
-		oe?.id !== e && se({
+	}), ze = B((e) => {
+		se?.id !== e && ce({
 			id: null,
 			x: 0,
 			y: 0
 		});
-	}), ze = (e) => {
-		e ? Ee.clear() : Ee.pop();
-	}, Be = (e) => {
-		e || Ee.destroy(), C?.(e);
-	}, Ve = (e) => async () => {
-		let t = oe?.id;
-		await e?.(t), se({
+	}), Be = (e) => {
+		e ? De.clear() : De.pop();
+	}, Ve = (e) => {
+		e || De.destroy(), w?.(e);
+	}, He = (e) => async () => {
+		let t = se?.id;
+		await e?.(t), ce({
 			id: null,
 			x: 0,
 			y: 0
 		});
-	}, He = (e) => async () => {
-		let t = g && we.getSql();
+	}, Ue = (e) => async () => {
+		let t = _ && Te.getSql();
 		await e?.(t);
-	}, Ue = B(() => {
-		de(j.reduce((e, t) => ({
+	}, We = B(() => {
+		fe(M.reduce((e, t) => ({
 			...e,
-			[t.type]: ue?.[t.type] ?? !0
+			[t.type]: de?.[t.type] ?? !0
 		}), o ? { 0: !0 } : {}));
 	});
-	return Jn(Ue, [j, o]), Se(() => {
-		Ie?.();
+	return Jn(We, [M, o]), Se(() => {
+		Le?.();
 	}, i.historyUpdated, !0), /* @__PURE__ */ K(Zn, { children: [/* @__PURE__ */ K(Sn, { children: [/* @__PURE__ */ K(tD, {
-		ref: w,
+		ref: T,
 		className: "aoi-layout-content",
 		children: [
 			/* @__PURE__ */ G(LE, {
-				pSize: _e,
-				tHeight: xe,
-				where: me,
-				whereConfig: u,
-				setKey: Ne,
-				onQuery: Ie,
-				onInit: Fe,
-				toolClick: He
+				pSize: ye,
+				tHeight: we,
+				labelWidths: u,
+				where: he,
+				whereConfig: d,
+				setKey: Pe,
+				onQuery: Le,
+				onInit: Ie,
+				toolClick: Ue
 			}),
 			/* @__PURE__ */ G(XT, {
 				rowKey: e,
 				selected: !0,
-				loading: I,
-				width: F.width - _e / 2,
-				height: F.height - ye * 2 - xe * he - rD - 1,
-				pagination: P,
-				total: P?.total,
-				selecteds: ie,
-				setSelecteds: ae,
-				data: N,
+				loading: ee,
+				width: I.width - ye / 2,
+				height: I.height - xe * 2 - we * _e - rD - 1,
+				pagination: F,
+				total: F?.total,
+				selecteds: ae,
+				setSelecteds: oe,
+				data: P,
 				columns: n,
-				onRowClick: Le,
-				onContextMenu: Re,
-				onMouseEnter: V
+				onRowClick: Re,
+				onContextMenu: V,
+				onMouseEnter: ze
 			}),
-			oe.id && M.editing ? /* @__PURE__ */ G("div", {
+			se.id && N.editing ? /* @__PURE__ */ G("div", {
 				className: "current-menu",
-				style: { transform: `translate(calc(${oe.x}px + ${rD}px - 100%), calc(${oe.y}px - ${rD}px))` },
-				children: Me.map((e) => /* @__PURE__ */ K(mn, {
+				style: { transform: `translate(calc(${se.x}px + ${rD}px - 100%), calc(${se.y}px - ${rD}px))` },
+				children: Ne.map((e) => /* @__PURE__ */ K(mn, {
 					color: e.color,
 					variant: "outlined",
-					disabled: !M.editing,
-					onClick: Ve(e.onClick),
+					disabled: !N.editing,
+					onClick: He(e.onClick),
 					children: [/* @__PURE__ */ G(Y, {
 						active: !0,
 						size: 14,
@@ -21409,60 +21413,60 @@ var { Sider: eD, Content: tD, Footer: nD } = Sn, { gSize: rD } = LE, iD = "calc(
 		className: "aoi-layout-footer",
 		style: { height: c },
 		children: /* @__PURE__ */ G(kn, {
-			spinning: L,
-			children: ie.length > 0 ? y?.current?.(pe.data) : y?.summary?.(pe.statis)
+			spinning: R,
+			children: ae.length > 0 ? b?.current?.(me.data) : b?.summary?.(me.statis)
 		})
 	})] }), /* @__PURE__ */ G(eD, {
 		className: "aoi-sider-right",
 		width: s,
 		children: /* @__PURE__ */ K(kn, {
-			spinning: z,
+			spinning: te,
 			style: { "--aoi-view-bgc": r },
 			children: [
 				/* @__PURE__ */ G(WE, {
-					id: fe.data,
+					id: pe.data,
 					visibleOk: o,
-					defects: j,
-					data: pe.data,
-					tools: je,
-					check: ue,
+					defects: M,
+					data: me.data,
+					tools: Me,
+					check: de,
 					columns: a,
-					toggle: !!x,
-					setCheck: de,
-					footer: x ? b?.tool?.() : null,
-					onButton: Be
+					toggle: !!S,
+					setCheck: fe,
+					footer: S ? x?.tool?.() : null,
+					onButton: Ve
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "defect-view-canvas",
-					ref: T,
+					ref: D,
 					children: [/* @__PURE__ */ G(mE, {
-						...p,
-						ref: D,
-						id: fe.data,
-						data: pe.data,
+						...m,
+						ref: O,
+						id: pe.data,
+						data: me.data,
 						tools: [],
-						depend: ue,
-						children: b?.view?.()
-					}), x ? /* @__PURE__ */ G("div", {
+						depend: de,
+						children: x?.view?.()
+					}), S ? /* @__PURE__ */ G("div", {
 						className: "defect-view-layer",
 						children: /* @__PURE__ */ G(mE, {
-							ref: O,
+							ref: k,
 							tools: [],
-							...m,
-							children: b?.layer?.()
+							...h,
+							children: x?.layer?.()
 						})
 					}) : /* @__PURE__ */ G(Zn, {})]
 				}),
 				/* @__PURE__ */ G($E, {
-					open: ne,
-					vessel: T,
+					open: re,
+					vessel: D,
 					defaultX: 8,
 					defaultY: 0,
-					eqv: ce,
-					disabled: !Te,
-					onEqv: le,
-					onChange: re,
-					onRemove: ze
+					eqv: le,
+					disabled: !Ee,
+					onEqv: ue,
+					onChange: ie,
+					onRemove: Be
 				})
 			]
 		})
@@ -21480,6 +21484,7 @@ sD.propTypes = {
 		width: q.default.number,
 		height: q.default.number
 	}),
+	labelWidths: q.default.number,
 	whereConfig: q.default.array,
 	toolConfig: q.default.array,
 	menuConfig: q.default.array,

package/dist/style.css

@@ -1,2 +1,2 @@
-.aoi-svg-icon{color:var(--aoi-svg-fill);width:calc(var(--aoi-svg-size) / 19.2 * 1vw);height:calc(var(--aoi-svg-size) / 19.2 * 1vw);border-radius:2px;justify-content:center;align-items:center;transition-property:color,background;transition-duration:.3s;display:inline-flex}.aoi-svg-icon[tabindex]{cursor:inherit}.aoi-svg-icon[tabindex].icon-disabled{cursor:not-allowed}.aoi-svg-icon[tabindex].icon-event{cursor:pointer}.aoi-svg-icon:hover{color:var(--aoi-svg-live);background:var(--aoi-svg-bgc)}.aoi-svg-icon>span,.aoi-svg-icon>svg{transition:transform .3s}.aoi-confirm .aoi-confirm-container{box-sizing:border-box;border:1px solid #444}.aoi-ellipsis{max-height:200px;overflow-y:scroll}.aoi-ellipsis::-webkit-scrollbar{width:.260417vw!important;height:.260417vw!important}.aoi-ellipsis::-webkit-scrollbar-thumb{background:#89818180;border-radius:.260417vw}.aoi-ellipsis::-webkit-scrollbar-thumb:hover{background:#898181e6}.aoi-ellipsis::-webkit-scrollbar-track{background:0 0;border-radius:.260417vw}.aoi-ellipsis.ant-typography-ellipsis{margin-bottom:0}.aoi-err{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.520833vw 1.04167vw;display:flex}.aoi-err h2{color:#ff4d4f}.aoi-err pre{text-align:center;white-space:pre-wrap;color:#fa0}.aoi-hint{white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;display:flex}.aoi-hint .aoi-svg-icon{cursor:help}.aoi-window{z-index:auto;border-radius:var(--ant-border-radius-lg);background-color:#141414;position:absolute;inset:0 auto auto 0}.aoi-window .window-header{box-sizing:border-box;border:0 solid #444;border-bottom-width:1px;flex-direction:row;justify-content:space-between;align-items:center;padding-right:4px;display:flex}.aoi-window .window-header .window-drag{cursor:move;-webkit-user-select:none;user-select:none;flex:1;padding:4px 4px 4px 6px}.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}.aoi-list{color:#fff}.aoi-list .aoi-list-item{flex-direction:row;align-items:center;display:flex}.aoi-list .aoi-list-separator{color:#ffffff80;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;min-height:5.20833vw;display:flex}.aoi-modal .ant-modal-container{border-radius:var(--ant-border-radius-lg);box-sizing:border-box;border:1px solid #444;overflow:hidden}.aoi-modal .ant-modal-container .ant-modal-content{color:#fff;background:#383838}.aoi-modal .ant-modal-title{box-sizing:border-box;border:0 solid #444;border-bottom-width:1px;padding-left:10px;font-weight:800}.aoi-modal.header-center .ant-modal-title{text-align:center}.aoi-modal .aoi-modal-footer{box-sizing:border-box;border:0 solid #444;border-top-width:1px;flex-direction:row;justify-content:center;align-items:center;display:flex}.aoi-modal .aoi-modal-footer.empty-footer{display:none}.aoi-modal-wrapper{pointer-events:none;overflow:hidden}.aoi-modal-wrapper.mask-cancel{pointer-events:auto}.aoi-news{justify-content:center;align-items:center;display:inline-flex}.aoi-news>.ant-badge{line-height:0}.aoi-news-modal .aoi-modal{margin:0}.aoi-news-modal .aoi-news-title .aoi-news-count{position:relative;left:-8px}.aoi-news-modal .aoi-news-footer{width:100%;line-height:var(--ant-modal-title-line-height);font-size:var(--ant-modal-title-font-size);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.aoi-news-modal .aoi-news-footer>div{transition-property:color,background;transition-duration:.3s}.aoi-news-modal .aoi-news-footer>div:nth-child(2n){box-sizing:border-box;border:0 solid #444;border-width:0 1px}.aoi-news-modal .aoi-news-footer>div[disabled]{color:#ffffff80;cursor:not-allowed}.aoi-news-modal .aoi-news-footer>div:not([disabled]):hover{color:#1677ff;cursor:pointer;background:#ececec33}.aoi-news-modal .aoi-news-item{cursor:pointer;grid-template-columns:66px 1fr;min-height:66px;padding:4px 0;transition-property:background;transition-duration:.3s;display:grid}.aoi-news-modal .aoi-news-item.item-read{cursor:initial}.aoi-news-modal .aoi-news-item.item-read .item-content .content-title{color:#ffffff80}.aoi-news-modal .aoi-news-item.item-read .item-content .content-time{color:#ffffff4d}.aoi-news-modal .aoi-news-item:hover{background:#ececec33}.aoi-news-modal .aoi-news-item .item-icon{flex-direction:row;justify-content:center;align-self:start;align-items:center;display:flex;position:relative;top:33px;transform:translateY(-50%)}.aoi-news-modal .aoi-news-item .item-content{flex-direction:column;min-width:0;padding:0 6px;display:flex}.aoi-news-modal .aoi-news-item .item-content .content-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.aoi-news-modal .aoi-news-item .item-content .content-time{color:#ffffff80;font-size:12px}.aoi-result{pointer-events:none;color:var(--aoi-result-color);display:inline-flex}.aoi-result>div{flex-direction:row;justify-content:center;align-items:center;display:flex}.aoi-result.result-card{box-sizing:border-box;background-color:#202020;border:1px solid #444;border-radius:4px}.aoi-result.result-card>div{font-weight:700}.aoi-result.result-tab{border-style:solid;border-width:1px;border-color:var(--aoi-result-color);box-sizing:border-box;border-radius:4px}.aoi-rfid-container{color:var(--aoi-result-color);box-sizing:border-box;word-break:break-all;text-align:center;background-color:#202020;border:1px solid #444;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;font-weight:700;display:flex}.aoi-statis{box-sizing:border-box;background-color:#202020;border:1px solid #444;border-radius:4px;padding:.520833vw;position:relative}.aoi-statis .aoi-statis-title{margin-bottom:.3125vw}.aoi-statis .aoi-statis-legend{z-index:auto;flex-flow:column wrap;align-items:flex-start;gap:.208333vw;list-style:none;display:flex;position:absolute;inset:auto auto 10px 10px}.aoi-statis .aoi-statis-legend li{flex-direction:row;justify-content:center;align-items:center;gap:.260417vw;font-size:14px;display:flex}.aoi-statis .aoi-statis-legend .legend-color{border-radius:4px;width:.520833vw;height:.520833vw;display:inline-block}.aoi-statis .aoi-statis-legend .legend-total{font-size:12px}.aoi-statis .aoi-date-statis{overflow:hidden}.aoi-statis .aoi-date-statis>div{margin-bottom:.208333vw}.aoi-statis .aoi-date-statis>div:first-child{flex-direction:row;justify-content:space-between;align-items:center;font-weight:600;display:flex}.aoi-statis .aoi-date-statis>div:last-child{font-size:13px}.aoi-table.table-cell-centerd .ant-table-cell{text-align:center;justify-content:center}.aoi-table:not(.table-cell-centerd) .ant-table-cell-fix{text-align:start}.aoi-table .ant-spin-container:has(.ant-table-footer){border-radius:var(--ant-table-header-border-radius);overflow:hidden}.aoi-table .ant-table-placeholder .ant-table-expanded-row-fixed{left:1px!important}.aoi-table .ant-table-footer,.aoi-table .ant-table-thead .ant-table-cell,.aoi-table .ant-table-tbody .aoi-table-cell{--ant-table-cell-padding-block-sm:var(--ant-table-cell-padding);height:var(--ant-table-cell-height)}.aoi-table .ant-table-tbody{height:var(--aoi-table-height);position:relative}.aoi-table .ant-table-tbody:before{content:"";z-index:1;border-style:solid;border-width:0 1px 0 0;border-color:var(--ant-table-border-color);box-sizing:border-box;width:0;height:100%;display:block;position:absolute;inset:auto 0 0 auto}.aoi-table .ant-table-tbody .ant-table-row.aoi-table-row .aoi-table-cell{flex-direction:row;align-items:center;display:flex}.aoi-table .ant-table-tbody .ant-table-row.aoi-table-row:nth-child(2n){--ant-color-bg-container:#2c2c2c;background-color:var(--ant-color-bg-container)}.aoi-table .ant-table-tbody .aoi-table-expanded>div{white-space:normal}.aoi-table .aoi-table-footer{flex-direction:row;justify-content:flex-end;align-items:center;height:100%;display:flex}.aoi-table .aoi-table-footer .total-text-left strong{color:#1677ff}.aoi-table .aoi-table-footer .ant-pagination-options-size-changer-select{min-width:100px}.aoi-tabs{height:100%}.aoi-tabs.aoi-tabs-capsule .ant-tabs-nav{padding:10px}.aoi-tabs.aoi-tabs-capsule .aoi-tabs-item-capsule{border-color:#0000;border-radius:var(--ant-border-radius-lg)!important}.aoi-tabs.aoi-tabs-capsule .aoi-tabs-item-capsule.ant-tabs-tab-active{background-color:#1677ff33}.aoi-tabs.aoi-tabs-capsule .aoi-tabs-item-capsule:not(.ant-tabs-tab-active):hover{background-color:var(--ant-tabs-item-hover-bg)}.aoi-tabs .aoi-tabs-body{height:100%;overflow:hidden}.aoi-tabs .aoi-tabs-body .ant-tabs-content{height:100%;padding:0!important}.aoi-view{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.aoi-view .view-container{width:100%;max-height:calc(100% - var(--aoi-view-th));flex:1 1 0;min-height:0;position:relative;overflow:hidden}.aoi-view .view-container>.view-canvas{width:100%;height:100%;display:block}.aoi-view .canvas-texts{height:var(--aoi-view-th);background-color:#141414;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.aoi-view .canvas-texts>div{line-height:var(--aoi-view-th);white-space:nowrap;position:absolute;transform:translate(-50%)}.aoi-view .canvas-texts>div:last-child{right:6px;left:auto!important;transform:none!important}.aoi-view .canvas-texts>div:first-child{left:6px!important;transform:none!important}.aoi-color.aoi-color-error{border-color:var(--ant-color-error)}.aoi-color.ant-color-picker-trigger-disabled{border-color:var(--ant-color-border-disabled)}.aoi-color .aoi-color-text{text-align:center;width:104px}.aoi-color-popup .ant-popover-container{box-sizing:border-box;border:1px solid #444}.aoi-date .ant-picker-input>.aoi-date-input{width:135px}.ant-picker-dropdown .aoi-date-popup{box-sizing:border-box;border:1px solid #444}.ant-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner:hover{background:var(--ant-date-picker-time-bg-active-hover)!important}.aoi-info .ant-input,.aoi-info .ant-picker input,.aoi-info .ant-input-number input,.aoi-info .ant-select .ant-select-content{text-align:center}.ant-select-dropdown{box-sizing:border-box;border:1px solid #444}.aoi-select-popup .ant-select-tem-empty{text-align:center}.aoi-time-popup>.ant-picker-panel-container{box-sizing:border-box;border:1px solid #444}.aoi-where-tools{margin-bottom:var(--aoi-where-gap);flex-flow:wrap;align-items:center;display:flex}.aoi-where-tools .where-label{white-space:nowrap;line-height:1px}.aoi-where-tools .where-item{justify-content:flex-start;align-items:center;gap:var(--aoi-where-gap);flex-direction:row;display:flex}.aoi-model-history .aoi-layout-content{position:relative}.aoi-model-history .aoi-layout-content .current-menu{z-index:999;box-sizing:border-box;border-radius:var(--ant-border-radius-lg);background-color:#141414;border:1px solid #444;padding:4px 6px;position:absolute;inset:0 auto auto 0}.aoi-model-history .aoi-sider-right.ant-layout-sider{padding:0}.aoi-model-history .aoi-sider-right .ant-spin,.aoi-model-history .aoi-sider-right .ant-spin .ant-spin-container{height:100%}.aoi-model-history .aoi-sider-right .ant-spin .ant-spin-container{background:var(--aoi-view-bgc);flex-direction:column;display:flex}.aoi-model-history .aoi-sider-right .defect-checks{border-radius:var(--ant-border-radius-lg);background-color:lch(6.31893% 0 0/.85);flex-wrap:wrap;margin:8px;padding:8px;display:flex}.aoi-model-history .aoi-sider-right .defect-checks .item-check{border-radius:var(--ant-border-radius-lg);cursor:pointer;background-color:#666;transition-property:background;transition-duration:.2s;position:relative}.aoi-model-history .aoi-sider-right .defect-checks .item-check.active{background-color:var(--aoi-check-color)}.aoi-model-history .aoi-sider-right .defect-checks .item-check:not(.active):after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(45deg,#0000 calc(50% - 1px),red calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.aoi-model-history .aoi-sider-right .defect-checks .checks-item{white-space:nowrap;text-overflow:ellipsis;color:#141414;border-radius:var(--ant-border-radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:lch(100% 0 0/.9);flex-direction:row;justify-content:flex-start;align-items:center;gap:0 4px;padding:0 4px;transition-property:color;transition-duration:.2s;display:flex;overflow:hidden}.aoi-model-history .aoi-sider-right .defect-checks .checks-item.unactive{opacity:.75;color:#666}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-tools{grid-template-columns:repeat(var(--aoi-t-c), 1fr);grid-template-rows:repeat(var(--aoi-t-r), 1fr);box-sizing:border-box;border:0 solid #898181;border-right-width:1px;align-items:center;gap:8px;margin-right:8px;padding-right:8px;display:grid}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-items{grid-template-columns:repeat(var(--aoi-i-c), 1fr);flex:1;align-items:center;gap:8px;display:grid}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-toggle{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-footer{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.aoi-model-history .aoi-sider-right .defect-view-canvas{flex:1}.aoi-model-history .aoi-sider-right .defect-view-canvas .measure-tool .measure-explain{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.aoi-model-history .aoi-sider-right .defect-view-canvas .measure-tool .measure-actions{flex-direction:row;justify-content:space-evenly;align-items:center;padding:8px 4px;display:flex}.aoi-model-history .aoi-sider-right .defect-view-canvas .measure-tool .tool-empty{color:#fa0;font-size:14px}.aoi-model-history .aoi-sider-right .defect-view-layer{z-index:10;position:absolute;inset:0}.aoi-model-history .aoi-layout-footer>.ant-spin{width:100%;height:100%}.aoi-model-journal>.ant-layout{gap:var(--ant-layout-gap);flex-direction:row}.aoi-model-journal .journal-left .record-wrapper,.aoi-model-journal .journal-right .record-wrapper{height:100%}.aoi-model-journal .record-title{flex-direction:row;justify-content:flex-start;align-items:center;padding:0 4px;font-size:15px;font-weight:700;display:flex}.aoi-model-journal .record-type{font-weight:700}.aoi-model-journal .record-type.info{color:#999}.aoi-model-journal .record-type.warn{color:#fa0}.aoi-model-journal .record-type.error{color:#ff4d4f}.pos-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.f-center{justify-content:center;align-items:center}.g-center{place-items:center}.h-fill{height:100%}.w-fill{width:100%}.wh-fill{width:100%;height:100%}.aoi-layout{color:#fff;width:100vw;height:100vh}.aoi-layout .aoi-sider-left{box-sizing:border-box;border:0 solid #444;border-right-width:1px}.aoi-layout .aoi-sider-left .ant-layout-sider-children{flex-direction:column;align-items:center;display:flex}.aoi-layout .aoi-sider-left .aoi-module{flex:1}.aoi-layout .aoi-sider-left .aoi-module .aoi-module-wrapper .ant-segmented-group .ant-segmented-item:nth-of-type(n+2){margin-top:8px}.aoi-layout .aoi-sider-left .aoi-module .aoi-module-item{padding:8px var(--ant-control-padding-horizontal);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:300;display:flex}.aoi-layout .aoi-sider-left .aoi-tools{box-sizing:border-box;border:0 solid #444;border-top-width:1px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.aoi-layout .aoi-sider-left .aoi-module,.aoi-layout .aoi-sider-left .aoi-tools{padding:10px 0}.aoi-layout .aoi-sider-left .aoi-tool-item{width:var(--aoi-left-w);height:var(--aoi-left-w);border-radius:var(--ant-border-radius-lg);padding:0;position:relative}.aoi-layout .aoi-sider-left .aoi-tool-item .aoi-svg-icon{padding:calc(var(--aoi-left-w) * .15) calc(var(--aoi-left-w) * .34) calc(var(--aoi-left-w) * .45)}.aoi-layout .aoi-sider-left .aoi-tool-item .aoi-tool-title{pointer-events:none;top:auto;right:auto;bottom:calc(var(--aoi-left-w) * .15);z-index:auto;font-size:11px;position:absolute;left:auto}.aoi-layout .aoi-sider-right,.aoi-layout .aoi-layout-content{padding:var(--ant-layout-footer-padding)}.aoi-layout .aoi-layout-footer{margin-top:var(--ant-layout-gap)}.aoi-layout .aoi-layout-content{background-color:var(--ant-layout-content-bg)}.aoi-layout .aoi-layout-footer,.aoi-layout .aoi-sider-right,.aoi-layout .aoi-layout-content{box-sizing:border-box;border-radius:var(--ant-border-radius-lg);border:1px solid #ffffff1a;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0003}.aoi-layout .aoi-layout-main{position:relative}.aoi-layout .aoi-layout-main .aoi-layout-model{z-index:9;position:absolute;inset:0}.aoi-layout .aoi-layout-main .aoi-layout-home,.aoi-layout .aoi-layout-main .aoi-layout-model{padding:var(--ant-layout-footer-padding);gap:var(--ant-layout-gap)}.aoi-layout .aoi-layout-main .aoi-layout-home .aoi-layout-content{padding:0}.aoi-form-settings .aoi-form-items>.ant-descriptions-view{border-width:0 0 1px;border-radius:0}.aoi-form-settings .aoi-form-items .ant-descriptions-item-label{--ant-padding-xs:10px;width:45%;font-weight:500}.aoi-form-settings .aoi-defect-items{height:100%}.aoi-form-settings .aoi-defect-items .defect-item{box-sizing:border-box;border:0 solid #444;border-bottom-width:1px;justify-content:space-evenly;gap:6px;margin:0 8px;padding:0 12px}.aoi-form-settings .aoi-defect-items .defect-item .defect-index{width:20px;font-weight:500}.aoi-form-settings .aoi-defect-items .defect-item .defect-type{width:150px}.aoi-form-settings .aoi-defect-items .defect-item .defect-type .ant-space-addon{justify-content:center}.aoi-form-settings .aoi-defect-items .aoi-defect-actions{box-sizing:border-box;border:0 solid #444;border-top-width:1px;flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex;position:relative;overflow:hidden}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-switch-scope{--ant-switch-track-height:var(--ant-control-height);--ant-switch-track-padding:6px;--ant-switch-handle-size:calc(var(--ant-control-height) - (6px * 2));--ant-font-size-sm:var(--ant-button-content-font-size);border-radius:var(--ant-border-radius-lg)}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-switch-scope .ant-switch-handle:before{border-radius:var(--ant-border-radius-lg)}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-defect-extra{z-index:auto;background-color:var(--ant-modal-content-bg);flex-direction:row;justify-content:center;align-items:center;gap:6px;transition:transform .3s ease-in-out;display:flex;position:absolute;inset:0;transform:translateY(-100%)}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-defect-extra.extra-open{transform:translateY(0)}
+.aoi-svg-icon{color:var(--aoi-svg-fill);width:calc(var(--aoi-svg-size) / 19.2 * 1vw);height:calc(var(--aoi-svg-size) / 19.2 * 1vw);border-radius:2px;justify-content:center;align-items:center;transition-property:color,background;transition-duration:.3s;display:inline-flex}.aoi-svg-icon[tabindex]{cursor:inherit}.aoi-svg-icon[tabindex].icon-disabled{cursor:not-allowed}.aoi-svg-icon[tabindex].icon-event{cursor:pointer}.aoi-svg-icon:hover{color:var(--aoi-svg-live);background:var(--aoi-svg-bgc)}.aoi-svg-icon>span,.aoi-svg-icon>svg{transition:transform .3s}.aoi-confirm .aoi-confirm-container{box-sizing:border-box;border:1px solid #444}.aoi-ellipsis{max-height:200px;overflow-y:scroll}.aoi-ellipsis::-webkit-scrollbar{width:.260417vw!important;height:.260417vw!important}.aoi-ellipsis::-webkit-scrollbar-thumb{background:#89818180;border-radius:.260417vw}.aoi-ellipsis::-webkit-scrollbar-thumb:hover{background:#898181e6}.aoi-ellipsis::-webkit-scrollbar-track{background:0 0;border-radius:.260417vw}.aoi-ellipsis.ant-typography-ellipsis{margin-bottom:0}.aoi-err{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.520833vw 1.04167vw;display:flex}.aoi-err h2{color:#ff4d4f}.aoi-err pre{text-align:center;white-space:pre-wrap;color:#fa0}.aoi-hint{white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;display:flex}.aoi-hint .aoi-svg-icon{cursor:help}.aoi-window{z-index:auto;border-radius:var(--ant-border-radius-lg);background-color:#141414;position:absolute;inset:0 auto auto 0}.aoi-window .window-header{box-sizing:border-box;border:0 solid #444;border-bottom-width:1px;flex-direction:row;justify-content:space-between;align-items:center;padding-right:4px;display:flex}.aoi-window .window-header .window-drag{cursor:move;-webkit-user-select:none;user-select:none;flex:1;padding:4px 4px 4px 6px}.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}.aoi-list{color:#fff}.aoi-list .aoi-list-item{flex-direction:row;align-items:center;display:flex}.aoi-list .aoi-list-separator{color:#ffffff80;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;min-height:5.20833vw;display:flex}.aoi-modal .ant-modal-container{border-radius:var(--ant-border-radius-lg);box-sizing:border-box;border:1px solid #444;overflow:hidden}.aoi-modal .ant-modal-container .ant-modal-content{color:#fff;background:#383838}.aoi-modal .ant-modal-title{box-sizing:border-box;border:0 solid #444;border-bottom-width:1px;padding-left:10px;font-weight:800}.aoi-modal.header-center .ant-modal-title{text-align:center}.aoi-modal .aoi-modal-footer{box-sizing:border-box;border:0 solid #444;border-top-width:1px;flex-direction:row;justify-content:center;align-items:center;display:flex}.aoi-modal .aoi-modal-footer.empty-footer{display:none}.aoi-modal-wrapper{pointer-events:none;overflow:hidden}.aoi-modal-wrapper.mask-cancel{pointer-events:auto}.aoi-news{justify-content:center;align-items:center;display:inline-flex}.aoi-news>.ant-badge{line-height:0}.aoi-news-modal .aoi-modal{margin:0}.aoi-news-modal .aoi-news-title .aoi-news-count{position:relative;left:-8px}.aoi-news-modal .aoi-news-footer{width:100%;line-height:var(--ant-modal-title-line-height);font-size:var(--ant-modal-title-font-size);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.aoi-news-modal .aoi-news-footer>div{transition-property:color,background;transition-duration:.3s}.aoi-news-modal .aoi-news-footer>div:nth-child(2n){box-sizing:border-box;border:0 solid #444;border-width:0 1px}.aoi-news-modal .aoi-news-footer>div[disabled]{color:#ffffff80;cursor:not-allowed}.aoi-news-modal .aoi-news-footer>div:not([disabled]):hover{color:#1677ff;cursor:pointer;background:#ececec33}.aoi-news-modal .aoi-news-item{cursor:pointer;grid-template-columns:66px 1fr;min-height:66px;padding:4px 0;transition-property:background;transition-duration:.3s;display:grid}.aoi-news-modal .aoi-news-item.item-read{cursor:initial}.aoi-news-modal .aoi-news-item.item-read .item-content .content-title{color:#ffffff80}.aoi-news-modal .aoi-news-item.item-read .item-content .content-time{color:#ffffff4d}.aoi-news-modal .aoi-news-item:hover{background:#ececec33}.aoi-news-modal .aoi-news-item .item-icon{flex-direction:row;justify-content:center;align-self:start;align-items:center;display:flex;position:relative;top:33px;transform:translateY(-50%)}.aoi-news-modal .aoi-news-item .item-content{flex-direction:column;min-width:0;padding:0 6px;display:flex}.aoi-news-modal .aoi-news-item .item-content .content-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.aoi-news-modal .aoi-news-item .item-content .content-time{color:#ffffff80;font-size:12px}.aoi-result{pointer-events:none;color:var(--aoi-result-color);display:inline-flex}.aoi-result>div{flex-direction:row;justify-content:center;align-items:center;display:flex}.aoi-result.result-card{box-sizing:border-box;background-color:#202020;border:1px solid #444;border-radius:4px}.aoi-result.result-card>div{font-weight:700}.aoi-result.result-tab{border-style:solid;border-width:1px;border-color:var(--aoi-result-color);box-sizing:border-box;border-radius:4px}.aoi-rfid-container{color:var(--aoi-result-color);box-sizing:border-box;word-break:break-all;text-align:center;background-color:#202020;border:1px solid #444;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;font-weight:700;display:flex}.aoi-statis{box-sizing:border-box;background-color:#202020;border:1px solid #444;border-radius:4px;padding:.520833vw;position:relative}.aoi-statis .aoi-statis-title{margin-bottom:.3125vw}.aoi-statis .aoi-statis-legend{z-index:auto;flex-flow:column wrap;align-items:flex-start;gap:.208333vw;list-style:none;display:flex;position:absolute;inset:auto auto 10px 10px}.aoi-statis .aoi-statis-legend li{flex-direction:row;justify-content:center;align-items:center;gap:.260417vw;font-size:14px;display:flex}.aoi-statis .aoi-statis-legend .legend-color{border-radius:4px;width:.520833vw;height:.520833vw;display:inline-block}.aoi-statis .aoi-statis-legend .legend-total{font-size:12px}.aoi-statis .aoi-date-statis{overflow:hidden}.aoi-statis .aoi-date-statis>div{margin-bottom:.208333vw}.aoi-statis .aoi-date-statis>div:first-child{flex-direction:row;justify-content:space-between;align-items:center;font-weight:600;display:flex}.aoi-statis .aoi-date-statis>div:last-child{font-size:13px}.aoi-table.table-cell-centerd .ant-table-cell{text-align:center;justify-content:center}.aoi-table:not(.table-cell-centerd) .ant-table-cell-fix{text-align:start}.aoi-table .ant-spin-container:has(.ant-table-footer){border-radius:var(--ant-table-header-border-radius);overflow:hidden}.aoi-table .ant-table-placeholder .ant-table-expanded-row-fixed{left:1px!important}.aoi-table .ant-table-footer,.aoi-table .ant-table-thead .ant-table-cell,.aoi-table .ant-table-tbody .aoi-table-cell{--ant-table-cell-padding-block-sm:var(--ant-table-cell-padding);height:var(--ant-table-cell-height)}.aoi-table .ant-table-tbody{height:var(--aoi-table-height);position:relative}.aoi-table .ant-table-tbody:before{content:"";z-index:1;border-style:solid;border-width:0 1px 0 0;border-color:var(--ant-table-border-color);box-sizing:border-box;width:0;height:100%;display:block;position:absolute;inset:auto 0 0 auto}.aoi-table .ant-table-tbody .ant-table-row.aoi-table-row .aoi-table-cell{flex-direction:row;align-items:center;display:flex}.aoi-table .ant-table-tbody .ant-table-row.aoi-table-row:nth-child(2n){--ant-color-bg-container:#2c2c2c;background-color:var(--ant-color-bg-container)}.aoi-table .ant-table-tbody .aoi-table-expanded>div{white-space:normal}.aoi-table .aoi-table-footer{flex-direction:row;justify-content:flex-end;align-items:center;height:100%;display:flex}.aoi-table .aoi-table-footer .total-text-left strong{color:#1677ff}.aoi-table .aoi-table-footer .ant-pagination-options-size-changer-select{min-width:100px}.aoi-tabs{height:100%}.aoi-tabs.aoi-tabs-capsule .ant-tabs-nav{padding:10px}.aoi-tabs.aoi-tabs-capsule .aoi-tabs-item-capsule{border-color:#0000;border-radius:var(--ant-border-radius-lg)!important}.aoi-tabs.aoi-tabs-capsule .aoi-tabs-item-capsule.ant-tabs-tab-active{background-color:#1677ff33}.aoi-tabs.aoi-tabs-capsule .aoi-tabs-item-capsule:not(.ant-tabs-tab-active):hover{background-color:var(--ant-tabs-item-hover-bg)}.aoi-tabs .aoi-tabs-body{height:100%;overflow:hidden}.aoi-tabs .aoi-tabs-body .ant-tabs-content{height:100%;padding:0!important}.aoi-view{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.aoi-view .view-container{width:100%;max-height:calc(100% - var(--aoi-view-th));flex:1 1 0;min-height:0;position:relative;overflow:hidden}.aoi-view .view-container>.view-canvas{width:100%;height:100%;display:block}.aoi-view .canvas-texts{height:var(--aoi-view-th);background-color:#141414;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.aoi-view .canvas-texts>div{line-height:var(--aoi-view-th);white-space:nowrap;position:absolute;transform:translate(-50%)}.aoi-view .canvas-texts>div:last-child{right:6px;left:auto!important;transform:none!important}.aoi-view .canvas-texts>div:first-child{left:6px!important;transform:none!important}.aoi-color.aoi-color-error{border-color:var(--ant-color-error)}.aoi-color.ant-color-picker-trigger-disabled{border-color:var(--ant-color-border-disabled)}.aoi-color .aoi-color-text{text-align:center;width:104px}.aoi-color-popup .ant-popover-container{box-sizing:border-box;border:1px solid #444}.aoi-date .ant-picker-input>.aoi-date-input{width:135px}.ant-picker-dropdown .aoi-date-popup{box-sizing:border-box;border:1px solid #444}.ant-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner:hover{background:var(--ant-date-picker-time-bg-active-hover)!important}.aoi-info .ant-input,.aoi-info .ant-picker input,.aoi-info .ant-input-number input,.aoi-info .ant-select .ant-select-content{text-align:center}.ant-select-dropdown{box-sizing:border-box;border:1px solid #444}.aoi-select-popup .ant-select-tem-empty{text-align:center}.aoi-time-popup>.ant-picker-panel-container{box-sizing:border-box;border:1px solid #444}.aoi-where-tools{margin-bottom:var(--aoi-where-gap);flex-flow:wrap;align-items:center;display:flex}.aoi-where-tools .where-label{white-space:nowrap;text-overflow:ellipsis;height:100%;overflow:hidden}.aoi-where-tools .where-item{justify-content:flex-start;align-items:center;gap:var(--aoi-where-gap);flex-direction:row;display:flex}.aoi-model-history .aoi-layout-content{position:relative}.aoi-model-history .aoi-layout-content .current-menu{z-index:999;box-sizing:border-box;border-radius:var(--ant-border-radius-lg);background-color:#141414;border:1px solid #444;padding:4px 6px;position:absolute;inset:0 auto auto 0}.aoi-model-history .aoi-sider-right.ant-layout-sider{padding:0}.aoi-model-history .aoi-sider-right .ant-spin,.aoi-model-history .aoi-sider-right .ant-spin .ant-spin-container{height:100%}.aoi-model-history .aoi-sider-right .ant-spin .ant-spin-container{background:var(--aoi-view-bgc);flex-direction:column;display:flex}.aoi-model-history .aoi-sider-right .defect-checks{border-radius:var(--ant-border-radius-lg);background-color:lch(6.31893% 0 0/.85);flex-wrap:wrap;margin:8px;padding:8px;display:flex}.aoi-model-history .aoi-sider-right .defect-checks .item-check{border-radius:var(--ant-border-radius-lg);cursor:pointer;background-color:#666;transition-property:background;transition-duration:.2s;position:relative}.aoi-model-history .aoi-sider-right .defect-checks .item-check.active{background-color:var(--aoi-check-color)}.aoi-model-history .aoi-sider-right .defect-checks .item-check:not(.active):after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(45deg,#0000 calc(50% - 1px),red calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.aoi-model-history .aoi-sider-right .defect-checks .checks-item{white-space:nowrap;text-overflow:ellipsis;color:#141414;border-radius:var(--ant-border-radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:lch(100% 0 0/.9);flex-direction:row;justify-content:flex-start;align-items:center;gap:0 4px;padding:0 4px;transition-property:color;transition-duration:.2s;display:flex;overflow:hidden}.aoi-model-history .aoi-sider-right .defect-checks .checks-item.unactive{opacity:.75;color:#666}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-tools{grid-template-columns:repeat(var(--aoi-t-c), 1fr);grid-template-rows:repeat(var(--aoi-t-r), 1fr);box-sizing:border-box;border:0 solid #898181;border-right-width:1px;align-items:center;gap:8px;margin-right:8px;padding-right:8px;display:grid}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-items{grid-template-columns:repeat(var(--aoi-i-c), 1fr);flex:1;align-items:center;gap:8px;display:grid}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-toggle{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.aoi-model-history .aoi-sider-right .defect-checks .defect-checks-footer{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.aoi-model-history .aoi-sider-right .defect-view-canvas{flex:1}.aoi-model-history .aoi-sider-right .defect-view-canvas .measure-tool .measure-explain{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.aoi-model-history .aoi-sider-right .defect-view-canvas .measure-tool .measure-actions{flex-direction:row;justify-content:space-evenly;align-items:center;padding:8px 4px;display:flex}.aoi-model-history .aoi-sider-right .defect-view-canvas .measure-tool .tool-empty{color:#fa0;font-size:14px}.aoi-model-history .aoi-sider-right .defect-view-layer{z-index:10;position:absolute;inset:0}.aoi-model-history .aoi-layout-footer>.ant-spin{width:100%;height:100%}.aoi-model-journal>.ant-layout{gap:var(--ant-layout-gap);flex-direction:row}.aoi-model-journal .journal-left .record-wrapper,.aoi-model-journal .journal-right .record-wrapper{height:100%}.aoi-model-journal .record-title{flex-direction:row;justify-content:flex-start;align-items:center;padding:0 4px;font-size:15px;font-weight:700;display:flex}.aoi-model-journal .record-type{font-weight:700}.aoi-model-journal .record-type.info{color:#999}.aoi-model-journal .record-type.warn{color:#fa0}.aoi-model-journal .record-type.error{color:#ff4d4f}.pos-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.f-center{justify-content:center;align-items:center}.g-center{place-items:center}.h-fill{height:100%}.w-fill{width:100%}.wh-fill{width:100%;height:100%}.aoi-layout{color:#fff;width:100vw;height:100vh}.aoi-layout .aoi-sider-left{box-sizing:border-box;border:0 solid #444;border-right-width:1px}.aoi-layout .aoi-sider-left .ant-layout-sider-children{flex-direction:column;align-items:center;display:flex}.aoi-layout .aoi-sider-left .aoi-module{flex:1}.aoi-layout .aoi-sider-left .aoi-module .aoi-module-wrapper .ant-segmented-group .ant-segmented-item:nth-of-type(n+2){margin-top:8px}.aoi-layout .aoi-sider-left .aoi-module .aoi-module-item{padding:8px var(--ant-control-padding-horizontal);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:300;display:flex}.aoi-layout .aoi-sider-left .aoi-tools{box-sizing:border-box;border:0 solid #444;border-top-width:1px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.aoi-layout .aoi-sider-left .aoi-module,.aoi-layout .aoi-sider-left .aoi-tools{padding:10px 0}.aoi-layout .aoi-sider-left .aoi-tool-item{width:var(--aoi-left-w);height:var(--aoi-left-w);border-radius:var(--ant-border-radius-lg);padding:0;position:relative}.aoi-layout .aoi-sider-left .aoi-tool-item .aoi-svg-icon{padding:calc(var(--aoi-left-w) * .15) calc(var(--aoi-left-w) * .34) calc(var(--aoi-left-w) * .45)}.aoi-layout .aoi-sider-left .aoi-tool-item .aoi-tool-title{pointer-events:none;top:auto;right:auto;bottom:calc(var(--aoi-left-w) * .15);z-index:auto;font-size:11px;position:absolute;left:auto}.aoi-layout .aoi-sider-right,.aoi-layout .aoi-layout-content{padding:var(--ant-layout-footer-padding)}.aoi-layout .aoi-layout-footer{margin-top:var(--ant-layout-gap)}.aoi-layout .aoi-layout-content{background-color:var(--ant-layout-content-bg)}.aoi-layout .aoi-layout-footer,.aoi-layout .aoi-sider-right,.aoi-layout .aoi-layout-content{box-sizing:border-box;border-radius:var(--ant-border-radius-lg);border:1px solid #ffffff1a;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0003}.aoi-layout .aoi-layout-main{position:relative}.aoi-layout .aoi-layout-main .aoi-layout-model{z-index:9;position:absolute;inset:0}.aoi-layout .aoi-layout-main .aoi-layout-home,.aoi-layout .aoi-layout-main .aoi-layout-model{padding:var(--ant-layout-footer-padding);gap:var(--ant-layout-gap)}.aoi-layout .aoi-layout-main .aoi-layout-home .aoi-layout-content{padding:0}.aoi-form-settings .aoi-form-items>.ant-descriptions-view{border-width:0 0 1px;border-radius:0}.aoi-form-settings .aoi-form-items .ant-descriptions-item-label{--ant-padding-xs:10px;width:45%;font-weight:500}.aoi-form-settings .aoi-defect-items{height:100%}.aoi-form-settings .aoi-defect-items .defect-item{box-sizing:border-box;border:0 solid #444;border-bottom-width:1px;justify-content:space-evenly;gap:6px;margin:0 8px;padding:0 12px}.aoi-form-settings .aoi-defect-items .defect-item .defect-index{width:20px;font-weight:500}.aoi-form-settings .aoi-defect-items .defect-item .defect-type{width:150px}.aoi-form-settings .aoi-defect-items .defect-item .defect-type .ant-space-addon{justify-content:center}.aoi-form-settings .aoi-defect-items .aoi-defect-actions{box-sizing:border-box;border:0 solid #444;border-top-width:1px;flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex;position:relative;overflow:hidden}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-switch-scope{--ant-switch-track-height:var(--ant-control-height);--ant-switch-track-padding:6px;--ant-switch-handle-size:calc(var(--ant-control-height) - (6px * 2));--ant-font-size-sm:var(--ant-button-content-font-size);border-radius:var(--ant-border-radius-lg)}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-switch-scope .ant-switch-handle:before{border-radius:var(--ant-border-radius-lg)}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-defect-extra{z-index:auto;background-color:var(--ant-modal-content-bg);flex-direction:row;justify-content:center;align-items:center;gap:6px;transition:transform .3s ease-in-out;display:flex;position:absolute;inset:0;transform:translateY(-100%)}.aoi-form-settings .aoi-defect-items .aoi-defect-actions .aoi-defect-extra.extra-open{transform:translateY(0)}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aoi-comp",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "private": false,
   "description": "AOI React Component Library",
   "keywords": [