@pisell/materials 3.0.62 → 6.0.2

package/es/components/productCard/utils.js

@@ -1,72 +0,0 @@
-import dayjs from 'dayjs';
-import { locales } from '@pisell/utils';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
-
-/**
- * @title: 是否英文
- * @description: 
- * @param {any} item
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-12-28 22:49
- */
-export var isEn = function isEn(item) {
-  var locale = (item === null || item === void 0 ? void 0 : item.locale) || 'en-US';
-  var _isEn = locale === 'en-US' || locale === 'en';
-  var localeTypes = {
-    'en-US': 'en',
-    'zh-CN': 'zh-cn',
-    'zh-HK': 'zh-tw'
-  };
-  dayjs.locale(localeTypes[locale]);
-  return _isEn;
-};
-
-/**
- * @title: 跨日预约时间
- * @description: 
- * @param {any} item
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-12-28 22:50
- */
-export var formatMultiDayDate = function formatMultiDayDate(item) {
-  var _isEn = isEn(item);
-
-  // 跨日
-  var startDate = dayjs(item === null || item === void 0 ? void 0 : item.start_date);
-  var endDate = dayjs(item === null || item === void 0 ? void 0 : item.end_date);
-  var _format = _isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
-  var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
-  return date;
-};
-
-/**
- * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
- * @description:
- * @param {any} item
- * @param {any} currentDate
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:04
- */
-export var getServiceTime = function getServiceTime(item, currentDate) {
-  if (!dayjs(currentDate).isValid()) return '';
-  var locale = (item === null || item === void 0 ? void 0 : item.locale) || 'en-US';
-  var isEn = locale === 'en-US' || locale === 'en';
-  var localeTypes = {
-    'en-US': 'en',
-    'zh-CN': 'zh-cn',
-    'zh-HK': 'zh-tw'
-  };
-  dayjs.locale(localeTypes[locale]);
-  var startDate = dayjs(item === null || item === void 0 ? void 0 : item.start_date);
-  var endDate = dayjs(item === null || item === void 0 ? void 0 : item.end_date);
-  var diffInDays = endDate.diff(startDate, 'day');
-  var _format = isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
-  var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
-  var duration = "".concat(diffInDays, " ").concat(locales.getText('pisell2.product.card.day')(diffInDays));
-  return "".concat(date, " (").concat(duration, ")");
-};

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

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

package/lib/components/cardPro/index.js

@@ -1,101 +0,0 @@
-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/cardPro/index.tsx
-var cardPro_exports = {};
-__export(cardPro_exports, {
-  default: () => cardPro_default
-});
-module.exports = __toCommonJS(cardPro_exports);
-var import_react = __toESM(require("react"));
-var import_hoc = require("../../utils/hoc");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var CardPro = (props) => {
-  const {
-    headTitle,
-    headSubTitle,
-    isShowFooter = true,
-    contentHeight,
-    children,
-    actionButtons = [],
-    buttonPosition = "center",
-    cover,
-    extra,
-    isShowHead,
-    className,
-    coverHeight,
-    badge
-  } = props;
-  (0, import_react.useEffect)(() => {
-    document.body.id = "body";
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Card,
-    {
-      title: null,
-      style: { padding: 0 },
-      className: (0, import_classnames.default)(
-        "pisell-cardPro-wrap",
-        className,
-        cover && "pisell-cardPro-wrap-with-cover"
-      )
-    },
-    !!cover && /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)("pisell-cardPro-cover"),
-        style: { height: coverHeight }
-      },
-      cover,
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-badge") }, badge)
-    ),
-    isShowHead && /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Flex,
-      {
-        className: (0, import_classnames.default)("pisell-cardPro-head"),
-        justify: "space-between"
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { style: { flex: 1 }, vertical: true, gap: "middle" }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-title") }, headTitle), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-subTitle") }, headSubTitle)),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-extra") }, extra)
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Flex,
-      {
-        style: { height: contentHeight },
-        className: (0, import_classnames.default)("pisell-cardPro-content")
-      },
-      children
-    ),
-    isShowFooter && /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 20, justify: buttonPosition, style: { marginTop: 20 } }, actionButtons.map((item, index) => {
-      return item.button;
-    }))
-  );
-};
-var cardPro_default = (0, import_hoc.withWrap)(CardPro);

