@pisell/materials 1.0.449 → 1.0.451

package/lib/components/dataSourceComponents/provider/fields/DataSourceProvider.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/provider/fields/DataSourceProvider.tsx
+var DataSourceProvider_exports = {};
+__export(DataSourceProvider_exports, {
+  default: () => DataSourceProvider_default
+});
+module.exports = __toCommonJS(DataSourceProvider_exports);
+var import_react = __toESM(require("react"));
+var import_DataSourceContext = __toESM(require("./DataSourceContext"));
+var DataSourceProvider = (props) => {
+  const { children, dataSource } = props;
+  const value = (0, import_react.useMemo)(() => {
+    return {
+      dataSource
+    };
+  }, [dataSource]);
+  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceContext.default.Provider, { value }, children);
+};
+var DataSourceProvider_default = DataSourceProvider;

package/lib/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/lib/components/dataSourceComponents/provider/variables/VariablesContext.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/provider/variables/VariablesContext.ts
+var VariablesContext_exports = {};
+__export(VariablesContext_exports, {
+  VariablesContext: () => VariablesContext,
+  default: () => VariablesContext_default
+});
+module.exports = __toCommonJS(VariablesContext_exports);
+var import_react = require("react");
+var initialContext = {
+  variables: {},
+  registerVariable: () => {
+  },
+  parseVariable: () => {
+  }
+};
+var VariablesContext = (0, import_react.createContext)(initialContext);
+var VariablesContext_default = VariablesContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VariablesContext
+});

package/lib/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/lib/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -0,0 +1,104 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/provider/variables/VariablesProvider.tsx
+var VariablesProvider_exports = {};
+__export(VariablesProvider_exports, {
+  default: () => VariablesProvider_default
+});
+module.exports = __toCommonJS(VariablesProvider_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_VariablesContext = __toESM(require("./VariablesContext"));
+var import_utils2 = require("../../dataSourceForm/utils");
+var import_utils3 = require("../../../../utils");
+var import_ahooks = require("ahooks");
+var defaultCustomizer = (objValue, srcValue) => {
+  if ((0, import_utils.isArr)(srcValue)) {
+    return srcValue;
+  }
+};
+var VARIABLE_PATTERN = /{{([^}]+)}}/g;
+var getVariableKey = (str) => {
+  const reg = /{{([^}]+)}}/;
+  const match = str.match(reg);
+  return match == null ? void 0 : match[1];
+};
+var VariablesProvider = (props) => {
+  const { children, variables } = props;
+  const variablesRef = (0, import_react.useRef)({});
+  (0, import_react.useEffect)(() => {
+    if (variables) {
+      variablesRef.current = variables;
+    }
+  }, [variables]);
+  const registerVariable = (0, import_ahooks.useMemoizedFn)((value2) => {
+    variablesRef.current = (0, import_utils3.mergeWith)(
+      variablesRef.current,
+      value2,
+      defaultCustomizer
+    );
+  });
+  const parseVariable = (0, import_ahooks.useMemoizedFn)(
+    (str, localVariables = {}) => {
+      var _a;
+      if (!(0, import_utils.isString)(str)) {
+        return str;
+      }
+      if (((_a = str.match(VARIABLE_PATTERN)) == null ? void 0 : _a[0]) === str) {
+        const key = getVariableKey(str);
+        if (!key)
+          return str;
+        const localValue = (0, import_utils2.getNestedValue)(localVariables, key);
+        if (!(0, import_utils.isUndefined)(localValue)) {
+          return localValue;
+        }
+        const globalValue = (0, import_utils2.getNestedValue)(variablesRef.current, key);
+        return (0, import_utils.isUndefined)(globalValue) ? str : globalValue;
+      }
+      return str.replace(VARIABLE_PATTERN, (match, key) => {
+        const localValue = (0, import_utils2.getNestedValue)(localVariables, key);
+        if (!(0, import_utils.isUndefined)(localValue)) {
+          return localValue;
+        }
+        const globalValue = (0, import_utils2.getNestedValue)(variablesRef.current, key);
+        return (0, import_utils.isUndefined)(globalValue) ? match : globalValue;
+      });
+    }
+  );
+  const value = (0, import_react.useMemo)(
+    () => ({
+      variables: variablesRef.current,
+      registerVariable,
+      parseVariable
+    }),
+    [registerVariable, parseVariable]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_VariablesContext.default.Provider, { value }, children);
+};
+var VariablesProvider_default = VariablesProvider;

