@pisell/materials 1.0.449 → 1.0.451

package/es/components/dataSourceComponents/provider/variables/VariablesContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface VariablesContextType {
+    variables?: Record<string, any>;
+    registerVariable?: (value: Record<string, any>) => void;
+    parseVariable?: (str: string, localVariables: Record<string, any>) => any;
+    children?: React.ReactNode;
+}
+export declare const VariablesContext: import("react").Context<VariablesContextType>;
+export default VariablesContext;

package/es/components/dataSourceComponents/provider/variables/VariablesContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+var initialContext = {
+  variables: {},
+  registerVariable: function registerVariable() {},
+  parseVariable: function parseVariable() {}
+};
+export var VariablesContext = /*#__PURE__*/createContext(initialContext);
+export default VariablesContext;

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VariablesContextType } from './VariablesContext';
+declare const VariablesProvider: React.FC<VariablesContextType>;
+export default VariablesProvider;

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -0,0 +1,82 @@
+import React, { useMemo, useRef, useEffect } from 'react';
+import { isArr, isString, isUndefined } from '@pisell/utils';
+import VariablesContext from "./VariablesContext";
+import { getNestedValue } from "../../dataSourceForm/utils";
+import { mergeWith } from "../../../../utils";
+import { useMemoizedFn } from 'ahooks';
+
+// 默认合并逻辑 数组直接覆盖
+var defaultCustomizer = function defaultCustomizer(objValue, srcValue) {
+  if (isArr(srcValue)) {
+    return srcValue;
+  }
+};
+var VARIABLE_PATTERN = /{{([^}]+)}}/g;
+var isVariableKey = function isVariableKey(key) {
+  var reg = /{{([^}]+)}}/;
+  return reg.test(key);
+};
+var getVariableKey = function getVariableKey(str) {
+  var reg = /{{([^}]+)}}/;
+  var match = str.match(reg);
+  return match === null || match === void 0 ? void 0 : match[1];
+};
+var VariablesProvider = function VariablesProvider(props) {
+  var children = props.children,
+    variables = props.variables;
+
+  // 变量存储
+  var variablesRef = useRef({});
+  useEffect(function () {
+    if (variables) {
+      variablesRef.current = variables;
+    }
+  }, [variables]);
+
+  // 注册变量
+  var registerVariable = useMemoizedFn(function (value) {
+    variablesRef.current = mergeWith(variablesRef.current, value, defaultCustomizer);
+  });
+
+  // 解析变量
+  var parseVariable = useMemoizedFn(function (str) {
+    var _str$match;
+    var localVariables = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (!isString(str)) {
+      return str;
+    }
+
+    // 如果整个字符串就是一个变量模式，直接返回变量值
+    if (((_str$match = str.match(VARIABLE_PATTERN)) === null || _str$match === void 0 ? void 0 : _str$match[0]) === str) {
+      var key = getVariableKey(str);
+      if (!key) return str;
+      var localValue = getNestedValue(localVariables, key);
+      if (!isUndefined(localValue)) {
+        return localValue;
+      }
+      var globalValue = getNestedValue(variablesRef.current, key);
+      return isUndefined(globalValue) ? str : globalValue;
+    }
+
+    // 否则替换字符串中的所有变量
+    return str.replace(VARIABLE_PATTERN, function (match, key) {
+      var localValue = getNestedValue(localVariables, key);
+      if (!isUndefined(localValue)) {
+        return localValue;
+      }
+      var globalValue = getNestedValue(variablesRef.current, key);
+      return isUndefined(globalValue) ? match : globalValue;
+    });
+  });
+  var value = useMemo(function () {
+    return {
+      variables: variablesRef.current,
+      registerVariable: registerVariable,
+      parseVariable: parseVariable
+    };
+  }, [registerVariable, parseVariable]);
+  return /*#__PURE__*/React.createElement(VariablesContext.Provider, {
+    value: value
+  }, children);
+};
+export default VariablesProvider;

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

