@pisell/materials 6.5.9 → 6.6.2

package/es/components/pisellText/components/Editable/index.js

@@ -0,0 +1,130 @@
+var _excluded = ["value", "children", "editable", "onChange", "className", "size"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useMemo } from 'react';
+import { Input } from 'antd';
+import Icon from "../../../icon";
+import { locales } from '@pisell/utils';
+import classNames from 'classnames';
+import useEngineContext from "../../../../hooks/useEngineContext";
+import Translation from "../../../translation";
+import "./index.less";
+var Editable = function Editable(props) {
+  var value = props.value,
+    children = props.children,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? false : _props$editable,
+    onChange = props.onChange,
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    others = _objectWithoutProperties(props, _excluded);
+  var context = useEngineContext();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  // 解析编辑配置
+  var editableConfig = useMemo(function () {
+    if (typeof editable === 'boolean') {
+      return editable ? {} : null;
+    }
+    return editable || null;
+  }, [editable]);
+  var currentLocale = useMemo(function () {
+    var _context$appHelper$ut;
+    var locale = (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get('umi_locale');
+    return locales.formatLocale(locale);
+  }, []);
+  var displayValue = useMemo(function () {
+    if (typeof children === 'string') return children;
+    if (typeof value === 'string') {
+      return value;
+    }
+    if (value && _typeof(value) === 'object') {
+      return value[currentLocale] || '';
+    }
+    return '';
+  }, [value, currentLocale, children]);
+
+  // 判断是否为多语言对象
+  var isMultiLanguage = useMemo(function () {
+    return !!value && _typeof(value) === 'object';
+  }, [value]);
+
+  // 编辑功能
+  var handleEdit = function handleEdit() {
+    if (editableConfig !== null && editableConfig !== void 0 && editableConfig.disabled) return;
+    setIsEditing(true);
+  };
+  var handleInputChange = function handleInputChange(newValue) {
+    if (!onChange) return;
+    onChange(newValue);
+  };
+
+  // 编辑模式渲染
+  if (isEditing && editableConfig) {
+    // 如果是多语言对象，使用 Translation 组件
+    if (isMultiLanguage) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('pisell-text-editable-editing', className)
+      }, /*#__PURE__*/React.createElement(Translation, {
+        value: value,
+        onChange: handleInputChange,
+        onPressEnter: function onPressEnter() {
+          return setIsEditing(false);
+        }
+        // onBlur={() => setIsEditing(false)}
+        ,
+        maxLength: editableConfig.maxLength,
+        size: size,
+        autoFocus: true
+      }));
+    }
+
+    // 普通字符串，使用 Input 组件
+    return /*#__PURE__*/React.createElement(Input, {
+      value: displayValue,
+      onChange: function onChange(e) {
+        return handleInputChange(e.target.value);
+      },
+      onPressEnter: function onPressEnter() {
+        return setIsEditing(false);
+      }
+      // onBlur={() => setIsEditing(false)}
+      ,
+      maxLength: editableConfig.maxLength,
+      size: size,
+      autoFocus: true,
+      className: classNames('pisell-text-editable-input', className),
+      style: others.style
+    });
+  }
+
+  // 正常显示模式
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames('pisell-text-editable', className, {
+      'pisell-text-editable-enabled': editableConfig && !editableConfig.disabled
+    })
+  }, others), displayValue, editableConfig && !editableConfig.disabled && !isEditing && /*#__PURE__*/React.createElement("span", {
+    className: "pisell-text-editable-edit-icon",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      handleEdit();
+    },
+    title: "\u70B9\u51FB\u7F16\u8F91"
+  }, editableConfig.icon || /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-edit-05",
+    size: 16
+  })));
+};
+export default Editable;

package/es/components/pisellText/components/Editable/index.less

