@pisell/materials 6.11.11 → 6.11.13

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -52,7 +52,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         show: boolean;
         title: string;
         width: number;
-        align: "left" | "right" | "center";
+        align: "center" | "left" | "right";
         fixed: false | "left" | "right";
         type: "link" | "button";
         items: OperationItem[];

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -61,7 +61,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -98,7 +98,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+}) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
 } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
 export default PisellDatePicker;

package/es/components/pisellDateTimeDisplay/formats/dateTimeDisplayFormats.js

@@ -1,7 +1,7 @@
 /**
  * PisellDateTimeDisplay 按语言预设的格式
- * - zh-cn：完整日期 - 时间 星期（如 2025-12-31 - 2:00 周四）、相对日今天/昨天/明天
- * - en：时间 星期, 日期（如 2:00 Sat, 21 Mar, 2026）、相对日 Today/Yesterday/Tomorrow
+ * - zh-cn：完整日期 - 时间 星期（如 2025-12-31 - 2:00 周四）；默认不展示相对日，可传 dateFormat.showRelativeDay: true 开启
+ * - en：时间 星期, 日期（如 2:00 Sat, 21 Mar, 2026）；默认不展示相对日，可传 dateFormat.showRelativeDay: true 开启
  */
 export var DATETIME_DISPLAY_FORMATS = {
   'zh-cn': {
@@ -10,7 +10,7 @@ export var DATETIME_DISPLAY_FORMATS = {
       showYear: true,
       separator: '-',
       showChineseUnit: false,
-      showRelativeDay: true
+      showRelativeDay: false
     },
     timeFormat: {
       use12Hour: false,
@@ -35,7 +35,7 @@ export var DATETIME_DISPLAY_FORMATS = {
       showYear: true,
       separator: '-',
       showChineseUnit: false,
-      showRelativeDay: true
+      showRelativeDay: false
     },
     timeFormat: {
       use12Hour: false,
@@ -58,7 +58,7 @@ export var DATETIME_DISPLAY_FORMATS = {
       order: 'DMY',
       shortMonth: true,
       showYear: true,
-      showRelativeDay: true,
+      showRelativeDay: false,
       useCommaBeforeYear: true
     },
     timeFormat: {

package/es/components/pisellLookup/components/LookupTrigger.js

@@ -114,9 +114,8 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
    */
   var getAppScanBarcodePlugin = function getAppScanBarcodePlugin() {
     if (getApp) {
-      var _app$getPlugin;
       var app = getApp();
-      var scanBarcode = app === null || app === void 0 || (_app$getPlugin = app.getPlugin('scan')) === null || _app$getPlugin === void 0 ? void 0 : _app$getPlugin.scanBarcode;
+      var scanBarcode = app === null || app === void 0 ? void 0 : app.getPlugin('webScan');
       if (scanBarcode) {
         return scanBarcode;
       }
@@ -134,19 +133,23 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     var app = getApp();
     try {
       var scanBarcode = getAppScanBarcodePlugin();
-      scanBarcode({
-        hint: 17
+      scanBarcode.scan({
+        type: "capacitor",
+        params: {
+          hint: 17
+        }
       }).then(function (res) {
-        return onScan === null || onScan === void 0 ? void 0 : onScan(res === null || res === void 0 ? void 0 : res.ScanResult);
-      }).catch(function (err) {
-        app.logger.addLog({
-          type: 'info',
-          title: '扫码失败',
-          metadata: {
-            err: err
-          }
-        });
+        onScan === null || onScan === void 0 || onScan(res);
       });
+      // scanBarcode({ hint: 17 })
+      //   .then((res: { ScanResult: string }) => onScan?.(res?.ScanResult))
+      //   .catch((err: any) => {
+      //     app.logger.addLog({
+      //       type: 'info',
+      //       title: '扫码失败',
+      //       metadata: { err },
+      //     });
+      //   });
     } catch (err) {
       app.logger.addLog({
         type: 'error',

package/es/components/pisellMultipleSelect/PisellMultipleSelect.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 设计规范，与 SingleSelect / Input 体系一致）
   .pisell-lowcode-select:not(.pisell-lowcode-select-disabled):not(.pisell-lowcode-select-customize-input) {
     .pisell-lowcode-select-selector {
@@ -51,13 +66,6 @@
       color: #667085;
     }
 
-    .pisell-lowcode-select-clear {
-      color: #667085;
-
-      &:hover {
-        color: #344054;
-      }
-    }
 
     // 多选标签（选择后展示的 item）高度 36px
     .pisell-lowcode-select-selection-item {

package/es/components/pisellRecordBoard/PisellRecordBoard.js

@@ -67,7 +67,9 @@ function getDefaultRecordBoardContext(layoutType, selection, rowKey) {
     rowKey: rowKey,
     childComponentProps: undefined,
     scrollAreaHeight: null,
-    setScrollAreaHeight: undefined
+    setScrollAreaHeight: undefined,
+    filterResetKey: undefined,
+    setFilterResetKey: undefined
   };
 }
 
@@ -111,7 +113,12 @@ var PisellRecordBoard = function PisellRecordBoard(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     scrollAreaHeight = _useState6[0],
     setScrollAreaHeight = _useState6[1];
-  var _useState7 = useState(function () {
+  /** 点击重置时递增，供 ToolBar 给 PisellFilter 设 key 以强制重挂载，清空弹窗内高级筛选表单 */
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    filterResetKey = _useState8[0],
+    setFilterResetKey = _useState8[1];
+  var _useState9 = useState(function () {
       var _props$grid$defaultHi, _props$grid, _props$grid$columns, _props$grid2;
       var fromConfig = (_props$grid$defaultHi = (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.defaultHiddenColumnKeys) !== null && _props$grid$defaultHi !== void 0 ? _props$grid$defaultHi : [];
       var fromColumns = ((_props$grid$columns = (_props$grid2 = props.grid) === null || _props$grid2 === void 0 ? void 0 : _props$grid2.columns) !== null && _props$grid$columns !== void 0 ? _props$grid$columns : []).filter(function (col) {
@@ -139,10 +146,10 @@ var PisellRecordBoard = function PisellRecordBoard(props) {
       }
       return defaultVis;
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    internalColumnVisibility = _useState8[0],
-    setInternalColumnVisibility = _useState8[1];
-  var _useState9 = useState(function () {
+    _useState10 = _slicedToArray(_useState9, 2),
+    internalColumnVisibility = _useState10[0],
+    setInternalColumnVisibility = _useState10[1];
+  var _useState11 = useState(function () {
       if (typeof columnVisibilityStorageKey === 'string' && columnVisibilityStorageKey && typeof getRecordBoardColumnSettingFromLocal === 'function') {
         var _saved$columnOrder;
         var saved = getRecordBoardColumnSettingFromLocal(columnVisibilityStorageKey);
@@ -150,9 +157,9 @@ var PisellRecordBoard = function PisellRecordBoard(props) {
       }
       return null;
     }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    internalColumnOrder = _useState10[0],
-    setInternalColumnOrder = _useState10[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    internalColumnOrder = _useState12[0],
+    setInternalColumnOrder = _useState12[1];
   useEffect(function () {
     if (typeof columnVisibilityStorageKey !== 'string' || !columnVisibilityStorageKey) return;
     saveColumnVisibilityToLocal({
@@ -215,9 +222,11 @@ var PisellRecordBoard = function PisellRecordBoard(props) {
       childComponentProps: mergedChildComponentProps !== null && mergedChildComponentProps !== void 0 ? mergedChildComponentProps : defaultCtx.childComponentProps,
       fillHeight: fillHeight,
       scrollAreaHeight: scrollAreaHeight,
-      setScrollAreaHeight: setScrollAreaHeight
+      setScrollAreaHeight: setScrollAreaHeight,
+      filterResetKey: filterResetKey,
+      setFilterResetKey: setFilterResetKey
     });
-  }, [layoutType, rowKeyProp, dataProp, loadingProp, totalProp, paginationProp, onPageChangeProp, searchParamsProp, onSearchProp, onResetProp, mergedChildComponentProps, internalSelectedKeys, internalSelectedRows, onSelectionChangeInternal, internalColumnVisibility, onColumnVisibilityChangeInternal, internalColumnOrder, onColumnOrderChangeInternal, fillHeight, scrollAreaHeight]);
+  }, [layoutType, rowKeyProp, dataProp, loadingProp, totalProp, paginationProp, onPageChangeProp, searchParamsProp, onSearchProp, onResetProp, mergedChildComponentProps, internalSelectedKeys, internalSelectedRows, onSelectionChangeInternal, internalColumnVisibility, onColumnVisibilityChangeInternal, internalColumnOrder, onColumnOrderChangeInternal, fillHeight, scrollAreaHeight, filterResetKey]);
   var content = /*#__PURE__*/React.createElement(RecordBoardProvider, {
     value: contextValue
   }, children);

package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.js

@@ -184,9 +184,8 @@ var RecordBoardGridView = function RecordBoardGridView(props) {
     var scrollX = isEmpty && scroll && typeof scroll.x !== 'number' ? sumColumnWidths : scroll === null || scroll === void 0 ? void 0 : scroll.x;
     if (scroll !== null && scroll !== void 0 && scroll.autoCalc && typeof ctx.scrollAreaHeight === 'number') {
       var wrapHeight = ctx.scrollAreaHeight;
-      // 40：表头等固定占高；uniformSummaryHeight：同值列总结区动态高度，无总结时为 0
-      var reservedHeight = 40 + uniformSummaryHeight;
-      console.log(wrapHeight, reservedHeight);
+      // 40：表头等固定占高；uniformSummaryHeight：同值列总结区动态高度，无总结时为 0, 24是 uniformSummary padding
+      var reservedHeight = 40 + uniformSummaryHeight + 24;
       return {
         x: scrollX !== null && scrollX !== void 0 ? scrollX : sumColumnWidths,
         y: Math.max(wrapHeight - reservedHeight, 100),

package/es/components/pisellRecordBoard/shellFrame/ToolBar/index.js

@@ -56,7 +56,7 @@ function getDefaultFilterValue() {
  * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
  */
 var RecordBoardToolBar = function RecordBoardToolBar(props) {
-  var _ctx$childComponentPr, _ctx$childComponentPr2, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _size;
+  var _ctx$childComponentPr, _ctx$childComponentPr2, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _size, _filterResetKey;
   var ctx = useRecordBoardContext({
     displayName: 'toolBar'
   });
@@ -148,12 +148,16 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
         return [(_ref2 = (_c$key = c.key) !== null && _c$key !== void 0 ? _c$key : c.name) !== null && _ref2 !== void 0 ? _ref2 : '', c];
       }));
       otherFilter = otherFilter.map(function (item) {
-        var _ref3, _item$key;
+        var _ref3, _item$key, _configItem$label, _configItem$other$pla, _configItem$other, _item$other;
         var key = (_ref3 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.name) !== null && _ref3 !== void 0 ? _ref3 : '';
         var configItem = configMap.get(key);
         if (!configItem) return item;
+        // 优先用 config 的 label/placeholder（当前语言），避免 session 恢复的旧语言覆盖
         return _objectSpread(_objectSpread(_objectSpread({}, configItem), item), {}, {
-          other: _objectSpread(_objectSpread({}, configItem === null || configItem === void 0 ? void 0 : configItem.other), item === null || item === void 0 ? void 0 : item.other)
+          label: (_configItem$label = configItem.label) !== null && _configItem$label !== void 0 ? _configItem$label : item.label,
+          other: _objectSpread(_objectSpread(_objectSpread({}, configItem === null || configItem === void 0 ? void 0 : configItem.other), item === null || item === void 0 ? void 0 : item.other), {}, {
+            placeholder: (_configItem$other$pla = configItem === null || configItem === void 0 || (_configItem$other = configItem.other) === null || _configItem$other === void 0 ? void 0 : _configItem$other.placeholder) !== null && _configItem$other$pla !== void 0 ? _configItem$other$pla : item === null || item === void 0 || (_item$other = item.other) === null || _item$other === void 0 ? void 0 : _item$other.placeholder
+          })
         });
       });
     }
@@ -180,7 +184,9 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     });
     onSearch(_objectSpread(_objectSpread({}, searchParams), {}, _defineProperty({}, FILTER_PARAMS_FIELD, nextFilter)));
   }, [onSearch, searchParams]);
+  var filterResetKey = (_filterResetKey = ctx.filterResetKey) !== null && _filterResetKey !== void 0 ? _filterResetKey : 0;
   var filterNode = hideFilter ? null : /*#__PURE__*/React.createElement(PisellFilter, _extends({
+    key: "record-board-filter-".concat(filterResetKey),
     value: filterValueForPisellFilter,
     onChange: handleFilterChange,
     hasForm: true,

package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.js

@@ -37,9 +37,13 @@ var ToolBarReset = function ToolBarReset(_ref) {
   var _useRecordBoardContex = useRecordBoardContext(),
     searchParams = _useRecordBoardContex.searchParams,
     onSearch = _useRecordBoardContex.onSearch,
-    onReset = _useRecordBoardContex.onReset;
+    onReset = _useRecordBoardContex.onReset,
+    setFilterResetKey = _useRecordBoardContex.setFilterResetKey;
   var handleReset = useCallback(function () {
     var _currentFilter$otherF;
+    setFilterResetKey === null || setFilterResetKey === void 0 || setFilterResetKey(function (prev) {
+      return prev + 1;
+    });
     var currentFilter = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
     var nextParams = _objectSpread(_objectSpread({}, searchParams), {}, _defineProperty(_defineProperty({}, FILTER_PARAMS_FIELD, _objectSpread(_objectSpread({}, currentFilter), {}, {
       quickFilter: [],
@@ -48,7 +52,7 @@ var ToolBarReset = function ToolBarReset(_ref) {
     })), SORT_PARAMS_FIELD, undefined));
     onSearch(nextParams);
     onReset === null || onReset === void 0 || onReset();
-  }, [searchParams, onSearch, onReset]);
+  }, [searchParams, onSearch, onReset, setFilterResetKey]);
   return /*#__PURE__*/React.createElement(Button, {
     className: "record-board-toolbar-reset",
     type: type,

package/es/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/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -88,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/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

@@ -0,0 +1,60 @@
+import React, { useMemo, useCallback } from 'react';
+import Icon from "../../../../icon";
+import { locales, image as imageAli } from '@pisell/utils';
+import "./index.less";
+var prefixCls = 'pisell-cart-sku-card__gift';
+var Gift = function Gift(props) {
+  var _displayGifts$;
+  var _props$isShow = props.isShow,
+    isShow = _props$isShow === void 0 ? false : _props$isShow,
+    _props$totalCount = props.totalCount,
+    totalCount = _props$totalCount === void 0 ? 0 : _props$totalCount,
+    _props$selectedGifts = props.selectedGifts,
+    selectedGifts = _props$selectedGifts === void 0 ? [] : _props$selectedGifts,
+    _props$promptText = props.promptText,
+    promptText = _props$promptText === void 0 ? '' : _props$promptText,
+    onClick = props.onClick;
+  var selectedCount = (selectedGifts === null || selectedGifts === void 0 ? void 0 : selectedGifts.length) || 0;
+  var displayGifts = useMemo(function () {
+    return (selectedGifts === null || selectedGifts === void 0 ? void 0 : selectedGifts.slice(0, 5)) || [];
+  }, [selectedGifts]);
+  var renderImage = useCallback(function (item) {
+    if (item !== null && item !== void 0 && item.image) {
+      return /*#__PURE__*/React.createElement("img", {
+        src: imageAli.ali(item === null || item === void 0 ? void 0 : item.image, 48),
+        className: "product-cover"
+      });
+    }
+    var displayText = item !== null && item !== void 0 && item.title ? item === null || item === void 0 ? void 0 : item.title.slice(0, 2) : '';
+    return /*#__PURE__*/React.createElement("div", {
+      className: "product-cover-text"
+    }, displayText);
+  }, [displayGifts]);
+  if (!isShow) return null;
+  console.log('Gift777', props, selectedCount);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "__label")
+  }, locales.getText('pisell2.cart.sku-card.gift.title')), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "__content")
+  }, !selectedCount ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "__text")
+  }, promptText || locales.getText('pisell2.cart.sku-card.gift.select.title')) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "__images ").concat(selectedCount === 1 ? "".concat(prefixCls, "__images-single") : '')
+  }, displayGifts.map(function (gift, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: (gift === null || gift === void 0 ? void 0 : gift.id) || index,
+      className: "".concat(prefixCls, "__image")
+    }, renderImage(gift));
+  }), selectedCount === 1 && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "__title")
+  }, (_displayGifts$ = displayGifts[0]) === null || _displayGifts$ === void 0 ? void 0 : _displayGifts$.title)), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "__total")
+  }, locales.getText('pisell2.cart.sku-card.gift.total')(totalCount)), /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-chevron-right",
+    className: "".concat(prefixCls, "__arrow")
+  })));
+};
+export default Gift;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import PisellTag from "../../../../pisellTags";
+var prefixCls = 'pisell-cart-sku-card__promotion';
+var Promotion = function Promotion(props) {
+  var promotions = props.promotions,
+    _onClick = props.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, promotions === null || promotions === void 0 ? void 0 : promotions.map(function (item, index) {
+    if (!(item !== null && item !== void 0 && item.text)) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        _onClick === null || _onClick === void 0 || _onClick(item);
+      }
+    }, /*#__PURE__*/React.createElement(PisellTag, {
+      type: "pill_color",
+      color: "error",
+      className: "".concat(prefixCls, "-tag-item")
+    }, item === null || item === void 0 ? void 0 : item.text));
+  }));
+};
+export default Promotion;

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

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { image as imageAli, formatAmount } from '@pisell/utils';
 import Specs from "../specs";
 import Holders from "../holders";
 import { PREFIX } from "../../index";
