@pisell/materials 6.3.18 → 6.3.20

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

@@ -1,75 +0,0 @@
-.pisell-cart-sku-card {
-  &__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;
-    }
-  }
-  &__only-total-footer {
-    > div {
-      justify-content: end !important;
-    }
-  }
-
-  &__footer-price {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-  }
-
-  &__footer-discount {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 18px;
-    text-decoration-line: line-through;
-  }
-
-  &__footer-total {
-    color: var(--Gray-900, #101828);
-  }
-
-  &__footer-origin-total {
-    color: var(--Gray-500, #667085);
-    text-align: center;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 18px; /* 150% */
-    text-decoration-line: line-through;
-    margin-right: 8px;
-    display: inline-block;
-    transform: translateY(-1px);
-  }
-
-  &__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;
-    margin-top: 4px;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-    overflow: hidden;
-
-    > span {
-      display: inline-block;
-      max-width: 100%;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      border-radius: 4px;
-      margin: 0;
-    }
-  }
-}

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

@@ -1,3 +0,0 @@
-import './index.less';
-declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
-export default MultiDay;

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

@@ -1,82 +0,0 @@
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
-import { Divider } from 'antd';
-import AmountFooter from "../AmountFooter";
-import { formatMultiDayDate } from "../../../utils";
-import useEngineContext from "../../../../../hooks/useEngineContext";
-import "./index.less";
-import { formatDateRanges } from "./utils";
-import { PREFIX } from "../../index";
-var MultiDay = function MultiDay(_ref) {
-  var _context$appHelper;
-  var dataSource = _ref.dataSource,
-    hideDivider = _ref.hideDivider;
-  var items = dataSource.items,
-    symbol = dataSource.symbol,
-    locale = dataSource.locale;
-  var translationOriginal = function translationOriginal(text) {
-    return '';
-  };
-  var context = useEngineContext();
-  var utils = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils;
-  translationOriginal = (utils === null || utils === void 0 ? void 0 : utils.translationOriginal) || (utils === null || utils === void 0 ? void 0 : utils.translation);
-
-  /**
-   * @title: 商品单价 + 套餐价格
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2024-12-28 23:00
-   */
-  var lists = useMemo(function () {
-    // if (!items?.length) return [];
-
-    // // 套餐明细
-    // const bundleDetails = bundle
-    //   ?.map(
-    //     (b: any) =>
-    //       `${translationOriginal(b?.title)} (${symbol}${
-    //         Number(b.price) * Number(b.num)
-    //       })`
-    //   )
-    //   ?.join('+');
-
-    return formatDateRanges([dataSource]);
-  }, [items, dataSource]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "__multi-day-wrap"))
-  }, lists === null || lists === void 0 ? void 0 : lists.map(function (m, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index
-    }, /*#__PURE__*/React.createElement(Divider, {
-      style: {
-        margin: '4px 0'
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(PREFIX, "__multi-day"))
-    }, /*#__PURE__*/React.createElement("div", null, formatMultiDayDate(_objectSpread(_objectSpread({}, m), {}, {
-      locale: locale
-    }))), /*#__PURE__*/React.createElement(AmountFooter, {
-      item: _objectSpread(_objectSpread({}, m), {}, {
-        symbol: symbol
-      }),
-      hideDivider: true
-    })));
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "__multi-day-total-wrap"))
-  }, /*#__PURE__*/React.createElement(AmountFooter, {
-    item: _objectSpread(_objectSpread({}, dataSource), {}, {
-      num: 1
-    }),
-    type: "total",
-    isOnlyTotal: true
-  })));
-};
-export default MultiDay;

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

