@pisell/materials 1.0.1057 → 1.0.1059

package/lib/components/pisellCustomerBrief/PisellCustomerBrief.js

@@ -0,0 +1,143 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellCustomerBrief/PisellCustomerBrief.tsx
+var PisellCustomerBrief_exports = {};
+__export(PisellCustomerBrief_exports, {
+  PisellCustomerBrief: () => PisellCustomerBrief
+});
+module.exports = __toCommonJS(PisellCustomerBrief_exports);
+var import_react = __toESM(require("react"));
+var import_pisellEntityCard = require("../pisellEntityCard");
+var import_PisellCustomerBrief = require("./PisellCustomerBrief.less");
+function PisellCustomerBrief({
+  name,
+  subtitle,
+  avatar,
+  email,
+  address,
+  company,
+  date,
+  extendedFields = [],
+  tags = [],
+  actions = [],
+  showActions = false,
+  showAvatar = true,
+  showPrimaryText = true,
+  showSubtitle = true,
+  showExtended = true,
+  showTags = true,
+  density = "B2",
+  layout = "horizontal",
+  width = "content",
+  swipeToDelete = false,
+  onDelete,
+  tagPosition = "below",
+  contentGap,
+  primaryLineClamp,
+  secondaryLineClamp,
+  renderMedia,
+  renderPrimary,
+  renderSubtitle,
+  renderSecondary,
+  renderTags,
+  renderActions,
+  className,
+  style,
+  hoverStyle,
+  activeStyle,
+  disabledStyle,
+  clickable = true,
+  disabled = false,
+  onClick
+}) {
+  const media = (0, import_react.useMemo)(() => {
+    if (!showAvatar) return void 0;
+    return {
+      type: "avatar",
+      src: avatar,
+      alt: name,
+      size: 40,
+      shape: "circle"
+    };
+  }, [showAvatar, avatar, name]);
+  const secondaryTexts = (0, import_react.useMemo)(() => {
+    if (!showExtended) return [];
+    const list = [];
+    if (email) list.push({ text: email });
+    if (address) list.push({ text: address });
+    if (company) list.push({ text: company });
+    if (date) list.push({ text: date });
+    extendedFields.forEach((f) => list.push({ text: f.text, showTooltip: f.showTooltip }));
+    return list;
+  }, [showExtended, email, address, company, date, extendedFields]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pisellEntityCard.PisellEntityCard,
+    {
+      className: `pisell-customer-brief-root ${className ?? ""}`.trim(),
+      style,
+      hoverStyle,
+      activeStyle,
+      disabledStyle,
+      clickable,
+      disabled,
+      onClick,
+      media,
+      primaryText: name,
+      subtitleText: subtitle,
+      secondaryTexts,
+      tags,
+      actions,
+      showMedia: showAvatar,
+      showPrimaryText,
+      showSubtitle,
+      showSecondaryText: showExtended,
+      showTags,
+      showActions,
+      density,
+      layout,
+      width,
+      swipeToDelete,
+      onDelete,
+      tagPosition,
+      contentGap,
+      primaryLineClamp,
+      secondaryLineClamp,
+      renderMedia,
+      renderPrimary,
+      renderSubtitle,
+      renderSecondary,
+      renderTags,
+      renderActions
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellCustomerBrief
+});

package/lib/components/pisellCustomerBrief/PisellCustomerBrief.less

@@ -0,0 +1,8 @@
+/**
+ * PisellCustomerBrief 组件样式
+ * 基于 Entity Card 结构，仅做根类名作用域；具体样式由 PisellEntityCard 提供
+ */
+
+.pisell-customer-brief-root {
+  /* 客户卡片根节点，扩展时可在此追加样式 */
+}

package/lib/components/pisellCustomerBrief/PisellCustomerBrief.stories.d.ts

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellCustomerBrief } from './PisellCustomerBrief';
+declare const meta: Meta<typeof PisellCustomerBrief>;
+export default meta;
+declare type Story = StoryObj<typeof PisellCustomerBrief>;
+/** 默认：客户名称 + 副标题 + 扩展信息 + 标签 */
+export declare const Default: Story;
+/** 无头像（默认占位） */
+export declare const NoAvatar: Story;
+/** 有头像 */
+export declare const WithAvatar: Story;
+/** B5 密度：扩展信息多行 */
+export declare const B5Extended: Story;
+/** 带操作区：图标 + 文本 + 按钮 */
+export declare const WithActions: Story;
+/** 竖向布局 */
+export declare const VerticalLayout: Story;
+/** 左滑删除 */
+export declare const SwipeToDelete: Story;
+/** 可点击卡片 */
+export declare const Clickable: Story;
+/** 禁用态 */
+export declare const Disabled: Story;

package/lib/components/pisellCustomerBrief/PisellCustomerBrief.stories.js