+import EditButton from "../../../components/Header/EditButton";
 import "./index.less";
 var BasicInfo = function BasicInfo(props) {
   var isShowImage = props.isShowImage,
@@ -15,7 +16,14 @@ var BasicInfo = function BasicInfo(props) {
     _props$maxSpecsCount = props.maxSpecsCount,
     maxSpecsCount = _props$maxSpecsCount === void 0 ? 1 : _props$maxSpecsCount,
     isBundle = props.isBundle,
-    showFooter = props.showFooter;
+    showFooter = props.showFooter,
+    _props$isShowOriginal = props.isShowOriginalPrice,
+    isShowOriginalPrice = _props$isShowOriginal === void 0 ? false : _props$isShowOriginal,
+    _props$isShowEditProd = props.isShowEditProduct,
+    isShowEditProduct = _props$isShowEditProd === void 0 ? false : _props$isShowEditProd,
+    onEditProduct = props.onEditProduct,
+    _props$disabledEditCl = props.disabledEditClick,
+    disabledEditClick = _props$disabledEditCl === void 0 ? false : _props$disabledEditCl;
   var image = dataSource.image,
     bundle = dataSource.bundle,
     options = dataSource.options,
@@ -56,6 +64,29 @@ var BasicInfo = function BasicInfo(props) {
       className: "product-cover-text"
     }, displayText);
   };
