@vaebe/ccui 2.0.0-beta.0

package/table/index.es.js

@@ -0,0 +1,553 @@
+import { computed as e, defineComponent as t, h as n, provide as r, ref as i, shallowRef as a, triggerRef as o, watch as s } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function c(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function l(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => c(n),
+		e: (e) => e ? c(n, e) : "",
+		m: (e) => e ? c(n, "", e) : "",
+		em: (e, t) => e && t ? c(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/table/src/table-types.ts
+var u = {
+	columns: {
+		type: Array,
+		default: () => []
+	},
+	dataSource: {
+		type: Array,
+		default: () => []
+	},
+	rowKey: {
+		type: [String, Function],
+		default: "key"
+	},
+	bordered: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	showHeader: {
+		type: Boolean,
+		default: !0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	rowSelection: {
+		type: Object,
+		default: void 0
+	},
+	expandable: {
+		type: Object,
+		default: void 0
+	},
+	scroll: {
+		type: Object,
+		default: void 0
+	},
+	childrenColumnName: {
+		type: String,
+		default: "children"
+	},
+	indentSize: {
+		type: Number,
+		default: 15
+	},
+	classNames: {
+		type: Object,
+		default: void 0
+	},
+	styles: {
+		type: Object,
+		default: void 0
+	}
+}, d = Symbol("TableColumnsCollector"), f = Symbol("TableSummaryCollector");
+//#endregion
+//#region ../ccui/ui/table/src/table.tsx
+function p(e, t) {
+	return e.key ? e.key : Array.isArray(e.dataIndex) ? e.dataIndex.join(".") : e.dataIndex || String(t);
+}
+function m(e, t) {
+	if (t) return (Array.isArray(t) ? t : t.split(".")).reduce((e, t) => e?.[t], e);
+}
+function h(e, t, n) {
+	if (typeof n == "function") return n(e, t);
+	let r = m(e, n);
+	return typeof r == "string" || typeof r == "number" ? r : t;
+}
+function g(e, t) {
+	return e === t ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t));
+}
+function _(e) {
+	if (e === void 0) return 0;
+	if (typeof e == "number") return e;
+	let t = String(e).match(/^([\d.]+)px$/);
+	return t ? Number(t[1]) : 0;
+}
+function v(e) {
+	if (e !== void 0) return typeof e == "number" ? `${e}px` : String(e);
+}
+var y = /* @__PURE__ */ t({
+	name: "CTable",
+	props: u,
+	emits: [
+		"change",
+		"update:filters",
+		"update:sorter",
+		"update:selectedRowKeys",
+		"update:expandedRowKeys",
+		"expand"
+	],
+	setup(t, { emit: c, slots: u }) {
+		let y = l("table"), b = i({}), x = i({ order: null }), S = i([]), C = i([]), w = /* @__PURE__ */ new Map(), T = a([]), ee = () => {
+			T.value = Array.from(w.values()).sort((e, t) => e.order - t.order).map((e) => e.column), o(T);
+		};
+		r(d, {
+			register(e, t, n) {
+				w.set(e, {
+					column: t,
+					order: n
+				}), ee();
+			},
+			unregister(e) {
+				w.delete(e), ee();
+			}
+		});
+		let E = a(null);
+		r(f, { setSummary(e) {
+			E.value = e;
+		} });
+		let D = e(() => t.columns && t.columns.length > 0 ? t.columns : T.value), te = (e) => {
+			let t = [], n = (e) => {
+				e.forEach((e) => {
+					e.children && e.children.length > 0 ? n(e.children) : t.push(e);
+				});
+			};
+			return n(e), t;
+		}, O = e(() => te(D.value)), ne = e(() => D.value.some((e) => e.children && e.children.length > 0));
+		s(() => t.rowSelection, (e) => {
+			if (e?.selectedRowKeys) {
+				S.value = [...e.selectedRowKeys];
+				return;
+			}
+			e?.defaultSelectedRowKeys && (S.value = [...e.defaultSelectedRowKeys]);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), s(() => t.expandable, (e) => {
+			if (e?.expandedRowKeys) {
+				C.value = [...e.expandedRowKeys];
+				return;
+			}
+			if (e?.defaultExpandAllRows) {
+				C.value = t.dataSource.map((e, n) => h(e, n, t.rowKey));
+				return;
+			}
+			e?.defaultExpandedRowKeys && (C.value = [...e.defaultExpandedRowKeys]);
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let k = e(() => {
+			let e = [], t = [], n = [];
+			return O.value.forEach((r, i) => {
+				r.fixed === "left" ? e.push({
+					column: r,
+					originalIndex: i
+				}) : r.fixed === "right" ? n.push({
+					column: r,
+					originalIndex: i
+				}) : t.push({
+					column: r,
+					originalIndex: i
+				});
+			}), [
+				...e,
+				...t,
+				...n
+			];
+		}), A = e(() => O.value.some((e) => e.fixed === "left")), re = e(() => O.value.some((e) => e.fixed === "right")), j = e(() => !!t.rowSelection), M = e(() => !!t.expandable?.expandedRowRender), N = e(() => j.value && (t.rowSelection?.fixed || A.value)), P = e(() => M.value && (t.expandable?.fixed || A.value)), F = e(() => {
+			if (!j.value) return 0;
+			let e = t.rowSelection?.columnWidth;
+			return _(e === void 0 ? 48 : e);
+		}), ie = e(() => {
+			if (!M.value) return 0;
+			let e = t.expandable?.columnWidth;
+			return _(e === void 0 ? 48 : e);
+		}), ae = e(() => {
+			let e = [], t = 0;
+			return t += N.value ? F.value : 0, t += P.value ? ie.value : 0, k.value.forEach(({ column: n }) => {
+				n.fixed === "left" ? (e.push(t), t += _(n.width)) : e.push(0);
+			}), e;
+		}), oe = e(() => {
+			let e = k.value.map(() => 0), t = 0;
+			for (let n = k.value.length - 1; n >= 0; n--) {
+				let { column: r } = k.value[n];
+				r.fixed === "right" && (e[n] = t, t += _(r.width));
+			}
+			return e;
+		}), se = e(() => ({
+			[y.b()]: !0,
+			[y.m(t.size)]: t.size !== "default",
+			[y.m("bordered")]: t.bordered,
+			[y.m("loading")]: t.loading,
+			[y.m("has-fixed-left")]: A.value || N.value || P.value,
+			[y.m("has-fixed-right")]: re.value
+		})), ce = e(() => {
+			let e = {};
+			return t.scroll?.x && (e.overflowX = "auto"), t.scroll?.y && (e.maxHeight = v(t.scroll.y), e.overflowY = "auto"), e;
+		}), le = e(() => {
+			let e = {};
+			return t.scroll?.x && (e.minWidth = v(t.scroll.x)), e;
+		}), I = e(() => {
+			let e = O.value.findIndex((e) => e.sortOrder !== void 0);
+			if (e >= 0) {
+				let t = O.value[e];
+				return {
+					column: t,
+					columnKey: p(t, e),
+					order: t.sortOrder ?? null
+				};
+			}
+			return x.value;
+		}), L = e(() => {
+			let e = { ...b.value };
+			return O.value.forEach((t, n) => {
+				t.filteredValue !== void 0 && (e[p(t, n)] = t.filteredValue);
+			}), e;
+		}), R = e(() => t.dataSource.filter((e) => O.value.every((t, n) => {
+			let r = L.value[p(t, n)];
+			return r?.length ? r.includes(m(e, t.dataIndex)) : !0;
+		}))), z = e(() => {
+			let { column: e, order: t } = I.value;
+			if (!e || !t || !e.sorter) return R.value;
+			let n = t === "ascend" ? 1 : -1;
+			return [...R.value].sort((t, r) => (typeof e.sorter == "function" ? e.sorter(t, r) : g(m(t, e.dataIndex), m(r, e.dataIndex))) * n);
+		}), B = e(() => new Set(t.rowSelection?.selectedRowKeys ?? S.value)), V = e(() => new Set(t.expandable?.expandedRowKeys ?? C.value)), H = (e) => {
+			let n = new Set(e);
+			return z.value.filter((e, r) => n.has(h(e, r, t.rowKey)));
+		}, U = (e) => t.rowSelection?.getCheckboxProps?.(e) ?? {}, W = (e) => !!U(e).disabled, G = e(() => z.value.map((e, n) => ({
+			record: e,
+			index: n,
+			key: h(e, n, t.rowKey)
+		})).filter(({ record: e }) => !W(e))), K = e(() => G.value.map(({ key: e }) => e).filter((e) => B.value.has(e))), q = e(() => G.value.length > 0 && K.value.length === G.value.length), ue = e(() => K.value.length > 0 && !q.value), J = (e, n, r) => {
+			t.rowSelection?.selectedRowKeys || (S.value = e), c("update:selectedRowKeys", e), t.rowSelection?.onChange?.(e, n), r?.();
+		}, de = (e, n, r) => {
+			if (!t.rowSelection || W(e)) return;
+			let i = h(e, n, t.rowKey), a = B.value, o = t.rowSelection.type === "radio" ? r ? [i] : [] : r ? [...a, i] : [...a].filter((e) => e !== i), s = H(o);
+			J(o, s, () => {
+				t.rowSelection?.onSelect?.(e, r, s);
+			});
+		}, fe = (e) => {
+			if (!t.rowSelection || t.rowSelection.type === "radio") return;
+			let n = G.value.map(({ key: e }) => e), r = B.value, i = e ? Array.from(new Set([...r, ...n])) : [...r].filter((e) => !n.includes(e)), a = H(i);
+			J(i, a, () => {
+				t.rowSelection?.onSelectAll?.(e, a, G.value.map(({ record: e }) => e));
+			});
+		}, pe = (e, n, r) => {
+			t.expandable?.expandedRowKeys || (C.value = e), c("update:expandedRowKeys", e), c("expand", r, n), t.expandable?.onChange?.(e), t.expandable?.onExpand?.(r, n);
+		}, Y = (e) => t.expandable?.rowExpandable ? t.expandable.rowExpandable(e) : !0, me = (e) => {
+			let n = e[t.childrenColumnName];
+			return Array.isArray(n) && n.length > 0;
+		}, X = (e, t) => {
+			if (!M.value && !me(e) || M.value && !Y(e)) return;
+			let n = V.value.has(t);
+			pe(n ? [...V.value].filter((e) => e !== t) : [...V.value, t], e, !n);
+		}, he = () => {
+			c("change", L.value, I.value, z.value);
+		}, ge = (e, t) => {
+			if (!e.sorter) return;
+			let n = p(e, t), r = I.value.columnKey === n ? I.value.order : null, i = r === "ascend" ? "descend" : r === "descend" ? null : "ascend", a = {
+				column: i ? e : void 0,
+				columnKey: n,
+				order: i
+			};
+			x.value = a, c("update:sorter", a), he();
+		}, _e = (e, t, n) => {
+			let r = p(e, t);
+			b.value = {
+				...b.value,
+				[r]: n
+			}, c("update:filters", b.value), he();
+		}, ve = (e, t, n) => {
+			let r = m(e, n.dataIndex), i = {
+				text: r,
+				record: e,
+				index: t,
+				column: n
+			};
+			return u.bodyCell ? u.bodyCell(i) : n.customRender ? n.customRender(i) : r;
+		}, Z = (e, t, n) => {
+			let r = { ...n };
+			return t.width !== void 0 && (r.width = v(t.width)), t.fixed === "left" ? (r.position = "sticky", r.left = `${ae.value[e]}px`, r.zIndex = 2) : t.fixed === "right" && (r.position = "sticky", r.right = `${oe.value[e]}px`, r.zIndex = 2), r;
+		}, ye = () => {
+			if (!j.value) return null;
+			let { columnWidth: e, hideSelectAll: r, type: i } = t.rowSelection, a = { width: v(e) };
+			return N.value && (a.position = "sticky", a.left = "0px", a.zIndex = 3), n("th", {
+				key: "__selection__",
+				class: [
+					y.e("th"),
+					y.e("selection-cell"),
+					N.value && y.em("cell", "fixed-left")
+				],
+				style: a
+			}, i === "radio" || r ? void 0 : n("input", {
+				class: [y.e("selection-input"), ue.value && y.em("selection-input", "mixed")],
+				type: "checkbox",
+				checked: q.value,
+				disabled: G.value.length === 0,
+				"aria-label": "Select all rows",
+				onClick: (e) => e.stopPropagation(),
+				onChange: (e) => fe(e.target.checked)
+			}));
+		}, be = (e, r) => {
+			if (!j.value) return null;
+			let i = t.rowSelection, a = h(e, r, t.rowKey), o = U(e), s = {};
+			return N.value && (s.position = "sticky", s.left = "0px", s.zIndex = 1), n("td", {
+				key: "__selection__",
+				class: [
+					y.e("td"),
+					y.e("selection-cell"),
+					N.value && y.em("cell", "fixed-left")
+				],
+				style: s
+			}, n("input", {
+				...o,
+				class: y.e("selection-input"),
+				type: i.type === "radio" ? "radio" : "checkbox",
+				checked: B.value.has(a),
+				disabled: o.disabled,
+				"aria-label": "Select row",
+				onClick: (e) => e.stopPropagation(),
+				onChange: (t) => de(e, r, t.target.checked)
+			}));
+		}, xe = () => {
+			if (!M.value) return null;
+			let e = { width: v(t.expandable?.columnWidth ?? 48) };
+			return P.value && (e.position = "sticky", e.left = `${N.value ? F.value : 0}px`, e.zIndex = 3), n("th", {
+				key: "__expand__",
+				class: [
+					y.e("th"),
+					y.e("expand-cell"),
+					P.value && y.em("cell", "fixed-left")
+				],
+				style: e
+			}, "");
+		}, Se = (e, t, r) => {
+			if (!M.value) return null;
+			let i = Y(e), a = V.value.has(r), o = {};
+			return P.value && (o.position = "sticky", o.left = `${N.value ? F.value : 0}px`, o.zIndex = 1), n("td", {
+				key: "__expand__",
+				class: [
+					y.e("td"),
+					y.e("expand-cell"),
+					P.value && y.em("cell", "fixed-left")
+				],
+				style: o,
+				onClick: (e) => e.stopPropagation()
+			}, [i ? n("button", {
+				type: "button",
+				class: [y.e("expand-icon"), a && y.em("expand-icon", "expanded")],
+				"aria-label": a ? "Collapse row" : "Expand row",
+				"aria-expanded": a,
+				onClick: (t) => {
+					t.stopPropagation(), X(e, r);
+				}
+			}, a ? "−" : "+") : null]);
+		}, Ce = (e, t) => {
+			if (!e.filters?.length) return null;
+			let r = p(e, t), i = L.value[r] ?? [], a = [...e.filterMultiple === !1 ? [n("option", { value: "" }, "All")] : [], ...e.filters.map((e, t) => n("option", {
+				key: String(e.value),
+				value: String(t)
+			}, e.text))];
+			return n("select", {
+				class: y.e("filter"),
+				value: e.filterMultiple === !1 ? i.length ? e.filters.findIndex((e) => e.value === i[0]).toString() : "" : i.map((t) => e.filters.findIndex((e) => e.value === t)).filter((e) => e >= 0).map(String),
+				multiple: e.filterMultiple !== !1,
+				onClick: (e) => e.stopPropagation(),
+				onChange: (n) => {
+					let r = n.target;
+					_e(e, t, e.filterMultiple === !1 ? r.value === "" ? [] : [e.filters[Number(r.value)].value] : Array.from(r.selectedOptions).map((t) => e.filters[Number(t.value)].value));
+				}
+			}, a);
+		}, we = (e) => !e.children || e.children.length === 0 ? 1 : e.children.reduce((e, t) => e + we(t), 0), Q = (e, t, r, i) => {
+			let a = p(e, t), o = I.value.columnKey === a ? I.value.order : null, s = u.headerCell ? u.headerCell({
+				column: e,
+				index: t
+			}) : e.title, c = e.onHeaderCell ? e.onHeaderCell(e) : {};
+			return c.colSpan === 0 || c.rowSpan === 0 ? null : n("th", {
+				key: a,
+				...i,
+				class: [
+					y.e("th"),
+					e.align && y.em("th", e.align),
+					e.sorter && y.em("th", "sortable"),
+					o && y.em("th", o),
+					e.fixed === "left" && y.em("cell", "fixed-left"),
+					e.fixed === "right" && y.em("cell", "fixed-right"),
+					c.class
+				],
+				style: Z(r, e, c.style),
+				rowspan: c.rowSpan ?? i?.rowspan,
+				colspan: c.colSpan ?? i?.colspan,
+				onClick: () => ge(e, t)
+			}, [n("div", { class: y.e("title") }, [n("span", null, s), e.sorter ? n("span", { class: y.e("sorter") }) : null]), Ce(e, t)]);
+		}, Te = () => {
+			if (!t.showHeader) return null;
+			if (!ne.value) return n("thead", {
+				class: [y.e("thead"), t.classNames?.header],
+				style: t.styles?.header
+			}, n("tr", null, [
+				ye(),
+				xe(),
+				...k.value.map(({ column: e, originalIndex: t }, n) => Q(e, t, n))
+			]));
+			let e = D.value, r = /* @__PURE__ */ new Map();
+			k.value.forEach(({ column: e }, t) => {
+				r.set(e, t);
+			});
+			let i = /* @__PURE__ */ new Map();
+			O.value.forEach((e, t) => {
+				i.set(e, t);
+			});
+			let a = [ye(), xe()], o = [];
+			return e.forEach((e, t) => {
+				if (e.children && e.children.length > 0) {
+					let s = e.onHeaderCell ? e.onHeaderCell(e) : {}, c = we(e);
+					a.push(n("th", {
+						key: `__group_${t}`,
+						class: [
+							y.e("th"),
+							y.em("th", "group"),
+							e.align && y.em("th", e.align),
+							e.fixed === "left" && y.em("cell", "fixed-left"),
+							e.fixed === "right" && y.em("cell", "fixed-right"),
+							s.class
+						],
+						style: s.style,
+						colspan: c
+					}, n("div", { class: y.e("title") }, [n("span", null, e.title)])));
+					let l = (e) => !e.children || e.children.length === 0 ? [e] : e.children.flatMap(l);
+					l(e).forEach((e) => {
+						let t = r.get(e) ?? 0, n = i.get(e) ?? 0;
+						o.push(Q(e, n, t));
+					});
+				} else {
+					let t = r.get(e) ?? 0, n = i.get(e) ?? 0;
+					a.push(Q(e, n, t, { rowspan: 2 }));
+				}
+			}), n("thead", {
+				class: [y.e("thead"), t.classNames?.header],
+				style: t.styles?.header
+			}, [n("tr", null, a), n("tr", null, o)]);
+		}, Ee = e(() => k.value.length + +!!j.value + +!!M.value), De = () => n("tr", { class: y.e("empty-row") }, [n("td", {
+			class: y.e("empty"),
+			colspan: Math.max(1, Ee.value)
+		}, u.empty ? u.empty() : "No data")]), Oe = (e, r, i) => !M.value || !V.value.has(i) ? null : n("tr", {
+			key: `${i}__expanded`,
+			class: y.e("expanded-row")
+		}, n("td", {
+			class: [y.e("td"), y.e("expanded-cell")],
+			colspan: Ee.value
+		}, t.expandable.expandedRowRender(e, r))), $ = (e, r, i = 0) => {
+			let a = h(e, r, t.rowKey), o = e[t.childrenColumnName], s = Array.isArray(o) && o.length > 0, c = s && V.value.has(a), l = k.value.map(({ column: o, originalIndex: l }, u) => {
+				let d = o.onCell ? o.onCell(e, r) : {};
+				if (d.rowSpan === 0 || d.colSpan === 0) return null;
+				let f = u === 0, m = i * t.indentSize, h = ve(e, r, o), g = f && (i > 0 || s) ? n("span", { style: {
+					paddingLeft: `${m}px`,
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "4px"
+				} }, [s ? n("span", {
+					class: [y.e("tree-expand-icon")],
+					style: {
+						cursor: "pointer",
+						userSelect: "none"
+					},
+					onClick: (t) => {
+						t.stopPropagation(), X(e, a);
+					}
+				}, c ? "−" : "+") : n("span", { style: {
+					width: "14px",
+					display: "inline-block"
+				} }), h]) : h;
+				return n("td", {
+					key: p(o, l),
+					class: [
+						y.e("td"),
+						o.align && y.em("td", o.align),
+						o.fixed === "left" && y.em("cell", "fixed-left"),
+						o.fixed === "right" && y.em("cell", "fixed-right"),
+						d.class
+					],
+					style: Z(u, o, d.style),
+					rowspan: d.rowSpan,
+					colspan: d.colSpan
+				}, g);
+			}).filter(Boolean), u = t.expandable?.expandRowByClick ? () => X(e, a) : void 0, d = [n("tr", {
+				key: a,
+				class: [
+					y.e("tr"),
+					B.value.has(a) && y.em("tr", "selected"),
+					t.classNames?.row
+				],
+				style: t.styles?.row,
+				onClick: u
+			}, [
+				be(e, r),
+				Se(e, r, a),
+				...l
+			]), Oe(e, r, a)];
+			return s && c && o.forEach((e, t) => {
+				d.push(...$(e, t, i + 1));
+			}), d;
+		}, ke = () => E.value ? n("tfoot", { class: y.e("summary") }, [E.value()]) : null, Ae = () => u.default ? n("div", {
+			class: y.e("children-collector"),
+			style: { display: "none" }
+		}, u.default()) : null;
+		return () => n("div", {
+			class: [se.value, t.classNames?.root],
+			style: t.styles?.root
+		}, [Ae(), n("div", {
+			class: y.e("container"),
+			style: ce.value
+		}, [n("table", {
+			class: y.e("table"),
+			style: le.value
+		}, [
+			Te(),
+			n("tbody", {
+				class: [y.e("tbody"), t.classNames?.body],
+				style: t.styles?.body
+			}, z.value.length ? z.value.flatMap((e, t) => $(e, t)) : De()),
+			ke()
+		]), t.loading ? n("div", { class: y.e("loading") }, [n("span", { class: y.e("loading-dot") })]) : null])]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/table/index.ts
+y.install = function(e) {
+	e.component(y.name, y);
+};
+var b = {
+	title: "Table 表格",
+	category: "数据展示",
+	status: "95%",
+	install(e) {
+		e.component(y.name, y);
+	}
+};
+//#endregion
+export { y as Table, b as default };

package/table/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={columns:{type:Array,default:()=>[]},dataSource:{type:Array,default:()=>[]},rowKey:{type:[String,Function],default:`key`},bordered:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},size:{type:String,default:`default`},rowSelection:{type:Object,default:void 0},expandable:{type:Object,default:void 0},scroll:{type:Object,default:void 0},childrenColumnName:{type:String,default:`children`},indentSize:{type:Number,default:15},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}},a=Symbol(`TableColumnsCollector`),o=Symbol(`TableSummaryCollector`);function s(e,t){return e.key?e.key:Array.isArray(e.dataIndex)?e.dataIndex.join(`.`):e.dataIndex||String(t)}function c(e,t){if(t)return(Array.isArray(t)?t:t.split(`.`)).reduce((e,t)=>e?.[t],e)}function l(e,t,n){if(typeof n==`function`)return n(e,t);let r=c(e,n);return typeof r==`string`||typeof r==`number`?r:t}function u(e,t){return e===t?0:e==null?-1:t==null?1:typeof e==`number`&&typeof t==`number`?e-t:String(e).localeCompare(String(t))}function d(e){if(e===void 0)return 0;if(typeof e==`number`)return e;let t=String(e).match(/^([\d.]+)px$/);return t?Number(t[1]):0}function f(e){if(e!==void 0)return typeof e==`number`?`${e}px`:String(e)}var p=(0,t.defineComponent)({name:`CTable`,props:i,emits:[`change`,`update:filters`,`update:sorter`,`update:selectedRowKeys`,`update:expandedRowKeys`,`expand`],setup(e,{emit:n,slots:i}){let p=r(`table`),m=(0,t.ref)({}),h=(0,t.ref)({order:null}),g=(0,t.ref)([]),_=(0,t.ref)([]),v=new Map,y=(0,t.shallowRef)([]),b=()=>{y.value=Array.from(v.values()).sort((e,t)=>e.order-t.order).map(e=>e.column),(0,t.triggerRef)(y)};(0,t.provide)(a,{register(e,t,n){v.set(e,{column:t,order:n}),b()},unregister(e){v.delete(e),b()}});let x=(0,t.shallowRef)(null);(0,t.provide)(o,{setSummary(e){x.value=e}});let S=(0,t.computed)(()=>e.columns&&e.columns.length>0?e.columns:y.value),ee=e=>{let t=[],n=e=>{e.forEach(e=>{e.children&&e.children.length>0?n(e.children):t.push(e)})};return n(e),t},C=(0,t.computed)(()=>ee(S.value)),te=(0,t.computed)(()=>S.value.some(e=>e.children&&e.children.length>0));(0,t.watch)(()=>e.rowSelection,e=>{if(e?.selectedRowKeys){g.value=[...e.selectedRowKeys];return}e?.defaultSelectedRowKeys&&(g.value=[...e.defaultSelectedRowKeys])},{immediate:!0,deep:!0}),(0,t.watch)(()=>e.expandable,t=>{if(t?.expandedRowKeys){_.value=[...t.expandedRowKeys];return}if(t?.defaultExpandAllRows){_.value=e.dataSource.map((t,n)=>l(t,n,e.rowKey));return}t?.defaultExpandedRowKeys&&(_.value=[...t.defaultExpandedRowKeys])},{immediate:!0,deep:!0});let w=(0,t.computed)(()=>{let e=[],t=[],n=[];return C.value.forEach((r,i)=>{r.fixed===`left`?e.push({column:r,originalIndex:i}):r.fixed===`right`?n.push({column:r,originalIndex:i}):t.push({column:r,originalIndex:i})}),[...e,...t,...n]}),T=(0,t.computed)(()=>C.value.some(e=>e.fixed===`left`)),ne=(0,t.computed)(()=>C.value.some(e=>e.fixed===`right`)),E=(0,t.computed)(()=>!!e.rowSelection),D=(0,t.computed)(()=>!!e.expandable?.expandedRowRender),O=(0,t.computed)(()=>E.value&&(e.rowSelection?.fixed||T.value)),k=(0,t.computed)(()=>D.value&&(e.expandable?.fixed||T.value)),A=(0,t.computed)(()=>{if(!E.value)return 0;let t=e.rowSelection?.columnWidth;return d(t===void 0?48:t)}),re=(0,t.computed)(()=>{if(!D.value)return 0;let t=e.expandable?.columnWidth;return d(t===void 0?48:t)}),ie=(0,t.computed)(()=>{let e=[],t=0;return t+=O.value?A.value:0,t+=k.value?re.value:0,w.value.forEach(({column:n})=>{n.fixed===`left`?(e.push(t),t+=d(n.width)):e.push(0)}),e}),ae=(0,t.computed)(()=>{let e=w.value.map(()=>0),t=0;for(let n=w.value.length-1;n>=0;n--){let{column:r}=w.value[n];r.fixed===`right`&&(e[n]=t,t+=d(r.width))}return e}),oe=(0,t.computed)(()=>({[p.b()]:!0,[p.m(e.size)]:e.size!==`default`,[p.m(`bordered`)]:e.bordered,[p.m(`loading`)]:e.loading,[p.m(`has-fixed-left`)]:T.value||O.value||k.value,[p.m(`has-fixed-right`)]:ne.value})),se=(0,t.computed)(()=>{let t={};return e.scroll?.x&&(t.overflowX=`auto`),e.scroll?.y&&(t.maxHeight=f(e.scroll.y),t.overflowY=`auto`),t}),ce=(0,t.computed)(()=>{let t={};return e.scroll?.x&&(t.minWidth=f(e.scroll.x)),t}),j=(0,t.computed)(()=>{let e=C.value.findIndex(e=>e.sortOrder!==void 0);if(e>=0){let t=C.value[e];return{column:t,columnKey:s(t,e),order:t.sortOrder??null}}return h.value}),M=(0,t.computed)(()=>{let e={...m.value};return C.value.forEach((t,n)=>{t.filteredValue!==void 0&&(e[s(t,n)]=t.filteredValue)}),e}),N=(0,t.computed)(()=>e.dataSource.filter(e=>C.value.every((t,n)=>{let r=M.value[s(t,n)];return r?.length?r.includes(c(e,t.dataIndex)):!0}))),P=(0,t.computed)(()=>{let{column:e,order:t}=j.value;if(!e||!t||!e.sorter)return N.value;let n=t===`ascend`?1:-1;return[...N.value].sort((t,r)=>(typeof e.sorter==`function`?e.sorter(t,r):u(c(t,e.dataIndex),c(r,e.dataIndex)))*n)}),F=(0,t.computed)(()=>new Set(e.rowSelection?.selectedRowKeys??g.value)),I=(0,t.computed)(()=>new Set(e.expandable?.expandedRowKeys??_.value)),L=t=>{let n=new Set(t);return P.value.filter((t,r)=>n.has(l(t,r,e.rowKey)))},R=t=>e.rowSelection?.getCheckboxProps?.(t)??{},z=e=>!!R(e).disabled,B=(0,t.computed)(()=>P.value.map((t,n)=>({record:t,index:n,key:l(t,n,e.rowKey)})).filter(({record:e})=>!z(e))),V=(0,t.computed)(()=>B.value.map(({key:e})=>e).filter(e=>F.value.has(e))),H=(0,t.computed)(()=>B.value.length>0&&V.value.length===B.value.length),le=(0,t.computed)(()=>V.value.length>0&&!H.value),U=(t,r,i)=>{e.rowSelection?.selectedRowKeys||(g.value=t),n(`update:selectedRowKeys`,t),e.rowSelection?.onChange?.(t,r),i?.()},ue=(t,n,r)=>{if(!e.rowSelection||z(t))return;let i=l(t,n,e.rowKey),a=F.value,o=e.rowSelection.type===`radio`?r?[i]:[]:r?[...a,i]:[...a].filter(e=>e!==i),s=L(o);U(o,s,()=>{e.rowSelection?.onSelect?.(t,r,s)})},de=t=>{if(!e.rowSelection||e.rowSelection.type===`radio`)return;let n=B.value.map(({key:e})=>e),r=F.value,i=t?Array.from(new Set([...r,...n])):[...r].filter(e=>!n.includes(e)),a=L(i);U(i,a,()=>{e.rowSelection?.onSelectAll?.(t,a,B.value.map(({record:e})=>e))})},fe=(t,r,i)=>{e.expandable?.expandedRowKeys||(_.value=t),n(`update:expandedRowKeys`,t),n(`expand`,i,r),e.expandable?.onChange?.(t),e.expandable?.onExpand?.(i,r)},W=t=>e.expandable?.rowExpandable?e.expandable.rowExpandable(t):!0,pe=t=>{let n=t[e.childrenColumnName];return Array.isArray(n)&&n.length>0},G=(e,t)=>{if(!D.value&&!pe(e)||D.value&&!W(e))return;let n=I.value.has(t);fe(n?[...I.value].filter(e=>e!==t):[...I.value,t],e,!n)},K=()=>{n(`change`,M.value,j.value,P.value)},me=(e,t)=>{if(!e.sorter)return;let r=s(e,t),i=j.value.columnKey===r?j.value.order:null,a=i===`ascend`?`descend`:i===`descend`?null:`ascend`,o={column:a?e:void 0,columnKey:r,order:a};h.value=o,n(`update:sorter`,o),K()},he=(e,t,r)=>{let i=s(e,t);m.value={...m.value,[i]:r},n(`update:filters`,m.value),K()},ge=(e,t,n)=>{let r=c(e,n.dataIndex),a={text:r,record:e,index:t,column:n};return i.bodyCell?i.bodyCell(a):n.customRender?n.customRender(a):r},q=(e,t,n)=>{let r={...n};return t.width!==void 0&&(r.width=f(t.width)),t.fixed===`left`?(r.position=`sticky`,r.left=`${ie.value[e]}px`,r.zIndex=2):t.fixed===`right`&&(r.position=`sticky`,r.right=`${ae.value[e]}px`,r.zIndex=2),r},J=()=>{if(!E.value)return null;let{columnWidth:n,hideSelectAll:r,type:i}=e.rowSelection,a={width:f(n)};return O.value&&(a.position=`sticky`,a.left=`0px`,a.zIndex=3),(0,t.h)(`th`,{key:`__selection__`,class:[p.e(`th`),p.e(`selection-cell`),O.value&&p.em(`cell`,`fixed-left`)],style:a},i===`radio`||r?void 0:(0,t.h)(`input`,{class:[p.e(`selection-input`),le.value&&p.em(`selection-input`,`mixed`)],type:`checkbox`,checked:H.value,disabled:B.value.length===0,"aria-label":`Select all rows`,onClick:e=>e.stopPropagation(),onChange:e=>de(e.target.checked)}))},_e=(n,r)=>{if(!E.value)return null;let i=e.rowSelection,a=l(n,r,e.rowKey),o=R(n),s={};return O.value&&(s.position=`sticky`,s.left=`0px`,s.zIndex=1),(0,t.h)(`td`,{key:`__selection__`,class:[p.e(`td`),p.e(`selection-cell`),O.value&&p.em(`cell`,`fixed-left`)],style:s},(0,t.h)(`input`,{...o,class:p.e(`selection-input`),type:i.type===`radio`?`radio`:`checkbox`,checked:F.value.has(a),disabled:o.disabled,"aria-label":`Select row`,onClick:e=>e.stopPropagation(),onChange:e=>ue(n,r,e.target.checked)}))},Y=()=>{if(!D.value)return null;let n={width:f(e.expandable?.columnWidth??48)};return k.value&&(n.position=`sticky`,n.left=`${O.value?A.value:0}px`,n.zIndex=3),(0,t.h)(`th`,{key:`__expand__`,class:[p.e(`th`),p.e(`expand-cell`),k.value&&p.em(`cell`,`fixed-left`)],style:n},``)},ve=(e,n,r)=>{if(!D.value)return null;let i=W(e),a=I.value.has(r),o={};return k.value&&(o.position=`sticky`,o.left=`${O.value?A.value:0}px`,o.zIndex=1),(0,t.h)(`td`,{key:`__expand__`,class:[p.e(`td`),p.e(`expand-cell`),k.value&&p.em(`cell`,`fixed-left`)],style:o,onClick:e=>e.stopPropagation()},[i?(0,t.h)(`button`,{type:`button`,class:[p.e(`expand-icon`),a&&p.em(`expand-icon`,`expanded`)],"aria-label":a?`Collapse row`:`Expand row`,"aria-expanded":a,onClick:t=>{t.stopPropagation(),G(e,r)}},a?`−`:`+`):null])},ye=(e,n)=>{if(!e.filters?.length)return null;let r=s(e,n),i=M.value[r]??[],a=[...e.filterMultiple===!1?[(0,t.h)(`option`,{value:``},`All`)]:[],...e.filters.map((e,n)=>(0,t.h)(`option`,{key:String(e.value),value:String(n)},e.text))];return(0,t.h)(`select`,{class:p.e(`filter`),value:e.filterMultiple===!1?i.length?e.filters.findIndex(e=>e.value===i[0]).toString():``:i.map(t=>e.filters.findIndex(e=>e.value===t)).filter(e=>e>=0).map(String),multiple:e.filterMultiple!==!1,onClick:e=>e.stopPropagation(),onChange:t=>{let r=t.target;he(e,n,e.filterMultiple===!1?r.value===``?[]:[e.filters[Number(r.value)].value]:Array.from(r.selectedOptions).map(t=>e.filters[Number(t.value)].value))}},a)},X=e=>!e.children||e.children.length===0?1:e.children.reduce((e,t)=>e+X(t),0),Z=(e,n,r,a)=>{let o=s(e,n),c=j.value.columnKey===o?j.value.order:null,l=i.headerCell?i.headerCell({column:e,index:n}):e.title,u=e.onHeaderCell?e.onHeaderCell(e):{};return u.colSpan===0||u.rowSpan===0?null:(0,t.h)(`th`,{key:o,...a,class:[p.e(`th`),e.align&&p.em(`th`,e.align),e.sorter&&p.em(`th`,`sortable`),c&&p.em(`th`,c),e.fixed===`left`&&p.em(`cell`,`fixed-left`),e.fixed===`right`&&p.em(`cell`,`fixed-right`),u.class],style:q(r,e,u.style),rowspan:u.rowSpan??a?.rowspan,colspan:u.colSpan??a?.colspan,onClick:()=>me(e,n)},[(0,t.h)(`div`,{class:p.e(`title`)},[(0,t.h)(`span`,null,l),e.sorter?(0,t.h)(`span`,{class:p.e(`sorter`)}):null]),ye(e,n)])},be=()=>{if(!e.showHeader)return null;if(!te.value)return(0,t.h)(`thead`,{class:[p.e(`thead`),e.classNames?.header],style:e.styles?.header},(0,t.h)(`tr`,null,[J(),Y(),...w.value.map(({column:e,originalIndex:t},n)=>Z(e,t,n))]));let n=S.value,r=new Map;w.value.forEach(({column:e},t)=>{r.set(e,t)});let i=new Map;C.value.forEach((e,t)=>{i.set(e,t)});let a=[J(),Y()],o=[];return n.forEach((e,n)=>{if(e.children&&e.children.length>0){let s=e.onHeaderCell?e.onHeaderCell(e):{},c=X(e);a.push((0,t.h)(`th`,{key:`__group_${n}`,class:[p.e(`th`),p.em(`th`,`group`),e.align&&p.em(`th`,e.align),e.fixed===`left`&&p.em(`cell`,`fixed-left`),e.fixed===`right`&&p.em(`cell`,`fixed-right`),s.class],style:s.style,colspan:c},(0,t.h)(`div`,{class:p.e(`title`)},[(0,t.h)(`span`,null,e.title)])));let l=e=>!e.children||e.children.length===0?[e]:e.children.flatMap(l);l(e).forEach(e=>{let t=r.get(e)??0,n=i.get(e)??0;o.push(Z(e,n,t))})}else{let t=r.get(e)??0,n=i.get(e)??0;a.push(Z(e,n,t,{rowspan:2}))}}),(0,t.h)(`thead`,{class:[p.e(`thead`),e.classNames?.header],style:e.styles?.header},[(0,t.h)(`tr`,null,a),(0,t.h)(`tr`,null,o)])},Q=(0,t.computed)(()=>w.value.length+ +!!E.value+ +!!D.value),xe=()=>(0,t.h)(`tr`,{class:p.e(`empty-row`)},[(0,t.h)(`td`,{class:p.e(`empty`),colspan:Math.max(1,Q.value)},i.empty?i.empty():`No data`)]),Se=(n,r,i)=>!D.value||!I.value.has(i)?null:(0,t.h)(`tr`,{key:`${i}__expanded`,class:p.e(`expanded-row`)},(0,t.h)(`td`,{class:[p.e(`td`),p.e(`expanded-cell`)],colspan:Q.value},e.expandable.expandedRowRender(n,r))),$=(n,r,i=0)=>{let a=l(n,r,e.rowKey),o=n[e.childrenColumnName],c=Array.isArray(o)&&o.length>0,u=c&&I.value.has(a),d=w.value.map(({column:o,originalIndex:l},d)=>{let f=o.onCell?o.onCell(n,r):{};if(f.rowSpan===0||f.colSpan===0)return null;let m=d===0,h=i*e.indentSize,g=ge(n,r,o),_=m&&(i>0||c)?(0,t.h)(`span`,{style:{paddingLeft:`${h}px`,display:`inline-flex`,alignItems:`center`,gap:`4px`}},[c?(0,t.h)(`span`,{class:[p.e(`tree-expand-icon`)],style:{cursor:`pointer`,userSelect:`none`},onClick:e=>{e.stopPropagation(),G(n,a)}},u?`−`:`+`):(0,t.h)(`span`,{style:{width:`14px`,display:`inline-block`}}),g]):g;return(0,t.h)(`td`,{key:s(o,l),class:[p.e(`td`),o.align&&p.em(`td`,o.align),o.fixed===`left`&&p.em(`cell`,`fixed-left`),o.fixed===`right`&&p.em(`cell`,`fixed-right`),f.class],style:q(d,o,f.style),rowspan:f.rowSpan,colspan:f.colSpan},_)}).filter(Boolean),f=e.expandable?.expandRowByClick?()=>G(n,a):void 0,m=[(0,t.h)(`tr`,{key:a,class:[p.e(`tr`),F.value.has(a)&&p.em(`tr`,`selected`),e.classNames?.row],style:e.styles?.row,onClick:f},[_e(n,r),ve(n,r,a),...d]),Se(n,r,a)];return c&&u&&o.forEach((e,t)=>{m.push(...$(e,t,i+1))}),m},Ce=()=>x.value?(0,t.h)(`tfoot`,{class:p.e(`summary`)},[x.value()]):null,we=()=>i.default?(0,t.h)(`div`,{class:p.e(`children-collector`),style:{display:`none`}},i.default()):null;return()=>(0,t.h)(`div`,{class:[oe.value,e.classNames?.root],style:e.styles?.root},[we(),(0,t.h)(`div`,{class:p.e(`container`),style:se.value},[(0,t.h)(`table`,{class:p.e(`table`),style:ce.value},[be(),(0,t.h)(`tbody`,{class:[p.e(`tbody`),e.classNames?.body],style:e.styles?.body},P.value.length?P.value.flatMap((e,t)=>$(e,t)):xe()),Ce()]),e.loading?(0,t.h)(`div`,{class:p.e(`loading`)},[(0,t.h)(`span`,{class:p.e(`loading-dot`)})]):null])])}});p.install=function(e){e.component(p.name,p)},e.Table=p,e.default={title:`Table 表格`,category:`数据展示`,status:`95%`,install(e){e.component(p.name,p)}}});

package/tabs/ccui-cli.css

@@ -0,0 +1,2 @@
+.ccui-tab{padding:4px;position:relative;overflow:hidden}.ccui-tabs .ccui-tabs-nav--top,.ccui-tabs .ccui-tabs-nav--bottom{align-items:center;display:flex;position:relative}.ccui-tabs .ccui-tabs-nav--top:after,.ccui-tabs .ccui-tabs-nav--bottom:after{content:"";background-color:var(--ccui-color-border-secondary,#f0f0f0);position:absolute}.ccui-tabs .ccui-tabs-nav--top,.ccui-tabs .ccui-tabs-nav--bottom{gap:32px}.ccui-tabs .ccui-tabs-nav--top:after,.ccui-tabs .ccui-tabs-nav--bottom:after{width:100%;height:1px;left:0}.ccui-tabs .ccui-tabs-nav--top-item,.ccui-tabs .ccui-tabs-nav--bottom-item{font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);color:var(--ccui-color-text,#000000e0);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);margin:0;padding:12px 0}.ccui-tabs .ccui-tabs-nav--top-item:hover,.ccui-tabs .ccui-tabs-nav--bottom-item:hover{color:var(--ccui-color-primary-hover,#4096ff)}.ccui-tabs .ccui-tabs-nav--top-item,.ccui-tabs .ccui-tabs-nav--bottom-item{border-bottom:2px solid #0000;position:relative}.ccui-tabs .ccui-tabs-nav--top-item-active,.ccui-tabs .ccui-tabs-nav--bottom-item-active{color:var(--ccui-color-primary,#1677ff);border-bottom-color:var(--ccui-color-primary,#1677ff);font-weight:500}.ccui-tabs .ccui-tabs-nav--top:after{bottom:0}.ccui-tabs .ccui-tabs-nav--bottom:after{top:0}.ccui-tabs .ccui-tabs-nav--left,.ccui-tabs .ccui-tabs-nav--right{flex-direction:column;gap:8px;height:100%;display:flex;position:relative}.ccui-tabs .ccui-tabs-nav--left:after,.ccui-tabs .ccui-tabs-nav--right:after{content:"";background-color:var(--ccui-color-border-secondary,#f0f0f0);width:1px;height:100%;position:absolute;top:0}.ccui-tabs .ccui-tabs-nav--left-item,.ccui-tabs .ccui-tabs-nav--right-item{font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);color:var(--ccui-color-text,#000000e0);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);margin:0;padding:12px 0}.ccui-tabs .ccui-tabs-nav--left-item:hover,.ccui-tabs .ccui-tabs-nav--right-item:hover{color:var(--ccui-color-primary-hover,#4096ff)}.ccui-tabs .ccui-tabs-nav--left-item,.ccui-tabs .ccui-tabs-nav--right-item{border-right:2px solid #0000;padding:8px 24px}.ccui-tabs .ccui-tabs-nav--left-item-active,.ccui-tabs .ccui-tabs-nav--right-item-active{color:var(--ccui-color-primary,#1677ff);font-weight:500}.ccui-tabs .ccui-tabs-nav--left:after{right:0}.ccui-tabs .ccui-tabs-nav--left-item{text-align:end;border-right:2px solid #0000}.ccui-tabs .ccui-tabs-nav--left-item-active{border-right-color:var(--ccui-color-primary,#1677ff)}.ccui-tabs .ccui-tabs-nav--right:after{left:0}.ccui-tabs .ccui-tabs-nav--right-item{text-align:start;border-left:2px solid #0000}.ccui-tabs .ccui-tabs-nav--right-item-active{border-left-color:var(--ccui-color-primary,#1677ff)}.ccui-tabs .ccui-tabs-nav-card--top,.ccui-tabs .ccui-tabs-nav-card--bottom{gap:2px;display:flex;position:relative}.ccui-tabs .ccui-tabs-nav-card--top:after,.ccui-tabs .ccui-tabs-nav-card--bottom:after{content:"";background-color:var(--ccui-color-border-secondary,#f0f0f0);width:100%;height:1px;position:absolute;bottom:0;left:0}.ccui-tabs .ccui-tabs-nav-card--top-item,.ccui-tabs .ccui-tabs-nav-card--bottom-item{font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);color:var(--ccui-color-text,#000000e0);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);margin:0;padding:12px 0}.ccui-tabs .ccui-tabs-nav-card--top-item:hover,.ccui-tabs .ccui-tabs-nav-card--bottom-item:hover{color:var(--ccui-color-primary-hover,#4096ff)}.ccui-tabs .ccui-tabs-nav-card--top-item,.ccui-tabs .ccui-tabs-nav-card--bottom-item{background-color:var(--ccui-color-fill-quaternary,#00000005);border:1px solid var(--ccui-color-border-secondary,#f0f0f0);border-radius:var(--ccui-border-radius,6px) var(--ccui-border-radius,6px) 0 0;padding:6px 16px}.ccui-tabs .ccui-tabs-nav-card--top-item-active,.ccui-tabs .ccui-tabs-nav-card--bottom-item-active{color:var(--ccui-color-primary,#1677ff);background-color:var(--ccui-color-bg-container,#fff);border-color:var(--ccui-color-border-secondary,#f0f0f0);border-bottom-color:var(--ccui-color-bg-container,#fff);font-weight:500}.ccui-tabs .ccui-tabs-nav-card--bottom:after{top:0;bottom:auto}.ccui-tabs .ccui-tabs-nav-card--bottom-item{border-radius:0 0 var(--ccui-border-radius,6px) var(--ccui-border-radius,6px)}.ccui-tabs .ccui-tabs-nav-card--bottom-item-active{border-top-color:var(--ccui-color-bg-container,#fff);border-bottom-color:var(--ccui-color-border-secondary,#f0f0f0)}.ccui-tabs .ccui-tabs-nav-card--left,.ccui-tabs .ccui-tabs-nav-card--right{flex-direction:column;gap:2px;height:100%;display:flex;position:relative}.ccui-tabs .ccui-tabs-nav-card--left-item,.ccui-tabs .ccui-tabs-nav-card--right-item{font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);color:var(--ccui-color-text,#000000e0);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);margin:0;padding:12px 0}.ccui-tabs .ccui-tabs-nav-card--left-item:hover,.ccui-tabs .ccui-tabs-nav-card--right-item:hover{color:var(--ccui-color-primary-hover,#4096ff)}.ccui-tabs .ccui-tabs-nav-card--left-item,.ccui-tabs .ccui-tabs-nav-card--right-item{background-color:var(--ccui-color-fill-quaternary,#00000005);border:1px solid var(--ccui-color-border-secondary,#f0f0f0);padding:6px 16px}.ccui-tabs .ccui-tabs-nav-card--left-item-active,.ccui-tabs .ccui-tabs-nav-card--right-item-active{color:var(--ccui-color-primary,#1677ff);background-color:var(--ccui-color-bg-container,#fff);font-weight:500}.ccui-tabs .ccui-tabs-nav-card--left-item{border-radius:var(--ccui-border-radius,6px) 0 0 var(--ccui-border-radius,6px)}.ccui-tabs .ccui-tabs-nav-card--right-item{border-radius:0 var(--ccui-border-radius,6px) var(--ccui-border-radius,6px) 0}.ccui-tabs .ccui-tabs-nav-border-card--top,.ccui-tabs .ccui-tabs-nav-border-card--bottom{background-color:var(--ccui-color-fill-quaternary,#00000005);border:1px solid var(--ccui-color-border-secondary,#f0f0f0);display:flex;position:relative}.ccui-tabs .ccui-tabs-nav-border-card--top-item,.ccui-tabs .ccui-tabs-nav-border-card--bottom-item{font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);color:var(--ccui-color-text,#000000e0);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);margin:0;padding:12px 0}.ccui-tabs .ccui-tabs-nav-border-card--top-item:hover,.ccui-tabs .ccui-tabs-nav-border-card--bottom-item:hover{color:var(--ccui-color-primary-hover,#4096ff)}.ccui-tabs .ccui-tabs-nav-border-card--top-item,.ccui-tabs .ccui-tabs-nav-border-card--bottom-item{border-right:1px solid var(--ccui-color-border-secondary,#f0f0f0);padding:8px 16px}.ccui-tabs .ccui-tabs-nav-border-card--top-item:last-of-type,.ccui-tabs .ccui-tabs-nav-border-card--bottom-item:last-of-type{border-right:none}.ccui-tabs .ccui-tabs-nav-border-card--top-item-active,.ccui-tabs .ccui-tabs-nav-border-card--bottom-item-active{color:var(--ccui-color-primary,#1677ff);background-color:var(--ccui-color-bg-container,#fff);font-weight:500}.ccui-tabs .ccui-tabs-nav-border-card--top{border-bottom:1px solid #0000;margin-bottom:-1px}.ccui-tabs .ccui-tabs-nav-border-card--bottom{border-top:1px solid #0000;margin-top:-1px}.ccui-tabs .ccui-tabs-nav-border-card--left,.ccui-tabs .ccui-tabs-nav-border-card--right{background-color:var(--ccui-color-fill-quaternary,#00000005);border:1px solid var(--ccui-color-border-secondary,#f0f0f0);flex-direction:column;height:100%;display:flex;position:relative}.ccui-tabs .ccui-tabs-nav-border-card--left-item,.ccui-tabs .ccui-tabs-nav-border-card--right-item{font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);color:var(--ccui-color-text,#000000e0);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);margin:0;padding:12px 0}.ccui-tabs .ccui-tabs-nav-border-card--left-item:hover,.ccui-tabs .ccui-tabs-nav-border-card--right-item:hover{color:var(--ccui-color-primary-hover,#4096ff)}.ccui-tabs .ccui-tabs-nav-border-card--left-item,.ccui-tabs .ccui-tabs-nav-border-card--right-item{border-bottom:1px solid var(--ccui-color-border-secondary,#f0f0f0);padding:8px 16px}.ccui-tabs .ccui-tabs-nav-border-card--left-item:last-of-type,.ccui-tabs .ccui-tabs-nav-border-card--right-item:last-of-type{border-bottom:none}.ccui-tabs .ccui-tabs-nav-border-card--left-item-active,.ccui-tabs .ccui-tabs-nav-border-card--right-item-active{color:var(--ccui-color-primary,#1677ff);background-color:var(--ccui-color-bg-container,#fff);font-weight:500}:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-tabs{width:100%;font-size:var(--ccui-font-size,14px);color:var(--ccui-color-text,#000000e0);flex-direction:column;display:flex}.ccui-tabs__content{padding-top:16px}
+/*$vite$:1*/