@@ -1,31 +0,0 @@
-.pisell-cart-sku-card {
-  &__multi-day-wrap {
-  }
-
-  &__multi-day {
-    color: var(--Gray-500, #667085);
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__multi-day-total {
-    color: var(--Gray-900, #101828);
-    text-align: right;
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 20px;
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__multi-day-total-discount {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 18px;
-    text-decoration-line: line-through;
-    color: var(--Gray-500, #667085);
-  }
-}

package/es/components/productCard/cartSkuCard/components/MultiDay/utils.js

@@ -1,56 +0,0 @@
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import dayjs from 'dayjs';
-
-// 定义输入数据的接口
-
-// 定义输出数据的接口
-
-export function formatDateRanges(list) {
-  var result = [];
-  var currentGroup = null;
-  list.forEach(function (item, index) {
-    // Convert string dates using dayjs
-    var currentStartDate = dayjs(item.start_date);
-    var currentEndDate = dayjs(item.end_date);
-    var currentTotal = item.total;
-    var currentNum = item.num;
-    if (!currentGroup) {
-      // Start a new group
-      currentGroup = _objectSpread(_objectSpread({}, item), {}, {
-        start_date: currentStartDate.format('YYYY-MM-DD'),
-        end_date: currentEndDate.format('YYYY-MM-DD'),
-        total: currentTotal,
-        num: currentNum
-      });
-    } else {
-      var prevEndDate = dayjs(currentGroup.end_date);
-
-      // Check if current item can be merged with current group
-      if (currentTotal === currentGroup.total && prevEndDate.isSame(currentStartDate, 'day')) {
-        // Update end date and add up num
-        currentGroup.end_date = currentEndDate.format('YYYY-MM-DD');
-        currentGroup.num += currentNum;
-      } else {
-        // Push current group and start a new one
-        result.push(currentGroup);
-        currentGroup = _objectSpread(_objectSpread({}, item), {}, {
-          start_date: currentStartDate.format('YYYY-MM-DD'),
-          end_date: currentEndDate.format('YYYY-MM-DD'),
-          total: currentTotal,
-          num: currentNum
-        });
-      }
-    }
-
-    // Push the last group
-    if (index === list.length - 1 && currentGroup) {
-      result.push(currentGroup);
-    }
-  });
-  return result;
-}

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

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Note: (props: any) => JSX.Element | null;
-export default Note;

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { locales } from '@pisell/utils';
-import { Divider } from 'antd';
-import { PREFIX } from "../../index";
-import "./index.less";
-var Note = function Note(props) {
-  var item = props.item,
-    type = props.type,
-    openNote = props.openNote,
-    disabledEdit = props.disabledEdit;
-  return item !== null && item !== void 0 && item.note || !disabledEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    style: {
-      margin: 0
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "__note-wrap"))
-  }, item !== null && item !== void 0 && item.note ? /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "__note-text"))
-  }, locales.getText('pisell2.product.card.discount.note'), ": ", item.note) : null, !disabledEdit ? /*#__PURE__*/React.createElement("span", {
-    className: "".concat(PREFIX, "__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')) : null)) : null;
-};
-export default Note;

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

@@ -1,27 +0,0 @@
-.pisell-cart-sku-card {
-  &__note-wrap {
-    display: flex;
-    gap: 8px;
-    color: var(--Gray-900, #101828);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-  }
-
-  &__note-text {
-    color: #101828;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-    word-break: keep-all;
-    word-wrap: normal;
-  }
-
-  &__note-btn {
-    color: var(--Blue-600, #1570ef);
-    font-weight: 600;
-    cursor: pointer;
-    white-space: nowrap;
-  }
-}

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IProps {
-    isShowImage?: boolean;
-    dataSource: {
-        image?: string;
-        bundle?: any[];
-        options?: any[];
-        product_option_string?: string;
-        name?: string;
-        symbol?: string;
-        price?: string | number;
-        total?: number;
-        origin_total?: number;
-        num?: number;
-        holder_id?: any;
-        isFormSubject?: boolean;
-    };
-    style?: React.CSSProperties;
-    /** 作为主商品卡片展示
-     * 1. 影响商品数量 tag 的位置
-     * 2. isMain 且 type 为 a5，展示holder
-     */
-    isMainProduct?: boolean;
-    type?: 'a2' | 'a5';
-}
-declare const BasicInfo: (props: IProps) => JSX.Element;
-export default BasicInfo;

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

@@ -1,94 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { image as imageAli, formatAmount } from '@pisell/utils';
-import Specs from "../specs";
-import Holders from "../holders";
-import { PREFIX } from "../../index";
-import "./index.less";
-var BasicInfo = function BasicInfo(props) {
-  var isShowImage = props.isShowImage,
-    _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? {} : _props$dataSource,
-    style = props.style,
-    isMainProduct = props.isMainProduct,
-    type = props.type;
-  var image = dataSource.image,
-    bundle = dataSource.bundle,
-    options = dataSource.options,
-    product_option_string = dataSource.product_option_string,
-    name = dataSource.name,
-    price = dataSource.price,
-    symbol = dataSource.symbol,
-    _dataSource$total = dataSource.total,
-    total = _dataSource$total === void 0 ? 0 : _dataSource$total,
-    _dataSource$origin_to = dataSource.origin_total,
-    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,
-    isFormSubject = dataSource.isFormSubject;
-  var renderNumTag = function renderNumTag() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames("num-tag", {
-        'is-main': isMainProduct
-      })
-    }, num < 100 ? num : '99+');
-  };
-  var hasSpecs = (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (options === null || options === void 0 ? void 0 : options.length) || product_option_string;
-  var renderImage = function renderImage() {
-    if (!isShowImage) return null;
-    if (image) {
-      return /*#__PURE__*/React.createElement("img", {
-        src: imageAli.ali(image, 64),
-        className: "product-cover"
-      });
-    }
-
-    // 如果没有图片，显示文字图片
-    var displayText = name ? name.slice(0, 2) : '';
-    return /*#__PURE__*/React.createElement("div", {
-      className: "product-cover-text"
-    }, displayText);
-  };
-  if (type === 'a5') {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(PREFIX, "__basic-info"),
-      style: style || {}
-    }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: 20
-      }
-    }) : null, /*#__PURE__*/React.createElement("div", {
-      className: "product-info"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "product-name"
-    }, 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
-    })));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(PREFIX, "__basic-info"),
-    style: style || {}
-  }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 20
-    }
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    className: "product-info"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "product-name"
-  }, name), hasSpecs ? /*#__PURE__*/React.createElement(Specs, {
-    dataSource: dataSource
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: "product-price"
-  }, formatAmount(price, 2, symbol))), /*#__PURE__*/React.createElement("div", {
-    className: "product-amount"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "total-amont"
-  }, formatAmount(total * num, 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /*#__PURE__*/React.createElement("div", {
-    className: "origin-amount"
-  }, formatAmount(origin_total * num, 2, symbol)) : null));
-};
-export default BasicInfo;

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