package/lib/components/cardPro/index.less

@@ -1,55 +0,0 @@
-.pisell-cardPro-wrap {
-  border-radius: 12px;
-
-  &.pisell-cardPro-wrap-with-cover {
-    .pisell-lowcode-card-body {
-      padding-top: 0;
-      padding-left: 0;
-      padding-right: 0;
-      padding-bottom: 24px;
-    }
-
-    .pisell-cardPro-head,
-    .pisell-cardPro-content {
-      padding: 0 24px;
-    }
-  }
-
-  .pisell-cardPro-cover {
-    position: relative;
-
-    .pisell-cardPro-badge {
-      position: absolute;
-      right: 0;
-      top: 0;
-    }
-  }
-
-  .pisell-cardPro-head {
-    padding: 0;
-    .pisell-cardPro-head-title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #1a2029;
-    }
-
-    .pisell-cardPro-head-subtitle {
-      font-size: 12px;
-      color: #6e8098;
-    }
-
-    .pisell-cardPro-head-extra {
-      width: 150px;
-    }
-  }
-
-  .pisell-cardPro-content {
-    overflow-y: auto;
-    margin-top: 20px;
-  }
-
-  .pisell-cardPro-content {
-    overflow-y: auto;
-    margin-top: 20px;
-  }
-}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

package/lib/components/collapse/index.js

@@ -1,109 +0,0 @@
-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/collapse/index.tsx
-var collapse_exports = {};
-__export(collapse_exports, {
-  default: () => collapse_default
-});
-module.exports = __toCommonJS(collapse_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_styled_components = __toESM(require("styled-components"));
-var import_index = require("./index.less");
-var CustomCollapse = (0, import_styled_components.default)(import_antd.Collapse)`
-  &.custom-collapse {
-    background-color: ${(props) => props.panelBackground || "#ffffff"};
-  }
-
-  // .ant-collapse-item {
-  //   background-color: ${(props) => props.panelBackground || "#ffffff"};
-  //   margin-bottom: ${(props) => props.panelMarginBottom || "0"};
-  //   border-radius: ${(props) => props.panelBorderRadius || "0"};
-  // }
-
-  // .pisell-lowcode-collapse-header {
-  //   background-color: ${(props) => props.panelBackground || "#ffffff"};
-  //   border-radius: ${(props) => props.panelBorderRadius || "0"} !important;
-  // }
-
-  .pisell-lowcode-collapse-content {
-    background-color: ${(props) => props.panelBackground || "#ffffff"};
-  }
-`;
-var Collapse = (props) => {
-  const {
-    panelBackground,
-    panelMarginBottom,
-    panelBorderRadius,
-    items,
-    showHeader,
-    headerColor,
-    headerFontSize,
-    expandIcon,
-    ...rest
-  } = props;
-  const panelStyle = {
-    marginBottom: panelMarginBottom,
-    background: panelBackground,
-    borderRadius: panelBorderRadius
-  };
-  const itemsMap = (0, import_react.useMemo)(() => {
-    return items == null ? void 0 : items.map((item) => {
-      return {
-        ...item,
-        label: showHeader ? /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            style: {
-              color: headerColor,
-              fontSize: headerFontSize
-            }
-          },
-          item == null ? void 0 : item.label
-        ) : null,
-        children: item.children,
-        className: "custom-collapse-panel"
-      };
-    });
-  }, [items, headerColor, showHeader, headerFontSize]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    CustomCollapse,
-    {
-      ...rest,
-      expandIcon: expandIcon ? () => expandIcon : void 0,
-      items: itemsMap,
-      className: "custom-collapse",
-      panelBackground,
-      panelMarginBottom,
-      panelBorderRadius
-    }
-  );
-};
-Collapse.Panel = import_antd.Collapse.Panel;
-var collapse_default = Collapse;

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

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

package/lib/components/productCard/components/Action/index.less

@@ -1,14 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-product-actions {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 8px;
-  }
-
-  &-product-actions-item {
-    flex: 1;
-  }
-}

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

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

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

