@pisell/materials 1.8.41 → 1.8.42

package/lib/components/pisellEntityCard/PisellEntityCard.js

@@ -1,318 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
-const require_PisellBaseCard = require("../pisellBaseCard/PisellBaseCard.js");
-let react = require("react");
-react = require_runtime.__toESM(react);
-let antd = require("antd");
-let _ant_design_icons = require("@ant-design/icons");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-require("./PisellEntityCard.less");
-//#region src/components/pisellEntityCard/PisellEntityCard.tsx
-/** 左滑删除区域宽度（px） */
-const SWIPE_DELETE_WIDTH = 72;
-/** 触发显示删除按钮的滑动阈值（px） */
-const SWIPE_THRESHOLD = 36;
-/**
-* 设计准则（见设计文档 6）：
-* - 当信息字段缺少时，不显示：例如选 B5 但只有 2 条次级，则只展示 2 条，视觉与 B2 一致。
-* - 当字段超出规范时，不展示：例如选 B2 但有 5 条次级，只展示前 2 条。
-*/
-/** 按密度得到次级文案最大行数：B1 不展示，B2=2，B5=5，B9 不限制 */
-function getSecondaryLineClampByDensity(density) {
-	switch (density) {
-		case "B1": return 0;
-		case "B2": return 2;
-		case "B5": return 5;
-		default: return;
-	}
-}
-/** 按密度得到次级文案最大条数（超出则只展示前 N 条） */
-function getSecondaryMaxItemsByDensity(density) {
-	switch (density) {
-		case "B1": return 0;
-		case "B2": return 2;
-		case "B5": return 5;
-		default: return 999;
-	}
-}
-/** 按密度得到标签最大条数（与次级文案规则一致） */
-function getTagsMaxByDensity(density) {
-	switch (density) {
-		case "B1": return 2;
-		case "B2": return 2;
-		case "B5": return 5;
-		default: return 999;
-	}
-}
-/**
-* 渲染媒体区：头像 / 缩略图 / 图标
-*/
-function renderMediaNode(config) {
-	var _config$size, _config$shape;
-	const size = (_config$size = config.size) !== null && _config$size !== void 0 ? _config$size : 40;
-	const sizePx = typeof size === "number" ? `${size}px` : size;
-	const shape = (_config$shape = config.shape) !== null && _config$shape !== void 0 ? _config$shape : "circle";
-	if (config.type === "icon" && config.icon) return /* @__PURE__ */ react.default.createElement("span", {
-		className: "pisell-entity-card-media pisell-entity-card-media-icon",
-		style: {
-			width: sizePx,
-			height: sizePx,
-			color: config.color,
-			fontSize: sizePx,
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center"
-		}
-	}, config.icon);
-	if (config.type === "avatar" || config.type === "thumbnail") return /* @__PURE__ */ react.default.createElement(antd.Avatar, {
-		src: config.src,
-		alt: config.alt,
-		shape: shape === "circle" ? "circle" : "square",
-		style: {
-			width: sizePx,
-			height: sizePx,
-			flexShrink: 0
-		},
-		className: "pisell-entity-card-media pisell-entity-card-media-avatar"
-	});
-	return null;
-}
-/**
-* PisellEntityCard 实体卡片
-* 基于 PisellBaseCard，使用结构化配置展示实体信息，支持密度、布局、左滑删除与插槽
-*/
-function PisellEntityCard({ children, className, style, hoverStyle, activeStyle, disabledStyle, clickable = true, disabled = false, onClick, media, primaryText, subtitleText, secondaryTexts = [], tags = [], actions = [], showMedia = true, showPrimaryText = true, showSubtitle = true, showSecondaryText = true, showTags = true, showActions = false, density = "B2", layout = "horizontal", width = "content", swipeToDelete = false, onDelete, tagPosition = "below", contentGap, primaryLineClamp, secondaryLineClamp: secondaryLineClampProp, renderMedia, renderPrimary, renderSubtitle, renderSecondary, renderTags, renderActions }) {
-	const [swipeOffset, setSwipeOffset] = (0, react.useState)(0);
-	const [swipeStart, setSwipeStart] = (0, react.useState)(null);
-	/** 同步写入，保证 touchmove/mousemove 在当次事件流中能读到起始位置（setState 异步会滞后） */
-	const swipeStartDataRef = (0, react.useRef)(null);
-	const swipeOffsetRef = (0, react.useRef)(swipeOffset);
-	swipeOffsetRef.current = swipeOffset;
-	const swipeContainerRef = (0, react.useRef)(null);
-	const secondaryLineClamp = secondaryLineClampProp !== null && secondaryLineClampProp !== void 0 ? secondaryLineClampProp : getSecondaryLineClampByDensity(density);
-	const secondaryMaxItems = getSecondaryMaxItemsByDensity(density);
-	const tagsMaxItems = getTagsMaxByDensity(density);
-	/** 次级文案：按密度截断，缺时不补空（选 B5 仅 2 条则只显示 2 条，与 B2 一致） */
-	const effectiveSecondary = (0, react.useMemo)(() => secondaryLineClamp === 0 ? [] : secondaryTexts.slice(0, secondaryMaxItems), [
-		secondaryTexts,
-		secondaryLineClamp,
-		secondaryMaxItems
-	]);
-	/** 标签：按密度截断，超出规范只展示前 N 个 */
-	const effectiveTags = (0, react.useMemo)(() => tags.slice(0, tagsMaxItems), [tags, tagsMaxItems]);
-	const rootWidthStyle = (0, react.useMemo)(() => {
-		if (width === "full") return { width: "100%" };
-		if (typeof width === "number") return { width: `${width}px` };
-		return { width: "fit-content" };
-	}, [width]);
-	const handleSwipeStart = (0, react.useCallback)((x, isTouch) => {
-		if (!swipeToDelete || !onDelete) return;
-		swipeStartDataRef.current = {
-			x,
-			isTouch
-		};
-		setSwipeStart({
-			x,
-			isTouch
-		});
-	}, [swipeToDelete, onDelete]);
-	/** 左滑删除：手指往左滑 → 内容往左移 → 露出右侧删除。delta = start - currentX：左滑时 currentX 变小 delta>0，取 -delta 为负 offset */
-	const handleSwipeMove = (0, react.useCallback)((currentX) => {
-		const start = swipeStartDataRef.current;
-		if (start === null) return;
-		const delta = start.x - currentX;
-		const next = Math.max(-SWIPE_DELETE_WIDTH, Math.min(0, -delta));
-		swipeOffsetRef.current = next;
-		setSwipeOffset(next);
-	}, []);
-	const handleSwipeEnd = (0, react.useCallback)(() => {
-		const start = swipeStartDataRef.current;
-		const offset = swipeOffsetRef.current;
-		swipeStartDataRef.current = null;
-		if (start === null) return;
-		setSwipeOffset(offset <= -SWIPE_THRESHOLD ? -SWIPE_DELETE_WIDTH : 0);
-		setSwipeStart(null);
-	}, []);
-	/** 文档级鼠标滑动：鼠标移出容器后仍能继续滑动与松手 */
-	(0, react.useEffect)(() => {
-		if ((swipeStart === null || swipeStart === void 0 ? void 0 : swipeStart.isTouch) !== false) return;
-		const onDocMove = (e) => {
-			const start = swipeStartDataRef.current;
-			if (start === null) return;
-			const delta = start.x - e.clientX;
-			const next = Math.max(-SWIPE_DELETE_WIDTH, Math.min(0, -delta));
-			swipeOffsetRef.current = next;
-			setSwipeOffset(next);
-		};
-		const onDocUp = () => {
-			const start = swipeStartDataRef.current;
-			const offset = swipeOffsetRef.current;
-			if (start === null) return;
-			setSwipeOffset(offset <= -SWIPE_THRESHOLD ? -SWIPE_DELETE_WIDTH : 0);
-			setSwipeStart(null);
-		};
-		document.addEventListener("mousemove", onDocMove);
-		document.addEventListener("mouseup", onDocUp);
-		return () => {
-			document.removeEventListener("mousemove", onDocMove);
-			document.removeEventListener("mouseup", onDocUp);
-		};
-	}, [swipeStart === null || swipeStart === void 0 ? void 0 : swipeStart.isTouch]);
-	const onTouchStart = (0, react.useCallback)((e) => handleSwipeStart(e.touches[0].clientX, true), [handleSwipeStart]);
-	const onTouchMove = (0, react.useCallback)((e) => {
-		if (swipeStartDataRef.current !== null) {
-			e.preventDefault();
-			handleSwipeMove(e.touches[0].clientX);
-		}
-	}, [handleSwipeMove]);
-	const onTouchEnd = (0, react.useCallback)(() => handleSwipeEnd(), [handleSwipeEnd]);
-	const onMouseDown = (0, react.useCallback)((e) => {
-		e.preventDefault();
-		handleSwipeStart(e.clientX, false);
-	}, [handleSwipeStart]);
-	const onMouseMove = (0, react.useCallback)((e) => {
-		var _swipeStartDataRef$cu;
-		if (((_swipeStartDataRef$cu = swipeStartDataRef.current) === null || _swipeStartDataRef$cu === void 0 ? void 0 : _swipeStartDataRef$cu.isTouch) === false) handleSwipeMove(e.clientX);
-	}, [handleSwipeMove]);
-	const onMouseUp = (0, react.useCallback)(() => handleSwipeEnd(), [handleSwipeEnd]);
-	const onMouseLeave = (0, react.useCallback)(() => {
-		if (swipeStartDataRef.current !== null) {
-			swipeStartDataRef.current = null;
-			setSwipeOffset(0);
-			setSwipeStart(null);
-		}
-	}, []);
-	const handleDeleteClick = (0, react.useCallback)((e) => {
-		e.stopPropagation();
-		onDelete === null || onDelete === void 0 || onDelete();
-	}, [onDelete]);
-	const hasSwipe = swipeToDelete && !!onDelete;
-	/** 移动端：用原生 touchmove 且 passive: false，否则 preventDefault 不生效，无法拦截滚动 */
-	(0, react.useEffect)(() => {
-		if (!hasSwipe || !swipeContainerRef.current) return;
-		const el = swipeContainerRef.current;
-		const onTouchMoveNative = (e) => {
-			if (swipeStartDataRef.current !== null) {
-				e.preventDefault();
-				handleSwipeMove(e.touches[0].clientX);
-			}
-		};
-		el.addEventListener("touchmove", onTouchMoveNative, { passive: false });
-		return () => el.removeEventListener("touchmove", onTouchMoveNative);
-	}, [hasSwipe, handleSwipeMove]);
-	/** 滑出删除后，点击/触摸别处关闭滑出 */
-	(0, react.useEffect)(() => {
-		if (!hasSwipe || swipeOffset >= 0) return;
-		const closeIfOutside = (e) => {
-			const target = e.target;
-			if (target && swipeContainerRef.current && !swipeContainerRef.current.contains(target)) {
-				setSwipeOffset(0);
-				setSwipeStart(null);
-			}
-		};
-		document.addEventListener("click", closeIfOutside);
-		document.addEventListener("touchend", closeIfOutside);
-		return () => {
-			document.removeEventListener("click", closeIfOutside);
-			document.removeEventListener("touchend", closeIfOutside);
-		};
-	}, [hasSwipe, swipeOffset]);
-	const contentGapStyle = contentGap !== void 0 ? { gap: typeof contentGap === "number" ? `${contentGap}px` : contentGap } : void 0;
-	/** Figma 设计稿默认卡片样式：8px 圆角、8px 内边距、Gray/300 边框、白底、无阴影 */
-	const defaultCardStyle = {
-		padding: 8,
-		borderRadius: 8,
-		border: "1px solid #d0d5dd",
-		backgroundColor: "#ffffff",
-		boxShadow: "none"
-	};
-	const mergedCardStyle = (0, react.useMemo)(() => style ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, defaultCardStyle), style) : defaultCardStyle, [style]);
-	const summaryContent = /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, showMedia && (media || renderMedia) && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-media-wrap" }, renderMedia ? renderMedia() : media ? renderMediaNode(media) : null), /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-text-wrap",
-		style: contentGapStyle
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-primary-row" }, showPrimaryText && (primaryText != null || renderPrimary) && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-primary" }, renderPrimary ? renderPrimary() : /* @__PURE__ */ react.default.createElement(antd.Typography.Text, {
-		className: (0, classnames.default)("pisell-entity-card-primary-text", primaryLineClamp && "pisell-entity-card-primary-text-has-line-clamp"),
-		ellipsis: primaryLineClamp ? void 0 : true,
-		style: primaryLineClamp ? {
-			display: "-webkit-box",
-			WebkitLineClamp: primaryLineClamp,
-			WebkitBoxOrient: "vertical",
-			overflow: "hidden",
-			whiteSpace: "normal",
-			textOverflow: "ellipsis"
-		} : void 0
-	}, primaryText)), (showSubtitle && (subtitleText != null || renderSubtitle) || tagPosition === "inline" && showTags && effectiveTags.length > 0 && !renderTags) && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-primary-extra" }, showSubtitle && (subtitleText != null || renderSubtitle) && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-subtitle-wrap" }, renderSubtitle ? renderSubtitle() : /* @__PURE__ */ react.default.createElement("span", { className: "pisell-entity-card-subtitle" }, subtitleText)), tagPosition === "inline" && showTags && effectiveTags.length > 0 && !renderTags && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-tags pisell-entity-card-tags-inline" }, effectiveTags.map((t, i) => /* @__PURE__ */ react.default.createElement("span", {
-		key: i,
-		className: "pisell-entity-card-tag",
-		style: t.style
-	}, t.text))))), showSecondaryText && effectiveSecondary.length > 0 && !renderSecondary && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-secondary" }, /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-secondary-text",
-		style: secondaryLineClamp ? {
-			display: "-webkit-box",
-			WebkitLineClamp: secondaryLineClamp,
-			WebkitBoxOrient: "vertical",
-			overflow: "hidden"
-		} : void 0
-	}, effectiveSecondary.map((item, i) => /* @__PURE__ */ react.default.createElement("span", {
-		key: i,
-		className: "pisell-entity-card-secondary-line"
-	}, item.showTooltip && /* @__PURE__ */ react.default.createElement(_ant_design_icons.InfoCircleOutlined, { className: "pisell-entity-card-secondary-tooltip-icon" }), item.text)))), renderSecondary && renderSecondary(), tagPosition === "below" && showTags && (effectiveTags.length > 0 || renderTags) && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-tags pisell-entity-card-tags-below" }, renderTags ? renderTags() : effectiveTags.map((t, i) => /* @__PURE__ */ react.default.createElement("span", {
-		key: i,
-		className: "pisell-entity-card-tag",
-		style: t.style
-	}, t.text)))));
-	/** 设计稿：Action 在右侧与 summary 同一行（justify-between），非底部 */
-	const cardBody = /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-body" }, /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-summary",
-		"data-layout": layout,
-		style: contentGapStyle
-	}, summaryContent), showActions && (actions.length > 0 || renderActions) && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entity-card-actions" }, renderActions ? renderActions() : actions.map((a, i) => /* @__PURE__ */ react.default.createElement("button", {
-		key: i,
-		type: "button",
-		className: (0, classnames.default)("pisell-entity-card-action", `pisell-entity-card-action-${a.type}`, a.className),
-		style: a.style,
-		onClick: (e) => {
-			var _a$onClick;
-			e.stopPropagation();
-			(_a$onClick = a.onClick) === null || _a$onClick === void 0 || _a$onClick.call(a);
-		}
-	}, a.icon, (a.type === "text" || a.type === "button") && a.label)))), children);
-	const wrappedByBaseCard = /* @__PURE__ */ react.default.createElement(require_PisellBaseCard.PisellBaseCard, {
-		className: (0, classnames.default)("pisell-entity-card-root", className),
-		style: mergedCardStyle,
-		hoverStyle,
-		activeStyle,
-		disabledStyle,
-		clickable,
-		disabled,
-		onClick
-	}, cardBody);
-	if (!hasSwipe) return /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-wrap",
-		style: rootWidthStyle
-	}, wrappedByBaseCard);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-wrap pisell-entity-card-wrap-swipe",
-		style: rootWidthStyle
-	}, /* @__PURE__ */ react.default.createElement("div", {
-		ref: swipeContainerRef,
-		className: "pisell-entity-card-swipe-container",
-		onTouchStart,
-		onTouchMove,
-		onTouchEnd,
-		onMouseDown,
-		onMouseMove,
-		onMouseUp,
-		onMouseLeave
-	}, /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-swipe-delete",
-		style: { width: SWIPE_DELETE_WIDTH },
-		onClick: handleDeleteClick
-	}, "删除"), /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-entity-card-swipe-content",
-		style: { transform: `translateX(${swipeOffset}px)` }
-	}, wrappedByBaseCard)));
-}
-//#endregion
-exports.PisellEntityCard = PisellEntityCard;