+
+  /**
+   * @description: 渲染编辑功能
+   * @param {*} useMemo
+   * @return {*}
+   */
+  var renderEdit = useMemo(function () {
+    if (!isShowEditProduct) return null;
+    return /*#__PURE__*/React.createElement(EditButton, {
+      onEdit: function onEdit() {
+        return onEditProduct === null || onEditProduct === void 0 ? void 0 : onEditProduct(dataSource);
+      },
+      disabledEditClick: disabledEditClick
+    });
+  }, [disabledEditClick]);
+  var _isShowOriginalPrice = useMemo(function () {
+    if (!isShowOriginalPrice) return false;
+    if (hasSpecs) return false;
+    var _originalTotal = parseFloat(String(origin_total || 0));
+    var _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__*/React.createElement("div", {
       className: "".concat(PREFIX, "__basic-info"),
@@ -65,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-basic-info-wrap"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "product-name"
+      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;
@@ -86,18 +119,22 @@ var BasicInfo = function BasicInfo(props) {
         width: 20
       }
     }) : null, /*#__PURE__*/React.createElement("div", {
-      className: "product-info"
+      className: "product-info product-info-a9"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "product-basic-info-wrap"
     }, /*#__PURE__*/React.createElement("div", {
       className: "product-basic-info ".concat(isBundle ? 'row' : '')
     }, /*#__PURE__*/React.createElement("div", {
-      className: "product-name"
+      className: "product-name ".concat(renderEdit ? 'product-name-edit' : '')
     }, name), /*#__PURE__*/React.createElement("div", {
       className: "product-price"
-    }, formatAmount(_price, 2, symbol))), hasSpecs ? /*#__PURE__*/React.createElement(Specs, {
+    }, /*#__PURE__*/React.createElement("span", null, formatAmount(_price, 2, symbol)), _isShowOriginalPrice ? /*#__PURE__*/React.createElement("span", {
+      className: "original-price"
+    }, formatAmount(origin_total, 2, symbol)) : null)), hasSpecs ? /*#__PURE__*/React.createElement(Specs, {
       dataSource: dataSource,
       maxSpecsCount: maxSpecsCount,
       type: type
-    }) : null));
+    }) : null), renderEdit));
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "__basic-info"),