@pisell/materials 6.11.10 → 6.11.12

package/lib/components/pisellRecordBoard/utils/recordBoardColumns.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/pisellRecordBoard/utils/recordBoardColumns.tsx
 var recordBoardColumns_exports = {};
 __export(recordBoardColumns_exports, {
+  computeUniformColumnSummary: () => computeUniformColumnSummary,
   deriveFilterFromColumns: () => deriveFilterFromColumns,
   deriveSortFromColumns: () => deriveSortFromColumns,
   getRecordBoardColumnKey: () => getRecordBoardColumnKey,
@@ -109,6 +110,64 @@ function getColumnLabel(column) {
   if (typeof title === "string") return title;
   return getColumnKey(column) || "";
 }
+function getRecordValue(record, dataIndex) {
+  if (record == null || dataIndex == null) return void 0;
+  const path = Array.isArray(dataIndex) ? dataIndex : [dataIndex];
+  return path.reduce((r, k) => r != null && typeof r === "object" ? r[k] : void 0, record);
+}
+function isEmptyValue(v) {
+  return v == null || v === "";
+}
+function isComparablePrimitive(v) {
+  return typeof v === "string" || typeof v === "number";
+}
+function computeUniformColumnSummary(data, columns) {
+  const uniformHiddenColumnKeys = [];
+  const summaryItems = [];
+  if (!Array.isArray(data) || data.length === 0) return { uniformHiddenColumnKeys, summaryItems };
+  for (const column of columns) {
+    const collapseWhenUniform = column.collapseWhenUniform !== false;
+    if (!collapseWhenUniform) continue;
+    const columnKey = getColumnKey(column);
+    if (!columnKey) continue;
+    const dataIndex = column.dataIndex;
+    const getVal = typeof column.uniformCompare === "function" ? (record) => column.uniformCompare(
+      getRecordValue(record, Array.isArray(dataIndex) ? dataIndex : dataIndex),
+      record
+    ) : (record) => getRecordValue(record, Array.isArray(dataIndex) ? dataIndex : dataIndex);
+    const values = data.map(getVal);
+    const first = values[0];
+    if (first === void 0 || first === null) continue;
+    const cellValue = getRecordValue(data[0], Array.isArray(dataIndex) ? dataIndex : dataIndex);
+    if (values.every((v) => isEmptyValue(v))) {
+      uniformHiddenColumnKeys.push(columnKey);
+      summaryItems.push({
+        columnKey,
+        title: getColumnLabel(column),
+        type: "empty",
+        value: void 0,
+        cellValue,
+        record: data[0]
+      });
+      continue;
+    }
+    const comparable = isComparablePrimitive(first);
+    if (!comparable) continue;
+    const allSame = values.every((v) => isEmptyValue(v) && isEmptyValue(first) || v === first);
+    if (!allSame) continue;
+    uniformHiddenColumnKeys.push(columnKey);
+    summaryItems.push({
+      columnKey,
+      title: getColumnLabel(column),
+      type: "uniform",
+      displayValue: first != null && first !== "" ? String(first) : void 0,
+      value: first,
+      cellValue,
+      record: data[0]
+    });
+  }
+  return { uniformHiddenColumnKeys, summaryItems };
+}
 function normalizeOptions(list) {
   if (!Array.isArray(list)) return [];
   return list.map(
@@ -298,6 +357,7 @@ function deriveFilterFromColumns(columns) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  computeUniformColumnSummary,
   deriveFilterFromColumns,
   deriveSortFromColumns,
   getRecordBoardColumnKey,

package/lib/components/pisellSingleSelect/PisellSingleSelect.less

@@ -7,6 +7,21 @@
   height: 48px !important;
   width: 100%;
 
+  .pisell-lowcode-select-clear {
+    color: #667085;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
+    margin: -22px -8px;
+    padding: 10px 8px;
+
+    &:hover {
+      color: #344054;
+    }
+  }
+
   // Select 触发器（Figma 设计规范，与 Input 体系一致）
   .pisell-lowcode-select:not(.pisell-lowcode-select-disabled):not(.pisell-lowcode-select-customize-input) {
     .pisell-lowcode-select-selector {

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PisellSortProps } from './type';
+declare const PisellSort: (props: PisellSortProps) => React.JSX.Element;
+export default PisellSort;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement> {
+    isHasBorder?: boolean;
+    backgroundColors?: string[];
+    labelColor?: string;
+    valueColor?: string;
+    data: {
+        label: string;
+        value: string;
+        isLink?: boolean;
+        link?: string;
+        tip?: string;
+        onClick?: () => void;
+        children?: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+}
+declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
+export default PisellStatisticList;

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -83,7 +83,7 @@ var PisellTimeRangeDisplay = (props) => {
   } = fields || {};
   const showSeconds = (durationFormat == null ? void 0 : durationFormat.showSeconds) ?? false;
   const effectiveDateFormat = (0, import_react.useMemo)(
-    () => ({ showRelativeDay: true, ...dateFormat }),
+    () => ({ showRelativeDay: false, ...dateFormat }),
     [dateFormat]
   );
   const referenceDate = (0, import_dayjs.default)();

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.d.ts

@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellTimeRangeDisplay } from './PisellTimeRangeDisplay';
+/**
+ * PisellTimeRangeDisplay 组件 Storybook
+ * 用于时间区间 + 持续时长的展示（同一天 / 跨天）
+ */
+declare const meta: Meta<typeof PisellTimeRangeDisplay>;
+export default meta;
+declare type Story = StoryObj<typeof PisellTimeRangeDisplay>;
+/**
+ * 默认：同一天时间区间 + 持续时长
+ */
+export declare const Default: Story;
+/**
+ * 同一天 + 显示日期与星期
+ */
+export declare const SameDayWithDate: Story;
+/**
+ * 跨天时间区间
+ */
+export declare const CrossDay: Story;
+/**
+ * 跨年
+ */
+export declare const CrossYear: Story;
+/**
+ * 持续时间在中间（默认 fieldOrder）
+ */
+export declare const DurationInMiddle: Story;
+/**
+ * 持续时长在前
+ */
+export declare const DurationFirst: Story;
+/**
+ * 持续时长显示秒
+ */
+export declare const DurationWithSeconds: Story;
+/**
+ * 仅时间区间 + 持续时长（不显示日期星期）
+ */
+export declare const TimeAndDurationOnly: Story;
+/**
+ * 12 小时制
+ */
+export declare const Time12Hour: Story;
+/**
+ * 中文（日期 + 持续时长「天/时/分/秒」i18n）
+ */
+export declare const LocaleZhCN: Story;
+/**
+ * 英文（日期 + 持续时长 d/h/m/s）
+ */
+export declare const LocaleEn: Story;
+/**
+ * 小宽度：容器较窄时按块换行
+ */
+export declare const NarrowWidth: Story;
+/**
+ * 自定义容器样式
+ */
+export declare const CustomContainerStyle: Story;

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

@@ -0,0 +1,3 @@
+export { PisellTimeRangeDisplay, default } from './PisellTimeRangeDisplay';
+export type { PisellTimeRangeDisplayProps, LayoutDirection, TimeRangeFieldType, TimeRangeFieldConfig, DurationFormatConfig, DayjsLike, } from './types';
+export type { TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, ContainerStyleConfig, TextStyleConfig, TextAlign, } from './types';

package/lib/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/lib/components/productCard/cartSkuCard/components/Gift/index.js

@@ -0,0 +1,62 @@
+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/productCard/cartSkuCard/components/Gift/index.tsx
+var Gift_exports = {};
+__export(Gift_exports, {
+  default: () => Gift_default
+});
+module.exports = __toCommonJS(Gift_exports);
+var import_react = __toESM(require("react"));
+var import_icon = __toESM(require("../../../../icon"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var prefixCls = "pisell-cart-sku-card__gift";
+var Gift = (props) => {
+  var _a;
+  const {
+    isShow = false,
+    totalCount = 0,
+    selectedGifts = [],
+    promptText = "",
+    onClick
+  } = props;
+  const selectedCount = (selectedGifts == null ? void 0 : selectedGifts.length) || 0;
+  const displayGifts = (0, import_react.useMemo)(() => (selectedGifts == null ? void 0 : selectedGifts.slice(0, 5)) || [], [selectedGifts]);
+  const renderImage = (0, import_react.useCallback)((item) => {
+    if (item == null ? void 0 : item.image) {
+      return /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.imageAli.ali(item == null ? void 0 : item.image, 48), className: `product-cover` });
+    }
+    const displayText = (item == null ? void 0 : item.title) ? item == null ? void 0 : item.title.slice(0, 2) : "";
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `product-cover-text` }, displayText);
+  }, [displayGifts]);
+  if (!isShow) return null;
+  console.log("Gift777", props, selectedCount);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}`, onClick }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__label` }, import_utils.locales.getText("pisell2.cart.sku-card.gift.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}__content` }, !selectedCount ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__text` }, promptText || import_utils.locales.getText("pisell2.cart.sku-card.gift.select.title")) : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}__images ${selectedCount === 1 ? `${prefixCls}__images-single` : ""}` }, displayGifts.map((gift, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: (gift == null ? void 0 : gift.id) || index, className: `${prefixCls}__image` }, renderImage(gift))), selectedCount === 1 && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__title` }, (_a = displayGifts[0]) == null ? void 0 : _a.title)), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}__total` }, import_utils.locales.getText("pisell2.cart.sku-card.gift.total")(totalCount)), /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-chevron-right", className: `${prefixCls}__arrow` })));
+};
+var Gift_default = Gift;