@@ -1,8 +1,2 @@
-import React, { Component } from 'react';
-declare class Form extends Component<any, any> {
-    formRef: React.RefObject<any>;
-    componentDidUpdate(prevProps: any): void;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
-export default Form;
+declare const _default: any;
+export default _default;

package/es/components/form/index.js

@@ -20,6 +20,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React, { Component, createRef } from 'react';
 import { Form as OriginalForm } from 'antd';
 import { withSingleFunctionChild } from "../../utils/hoc";
+import { isArr } from '@pisell/utils';
 var Form = /*#__PURE__*/function (_Component) {
   _inherits(Form, _Component);
   var _super = _createSuper(Form);
@@ -87,12 +88,13 @@ var Form = /*#__PURE__*/function (_Component) {
 }(Component);
 Form.Item = function (props) {
   var name = props.name,
+    propsRules = props.rules,
     requiredobj = props.requiredobj,
     typeobj = props.typeobj,
     patternobj = props.patternobj,
     lenobj = props.lenobj,
     _validator = props.validator;
-  var rules = [];
+  var rules = isArr(propsRules) ? propsRules : [];
   if (requiredobj && requiredobj.required) {
     rules.push(requiredobj);
   }

package/es/components/page/index.js

@@ -11,6 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo } from 'react';
 import ConfigProvider from "../config-provider";
 import { AdapterDayjs } from '@pisell/date-picker/es/AdapterDayjs';
+import VariablesProvider from "../dataSourceComponents/provider/variables/VariablesProvider";
 import { LocalizationProvider, createTheme, ThemeProvider, LocaleProvider } from '@pisell/date-picker';
 import { App } from 'antd';
 import enUS from 'antd/locale/en_US';
@@ -250,11 +251,11 @@ var Page = function Page(props) {
     }
   }, /*#__PURE__*/React.createElement(PisellConfigProvider, {
     locale: locale
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(VariablesProvider, null, /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, style), {}, {
       '--theme-color': themeColor || '#7F56D9'
     }),
     className: className
-  }, children)))))));
+  }, children))))))));
 };
 export default Page;

package/es/components/pisellAnchor/index.js