package/lib/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/lib/components/form/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(form_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
+var import_utils = require("@pisell/utils");
 var Form = class extends import_react.Component {
   constructor() {
     super(...arguments);
@@ -75,8 +76,8 @@ var Form = class extends import_react.Component {
   }
 };
 Form.Item = (props) => {
-  const { name, requiredobj, typeobj, patternobj, lenobj, validator } = props;
-  const rules = [];
+  const { name, rules: propsRules, requiredobj, typeobj, patternobj, lenobj, validator } = props;
+  const rules = (0, import_utils.isArr)(propsRules) ? propsRules : [];
   if (requiredobj && requiredobj.required) {
     rules.push(requiredobj);
   }

package/lib/components/page/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(page_exports);
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
+var import_VariablesProvider = __toESM(require("../dataSourceComponents/provider/variables/VariablesProvider"));
 var import_date_picker = require("@pisell/date-picker");
 var import_antd = require("antd");
 var import_en_US = __toESM(require("antd/locale/en_US"));
@@ -268,14 +269,17 @@ var Page = (props) => {
           dateAdapter: import_AdapterDayjs.AdapterDayjs,
           adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.adapterLocale) || "en"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(import_VariablesProvider.default, null, /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
-            style: { ...style, "--theme-color": themeColor || "#7F56D9" },
+            style: {
+              ...style,
+              "--theme-color": themeColor || "#7F56D9"
+            },
             className
           },
           children
-        ))))
+        )))))
       )
     )
   );

package/lib/components/pisellAnchor/index.js