package/lib/components/productCard/cartSkuCard/components/Gift/index.less

@@ -0,0 +1,84 @@
+@prefix: pisell-cart-sku-card__gift;
+
+.@{prefix} {
+  padding: 8px;
+  background: #F2F4F7;
+  border-radius: 8px;
+  align-items: center;
+  gap: 16px;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 4px;
+  color: #475467;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  min-width: 0; // 确保内容可以正确缩小
+  justify-content: space-between;
+  cursor: pointer;
+
+  // 标签
+  &__label {
+    flex-shrink: 0;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+    justify-content: flex-end;
+  }
+
+  &__text {
+    color: #7F56D9;
+    font-weight: 600;
+  }
+
+  &__title {
+    color: #101828;
+  }
+
+  &__images {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  &__images-single {
+    gap: 2px;
+  }
+
+  &__arrow {
+    color: #667085;
+    font-size: 20px;
+  }
+
+  &__total {
+    white-space: nowrap;
+  }
+
+  .product-cover {
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    flex-shrink: 0;
+  }
+
+  .product-cover-text {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    border-radius: 4px;
+    background-color: #DEDEDE;
+    color: #7E7E7E;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    line-height: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/lib/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/lib/components/productCard/cartSkuCard/components/Gift/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/productCard/cartSkuCard/components/Gift/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/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/lib/components/productCard/cartSkuCard/components/Promotion/index.js

@@ -0,0 +1,63 @@
+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/productCard/cartSkuCard/components/Promotion/index.tsx
+var Promotion_exports = {};
+__export(Promotion_exports, {
+  default: () => Promotion_default
+});
+module.exports = __toCommonJS(Promotion_exports);
+var import_react = __toESM(require("react"));
+var import_pisellTags = __toESM(require("../../../../pisellTags"));
+var prefixCls = "pisell-cart-sku-card__promotion";
+var Promotion = (props) => {
+  const { promotions, onClick } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: prefixCls }, promotions == null ? void 0 : promotions.map((item, index) => {
+    if (!(item == null ? void 0 : item.text)) return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: index,
+        onClick: (e) => {
+          e.stopPropagation();
+          onClick == null ? void 0 : onClick(item);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_pisellTags.default,
+        {
+          type: "pill_color",
+          color: "error",
+          className: `${prefixCls}-tag-item`
+        },
+        item == null ? void 0 : item.text
+      )
+    );
+  }));
+};
+var Promotion_default = Promotion;