@@ -1,85 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/productCard/components/AmountFooter/index.tsx
-var AmountFooter_exports = {};
-__export(AmountFooter_exports, {
-  default: () => AmountFooter_default
-});
-module.exports = __toCommonJS(AmountFooter_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-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, hideDivider, type, isOnlyTotal }) => {
-  const { total, origin_total, symbol, tip, num, discount_reason } = item;
-  const isDiscount = (0, import_react.useMemo)(() => {
-    if (!origin_total)
-      return false;
-    return Number(total) != Number(origin_total);
-  }, [total, origin_total]);
-  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)(
-        `${prefix}packages-product-footer`,
-        hideDivider && `${prefix}packages-product-hide-divider-footer`,
-        isOnlyTotal && `${prefix}packages-product-only-total-footer`
-      )
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(`${prefix}packages-product-footer-price-wrap`)
-      },
-      !isOnlyTotal ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(`${prefix}packages-product-footer-price`)
-        },
-        /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(total, symbol)),
-        tip ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: import_utils2.locales.getText(tip), destroyTooltipOnHide: true }, /* @__PURE__ */ import_react.default.createElement(
-          import_icons.QuestionCircleOutlined,
-          {
-            style: { fontSize: "16px", color: "#1570ef" }
-          }
-        )) : null
-      ), /* @__PURE__ */ import_react.default.createElement("span", null, `×${num}`)) : null,
-      /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}packages-product-footer-total` }, (0, import_utils._formatAmount)(total * num, symbol))
-    ),
-    isDiscount ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-footer-discount` }, !isOnlyTotal ? /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(origin_total, symbol)) : null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(origin_total * num, symbol, 2))) : null
-  ), isDiscount && 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"
-  )}: ${discount_reason}`))) : null);
-};
-var AmountFooter_default = Footer;

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

@@ -1,50 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-packages-product-footer {
-    color: var(--Gray-500, #667085);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 20px;
-    > div {
-      display: flex;
-      justify-content: space-between;
-    }
-  }
-  &-packages-product-only-total-footer {
-    > div {
-      justify-content: end !important;
-    }
-  }
-
-  &-packages-product-footer-price {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-  }
-
-  &-packages-product-footer-discount {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 18px;
-    text-decoration-line: line-through;
-  }
-
-  &-packages-product-footer-total {
-    color: var(--Gray-900, #101828);
-  }
-
-  &-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/Divider/index.d.ts

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

package/lib/components/productCard/components/Divider/index.less

@@ -1,13 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-product-divider {
-    height: 1px;
-    background-color: #eaecf0;
-    margin: 8px 0;
-  }
-
-  &-product-divider-inside {
-    margin: 4px 0;
-  }
-}

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

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

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

@@ -1,90 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/productCard/components/Header/index.tsx
-var Header_exports = {};
-__export(Header_exports, {
-  default: () => Header_default
-});
-module.exports = __toCommonJS(Header_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_iconfont = __toESM(require("../../../iconfont"));
-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 = (props) => {
-  const { isShowDelete, item, showImage, onDelete, disabledEdit } = props;
-  const {
-    id,
-    options,
-    bundle,
-    product_option_string,
-    image,
-    name,
-    price,
-    symbol
-  } = item;
-  const showPrice = (0, import_react.useMemo)(() => {
-    return (bundle == null ? void 0 : bundle.length) > 0 || (options == null ? void 0 : options.length) > 0;
-  }, [bundle, options]);
-  const headerCenterStyle = (0, import_react.useMemo)(() => {
-    return (options == null ? void 0 : options.length) > 0 || product_option_string;
-  }, [options, product_option_string]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(
-        `${prefix}product-header`,
-        headerCenterStyle && `${prefix}product-options-header`
-      )
-    },
-    isShowDelete && !disabledEdit ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        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" }) })
-    ) : null,
-    showImage ? /* @__PURE__ */ import_react.default.createElement(
-      "img",
-      {
-        src: import_utils.image.ali(image, 64),
-        className: `${prefix}product-header-cover`
-      }
-    ) : null,
-    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, name), showPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-title-price` }, (0, import_utils.formatAmount)(price, 2, symbol)) : null), product_option_string ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}product-title-variant` }, product_option_string) : null, /* @__PURE__ */ import_react.default.createElement(import_options.default, { options, amountSymbol: symbol })) : null
-  );
-};
-var Header_default = Header;