@@ -0,0 +1,40 @@
+.pisell-text-editable {
+  position: relative;
+  
+  &-enabled {
+    cursor: pointer;
+  }
+  
+  &-edit-icon {
+    margin-left: 4px;
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 12px;
+    opacity: 1;
+    cursor: pointer;
+    pointer-events: auto;
+    z-index: 1;
+    
+    &:hover {
+      color: #1890ff;
+    }
+    
+    // 确保内部的图标不会阻止点击事件
+    * {
+      pointer-events: none;
+    }
+  }
+  
+  &-input {
+    min-width: 100px;
+    
+    &.ant-input {
+      border: 1px solid #1890ff;
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+  }
+  
+  &-editing {
+    display: inline-block;
+    width: 100%;
+  }
+}

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

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

package/es/components/pisellText/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import Amount from "./components/Amount";
+import Editable from "./components/Editable";
 var PisellText = function PisellText(props) {
   return /*#__PURE__*/React.createElement("span", props);
 };
 PisellText.Amount = Amount;
+PisellText.Editable = Editable;
 export default PisellText;

package/es/components/pisellToast/squareToast/index.d.ts

@@ -0,0 +1,15 @@
+import { clear, show, success, info, loading, fail, hide } from './methods';
+import './index.less';
+interface ToastInstance {
+    show: typeof show;
+    clear: typeof clear;
+    success: typeof success;
+    info: typeof info;
+    loading: typeof loading;
+    fail: typeof fail;
+    error: typeof fail;
+    hide: typeof hide;
+}
+declare const Toast: ToastInstance;
+export declare const useToast: () => ToastInstance;
+export default Toast;

package/es/components/pisellToast/squareToast/methods.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ToastProps } from './toast';
+interface ToastInstance {
+    close: () => void;
+}
+declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const clear: () => void;
+declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const hide: () => void;
+export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -0,0 +1,29 @@
+import type { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+import React from 'react';
+declare type ImperativeProps = {
+    open?: boolean;
+    onCancel?: () => void;
+    afterClose?: () => void;
+};
+declare type TargetElement = ReactElement<ImperativeProps>;
+export declare type ImperativeHandler = {
+    close: () => void;
+    replace: (element: TargetElement) => void;
+    isRendered?: () => boolean;
+};
+export declare type UnmountType = () => Promise<void>;
+export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
+declare const MARK = "__pisell_react_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: React.ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): Promise<void>;
+/**
+ * @deprecated 设置 React 渲染函数以兼容使用。
+ */
+export declare function unstableSetRender(render?: RenderType): RenderType;
+export declare function renderToBody(element: ReactElement): UnmountType;
+export declare function renderImperatively(element: TargetElement): ImperativeHandler;
+export {};

package/es/components/pisellToast/squareToast/toast.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './index.less';
+export declare type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+export interface ToastProps {
+    /** Toast 类型 */
+    icon?: ToastType | React.ReactNode;
+    /** 显示的内容，支持文本或 React 节点 */
+    content: React.ReactNode;
+    /** 是否显示 */
+    open?: boolean;
+    /** 自动关闭时间，单位毫秒，0 表示不自动关闭 */
+    duration?: number;
+    /** 关闭 */
+    onCancel?: () => void;
+    /** 关闭后回调 */
+    afterClose?: () => void;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

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

@@ -52,6 +52,10 @@ export interface PisellWalletPassCardProps {
     showCode?: boolean;
     /** 是否展示有效期 */
     showValidDate?: boolean;
+    /** 使用日程信息计算有效期 */
+    validDateBySchedule?: boolean;
+    /** 日程列表 */
+    scheduleList?: any[];
     /** 是否展示右上角详情按钮 */
     showDetail?: boolean;
     /** 是否展示qrCode */

package/es/components/pisellWalletPassCard/index.js

@@ -20,7 +20,8 @@ import { CheckCircleFilled, EditOutlined, ExclamationCircleOutlined, MoreOutline
 import { Dropdown, Form, Input, InputNumber, DatePicker, Radio } from 'antd';
 import dayjs from 'dayjs';
 import Iconfont from "../iconfont";
-import { PisellModal } from "../../index";
+import { PisellModal, usePisellConfig } from "../../index";
+import { getScheduleSummary } from '@pisell/utils';
 import PisellTag from "../pisellTags";
 import Amount from "../pisellText/components/Amount";
 import AmountCpt from "../virtual-keyboard/Amount";
@@ -70,6 +71,7 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     _React$useState12 = _slicedToArray(_React$useState11, 2),
     pressTimer = _React$useState12[0],
     setPressTimer = _React$useState12[1];
+  var config = usePisellConfig();
 
   // 添加 useEffect 清理定时器
   useEffect(function () {
@@ -143,7 +145,9 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     formatBalanceTitle = props.formatBalanceTitle,
     formatRedeem = props.formatRedeem,
     formatRedeemTitle = props.formatRedeemTitle,
-    maxRedeem = props.maxRedeem;
+    maxRedeem = props.maxRedeem,
+    validDateBySchedule = props.validDateBySchedule,
+    scheduleList = props.scheduleList;
   useEffect(function () {
     document.body.id = 'body';
   }, []);
@@ -314,6 +318,12 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     }
     setLastTap(now);
   };
+  var formatValidDate = useMemo(function () {
+    if (validDateBySchedule && scheduleList && (scheduleList === null || scheduleList === void 0 ? void 0 : scheduleList.length) > 0) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, getText('pisell-wallet-pass-card-valid'), ' ', getScheduleSummary(scheduleList, config === null || config === void 0 ? void 0 : config.locale) || validDate);
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, getText('pisell-wallet-pass-card-valid-to'), ' ', !!validDate ? validDate : getText('pisell-wallet-pass-card-expireDate'));
+  }, [validDateBySchedule, scheduleList, validDate]);
   var _onConfirmEdit = function _onConfirmEdit() {
     form.validateFields().then(function (values) {
       var _values$validDate;
@@ -547,10 +557,13 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
       useThousandsSeparator: true,
       value: discount
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, discount, "% ", getText('pisell-discount-card-unit'))))), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-card-code-wrap"
+      className: "pisell-card-code-wrap",
+      style: {
+        marginRight: showQrCode && !isMini ? 60 : 0
+      }
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-card-code"
-    }, showCode && !isMini && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, getText('pisell-wallet-pass-card-valid-to'), ' ', !!validDate ? validDate : getText('pisell-wallet-pass-card-expireDate')))));
+    }, showCode && !isMini && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, formatValidDate))));
   };
   var getInputItem = function getInputItem(name) {
     if ('validDate' === name) {

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

@@ -0,0 +1,14 @@
+interface InputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+interface OutputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+export declare function formatDateRanges(list: InputItem[]): OutputItem[];
+export {};

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

@@ -14,6 +14,7 @@ interface IProps {
         origin_total?: number;
         num?: number;
         holder_id?: any;
+        isFormSubject?: boolean;
     };
     style?: React.CSSProperties;
     /** 作为主商品卡片展示

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

@@ -25,7 +25,8 @@ var BasicInfo = function BasicInfo(props) {
     origin_total = _dataSource$origin_to === void 0 ? 0 : _dataSource$origin_to,
     _dataSource$num = dataSource.num,
     num = _dataSource$num === void 0 ? 1 : _dataSource$num,
-    holder_id = dataSource.holder_id;
+    holder_id = dataSource.holder_id,
+    isFormSubject = dataSource.isFormSubject;
   var renderNumTag = function renderNumTag() {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames("num-tag", {
@@ -61,7 +62,7 @@ var BasicInfo = function BasicInfo(props) {
       className: "product-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "product-name"
-    }, name), !holder_id || !(holder_id !== null && holder_id !== void 0 && holder_id.length) ? /*#__PURE__*/React.createElement("div", {
+    }, 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

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

@@ -2,12 +2,29 @@ import React from 'react';
 import Iconfont from "../../../../iconfont";
 import { PREFIX } from "../../index";
 import "./index.less";
+import { locales } from '@pisell/utils';
+var holderIconMap = {
+  'form': 'pisell2-file-05',
+  'minors': 'pisell2-user-check-01',
+  'waiver': 'pisell2-file-lock-03'
+};
 var Holders = function Holders(props) {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? {} : _props$dataSource;
   var holders = dataSource.holders,
     holder_id = dataSource.holder_id;
-  if (!holder_id) return null;
+  if (!holder_id || (holder_id === null || holder_id === void 0 ? void 0 : holder_id.length) === 0) {
+    // 如果是Booking Holder为表单的，未选择则显示Unassigned
+    if (dataSource.isFormSubject) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "holder-item unassigned"
+      }, dataSource.holderMaxCount > 1 ? /*#__PURE__*/React.createElement("span", null, dataSource.holderMaxCount, "/", dataSource.holderMaxCount, " ") : null, /*#__PURE__*/React.createElement("span", {
+        className: "holder-label"
+      }, locales.getText('pisell2.cart.sku-card.unassigned')));
+    }
+    return null;
+  }
+  ;
   var renderHolder = function renderHolder(id) {
     if (!id) return null;
     var holder = holders.find(function (item) {
@@ -18,7 +35,7 @@ var Holders = function Holders(props) {
       key: id
     }, /*#__PURE__*/React.createElement(Iconfont, {
       className: "holder-icon",
-      type: "pisell2-user-check-01"
+      type: holderIconMap[(dataSource === null || dataSource === void 0 ? void 0 : dataSource.holderType) || 'minors']
     }), /*#__PURE__*/React.createElement("span", {
       className: "holder-label"
     }, (holder === null || holder === void 0 ? void 0 : holder.label) || id));

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

@@ -29,4 +29,19 @@
       white-space: nowrap;
     }
   }
+  .unassigned {
+    color: red;
+    .holder-label {
+      color: red;
+    }
+  }
 }
