@pisell/materials 1.8.12 → 1.8.14

package/es/components/pisellStatisticList/index.d.ts

@@ -11,11 +11,12 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
         isLink?: boolean;
         link?: string;
         tip?: string;
+        onClick?: () => void;
         children?: {
             label: string;
             value: string;
         }[];
     }[];
 }
-declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
 export default PisellStatisticList;

package/es/components/pisellStatisticList/index.js

@@ -26,7 +26,8 @@ var PisellStatisticList = function PisellStatisticList(props) {
     var _item$isLink = item.isLink,
       isLink = _item$isLink === void 0 ? false : _item$isLink,
       _item$link = item.link,
-      link = _item$link === void 0 ? '' : _item$link;
+      link = _item$link === void 0 ? '' : _item$link,
+      _onClick = item.onClick;
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-statistic-list-item",
       style: {
@@ -50,10 +51,12 @@ var PisellStatisticList = function PisellStatisticList(props) {
       className: "pisell-lowcode-statistic-list-item-value",
       style: {
         color: valueColor
-      }
+      },
+      onClick: _onClick
     }, isLink && link ? /*#__PURE__*/React.createElement("a", {
       href: "javascript:void(0);",
       onClick: function onClick() {
+        if (_onClick) return;
         location.replace(item.link);
       }
     }, item.value || '-') : item.value || '-'), !!((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) && /*#__PURE__*/React.createElement(Row, {

package/es/components/pisellTags/index.d.ts

@@ -9,5 +9,5 @@ export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttri
     icon?: React.ReactNode;
     color?: PisellTagsColor;
 }
-declare const PisellTags: (props: PisellTagsProps) => JSX.Element;
+declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
 export default PisellTags;

package/es/components/pisellText/components/Amount/index.d.ts

@@ -16,5 +16,5 @@ export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 货币符号 */
     symbol?: string;
 }
-declare const Amount: (props: AmountProps) => JSX.Element;
+declare const Amount: (props: AmountProps) => React.JSX.Element;
 export default Amount;

package/es/components/pisellText/components/Editable/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import './index.less';
+export declare type MultiLanguageValue = {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    'ja': string;
+    'pt': string;
+    original: string;
+};
+export interface EditableConfig {
+    /** 是否禁用编辑 */
+    disabled?: boolean;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 编辑图标 */
+    icon?: React.ReactNode;
+}
+export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 文本内容，支持字符串或多语言对象 */
+    value?: string | MultiLanguageValue;
+    /** 子节点内容，优先级高于 value */
+    children?: string;
+    /** 可编辑配置，boolean 时使用默认配置 */
+    editable?: boolean | EditableConfig;
+    /** 编辑变更回调 */
+    onChange?: (value: string | MultiLanguageValue) => void;
+    /** 输入框尺寸 */
+    size?: 'large' | 'middle' | 'small';
+}
+declare const Editable: React.FC<EditableProps>;
+export default Editable;

package/es/components/pisellText/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const PisellText: {
-    (props: PisellTextProps): JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
+    (props: PisellTextProps): React.JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
     Editable: React.FC<import("./components/Editable").EditableProps>;
 };
 export default PisellText;

package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import type { PisellTimeRangeDisplayProps } from './types';
+import './PisellTimeRangeDisplay.less';
+/**
+ * PisellTimeRangeDisplay 组件
+ *
+ * @description
+ * 纯展示型时间区间组件，将 startAt / endAt 格式化为「时间区间 + 持续时间」。
+ * - 同一天：HH:mm-HH:mm，可选显示日期/星期
+ * - 跨天：起止日期时间
+ * - 持续时间：d h m s 格式
+ * - 字段顺序由 fieldOrder 控制，可将 duration 放在中间
+ *
+ * @example
+ * <PisellTimeRangeDisplay
+ *   startAt="2026-02-04 09:00"
+ *   endAt="2026-02-04 18:00"
+ * />
+ * // => "09:00-18:00" + "9h"
+ *
+ * <PisellTimeRangeDisplay
+ *   startAt={start}
+ *   endAt={end}
+ *   fields={{ fieldOrder: ['time', 'duration', 'date', 'weekday'] }}
+ *   showDateForSameDay
+ * />
+ */
+export declare const PisellTimeRangeDisplay: React.FC<PisellTimeRangeDisplayProps>;
+declare const _default: React.NamedExoticComponent<PisellTimeRangeDisplayProps>;
+export default _default;