@@ -0,0 +1,171 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellCustomerBrief/PisellCustomerBrief.stories.tsx
+var PisellCustomerBrief_stories_exports = {};
+__export(PisellCustomerBrief_stories_exports, {
+  B5Extended: () => B5Extended,
+  Clickable: () => Clickable,
+  Default: () => Default,
+  Disabled: () => Disabled,
+  NoAvatar: () => NoAvatar,
+  SwipeToDelete: () => SwipeToDelete,
+  VerticalLayout: () => VerticalLayout,
+  WithActions: () => WithActions,
+  WithAvatar: () => WithAvatar,
+  default: () => PisellCustomerBrief_stories_default
+});
+module.exports = __toCommonJS(PisellCustomerBrief_stories_exports);
+var import_icons = require("@ant-design/icons");
+var import_PisellCustomerBrief = require("./PisellCustomerBrief");
+var meta = {
+  title: "Data Display/PisellCustomerBrief",
+  component: import_PisellCustomerBrief.PisellCustomerBrief,
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ React.createElement("div", { style: { width: 340 } }, /* @__PURE__ */ React.createElement(Story, null))
+  ],
+  argTypes: {
+    density: {
+      description: "信息密度",
+      control: "select",
+      options: ["B1", "B2", "B5", "B9"]
+    },
+    layout: {
+      description: "布局方向",
+      control: "radio",
+      options: ["horizontal", "vertical"]
+    },
+    showAvatar: { description: "显示头像", control: "boolean" },
+    showExtended: { description: "显示扩展信息", control: "boolean" },
+    showTags: { description: "显示标签", control: "boolean" },
+    showActions: { description: "显示操作区", control: "boolean" }
+  },
+  args: {
+    name: "某某科技有限公司"
+  }
+};
+var PisellCustomerBrief_stories_default = meta;
+var Default = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "+86 138 0000 0000",
+    email: "contact@company.com",
+    company: "某某科技有限公司",
+    tags: [{ text: "VIP" }, { text: "已签约" }],
+    density: "B2",
+    layout: "horizontal"
+  }
+};
+var NoAvatar = {
+  args: {
+    name: "新客户",
+    subtitle: "待完善信息"
+  }
+};
+var WithAvatar = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "客户编号 C001",
+    avatar: "https://ui-avatars.com/api/?name=Company&background=4a90d9&color=fff&size=40",
+    email: "contact@company.com",
+    company: "某某科技有限公司",
+    tags: [{ text: "VIP" }]
+  }
+};
+var B5Extended = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "+86 138 0000 0000",
+    email: "contact@company.com",
+    address: "浙江省杭州市余杭区",
+    company: "某某科技有限公司",
+    date: "2024-01-15 创建",
+    extendedFields: [
+      { text: "自定义属性 A" },
+      { text: "自定义属性 B", showTooltip: true }
+    ],
+    tags: [{ text: "VIP" }, { text: "已签约" }],
+    density: "B5",
+    layout: "horizontal"
+  }
+};
+var WithActions = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "contact@company.com",
+    email: "contact@company.com",
+    company: "某某科技有限公司",
+    tags: [{ text: "VIP" }],
+    showActions: true,
+    actions: [
+      { type: "icon", icon: /* @__PURE__ */ React.createElement(import_icons.EditOutlined, null), onClick: () => console.log("编辑") },
+      { type: "text", label: "查看详情", onClick: () => console.log("查看详情") },
+      { type: "button", label: "选择", onClick: () => console.log("选择") }
+    ]
+  }
+};
+var VerticalLayout = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "客户编号 C001",
+    avatar: "https://ui-avatars.com/api/?name=Company&background=4a90d9&color=fff&size=64",
+    email: "contact@company.com",
+    company: "某某科技有限公司",
+    tags: [{ text: "VIP" }],
+    density: "B2",
+    layout: "vertical"
+  }
+};
+var SwipeToDelete = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "+86 138 0000 0000",
+    email: "contact@company.com",
+    swipeToDelete: true,
+    onDelete: () => console.log("onDelete")
+  }
+};
+var Clickable = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "点击整卡",
+    email: "contact@company.com",
+    onClick: () => console.log("卡片被点击")
+  }
+};
+var Disabled = {
+  args: {
+    name: "某某科技有限公司",
+    subtitle: "+86 138 0000 0000",
+    email: "contact@company.com",
+    disabled: true
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  B5Extended,
+  Clickable,
+  Default,
+  Disabled,
+  NoAvatar,
+  SwipeToDelete,
+  VerticalLayout,
+  WithActions,
+  WithAvatar
+});

package/lib/components/pisellCustomerBrief/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellCustomerBrief 组件导出
+ * 客户简要卡片，基于 PisellEntityCard
+ */
+export { PisellCustomerBrief } from './PisellCustomerBrief';
+export type { PisellCustomerBriefProps, CustomerBriefExtendedField } from './types';

