UNPKG

@aplus-frontend/ui

Version:

174 lines (173 loc) 4.59 kB
import { genSettingTriggerBtnStyle as a } from "../../ap-table/style/index.mjs"; import { multiRows as l, resetScrollbar as r } from "../../style/index.mjs"; import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs"; const d = { agGridSearchFormWrapperMarginBlockEnd: 10, agGridCellPaddingBlockMedium: 9, agGridCellPaddingBlockMini: 6, agGridLineClamp: 2, agGridEllipsisTooltipMaxWidth: 300, agGridEllipsisTooltipPadding: "6px 8px" }, n = (i) => { const { componentCls: e } = i; return { [e]: { ...r(i), "&-adaptive": { height: "100%", display: "flex", flexDirection: "column", [`${e}-grid-wrapper`]: { minHeight: 0, flex: 1, position: "relative" } }, "&-auto-height": { ".ag-center-cols-viewport": { minHeight: "unset !important" } }, "&-wrapper": { padding: i.space, paddingBlockEnd: i.spaceLG, backgroundColor: "#fff", // 如果渲染了分页器,则取消容器的底部边距,防止双重边距 "&:has(ul.ant-pagination)": { paddingBottom: 0 } }, [`${e}__search-wrapper`]: { padding: i.space, paddingBlockEnd: 0, backgroundColor: "#fff", borderRadius: i.borderRadius, marginBlockEnd: i.agGridSearchFormWrapperMarginBlockEnd }, [`${e}__table-wrapper`]: { flex: 1, minHeight: 0, maxHeight: "100%", width: "100%", display: "flex", flexDirection: "column" }, [`${e}__table-wrapper-card`]: { padding: i.space, paddingBlockEnd: i.spaceLG, borderRadius: i.borderRadius, backgroundColor: "#fff", "&:has(ul.ant-pagination)": { paddingBlockEnd: 0 } }, [`${e}-pagination`]: { marginBlock: i.space, display: "flex", flexWrap: "wrap", alignItems: "center", rowGap: i.space, ".ant-pagination-total-text": { flex: 1, height: "unset", lineHeight: i.lineHeight, display: "flex", alignItems: "center" } }, [`${e}__table-loading-wrapper`]: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", zIndex: 2, display: "flex", justifyContent: "center", alignItems: "center", backgroundColor: "hsla(0,0%,100%,.5)" }, [`${e}-table-header`]: { "&__title": { ...l(i), fontWeight: 700, "&--single": { flex: "unset" } } }, ...a(i), [`${e}__cell--left`]: { textAlign: "left" }, [`${e}__cell--center`]: { textAlign: "center" }, [`${e}__cell--right`]: { textAlign: "right" }, [`${e}__cell--multiline`]: { ".ag-cell-value": { display: "-webkit-box", WebkitBoxOrient: "vertical", WebkitLineClamp: i.agGridLineClamp, wordBreak: "break-all" } }, "&-size-mini": { ".ag-cell": { lineHeight: i.lineHeight, paddingBlock: i.agGridCellPaddingBlockMini, width: "100%", display: "flex", alignItems: "center", "& > div": { width: "100%" } } }, "&-size-medium": { ".ag-cell": { lineHeight: i.lineHeight, paddingBlock: i.agGridCellPaddingBlockMedium, display: "flex", alignItems: "center", "& > div": { width: "100%" } } }, [`${e}__tooltip`]: { fontSize: i.fontSize, maxWidth: i.agGridEllipsisTooltipMaxWidth, wordBreak: "break-all", backgroundColor: "#fff", padding: i.agGridEllipsisTooltipPadding, borderRadius: i.borderRadius, boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05)" }, ".ag-unselectable": { userSelect: "text", WebkitUserSelect: "text" }, ".ag-checkbox.ag-labeled[disabled] .ag-input-field-input[disabled]": { cursor: "not-allowed" }, ".ag-overlay": { pointerEvents: "auto" } } }; }, s = t( "AgGrid", (i) => [n(i)], d, { skipUnit: ["agGridLineClamp"] } ); export { s as default, d as defaultToken, n as genAgGridStyle };