package/lib/components/productCard/cartSkuCard/components/Promotion/index.less

@@ -0,0 +1,16 @@
+.pisell-cart-sku-card__promotion {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+
+  &-tag-item {
+    width: max-content;
+    border-radius: var(--Tag-borderRadiusSM, 4px);
+    border: 1px solid var(--red-3, #FFA39E);
+    background: var(--red-1, #FFF1F0);
+    color: var(--red-6, #F5222D);
+    font-size: 12px;
+    line-height: 20px;
+  }
+}

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

@@ -27,6 +27,10 @@ interface IProps {
     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/lib/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -38,6 +38,7 @@ var import_utils = require("@pisell/utils");
 var import_specs = __toESM(require("../specs"));
 var import_holders = __toESM(require("../holders"));
 var import__ = require("../../index");
+var import_EditButton = __toESM(require("../../../components/Header/EditButton"));
 var import_index = require("./index.less");
 var BasicInfo = (props) => {
   const {
@@ -48,7 +49,11 @@ var BasicInfo = (props) => {
     type,
     maxSpecsCount = 1,
     isBundle,
-    showFooter
+    showFooter,
+    isShowOriginalPrice = false,
+    isShowEditProduct = false,
+    onEditProduct,
+    disabledEditClick = false
   } = props;
   const {
     image,
@@ -85,20 +90,32 @@ var BasicInfo = (props) => {
     const displayText = name ? name.slice(0, 2) : "";
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `product-cover-text` }, displayText);
   };
+  const renderEdit = (0, import_react.useMemo)(() => {
+    if (!isShowEditProduct) return null;
+    return /* @__PURE__ */ import_react.default.createElement(import_EditButton.default, { onEdit: () => onEditProduct == null ? void 0 : onEditProduct(dataSource), disabledEditClick });
+  }, [disabledEditClick]);
+  const _isShowOriginalPrice = (0, import_react.useMemo)(() => {
+    if (!isShowOriginalPrice) return false;
+    if (hasSpecs) return false;
+    const _originalTotal = parseFloat(String(origin_total || 0));
+    const _total = parseFloat(String(total || 0));
+    if (isNaN(_originalTotal) || isNaN(total)) return false;
+    return _originalTotal !== 0 && _originalTotal != _total;
+  }, [isShowOriginalPrice, origin_total, total, hasSpecs]);
   if (type === "a5") {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), (!holder_id || !(holder_id == null ? void 0 : holder_id.length)) && !isFormSubject ? /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol)) : /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource })));
   }
   if (type === "a9") {
     const showAmount = isBundle && !showFooter;
     const _price = showAmount ? Number(price ?? 0) * num : price;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(_price, 2, symbol))), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils.formatAmount)(_price, 2, symbol)), _isShowOriginalPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `original-price` }, (0, import_utils.formatAmount)(origin_total, 2, symbol)) : null)), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
       import_specs.default,
       {
         dataSource,
         maxSpecsCount,
         type
       }
-    ) : null));
+    ) : null), renderEdit));
   }
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(import_specs.default, { dataSource, maxSpecsCount }) : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
 };