package/lib/components/pisellCustomerBrief/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellCustomerBrief/index.tsx
+var pisellCustomerBrief_exports = {};
+__export(pisellCustomerBrief_exports, {
+  PisellCustomerBrief: () => import_PisellCustomerBrief.PisellCustomerBrief
+});
+module.exports = __toCommonJS(pisellCustomerBrief_exports);
+var import_PisellCustomerBrief = require("./PisellCustomerBrief");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellCustomerBrief
+});

package/lib/components/pisellCustomerBrief/types.d.ts

@@ -0,0 +1,82 @@
+import type { ReactNode } from 'react';
+import type { PisellBaseCardProps } from '../pisellBaseCard/types';
+import type { EntityCardActionItem, EntityCardDensity, EntityCardLayout, EntityCardTagItem, EntityCardWidth } from '../pisellEntityCard/types';
+/**
+ * 客户简要卡片扩展字段项（用于 B5/B9 等多行展示）
+ * 与 Entity Card 的 secondaryTexts 对应，语义为客户领域
+ */
+export interface CustomerBriefExtendedField {
+    /** 展示文案（如 Email、Address、Company、Date、自定义属性） */
+    text: string;
+    /** 是否显示提示图标 */
+    showTooltip?: boolean;
+}
+/**
+ * PisellCustomerBrief 组件 Props
+ * 基于 PisellEntityCard，用于展示客户（Customer）实体的核心识别信息与客户级属性
+ * 设计文档：Customer Info (pcl_customerInfon_V1.0)
+ */
+export interface PisellCustomerBriefProps extends Pick<PisellBaseCardProps, 'className' | 'style' | 'hoverStyle' | 'activeStyle' | 'disabledStyle' | 'clickable' | 'disabled' | 'onClick'> {
+    /** 客户名称（主文案） */
+    name: string;
+    /** 副标题，与主标题同行（如电话、客户编号） */
+    subtitle?: string;
+    /** 头像图片地址；不传则显示默认占位 Avatar */
+    avatar?: string;
+    /** 邮箱 */
+    email?: string;
+    /** 地址 */
+    address?: string;
+    /** 公司 */
+    company?: string;
+    /** 日期类信息（如创建日期、跟进日期） */
+    date?: string;
+    /** 自定义扩展字段，顺序即展示顺序 */
+    extendedFields?: CustomerBriefExtendedField[];
+    /** 标签列表（如等级、状态） */
+    tags?: EntityCardTagItem[];
+    /** 操作项：仅图标 / 图标+文本 / 按钮 */
+    actions?: EntityCardActionItem[];
+    /** 是否显示操作区 @default false */
+    showActions?: boolean;
+    /** 是否显示头像 @default true */
+    showAvatar?: boolean;
+    /** 是否显示主文案 @default true */
+    showPrimaryText?: boolean;
+    /** 是否显示副标题 @default true */
+    showSubtitle?: boolean;
+    /** 是否显示扩展信息（email/address/company/date/extendedFields） @default true */
+    showExtended?: boolean;
+    /** 是否显示标签 @default true */
+    showTags?: boolean;
+    /** 信息密度 @default 'B2' */
+    density?: EntityCardDensity;
+    /** 布局方向 @default 'horizontal' */
+    layout?: EntityCardLayout;
+    /** 卡片宽度 @default 'content' */
+    width?: EntityCardWidth;
+    /** 是否开启左滑删除 @default false */
+    swipeToDelete?: boolean;
+    /** 左滑删除回调 */
+    onDelete?: () => void;
+    /** 标签位置 @default 'below' */
+    tagPosition?: 'inline' | 'below';
+    /** 内容区间距 */
+    contentGap?: number | string;
+    /** 主文案行数限制 */
+    primaryLineClamp?: number;
+    /** 扩展信息行数限制（按密度有默认值） */
+    secondaryLineClamp?: number;
+    /** 自定义渲染媒体区 */
+    renderMedia?: () => ReactNode;
+    /** 自定义渲染主文案区 */
+    renderPrimary?: () => ReactNode;
+    /** 自定义渲染副标题区 */
+    renderSubtitle?: () => ReactNode;
+    /** 自定义渲染扩展信息区 */
+    renderSecondary?: () => ReactNode;
+    /** 自定义渲染标签区 */
+    renderTags?: () => ReactNode;
+    /** 自定义渲染操作区 */
+    renderActions?: () => ReactNode;
+}

package/lib/components/pisellCustomerBrief/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellCustomerBrief/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellEmail/PisellEmail.js