@@ -39,11 +39,6 @@ var import_ahooks = require("ahooks");
 var import_icons = require("@ant-design/icons");
 var import_index = require("./index.less");
 var PisellAnchor = (props) => {
-  console.log(
-    "%c [ props ]-21",
-    "font-size:13px; background:pink; color:#bf2c9f;",
-    props
-  );
   const [leftDisabled, setLeftDisabled] = (0, import_react.useState)(true);
   const [rightDisabled, setRightDisabled] = (0, import_react.useState)(false);
   const { items = [], direction, scrollNumber = 1 } = props;

package/lib/components/pisellStatistic/index.js

@@ -37,11 +37,6 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var pisellStatistic = (props) => {
-  console.log(
-    "%c [ props ]-6",
-    "font-size:13px; background:pink; color:#bf2c9f;",
-    props
-  );
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);

package/lib/components/pisellUpload/index.js

@@ -40,11 +40,6 @@ var import_index = require("./index.less");
 var { Dragger } = import_antd.Upload;
 var PisellUpload = (props) => {
   const { name, multiple, onDrop, title, text1, text2, uploadType } = props;
-  console.log(
-    "%c [ props ]-13",
-    "font-size:13px; background:pink; color:#bf2c9f;",
-    props
-  );
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);

package/lib/components/pisellUploadCrop/index.js

@@ -36,11 +36,6 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_antd_img_crop = __toESM(require("antd-img-crop"));
 var pisellUploadCrop = (props) => {
-  console.log(
-    "%c [ props ]-12",
-    "font-size:13px; background:pink; color:#bf2c9f;",
-    props
-  );
   const { cropShape } = props;
   const [fileList, setFileList] = (0, import_react.useState)([]);
   const onChange = ({ fileList: newFileList }) => {

package/lib/components/pisellWalletCard/index.js

@@ -44,11 +44,6 @@ var import_classnames = __toESM(require("classnames"));
 var walletNumber = "123871283618273687123";
 var PisellWalletCard = (props) => {
   var _a;
-  console.log(
-    "%c [ props ]-12",
-    "font-size:13px; background:pink; color:#bf2c9f;",
-    props
-  );
   const {
     mode,
     cardStyle,
@@ -65,11 +60,6 @@ var PisellWalletCard = (props) => {
     vouCher,
     discountCard
   } = props;
-  console.log(
-    "%c [ props ]-43",
-    "font-size:13px; background:pink; color:#bf2c9f;",
-    props
-  );
   const context = (0, import_useEngineContext.default)();
   const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
   const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};

package/lib/components/pisellWalletPassCard/index.js

@@ -69,6 +69,9 @@ var PisellWalletPassCard = (props) => {
     showDiscount = false,
     discount
   } = props;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/lib/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/lib/components/productCard/components/{Actions → Action}/index.js

@@ -26,19 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/productCard/components/Actions/index.tsx
-var Actions_exports = {};
-__export(Actions_exports, {
-  default: () => Actions_default
+// src/components/productCard/components/Action/index.tsx
+var Action_exports = {};
+__export(Action_exports, {
+  default: () => Action_default
 });
-module.exports = __toCommonJS(Actions_exports);
+module.exports = __toCommonJS(Action_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
-var Actions = ({ item }) => {
-  return (item == null ? void 0 : item.actionText) ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefix}product-actions`) }, /* @__PURE__ */ import_react.default.createElement(
+var Action = ({ item, onAction }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefix}product-actions`) }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
       className: (0, import_classnames.default)(`${prefix}product-actions-item`),
@@ -46,9 +46,10 @@ var Actions = ({ item }) => {
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
+        onAction();
       }
     },
-    item.actionText
-  )) : null;
+    item._actionText
+  ));
 };
-var Actions_default = Actions;
+var Action_default = Action;

package/{es/components/productCard/components/Actions → lib/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/lib/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/lib/components/productCard/components/AmountFooter/index.js

@@ -32,19 +32,21 @@ __export(AmountFooter_exports, {
   default: () => AmountFooter_default
 });
 module.exports = __toCommonJS(AmountFooter_exports);
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("../Packages/utils");
 var import_Divider = __toESM(require("../Divider"));
 var import_index = require("./index.less");
+var import_utils2 = require("@pisell/utils");
 var prefix = "pisell-lowcode-";
-var Footer = ({ item, amountSymbol, hideDivider }) => {
+var Footer = ({ item, hideDivider, type }) => {
+  var _a, _b;
   const isDiscount = (0, import_react.useMemo)(() => {
     if (!(item == null ? void 0 : item.hasOwnProperty("origin_total")))
       return false;
     return Number(item == null ? void 0 : item.total) != Number(item == null ? void 0 : item.origin_total);
   }, [item]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, !hideDivider ? /* @__PURE__ */ React.createElement(import_Divider.default, null) : null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !hideDivider ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: type !== "total" ? "inside" : "" }) : null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: (0, import_classnames.default)(
@@ -52,10 +54,8 @@ var Footer = ({ item, amountSymbol, hideDivider }) => {
         hideDivider && `${prefix}packages-product-hide-divider-footer`
       )
     },
-    /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, (0, import_utils._formatAmount)(item == null ? void 0 : item.total, amountSymbol)), /* @__PURE__ */ React.createElement("span", null, `×${item == null ? void 0 : item.num}`), /* @__PURE__ */ React.createElement("span", { className: `${prefix}packages-product-footer-total` }, `${amountSymbol} ${(0, import_utils._formatAmount)((item == null ? void 0 : item.total) * (item == null ? void 0 : item.num))}`)),
-    isDiscount ? /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-footer-discount` }, /* @__PURE__ */ React.createElement("span", null, (0, import_utils._formatAmount)(item == null ? void 0 : item.origin_total, amountSymbol)), /* @__PURE__ */ React.createElement("span", null, `${amountSymbol} ${(0, import_utils._formatAmount)(
-      (item == null ? void 0 : item.origin_total) * (item == null ? void 0 : item.num)
-    )}`)) : null
-  ));
+    /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(item == null ? void 0 : item.total, item == null ? void 0 : item.symbol)), /* @__PURE__ */ import_react.default.createElement("span", null, `×${item == null ? void 0 : item.num}`), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}packages-product-footer-total` }, `${item == null ? void 0 : item.symbol} ${(0, import_utils._formatAmount)((item == null ? void 0 : item.total) * (item == null ? void 0 : item.num))}`)),
+    isDiscount ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-footer-discount` }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(item == null ? void 0 : item.origin_total, item == null ? void 0 : item.symbol)), /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)((item == null ? void 0 : item.origin_total) * (item == null ? void 0 : item.num), item == null ? void 0 : item.symbol, 2))) : null
+  ), isDiscount && ((_a = item._extend) == null ? void 0 : _a.discount_reason) && type === "total" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-item-discount-reason` }, /* @__PURE__ */ import_react.default.createElement("span", null, `${import_utils2.locales.getText("pisell2.product.card.discount.reason")}: ${(_b = item._extend) == null ? void 0 : _b.discount_reason}`))) : null);
 };
 var AmountFooter_default = Footer;

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