@@ -17,7 +17,6 @@ import "./index.less";
  * @constructor
  */
 var PisellAnchor = function PisellAnchor(props) {
-  console.log('%c [ props ]-21', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     leftDisabled = _useState2[0],

package/es/components/pisellStatistic/index.js

@@ -3,7 +3,6 @@ import { Statistic } from 'antd';
 import classNames from 'classnames';
 import "./index.less";
 var pisellStatistic = function pisellStatistic(props) {
-  console.log('%c [ props ]-6', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   useEffect(function () {
     document.body.id = 'body';
   }, []);

package/es/components/pisellUpload/index.js

@@ -13,7 +13,6 @@ var PisellUpload = function PisellUpload(props) {
     text1 = props.text1,
     text2 = props.text2,
     uploadType = props.uploadType;
-  console.log('%c [ props ]-13', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   useEffect(function () {
     document.body.id = 'body';
   }, []);

package/es/components/pisellUploadCrop/index.js

@@ -12,7 +12,6 @@ import React, { useState } from 'react';
 import { Upload } from 'antd';
 import ImgCrop from 'antd-img-crop';
 var pisellUploadCrop = function pisellUploadCrop(props) {
-  console.log('%c [ props ]-12', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   var cropShape = props.cropShape; // 裁剪形状
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),

package/es/components/pisellWalletCard/index.js

@@ -16,7 +16,6 @@ import classNames from 'classnames';
 var walletNumber = '123871283618273687123'; //钱包号
 var PisellWalletCard = function PisellWalletCard(props) {
   var _context$appHelper;
-  console.log('%c [ props ]-12', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   var mode = props.mode,
     cardStyle = props.cardStyle,
     codeType = props.codeType,
@@ -32,7 +31,6 @@ var PisellWalletCard = function PisellWalletCard(props) {
     coupon = props.coupon,
     vouCher = props.vouCher,
     discountCard = props.discountCard; // 裁剪形状
-  console.log('%c [ props ]-43', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   var context = useEngineContext();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/es/components/pisellWalletPassCard/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import classNames from 'classnames';
 import QRCode from "../qrcode";
 import Iconfont from "../iconfont";
@@ -48,6 +48,9 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     _props$showDiscount = props.showDiscount,
     showDiscount = _props$showDiscount === void 0 ? false : _props$showDiscount,
     discount = props.discount;
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-pass-card', {
       'pisell-card-disabled': disabled,

package/es/components/productCard/components/Action/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Action: ({ item, onAction }: any) => React.JSX.Element;
+export default Action;

package/es/components/productCard/components/{Actions → Action}/index.js

@@ -3,9 +3,10 @@ import classNames from 'classnames';
 import { Button } from 'antd';
 import "./index.less";
 var prefix = 'pisell-lowcode-';
-var Actions = function Actions(_ref) {
-  var item = _ref.item;
-  return item !== null && item !== void 0 && item.actionText ? /*#__PURE__*/React.createElement("div", {
+var Action = function Action(_ref) {
+  var item = _ref.item,
+    onAction = _ref.onAction;
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "product-actions"))
   }, /*#__PURE__*/React.createElement(Button, {
     className: classNames("".concat(prefix, "product-actions-item")),
@@ -13,8 +14,8 @@ var Actions = function Actions(_ref) {
     onClick: function onClick(e) {
       e.preventDefault();
       e.stopPropagation();
-      // onAddTime();
+      onAction();
     }
-  }, item.actionText)) : null;
+  }, item._actionText));
 };
-export default Actions;
+export default Action;

package/{lib/components/productCard/components/Actions → es/components/productCard/components/Action}/index.less

@@ -5,7 +5,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-top: 4px;
+    margin-top: 8px;
   }
 
   &-product-actions-item {

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

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

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

@@ -1,13 +1,15 @@
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { _formatAmount } from "../Packages/utils";
 import Divider from "../Divider";
 import "./index.less";
+import { locales } from '@pisell/utils';
 var prefix = 'pisell-lowcode-';
 var Footer = function Footer(_ref) {
+  var _item$_extend, _item$_extend2;
   var item = _ref.item,
-    amountSymbol = _ref.amountSymbol,
-    hideDivider = _ref.hideDivider;
+    hideDivider = _ref.hideDivider,
+    type = _ref.type;
   /**
    * @title: 折扣
    * @description:
@@ -21,12 +23,16 @@ var Footer = function Footer(_ref) {
     if (!(item !== null && item !== void 0 && item.hasOwnProperty('origin_total'))) return false;
     return Number(item === null || item === void 0 ? void 0 : item.total) != Number(item === null || item === void 0 ? void 0 : item.origin_total);
   }, [item]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !hideDivider ? /*#__PURE__*/React.createElement(Divider, null) : null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !hideDivider ? /*#__PURE__*/React.createElement(Divider, {
+    type: type !== 'total' ? 'inside' : ''
+  }) : null, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "packages-product-footer"), hideDivider && "".concat(prefix, "packages-product-hide-divider-footer"))
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, _formatAmount(item === null || item === void 0 ? void 0 : item.total, amountSymbol)), /*#__PURE__*/React.createElement("span", null, "\xD7".concat(item === null || item === void 0 ? void 0 : item.num)), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, _formatAmount(item === null || item === void 0 ? void 0 : item.total, item === null || item === void 0 ? void 0 : item.symbol)), /*#__PURE__*/React.createElement("span", null, "\xD7".concat(item === null || item === void 0 ? void 0 : item.num)), /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "packages-product-footer-total")
-  }, "".concat(amountSymbol, " ").concat(_formatAmount((item === null || item === void 0 ? void 0 : item.total) * (item === null || item === void 0 ? void 0 : item.num))))), isDiscount ? /*#__PURE__*/React.createElement("div", {
+  }, "".concat(item === null || item === void 0 ? void 0 : item.symbol, " ").concat(_formatAmount((item === null || item === void 0 ? void 0 : item.total) * (item === null || item === void 0 ? void 0 : item.num))))), isDiscount ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "packages-product-footer-discount")
-  }, /*#__PURE__*/React.createElement("span", null, _formatAmount(item === null || item === void 0 ? void 0 : item.origin_total, amountSymbol)), /*#__PURE__*/React.createElement("span", null, "".concat(amountSymbol, " ").concat(_formatAmount((item === null || item === void 0 ? void 0 : item.origin_total) * (item === null || item === void 0 ? void 0 : item.num))))) : null));
+  }, /*#__PURE__*/React.createElement("span", null, _formatAmount(item === null || item === void 0 ? void 0 : item.origin_total, item === null || item === void 0 ? void 0 : item.symbol)), /*#__PURE__*/React.createElement("span", null, _formatAmount((item === null || item === void 0 ? void 0 : item.origin_total) * (item === null || item === void 0 ? void 0 : item.num), item === null || item === void 0 ? void 0 : item.symbol, 2))) : null), isDiscount && (_item$_extend = item._extend) !== null && _item$_extend !== void 0 && _item$_extend.discount_reason && type === 'total' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "product-item-discount-reason")
+  }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat((_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.discount_reason)))) : null);
 };
 export default Footer;