@@ -1,117 +0,0 @@
-.pisell-cart-sku-card {
-  &__basic-info {
-    display: flex;
-    gap: 4px;
-    position: relative;
-    min-height: 48px;
-
-    .num-tag {
-      background-color: #7f56da;
-      position: absolute;
-      left: 0;
-      top: 0;
-      border-radius: 12px;
-      min-width: 24px;
-      height: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 1;
-
-      color: var(--Base-White, #fff);
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 16px;
-
-      &.is-main {
-        left: -4px;
-        top: -4px;
-      }
-    }
-
-    img {
-      width: 48px;
-      height: 48px;
-      flex-shrink: 0;
-      border-radius: 6px;
-    }
-
-    .product-cover-text {
-      width: 48px;
-      height: 48px;
-      flex-shrink: 0;
-      border-radius: 8px;
-      background-color: #DEDEDE;
-      color: #7E7E7E;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 20px;
-      font-weight: 500;
-      line-height: 1;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .product-info {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      flex: 1 0 0;
-      flex-wrap: wrap;
-      overflow: hidden;
-
-      .product-name {
-        color: var(--Gray-900, #101828);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 20px;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        padding-right: 20px;
-      }
-
-      .product-price {
-        color: var(--Gray-900, #101828);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 20px;
-        width: 100%;
-      }
-    }
-
-    .product-amount {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      flex-wrap: wrap;
-      flex-shrink: 0;
-      .total-amont {
-        color: var(--Base-Black, #000);
-        text-align: center;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 20px;
-        width: 100%;
-      }
-
-      .origin-amount {
-        color: var(--Gray-500, #667085);
-        text-align: center;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 18px;
-        text-decoration-line: line-through;
-        width: 100%;
-      }
-    }
-  }
-}

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

@@ -1,2 +0,0 @@
-declare const DiscountReason: (props: any) => JSX.Element;
-export default DiscountReason;

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

@@ -1,51 +0,0 @@
-import React, { useMemo } from 'react';
-import { Divider, Tag } from 'antd';
-import { locales } from '@pisell/utils';
-import { PREFIX } from "../../index";
-var DiscountReason = function DiscountReason(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? {} : _props$dataSource,
-    hideDivider = props.hideDivider;
-  var total = dataSource.total,
-    origin_total = dataSource.origin_total,
-    symbol = dataSource.symbol,
-    tip = dataSource.tip,
-    num = dataSource.num,
-    discount_reason = dataSource.discount_reason;
-  var isDiscount = useMemo(function () {
-    // item中没有该属性则不展示
-    if (!origin_total) return false;
-    return Number(total) != Number(origin_total);
-  }, [total, origin_total]);
-  var renderDivider = function renderDivider() {
-    return isDiscount && discount_reason && !hideDivider ? /*#__PURE__*/React.createElement(Divider, {
-      style: {
-        margin: 0
-      }
-    }) : null;
-  };
-  var renderDiscountReason = function renderDiscountReason() {
-    if (isDiscount && discount_reason) {
-      if (Array.isArray(discount_reason)) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "".concat(PREFIX, "_discount-reason"),
-          style: {
-            display: 'flex',
-            flexWrap: 'wrap',
-            gap: '4px'
-          }
-        }, discount_reason.map(function (reason, index) {
-          return /*#__PURE__*/React.createElement(Tag, {
-            key: index,
-            color: "red"
-          }, reason);
-        }));
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(PREFIX, "_discount-reason")
-      }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat(discount_reason)));
-    }
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderDivider(), renderDiscountReason());
-};
-export default DiscountReason;

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

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Holders: (props: any) => JSX.Element | null;
-export default Holders;

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

@@ -1,49 +0,0 @@
-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 || (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) {
-      return item.id === id;
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: "holder-item",
-      key: id
-    }, /*#__PURE__*/React.createElement(Iconfont, {
-      className: "holder-icon",
-      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));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(PREFIX, "__holders")
-  }, Array.isArray(holder_id) ? holder_id === null || holder_id === void 0 ? void 0 : holder_id.map(function (id) {
-    return renderHolder(id);
-  }) : renderHolder(holder_id));
-};
-export default Holders;