@@ -40,16 +40,15 @@ var import_utils = require("@pisell/utils");
 var import_options = __toESM(require("../Packages/components/options"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
-var Header = ({ isShowDelete, d, showImage }) => {
-  console.log(d, showImage, "wh8888");
+var Header = ({ isShowDelete, item, showImage, onDelete }) => {
   const showPrice = (0, import_react.useMemo)(() => {
     var _a, _b;
-    return ((_a = d == null ? void 0 : d.bundle) == null ? void 0 : _a.length) > 0 || ((_b = d == null ? void 0 : d.options) == null ? void 0 : _b.length) > 0;
-  }, [d == null ? void 0 : d.bundle]);
+    return ((_a = item == null ? void 0 : item.bundle) == null ? void 0 : _a.length) > 0 || ((_b = item == null ? void 0 : item.options) == null ? void 0 : _b.length) > 0;
+  }, [item == null ? void 0 : item.bundle, item == null ? void 0 : item.options]);
   const headerCenterStyle = (0, import_react.useMemo)(() => {
     var _a;
-    return ((_a = d == null ? void 0 : d.options) == null ? void 0 : _a.length) > 0 || (d == null ? void 0 : d.product_option_string);
-  }, [d == null ? void 0 : d.options]);
+    return ((_a = item == null ? void 0 : item.options) == null ? void 0 : _a.length) > 0 || (item == null ? void 0 : item.product_option_string);
+  }, [item == null ? void 0 : item.options, item == null ? void 0 : item.product_option_string]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -64,6 +63,7 @@ var Header = ({ isShowDelete, d, showImage }) => {
         className: `${prefix}product-delete`,
         onClick: (e) => {
           e.stopPropagation();
+          onDelete();
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" }) })
@@ -71,11 +71,11 @@ var Header = ({ isShowDelete, d, showImage }) => {
     showImage ? /* @__PURE__ */ import_react.default.createElement(
       "img",
       {
-        src: import_utils.image.ali(d == null ? void 0 : d.product_cover, 100),
+        src: import_utils.image.ali(item.cover, 64),
         className: `${prefix}product-header-cover`
       }
     ) : null,
-    (d == null ? void 0 : d.id) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-right-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-title` }, /* @__PURE__ */ import_react.default.createElement("span", null, d == null ? void 0 : d.title), showPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-title-price` }, (0, import_utils.formatAmount)(d == null ? void 0 : d.price, 2, d == null ? void 0 : d.symbol)) : null), (d == null ? void 0 : d.product_option_string) ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-title-variant` }, d == null ? void 0 : d.product_option_string) : null, /* @__PURE__ */ import_react.default.createElement(import_options.default, { options: d == null ? void 0 : d.options, amountSymbol: d == null ? void 0 : d.symbol })) : null
+    (item == null ? void 0 : item.id) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-right-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-title` }, /* @__PURE__ */ import_react.default.createElement("span", null, item == null ? void 0 : item.title), showPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-title-price` }, (0, import_utils.formatAmount)(item == null ? void 0 : item.price, 2, item == null ? void 0 : item.symbol)) : null), (item == null ? void 0 : item.product_option_string) ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-title-variant` }, item == null ? void 0 : item.product_option_string) : null, /* @__PURE__ */ import_react.default.createElement(import_options.default, { options: item == null ? void 0 : item.options, amountSymbol: item == null ? void 0 : item.symbol })) : null
   );
 };
 var Header_default = Header;

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