package/es/components/productCard/components/AmountFooter/index.less

@@ -27,4 +27,13 @@
   &-packages-product-hide-divider-footer {
     margin-top: 8px;
   }
+
+  &-product-item-discount-reason {
+    color: var(--gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    white-space: break-spaces;
+  }
 }

package/es/components/productCard/components/Header/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.less';
-declare const Header: ({ isShowDelete, d, showImage }: any) => React.JSX.Element;
+declare const Header: ({ isShowDelete, item, showImage, onDelete }: any) => React.JSX.Element;
 export default Header;

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

@@ -8,10 +8,9 @@ import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Header = function Header(_ref) {
   var isShowDelete = _ref.isShowDelete,
-    d = _ref.d,
-    showImage = _ref.showImage;
-  console.log(d, showImage, 'wh8888');
-
+    item = _ref.item,
+    showImage = _ref.showImage,
+    onDelete = _ref.onDelete;
   /**
    * @title: 是否显示价格
    * @description:
@@ -21,9 +20,9 @@ var Header = function Header(_ref) {
    * @Date: 2024-11-23 16:13
    */
   var showPrice = useMemo(function () {
-    var _d$bundle, _d$options;
-    return (d === null || d === void 0 ? void 0 : (_d$bundle = d.bundle) === null || _d$bundle === void 0 ? void 0 : _d$bundle.length) > 0 || (d === null || d === void 0 ? void 0 : (_d$options = d.options) === null || _d$options === void 0 ? void 0 : _d$options.length) > 0;
-  }, [d === null || d === void 0 ? void 0 : d.bundle]);
+    var _item$bundle, _item$options;
+    return (item === null || item === void 0 ? void 0 : (_item$bundle = item.bundle) === null || _item$bundle === void 0 ? void 0 : _item$bundle.length) > 0 || (item === null || item === void 0 ? void 0 : (_item$options = item.options) === null || _item$options === void 0 ? void 0 : _item$options.length) > 0;
+  }, [item === null || item === void 0 ? void 0 : item.bundle, item === null || item === void 0 ? void 0 : item.options]);
 
   /**
    * @title: 样式是否居中
@@ -34,16 +33,16 @@ var Header = function Header(_ref) {
    * @Date: 2024-11-23 17:37
    */
   var headerCenterStyle = useMemo(function () {
-    var _d$options2;
-    return (d === null || d === void 0 ? void 0 : (_d$options2 = d.options) === null || _d$options2 === void 0 ? void 0 : _d$options2.length) > 0 || (d === null || d === void 0 ? void 0 : d.product_option_string);
-  }, [d === null || d === void 0 ? void 0 : d.options]);
+    var _item$options2;
+    return (item === null || item === void 0 ? void 0 : (_item$options2 = item.options) === null || _item$options2 === void 0 ? void 0 : _item$options2.length) > 0 || (item === null || item === void 0 ? void 0 : item.product_option_string);
+  }, [item === null || item === void 0 ? void 0 : item.options, item === null || item === void 0 ? void 0 : item.product_option_string]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "product-header"), headerCenterStyle && "".concat(prefix, "product-options-header"))
   }, isShowDelete ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-delete"),
     onClick: function onClick(e) {
       e.stopPropagation();
-      // handleDeleteService(d);
+      onDelete();
     }
   }, /*#__PURE__*/React.createElement(Button, {
     type: "text",
@@ -51,19 +50,19 @@ var Header = function Header(_ref) {
       type: "pisell2-trash-01"
     })
   })) : null, showImage ? /*#__PURE__*/React.createElement("img", {
-    src: image.ali(d === null || d === void 0 ? void 0 : d.product_cover, 100),
+    src: image.ali(item.cover, 64),
     className: "".concat(prefix, "product-header-cover")
-  }) : null, d !== null && d !== void 0 && d.id ? /*#__PURE__*/React.createElement("div", {
+  }) : null, item !== null && item !== void 0 && item.id ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-right-wrap")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-title")
-  }, /*#__PURE__*/React.createElement("span", null, d === null || d === void 0 ? void 0 : d.title), showPrice ? /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", null, item === null || item === void 0 ? void 0 : item.title), showPrice ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "product-title-price")
-  }, formatAmount(d === null || d === void 0 ? void 0 : d.price, 2, d === null || d === void 0 ? void 0 : d.symbol)) : null), d !== null && d !== void 0 && d.product_option_string ? /*#__PURE__*/React.createElement("span", {
+  }, formatAmount(item === null || item === void 0 ? void 0 : item.price, 2, item === null || item === void 0 ? void 0 : item.symbol)) : null), item !== null && item !== void 0 && item.product_option_string ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "product-title-variant")
-  }, d === null || d === void 0 ? void 0 : d.product_option_string) : null, /*#__PURE__*/React.createElement(Options, {
-    options: d === null || d === void 0 ? void 0 : d.options,
-    amountSymbol: d === null || d === void 0 ? void 0 : d.symbol
+  }, item === null || item === void 0 ? void 0 : item.product_option_string) : null, /*#__PURE__*/React.createElement(Options, {
+    options: item === null || item === void 0 ? void 0 : item.options,
+    amountSymbol: item === null || item === void 0 ? void 0 : item.symbol
   })) : null);
 };
 export default Header;