@@ -34,24 +34,30 @@ __export(PisellEmail_exports, {
 });
 module.exports = __toCommonJS(PisellEmail_exports);
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_ReadOnlyView = __toESM(require("./components/ReadOnlyView"));
 var import_EditView = __toESM(require("./components/EditView"));
 var import_DisabledView = __toESM(require("./components/DisabledView"));
+var import_pisell_components = require("../../theme/pisell-components");
 var import_PisellEmail = require("./PisellEmail.less");
 var PisellEmail = (props) => {
   const { mode = "edit", disabled = false } = props;
   const displayState = (0, import_utils.getDisplayState)(mode, disabled);
-  switch (displayState) {
-    case "read":
-      return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
-    case "edit":
-      return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props });
-    case "disabled":
-      return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props });
-    default:
-      return null;
-  }
+  const render = () => {
+    switch (displayState) {
+      case "read":
+        return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
+      case "edit":
+        return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props });
+      case "disabled":
+        return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props });
+      default:
+        return null;
+    }
+  };
+  const theme = (0, import_pisell_components.getPisellComponentsThemeConfig)();
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { theme }, render());
 };
 var PisellEmail_default = import_react.default.memo(PisellEmail, (prevProps, nextProps) => {
   return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.enableAutoComplete === nextProps.enableAutoComplete;

package/lib/components/pisellEmail/PisellEmail.less

@@ -7,98 +7,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    // 仅对 affix-wrapper 设边框，避免与内层 input 双边框（Figma 设计规范）
-    .pisell-lowcode-input-affix-wrapper {
-      font-size: 16px !important;
-      line-height: 24px !important;
-      border-radius: 8px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-      padding: 0 !important;
-      height: 48px !important;
-      color: #101828 !important; // Gray/900
-      background-color: #ffffff !important;
-
-      &:focus,
-      &:focus-within {
-        border-color: #d6bbfb !important; // Primary/300
-        box-shadow: 0 0 0 4px #f4ebff !important; // Primary/100
-        outline: none !important;
-      }
-
-      &:hover:not(:focus):not(:focus-within):not([disabled]) {
-        border-color: #b692f6 !important; // Primary/400
-      }
-
-      &[disabled],
-      &.pisell-lowcode-input-disabled {
-        background-color: #f9fafb !important; // Gray/50
-        color: #98a2b3 !important; // Gray/400
-        border-color: #d0d5dd !important;
-        cursor: not-allowed !important;
-      }
-    }
-
-    // 内层 input（无边框，由 wrapper 统一描边）
-    .pisell-lowcode-input-affix-wrapper .pisell-lowcode-input {
-      &::placeholder {
-        color: #667085 !important; // Gray/500
-      }
-    }
-
-    // 带前缀（邮箱图标）的 Input 容器
-    .pisell-lowcode-input-affix-wrapper {
-
-      .pisell-lowcode-input-prefix {
-        margin-right: 8px;
-        margin-left: 16px;
-        color: #667085; // Gray/500
-        font-size: 16px;
-      }
-
-      .pisell-lowcode-input-suffix {
-        margin-left: 8px;
-        margin-right: 16px;
-        color: #667085;
-        font-size: 16px;
-      }
-
-      .pisell-lowcode-input {
-        padding: 12px 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-
-        &:focus {
-          box-shadow: none !important;
-        }
-      }
-    }
-
-    // 清空按钮
-    .pisell-lowcode-input-clear-icon {
-      color: #667085 !important;
-      font-size: 14px !important;
-
-      &:hover {
-        color: #344054 !important; // Gray/700
-      }
-    }
-
-    // 错误状态
-    .pisell-lowcode-input-status-error,
-    .pisell-lowcode-input-affix-wrapper-status-error {
-      border-color: #fda29b !important; // Error/300
-
-      &:focus,
-      &:focus-within {
-        border-color: #f97066 !important; // Error/400
-        box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
-      }
-
-      &:hover:not(:focus):not(:focus-within) {
-        border-color: #f97066 !important; // Error/400
-      }
-    }
   }
 
   // 错误提示（与设计体系一致）

package/lib/components/pisellEntityCard/PisellEntityCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PisellEntityCardProps } from './types';
+import './PisellEntityCard.less';
+/**
+ * PisellEntityCard 实体卡片
+ * 基于 PisellBaseCard，使用结构化配置展示实体信息，支持密度、布局、左滑删除与插槽
+ */
+export declare function PisellEntityCard({ children, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, media, primaryText, subtitleText, secondaryTexts, tags, actions, showMedia, showPrimaryText, showSubtitle, showSecondaryText, showTags, showActions, density, layout, width, swipeToDelete, onDelete, tagPosition, contentGap, primaryLineClamp, secondaryLineClamp: secondaryLineClampProp, renderMedia, renderPrimary, renderSubtitle, renderSecondary, renderTags, renderActions, }: PisellEntityCardProps): JSX.Element;