package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -10,6 +10,7 @@ import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import { parseTimeRange, getDayjsLocale, getRelativeDay } from "./utils";
 import { TimeRangeBlock, DateBlock, WeekdayBlock, DurationBlock } from "./components";
+import useEngineContext from "../../hooks/useEngineContext";
 import "./PisellTimeRangeDisplay.less";
 
 /**
@@ -37,7 +38,7 @@ import "./PisellTimeRangeDisplay.less";
  * />
  */
 export var PisellTimeRangeDisplay = function PisellTimeRangeDisplay(props) {
-  var _durationFormat$showS;
+  var _context$engine, _durationFormat$showS;
   var startAt = props.startAt,
     endAt = props.endAt,
     _props$textAlign = props.textAlign,
@@ -58,9 +59,11 @@ export var PisellTimeRangeDisplay = function PisellTimeRangeDisplay(props) {
     className = props.className,
     style = props.style,
     onClick = props.onClick;
+  var context = useEngineContext();
+  var resolvedLocale = localeProp || (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en';
   var effectiveLocale = useMemo(function () {
-    return localeProp !== null && localeProp !== void 0 ? localeProp : getDayjsLocale();
-  }, [localeProp]);
+    return getDayjsLocale(resolvedLocale);
+  }, [resolvedLocale]);
   var _useMemo = useMemo(function () {
       return parseTimeRange(startAt, endAt, effectiveLocale);
     }, [startAt, endAt, effectiveLocale]),
@@ -85,10 +88,10 @@ export var PisellTimeRangeDisplay = function PisellTimeRangeDisplay(props) {
     fieldOrder = _ref$fieldOrder === void 0 ? ['weekday', 'date', 'time', 'duration'] : _ref$fieldOrder;
   var showSeconds = (_durationFormat$showS = durationFormat === null || durationFormat === void 0 ? void 0 : durationFormat.showSeconds) !== null && _durationFormat$showS !== void 0 ? _durationFormat$showS : false;
 
-  // 使用 datetime 展示时默认开启「今天/昨天/明天」相对日
+  // 默认不展示相对日（今天/昨天/明天），可通过 dateFormat.showRelativeDay: true 开启
   var effectiveDateFormat = useMemo(function () {
     return _objectSpread({
-      showRelativeDay: true
+      showRelativeDay: false
     }, dateFormat);
   }, [dateFormat]);
 

package/es/components/pisellTimeRangeDisplay/components/DateBlock.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type Dayjs } from 'dayjs';
+import type { DateFormatConfig, TextStyleConfig } from '../types';
+export interface DateBlockProps {
+    /** 日期对象 */
+    date: Dayjs;
+    /** 日期格式配置（含 showRelativeDay：今天/昨天/明天） */
+    format?: DateFormatConfig;
+    /** 参考日期，用于相对日判定，默认 dayjs() */
+    referenceDate?: Dayjs;
+    /** 文本样式 */
+    style?: TextStyleConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 日期展示块（复用 PisellDateTimeDisplay 的 formatDate 与相对日逻辑）
+ */
+export declare const DateBlock: React.FC<DateBlockProps>;
+export default DateBlock;

package/es/components/pisellTimeRangeDisplay/components/DurationBlock.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { TextStyleConfig } from '../types';
+export interface DurationBlockProps {
+    /** 持续时间（毫秒） */
+    durationMs: number;
+    /** 是否显示秒 */
+    showSeconds?: boolean;
+    /** 语言代码，zh 时使用「天/时/分/秒」 */
+    locale?: string;
+    /** 文本样式 */
+    style?: TextStyleConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 持续时长展示块（d h m s 或 天/时/分/秒，按 locale i18n）
+ */
+export declare const DurationBlock: React.FC<DurationBlockProps>;
+export default DurationBlock;

package/es/components/pisellTimeRangeDisplay/components/TimeRangeBlock.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { type Dayjs } from 'dayjs';
+import type { TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, TextStyleConfig } from '../types';
+export interface TimeRangeBlockProps {
+    /** 开始时间 */
+    start: Dayjs;
+    /** 结束时间 */
+    end: Dayjs;
+    /** 是否同一天 */
+    isSameDay: boolean;
+    /** 时间格式配置 */
+    timeFormat?: TimeFormatConfig;
+    /** 日期格式配置（跨天时用于起止日期，含 showRelativeDay） */
+    dateFormat?: DateFormatConfig;
+    /** 星期格式配置（跨天时用于「Sat, 22 Jan」） */
+    weekdayFormat?: WeekdayFormatConfig;
+    /** 参考日期，用于相对日判定，默认 dayjs() */
+    referenceDate?: Dayjs;
+    /** 文本样式 */
+    style?: TextStyleConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 时间区间展示块
+ * - 同一天：HH:mm-HH:mm
+ * - 跨天：起止完整日期时间；若某端为相对日（今天/昨天/明天）则只显示「时间 相对日」，不显示星期+日期
+ */
+export declare const TimeRangeBlock: React.FC<TimeRangeBlockProps>;
+export default TimeRangeBlock;

package/es/components/pisellTimeRangeDisplay/components/WeekdayBlock.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Dayjs } from 'dayjs';
+import type { WeekdayFormatConfig, TextStyleConfig } from '../types';
+export interface WeekdayBlockProps {
+    /** 日期对象（用于获取星期） */
+    weekday: Dayjs;
+    /** 星期格式配置 */
+    format?: WeekdayFormatConfig;
+    /** 文本样式 */
+    style?: TextStyleConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 星期展示块（复用 PisellDateTimeDisplay 的 formatWeekday）
+ */
+export declare const WeekdayBlock: React.FC<WeekdayBlockProps>;
+export default WeekdayBlock;

package/es/components/pisellTimeRangeDisplay/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { parseTimeRange } from './parseTimeRange';
+export type { ParseTimeRangeResult } from './parseTimeRange';
+export { formatDuration } from './formatDuration';
+export { formatTime, formatDate, formatWeekday, getDayjsLocale, getRelativeDay, getRelativeDayLabel, getDatePartDisplay, } from '../../pisellDateTimeDisplay/utils';

package/es/components/pisellTooltip/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';
@@ -5,5 +6,5 @@ export interface PisellTooltipProps extends TooltipPropsWithTitle {
     /** 平台 */
     platform?: PisellContextType['platform'];
 }
-declare const PisellTooltip: (props: PisellTooltipProps) => JSX.Element;
+declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
 export default PisellTooltip;

package/es/components/pisellUpload/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {
@@ -6,5 +7,5 @@ export interface PisellUploadProps extends UploadProps {
     text2?: string;
     uploadType?: 'button' | 'drop' | 'custom';
 }
-declare const PisellUpload: (props: PisellUploadProps) => JSX.Element;
+declare const PisellUpload: (props: PisellUploadProps) => React.JSX.Element;
 export default PisellUpload;

package/es/components/pisellUrl/PisellUrl.less

@@ -1,37 +1,135 @@
 /**
  * PisellUrl 组件样式
+ * 基于 Figma 设计规范，与 SingleLineText / PisellEmail 设计体系一致，覆盖时使用 pisell-lowcode-xxx
  */
 
 .pisell-url {
   &-edit {
+    position: relative;
     width: 100%;
 
-    // 错误提示样式
-    &-error {
-      margin-top: 4px;
-      font-size: 12px;
-      color: #ff4d4f;
-      line-height: 1.5;
+    // Input 组件内置样式（Figma 设计规范）
+    .pisell-lowcode-input,
+    .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: 12px 16px !important;
+      height: 48px !important;
+      color: #101828 !important; // Gray/900
+      background-color: #ffffff !important;
+
+      &::placeholder {
+        color: #667085 !important; // Gray/500
+      }
+
+      &: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 容器
+    .pisell-lowcode-input-affix-wrapper {
+      padding: 0 !important;
+
+      .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
+      }
     }
   }
 
+  // 错误提示（与设计体系一致）
+  &-edit-error {
+    margin-top: 4px;
+    font-size: 12px;
+    color: #d92d20; // Error/600
+    line-height: 1.5;
+    animation: pisell-url-fadeIn 0.3s ease-in-out;
+  }
+
   &-read {
     display: inline-flex;
     align-items: center;
 
-    // 链接样式
     .pisell-lowcode-typography-link {
       cursor: pointer;
-      transition: all 0.3s;
+      transition: color 0.2s ease-in-out;
 
       &:hover {
-        opacity: 0.8;
+        color: #6d48c4 !important;
+      }
+
+      &:active {
+        color: #5f3da8 !important;
       }
     }
 
-    // 链接图标
-    .anticon-link {
+    // 链接图标（只读态 Space 内第一项）
+    .pisell-lowcode-space-item:first-child {
       font-size: 14px;
+      line-height: 1;
     }
   }
 
@@ -44,3 +142,14 @@
     }
   }
 }
+
+@keyframes pisell-url-fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

package/es/components/pisellUrl/PisellUrl.stories.js

@@ -19,7 +19,7 @@ import React from 'react';
  * - 协议白名单限制
  */
 var meta = {
-  title: '表单/PisellUrl',
+  title: '表单/表单组件/PisellUrl',
   component: PisellUrl,
   parameters: {
     layout: 'centered',

package/es/components/pisellUrl/index.d.ts

@@ -1,5 +1,7 @@
 /**
  * PisellUrl 组件导出文件
  */
-export { PisellUrl, default } from './PisellUrl';
+import PisellUrl from './PisellUrl';
+export { PisellUrl };
+export default PisellUrl;
 export type { PisellUrlProps } from './types';

package/es/components/pisellUrl/index.js

@@ -2,4 +2,20 @@
  * PisellUrl 组件导出文件
  */
 
-export { PisellUrl, default } from "./PisellUrl";
+import { getText } from "../../locales";
+import PisellUrl from "./PisellUrl";
+
+/** RecordBoard 列 type 联动排序：内置 A → Z / Z → A */
+PisellUrl.SortOptions = {
+  getSortItems: function getSortItems(fieldKey) {
+    return [{
+      key: "".concat(fieldKey, ":asc"),
+      label: getText('sort-a-z')
+    }, {
+      key: "".concat(fieldKey, ":desc"),
+      label: getText('sort-z-a')
+    }];
+  }
+};
+export { PisellUrl };
+export default PisellUrl;

package/es/components/pisellWalletPassCard/index.d.ts

@@ -142,5 +142,5 @@ export interface PisellWalletPassCardProps {
     onSetHolder?: (currentValue?: any) => void;
     [key: string]: any;
 }
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
 export default PisellWalletPassCard;

package/es/components/productCard/cartSkuCard/components/AmountFooter/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
+declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => React.JSX.Element;
 export default Footer;

package/es/components/productCard/cartSkuCard/components/Gift/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IGiftProps } from './types';
+import './index.less';
+declare const Gift: (props: IGiftProps) => React.JSX.Element | null;
+export default Gift;

package/es/components/productCard/cartSkuCard/components/Gift/index.js

@@ -1,6 +1,6 @@
 import React, { useMemo, useCallback } from 'react';
 import Icon from "../../../../icon";
-import { locales, imageAli } from '@pisell/utils';
+import { locales, image as imageAli } from '@pisell/utils';
 import "./index.less";
 var prefixCls = 'pisell-cart-sku-card__gift';
 var Gift = function Gift(props) {

package/es/components/productCard/cartSkuCard/components/Gift/types.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * 赠品项数据结构
+ */
+export interface IGiftItem {
+    /** 图片 URL */
+    image?: string;
+    /** 标题 */
+    title?: string;
+    /** 唯一标识 */
+    id?: string;
+}
+/**
+ * Gift 组件 Props
+ */
+export interface IGiftProps {
+    /** 是否显示赠品组件 */
+    isShow?: boolean;
+    /** 赠品总数量（可选择的总数） */
+    totalCount?: number;
+    /** 已选择的赠品列表 */
+    selectedGifts?: IGiftItem[];
+    /** 选择的赠品原始数据列表 */
+    _selectedOriginGifts?: any[];
+    /** 提示文本（未选择时显示） */
+    promptText?: string;
+    /** 点击事件回调 */
+    onClick?: (e: React.MouseEvent) => void;
+}

package/es/components/productCard/cartSkuCard/components/MultiDay/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
+declare const MultiDay: ({ dataSource, hideDivider }: any) => React.JSX.Element;
 export default MultiDay;

package/es/components/productCard/cartSkuCard/components/Note/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Note: (props: any) => JSX.Element | null;
+declare const Note: (props: any) => React.JSX.Element | null;
 export default Note;

package/es/components/productCard/cartSkuCard/components/Promotion/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IPromotionProps {
+    promotions: any[];
+    onClick?: (item: any) => void;
+}
+declare const Promotion: (props: IPromotionProps) => React.JSX.Element;
+export default Promotion;

package/es/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    isShowImage?: boolean;
+    dataSource: {
+        image?: string;
+        bundle?: any[];
+        options?: any[];
+        product_option_string?: string;
+        name?: string;
+        symbol?: string;
+        price?: string | number;
+        total?: number;
+        origin_total?: number;
+        num?: number;
+        holder_id?: any;
+        isFormSubject?: boolean;
+        totalDifference?: number;
+    };
+    style?: React.CSSProperties;
+    /** 作为主商品卡片展示
+     * 1. 影响商品数量 tag 的位置
+     * 2. isMain 且 type 为 a5，展示holder
+     */
+    isMainProduct?: boolean;
+    maxSpecsCount?: number;
+    type?: 'a2' | 'a5' | 'a9';
+    isBundle?: boolean;
+    showFooter?: boolean;
+    isShowOriginalPrice?: boolean;
+    isShowEditProduct?: boolean;
+    onEditProduct?: (val: any) => void;
+    disabledEditClick?: boolean;
+}
+declare const BasicInfo: (props: IProps) => React.JSX.Element;
+export default BasicInfo;

package/es/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -96,14 +96,16 @@ var BasicInfo = function BasicInfo(props) {
         width: 20
       }
     }) : null, /*#__PURE__*/React.createElement("div", {
-      className: "product-info"
+      className: "product-info product-info-a5"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "product-name"
+      className: "product-basic-info-wrap"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "product-name ".concat(renderEdit ? 'product-name-edit' : '')
     }, name), (!holder_id || !(holder_id !== null && holder_id !== void 0 && holder_id.length)) && !isFormSubject ? /*#__PURE__*/React.createElement("div", {
       className: "product-price"
     }, formatAmount(price, 2, symbol)) : /*#__PURE__*/React.createElement(Holders, {
       dataSource: dataSource
-    })));
+    })), renderEdit));
   }
   if (type === 'a9') {
     var showAmount = isBundle && !showFooter;

package/es/components/productCard/cartSkuCard/components/basicInfo/index.less

@@ -151,7 +151,7 @@
       }
     }
 
-    .product-info-a9 {
+    .product-info-a9, .product-info-a5 {
       display: flex;
       justify-content: space-between;
       align-items: start;