package/es/components/productCard/components/Header/index.less

@@ -5,6 +5,7 @@
     display: flex;
     align-items: center;
     gap: 8px;
+    padding-right: 24px;
   }
 
   &-product-options-header {
@@ -17,6 +18,9 @@
     top: 0;
     right: 0;
     cursor: pointer;
+    .pisell-lowcode-btn {
+      padding: 0;
+    }
   }
 
   &-product-header-cover {

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

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

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

@@ -1,17 +1,24 @@
 import React from 'react';
 import classNames from 'classnames';
+import { locales } from '@pisell/utils';
 import Divider from "../Divider";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Note = function Note(_ref) {
   var item = _ref.item,
-    type = _ref.type;
+    type = _ref.type,
+    openNote = _ref.openNote;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
     type: type
   }), /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "product-note-wrap"))
-  }, item !== null && item !== void 0 && item.note ? /*#__PURE__*/React.createElement("div", null, "Note: ", item.note) : null, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "product-note-btn")
-  }, item !== null && item !== void 0 && item.note ? 'Edit note' : 'Add note')));
+  }, item !== null && item !== void 0 && item.note ? /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.product.card.discount.note'), ": ", item.note) : null, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefix, "product-note-btn"),
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      openNote();
+    }
+  }, item !== null && item !== void 0 && item.note ? locales.getText('pisell2.product.card.discount.edit.note') : locales.getText('pisell2.product.card.discount.add.note'))));
 };
 export default Note;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const renderBundles: (item: any, amountSymbol: string, hidePrice?: boolean, isShowNote?: boolean) => React.JSX.Element;
+export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => React.JSX.Element;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.js

@@ -1,14 +1,17 @@
 import React from 'react';
 import Footer from "../../../AmountFooter";
 import Note from "../../../Note";
+import useEngineContext from "../../../../../../hooks/useEngineContext";
 import { _formatAmount } from "../../utils";
 import Options from "../options";
 var prefix = 'pisell-lowcode-';