@@ -34,10 +34,22 @@ __export(Note_exports, {
 module.exports = __toCommonJS(Note_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
 var import_Divider = __toESM(require("../Divider"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
-var Note = ({ item, type }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefix}product-note-wrap`) }, (item == null ? void 0 : item.note) ? /* @__PURE__ */ import_react.default.createElement("div", null, "Note: ", item.note) : null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-note-btn` }, (item == null ? void 0 : item.note) ? "Edit note" : "Add note")));
+var Note = ({ item, type, openNote }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefix}product-note-wrap`) }, (item == null ? void 0 : item.note) ? /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.product.card.discount.note"), ": ", item.note) : null, /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: `${prefix}product-note-btn`,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        openNote();
+      }
+    },
+    (item == null ? void 0 : item.note) ? import_utils.locales.getText("pisell2.product.card.discount.edit.note") : import_utils.locales.getText("pisell2.product.card.discount.add.note")
+  )));
 };
 var Note_default = Note;

package/lib/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/lib/components/productCard/components/Packages/components/collapsibleList/utils.js

@@ -35,12 +35,16 @@ module.exports = __toCommonJS(utils_exports);
 var import_react = __toESM(require("react"));
 var import_AmountFooter = __toESM(require("../../../AmountFooter"));
 var import_Note = __toESM(require("../../../Note"));
+var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
 var import_utils = require("../../utils");
 var import_options = __toESM(require("../options"));
 var prefix = "pisell-lowcode-";
-var renderBundles = (item, amountSymbol, hidePrice, isShowNote) => {
-  const options = (item == null ? void 0 : item.option) || [];
-  return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${prefix}packages-product-bundle-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-title` }, (item == null ? void 0 : item.title) || (item == null ? void 0 : item.product_title)), !hidePrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-num` }, (0, import_utils._formatAmount)(item == null ? void 0 : item.price, amountSymbol)) : null), /* @__PURE__ */ import_react.default.createElement(import_options.default, { options, amountSymbol }), /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item, amountSymbol }), isShowNote ? /* @__PURE__ */ import_react.default.createElement(import_Note.default, { item, type: "inside" }) : null);
+var renderBundles = (item, hidePrice, isShowPackageNote) => {
+  var _a, _b;
+  let translationOriginal = (text) => "";
+  const context = (0, import_useEngineContext.default)();
+  translationOriginal = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.translationOriginal;
+  return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${prefix}packages-product-bundle-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-title` }, translationOriginal(item == null ? void 0 : item.title)), !hidePrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-num` }, (0, import_utils._formatAmount)(item == null ? void 0 : item.price, item == null ? void 0 : item.symbol)) : null), /* @__PURE__ */ import_react.default.createElement(import_options.default, { options: item == null ? void 0 : item.option, amountSymbol: item == null ? void 0 : item.symbol }), /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item }), isShowPackageNote ? /* @__PURE__ */ import_react.default.createElement(import_Note.default, { item, type: "inside" }) : null);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/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/lib/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;