package/lib/components/pisellEntityCard/PisellEntityCard.less

@@ -1,362 +0,0 @@
-/**
- * PisellEntityCard 样式
- * 按 Figma Entity Card 设计：8px 圆角、8px 内边距、Gray/300 边框、标题 14px Semibold、次级 14px Regular #667085、间距 6px/4px、标签 pill
- */
-/* Figma 设计稿：卡片圆角 8px、边框 #D0D5DD */
-@entity-card-radius: 8px;
-@entity-card-padding: 8px;
-@entity-card-border: 1px solid #d0d5dd;
-@entity-card-bg: #ffffff;
-/* 标题：Text sm/Semibold 14px #000，行高 20 */
-@entity-card-title-size: 14px;
-@entity-card-title-weight: 600;
-@entity-card-title-color: #000000;
-@entity-card-title-line-height: 20px;
-/* 次级：Text sm/Regular 14px #667085，行高 20 */
-@entity-card-secondary-size: 14px;
-@entity-card-secondary-color: #667085;
-@entity-card-secondary-line-height: 20px;
-/* 媒体与文案间距 6px，文案列内间距 4px */
-@entity-card-gap-media-text: 6px;
-@entity-card-gap-text-inner: 0;
-/* 标签：xs/Medium 12px，行高 18，pill 圆角 16px，padding 2px 8px */
-@entity-card-tag-size: 12px;
-@entity-card-tag-line-height: 18px;
-@entity-card-tag-padding: 2px 8px;
-@entity-card-tag-radius: 16px;
-
-.pisell-entity-card-wrap {
-  box-sizing: border-box;
-  min-width: 0;
-
-  &.pisell-entity-card-wrap-swipe {
-    overflow: hidden;
-    border-radius: @entity-card-radius;
-  }
-}
-
-.pisell-entity-card-swipe-container {
-  position: relative;
-  overflow: hidden;
-  border-radius: @entity-card-radius;
-  touch-action: none;
-}
-
-.pisell-entity-card-swipe-delete {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #ff4d4f;
-  color: #fff;
-  font-size: 14px;
-  cursor: pointer;
-  user-select: none;
-  z-index: 0;
-  border-radius: 0 @entity-card-radius @entity-card-radius 0;
-}
-
-.pisell-entity-card-swipe-content {
-  position: relative;
-  z-index: 1;
-  background: inherit;
-  transition: transform 0.2s ease;
-  border-radius: @entity-card-radius;
-}
-
-/* 根节点：布局；Figma 默认 8px 圆角/内边距/边框由组件传入 style 合并 */
-.pisell-entity-card-root {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.pisell-entity-card-summary {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-
-  /* 横向：头像靠上，文案区垂直居中 */
-  &[data-layout='horizontal'] {
-    flex-direction: row;
-    align-items: flex-start;
-  }
-
-  &[data-layout='vertical'] {
-    flex-direction: column;
-    align-items: center;
-  }
-}
-
-.pisell-entity-card-summary[data-layout='horizontal'] .pisell-entity-card-media-wrap {
-  align-self: flex-start;
-}
-
-.pisell-entity-card-summary[data-layout='horizontal'] .pisell-entity-card-text-wrap {
-  align-self: center;
-}
-
-.pisell-entity-card-media-wrap {
-  flex-shrink: 0;
-}
-
-.pisell-entity-card-media {
-  display: block;
-}
-
-.pisell-entity-card-media-avatar {
-  border-radius: 50%;
-}
-
-.pisell-entity-card-text-wrap {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: @entity-card-gap-text-inner;
-  overflow: hidden;
-}
-
-.pisell-entity-card-summary[data-layout='horizontal'] .pisell-entity-card-text-wrap {
-  margin-left: @entity-card-gap-media-text;
-}
-
-.pisell-entity-card-summary[data-layout='vertical'] .pisell-entity-card-text-wrap {
-  margin-top: @entity-card-gap-media-text;
-  align-items: center;
-  text-align: center;
-}
-
-/* 主文案行：标题与副标题同一行时垂直居中对齐；空间不够时副标题与标签整体换行 */
-.pisell-entity-card-primary-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: @entity-card-gap-media-text;
-  min-width: 0;
-}
-
-/* 竖向布局：主标题单独一行，副标题与标签单独一行并居中 */
-.pisell-entity-card-summary[data-layout='vertical'] .pisell-entity-card-primary-row {
-  justify-content: center;
-}
-
-.pisell-entity-card-summary[data-layout='vertical'] .pisell-entity-card-primary-row .pisell-entity-card-primary {
-  flex: 0 0 100%;
-  width: 100%;
-  text-align: center;
-}
-
-.pisell-entity-card-summary[data-layout='vertical'] .pisell-entity-card-primary-row .pisell-entity-card-primary-extra {
-  flex: 0 0 100%;
-  width: 100%;
-  justify-content: center;
-}
-
-/* 副标题与 inline 标签的容器：不压缩，空间不够时整块换行；换行后各自可省略 */
-.pisell-entity-card-primary-extra {
-  flex: 1 0 auto;
-  min-width: min-content;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 4px;
-  overflow: hidden;
-  max-width: 100%;
-}
-
-/* 主标题：先占内容宽度，不主动压缩，让副标题/标签先换行；仅在极窄时单行省略 */
-.pisell-entity-card-primary {
-  flex: 0 1 auto;
-  min-width: 0;
-  max-width: 100%;
-  overflow: hidden;
-}
-
-/* Figma Title text: 14px Semibold #000, line-height 20；宽度不足时单行省略号 */
-.pisell-entity-card-primary-text {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  font-size: @entity-card-title-size;
-  font-weight: @entity-card-title-weight;
-  color: @entity-card-title-color;
-  line-height: @entity-card-title-line-height;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  /* 有行数限制时：多行截断并省略，覆盖 antd 与默认单行样式；需有宽度约束 line-clamp 才生效 */
-
-  &.pisell-entity-card-primary-text-has-line-clamp {
-    display: -webkit-box !important;
-    -webkit-line-clamp: 1; /* 默认 1 行，2/3 行等由组件 style 覆盖 */
-    -webkit-box-orient: vertical !important;
-    overflow: hidden !important;
-    white-space: normal !important;
-    text-overflow: ellipsis;
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-  }
-}
-
-/* 副标题：与主标题/标签同行或换行，宽度不足时单行省略 */
-.pisell-entity-card-subtitle-wrap {
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-}
-
-.pisell-entity-card-subtitle {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  display: block;
-  font-size: @entity-card-secondary-size;
-  font-weight: 400;
-  color: @entity-card-secondary-color;
-  line-height: @entity-card-secondary-line-height;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 100%;
-}
-
-.pisell-entity-card-secondary {
-  min-width: 0;
-}
-
-/* Figma Text information: 14px Regular #667085, line-height 20 */
-.pisell-entity-card-secondary-text {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  font-size: @entity-card-secondary-size;
-  font-weight: 400;
-  color: @entity-card-secondary-color;
-  line-height: @entity-card-secondary-line-height;
-}
-
-.pisell-entity-card-secondary-line {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  display: block;
-  line-height: @entity-card-secondary-line-height;
-}
-
-.pisell-entity-card-secondary-tooltip-icon {
-  margin-right: 4px;
-  font-size: 12px;
-  color: @entity-card-secondary-color;
-}
-
-.pisell-entity-card-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: @entity-card-gap-media-text;
-  margin-top: 0;
-  min-width: 0;
-
-  /* inline 标签：可换行，宽度不足时整体收缩、单签可省略 */
-
-  &.pisell-entity-card-tags-inline {
-    flex: 0 1 auto;
-    min-width: 0;
-    overflow: hidden;
-    max-width: 100%;
-  }
-}
-
-/* Figma Badge: 12px Medium, pill 16px radius, padding 2px 8px */
-.pisell-entity-card-tag {
-  display: inline-block;
-  padding: @entity-card-tag-padding;
-  font-size: @entity-card-tag-size;
-  font-weight: 500;
-  line-height: @entity-card-tag-line-height;
-  border-radius: @entity-card-tag-radius;
-  background: #f5f5f5;
-  color: @entity-card-secondary-color;
-
-  /* inline 时单签过长可省略 */
-
-  .pisell-entity-card-tags-inline & {
-    max-width: 100%;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-/* 设计稿：卡片内容一行，左侧 summary、右侧 actions（justify-between） */
-.pisell-entity-card-body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  width: 100%;
-  min-width: 0;
-}
-
-/* Figma 13355-110786：Action 在右侧，与 summary 同一行；操作项支持文本/按钮/图标 */
-.pisell-entity-card-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-}
-
-.pisell-entity-card-action {
-  padding: 4px 0;
-  border: none;
-  background: transparent;
-  font-size: 14px;
-  color: #475467;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-
-  &:focus-visible {
-    outline: 1px solid #1677ff;
-    outline-offset: 2px;
-  }
-
-  &.pisell-entity-card-action-text {
-    color: #1677ff;
-  }
-
-  &.pisell-entity-card-action-button {
-    padding: 4px 12px;
-    border: 1px solid #d0d5dd;
-    border-radius: 6px;
-    color: #344054;
-    background: #fff;
-
-    &:hover {
-      border-color: #1677ff;
-      color: #1677ff;
-    }
-  }
-
-  &.pisell-entity-card-action-icon {
-    padding: 4px;
-    color: #475467;
-
-    .anticon {
-      font-size: 20px;
-    }
-  }
-}