-export var renderBundles = function renderBundles(item, amountSymbol, hidePrice, isShowNote) {
-  // let translationOriginal = (text: any) => '';
-  // const context = useEngineContext();
-  // translationOriginal = context?.appHelper?.utils?.translationOriginal;
-  var options = (item === null || item === void 0 ? void 0 : item.option) || [];
+export var renderBundles = function renderBundles(item, hidePrice, isShowPackageNote) {
+  var _context$appHelper, _context$appHelper$ut;
+  var translationOriginal = function translationOriginal(text) {
+    return '';
+  };
+  var context = useEngineContext();
+  translationOriginal = context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : (_context$appHelper$ut = _context$appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.translationOriginal;
   return /*#__PURE__*/React.createElement("div", {
     key: item.id,
     className: "".concat(prefix, "packages-product-bundle-item")
@@ -16,15 +19,14 @@ export var renderBundles = function renderBundles(item, amountSymbol, hidePrice,
     className: "".concat(prefix, "packages-product-bundle-info")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "packages-product-bundle-info-title")
-  }, (item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.product_title)), !hidePrice ? /*#__PURE__*/React.createElement("div", {
+  }, translationOriginal(item === null || item === void 0 ? void 0 : item.title)), !hidePrice ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "packages-product-bundle-info-num")
-  }, _formatAmount(item === null || item === void 0 ? void 0 : item.price, amountSymbol)) : null), /*#__PURE__*/React.createElement(Options, {
-    options: options,
-    amountSymbol: amountSymbol
+  }, _formatAmount(item === null || item === void 0 ? void 0 : item.price, item === null || item === void 0 ? void 0 : item.symbol)) : null), /*#__PURE__*/React.createElement(Options, {
+    options: item === null || item === void 0 ? void 0 : item.option,
+    amountSymbol: item === null || item === void 0 ? void 0 : item.symbol
   }), /*#__PURE__*/React.createElement(Footer, {
-    item: item,
-    amountSymbol: amountSymbol
-  }), isShowNote ? /*#__PURE__*/React.createElement(Note, {
+    item: item
+  }), isShowPackageNote ? /*#__PURE__*/React.createElement(Note, {
     item: item,
     type: "inside"
   }) : null);

package/es/components/productCard/components/Packages/components/options/index.less

@@ -18,6 +18,7 @@
 
   &-packages-product-bundle-option-item-left {
     display: flex;
+    gap: 4px;
   }
 
   &-packages-product-bundle-option-item-left-amount {

package/es/components/productCard/components/Packages/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.less';
-declare const Packages: ({ d, isShowNote }: any) => React.JSX.Element | null;
+declare const Packages: ({ item, isShowPackageNote }: any) => React.JSX.Element | null;
 export default Packages;

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

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import Divider from "../Divider";
 import CollapsibleList from "./components/collapsibleList";
@@ -5,17 +11,20 @@ import { renderBundles } from "./components/collapsibleList/utils";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Packages = function Packages(_ref) {
-  var d = _ref.d,
-    isShowNote = _ref.isShowNote;
-  var bundle = (d === null || d === void 0 ? void 0 : d.bundle) || [];
+  var item = _ref.item,
+    isShowPackageNote = _ref.isShowPackageNote;
+  var bundle = (item === null || item === void 0 ? void 0 : item.bundle) || [];
   return (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-packages-wrap")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-packages-title")
   }, "Items in package"), /*#__PURE__*/React.createElement(CollapsibleList, {
     list: bundle || [],
-    renderItem: function renderItem(item) {
-      return renderBundles(item, d === null || d === void 0 ? void 0 : d.symbol, false, isShowNote);
+    renderItem: function renderItem(items) {
+      return renderBundles(_objectSpread(_objectSpread({}, items), {}, {
+        symbol: item === null || item === void 0 ? void 0 : item.symbol,
+        total: items === null || items === void 0 ? void 0 : items.price
+      }), false, isShowPackageNote);
     }
   }))) : null;
 };

package/es/components/productCard/components/Sales/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.less';
-declare const Sales: ({ d, isShowNote }: any) => React.JSX.Element | null;
+declare const Sales: ({ item, isShowNote }: any) => React.JSX.Element | null;
 export default Sales;