+
+.holder-item {
+  &.unassigned {
+    color: red;
+    .holder-label {
+      color: red;
+    }
+  }
+}

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

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

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+    escapeDom?: string;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

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

@@ -1,4 +1,4 @@
-var _excluded = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowPackageNote", "isShowEditProduct", "onEditProduct", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onChangeHolder", "type", "rightActions", "escapeDom"];
+var _excluded = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowAmountFooter", "isShowPackageNote", "isShowEditProduct", "onEditProduct", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onChangeHolder", "type", "rightActions", "escapeDom"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -40,6 +40,8 @@ var CartSkuCard = function CartSkuCard(props) {
     isShowNote = _props$isShowNote === void 0 ? defaultValue.isShowNote : _props$isShowNote,
     _props$isShowDelete = props.isShowDelete,
     isShowDelete = _props$isShowDelete === void 0 ? defaultValue.isShowDelete : _props$isShowDelete,
+    _props$isShowAmountFo = props.isShowAmountFooter,
+    isShowAmountFooter = _props$isShowAmountFo === void 0 ? defaultValue.isShowAmountFooter : _props$isShowAmountFo,
     _props$isShowPackageN = props.isShowPackageNote,
     isShowPackageNote = _props$isShowPackageN === void 0 ? defaultValue.isShowPackageNote : _props$isShowPackageN,
     _props$isShowEditProd = props.isShowEditProduct,
@@ -151,11 +153,11 @@ var CartSkuCard = function CartSkuCard(props) {
     }), (_dataSource$items = dataSource.items) !== null && _dataSource$items !== void 0 && _dataSource$items.length ? /*#__PURE__*/React.createElement(Items, {
       dataSource: dataSource,
       hideDivider: hideDivider
-    }) : /*#__PURE__*/React.createElement(AmountFooter, {
+    }) : isShowAmountFooter ? /*#__PURE__*/React.createElement(AmountFooter, {
       item: dataSource,
       hideDivider: hideDivider,
       type: "total"
-    }), isShowNote ? /*#__PURE__*/React.createElement(Note, _extends({}, other, {
+    }) : null, isShowNote ? /*#__PURE__*/React.createElement(Note, _extends({}, other, {
       item: dataSource,
       openNote: function openNote() {
         useOpenNoteRef.current.open({

package/es/components/productCard/cartSkuCard/locales.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+};
+export default _default;