@pisell/materials 6.2.36 → 6.3.2

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: '4px 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,32 +0,0 @@
-import React from 'react';
-import Iconfont from "../../../../iconfont";
-import { PREFIX } from "../../index";
-import "./index.less";
-var Holders = function Holders(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? {} : _props$dataSource;
-  var holders = dataSource.holders,
-    holder_id = dataSource.holder_id;
-  if (!holder_id) return null;
-  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: "pisell2-user-check-01"
-    }), /*#__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;

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

@@ -1,32 +0,0 @@
-.pisell-cart-sku-card__holders {
-  user-select: none;
-
-  display: flex;
-  gap: 16px;
-  overflow: hidden;
-
-  .holder-item {
-    overflow: hidden;
-    white-space: nowrap;
-    display: flex;
-    align-items: center;
-    min-width: 30px;
-
-    .holder-icon {
-      font-size: 16px;
-      color: #7f56da;
-      margin-right: 2;
-    }
-
-    .holder-label {
-      color: #667085;
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 20px;
-      display: inline-block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}

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

@@ -1,10 +0,0 @@
-import './index.less';
-interface IProps {
-    isShowImage?: boolean;
-    dataSource: {
-        bundle?: any[];
-        symbol?: string;
-    };
-}
-declare const Packages: ({ isShowImage, dataSource }: IProps) => JSX.Element | null;
-export default Packages;

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

@@ -1,52 +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 from 'react';
-import { Divider } from 'antd';
-import { locales } from '@pisell/utils';
-import CollapsibleList from "../../../components/Packages/components/collapsibleList";
-import BasicInfo from "../basicInfo";
-import { PREFIX } from "../../index";
-import "./index.less";
-var Packages = function Packages(_ref) {
-  var isShowImage = _ref.isShowImage,
-    _ref$dataSource = _ref.dataSource,
-    dataSource = _ref$dataSource === void 0 ? {} : _ref$dataSource;
-  var _dataSource$bundle = dataSource.bundle,
-    bundle = _dataSource$bundle === void 0 ? [] : _dataSource$bundle,
-    _dataSource$symbol = dataSource.symbol,
-    symbol = _dataSource$symbol === void 0 ? '$' : _dataSource$symbol;
-  return (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    style: {
-      margin: 0
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(PREFIX, "__packages-wrap")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "packages-title"
-  }, locales.getText('pisell2.cart.sku-card.packages.title')), /*#__PURE__*/React.createElement(CollapsibleList, {
-    style: {
-      marginTop: 4
-    },
-    list: bundle || [],
-    renderItem: function renderItem(item) {
-      return /*#__PURE__*/React.createElement(BasicInfo, {
-        isShowImage: isShowImage,
-        dataSource: _objectSpread(_objectSpread({}, item), {}, {
-          name: item.title,
-          image: item.cover,
-          symbol: symbol
-        }),
-        style: {
-          border: '1px solid #D0D5DD',
-          borderRadius: 4,
-          padding: 4
-        }
-      });
-    }
-  }))) : null;
-};
-export default Packages;

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

@@ -1,22 +0,0 @@
-.pisell-cart-sku-card__packages-wrap {
-  padding: 0 4px;
-
-  .packages-title {
-    color: #101828;
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 18px;
-    word-wrap: break-word;
-  }
-  
-  .pisell2-collapsible-list {
-    gap: 4px;
-  }
-
-  .product-info {
-    .product-name,
-    .product-price {
-      color: #667085;
-    }
-  }
-}

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

@@ -1,20 +0,0 @@
-/**
- * @title: 金额是否是负
- * @description:
- * @param {string} type
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-11-22 10:01
- */
-export declare const minusSign: (item: any, type?: string) => "" | "-";
-/**
- * @title: 金额格式化
- * @description:
- * @param {number} price
- * @param {string} amountSymbol
- * @param {number} digit
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-11-22 10:58
- */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

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

@@ -1,40 +0,0 @@
-import { formatAmount } from '@pisell/utils';
-
-/**
- * @title: 金额是否是负
- * @description:
- * @param {string} type
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-11-22 10:01
- */
-export var minusSign = function minusSign(item, type) {
-  // 单个商品 + 单规格价格之后的价格
-  if (type === 'total') {
-    var _price2 = (item === null || item === void 0 ? void 0 : item.bundle_sum_price) || 0;
-    var _isMarkdown = (item === null || item === void 0 ? void 0 : item.bundle_sum_type) === 'markdown';
-    return _price2 > 0 && _isMarkdown ? '-' : '';
-  }
-
-  // 单个商品的价格
-  var _price = (item === null || item === void 0 ? void 0 : item.price) || 0;
-  var isMarkdown = (item === null || item === void 0 ? void 0 : item.price_type) === 'markdown';
-  return _price > 0 && isMarkdown ? '-' : '';
-};
-
-/**
- * @title: 金额格式化
- * @description: 
- * @param {number} price
- * @param {string} amountSymbol
- * @param {number} digit
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-11-22 10:58
- */
-export var _formatAmount = function _formatAmount() {
-  var price = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  var amountSymbol = arguments.length > 1 ? arguments[1] : undefined;
-  var digit = arguments.length > 2 ? arguments[2] : undefined;
-  return formatAmount(price, digit, amountSymbol);
-};

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

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

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Tag } from 'antd';
-import "./index.less";
-import { PREFIX } from "../../index";
-var colors = ['magenta', 'volcano', 'orange', 'gold', 'green', 'cyan', 'blue', 'geekblue', 'purple'];
-function getColor(n) {
-  // 用质数扰动 + 取余
-  return colors[n * 31 % colors.length];
-}
-var Resources = function Resources(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? {} : _props$dataSource;
-  var multiResources = dataSource.multiResources,
-    isMultipleResource = dataSource.isMultipleResource;
-  var renderResourceItem = function renderResourceItem(item, index) {
-    var ids = item.id,
-      lists = item.lists,
-      _id = item._id;
-    return Array.isArray(ids) ? ids.map(function (id) {
-      var targetRes = lists.find(function (l) {
-        return l.id === id;
-      });
-      if (targetRes !== null && targetRes !== void 0 && targetRes.label) {
-        return /*#__PURE__*/React.createElement(Tag, {
-          color: getColor(_id),
-          className: "resource-tag"
-        }, targetRes.label);
-      }
-      return null;
-    }) : null;
-  };
-  if (isMultipleResource && (multiResources === null || multiResources === void 0 ? void 0 : multiResources.length) > 0) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(PREFIX, "__resources")
-    }, multiResources.map(renderResourceItem));
-  }
-  return null;
-};
-export default Resources;

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

@@ -1,19 +0,0 @@
-.pisell-cart-sku-card__resources {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-
-  .resource-item {
-    min-width: calc(50% - 2px);
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-  }
-
-  .resource-tag {
-    max-width: 120px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-  }
-}

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

@@ -1,12 +0,0 @@
-import './index.less';
-interface IProps {
-    hideDivider?: boolean;
-    dataSource: {
-        symbol?: string;
-        relation_products?: any[];
-        bundle?: any[];
-    };
-    isShowImage?: boolean;
-}
-declare const Sales: ({ hideDivider, dataSource, isShowImage }: IProps) => JSX.Element | null;
-export default Sales;

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

@@ -1,57 +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 from 'react';
-import { Divider } from 'antd';
-import CollapsibleList from "../../../components/Packages/components/collapsibleList";
-import BasicInfo from "../basicInfo";
-import { locales } from '@pisell/utils';
-import { PREFIX } from "../../index";
-import "./index.less";
-var Sales = function Sales(_ref) {
-  var hideDivider = _ref.hideDivider,
-    dataSource = _ref.dataSource,
-    isShowImage = _ref.isShowImage;
-  var _ref2 = dataSource || {},
-    _ref2$relation_produc = _ref2.relation_products,
-    relation_products = _ref2$relation_produc === void 0 ? [] : _ref2$relation_produc,
-    _ref2$symbol = _ref2.symbol,
-    symbol = _ref2$symbol === void 0 ? '$' : _ref2$symbol;
-
-  // 格式化商品数据
-  var other_products = relation_products.map(function (p) {
-    return _objectSpread(_objectSpread({}, p), {}, {
-      name: p === null || p === void 0 ? void 0 : p.product_title,
-      price: p === null || p === void 0 ? void 0 : p.payment_price,
-      symbol: symbol,
-      num: p === null || p === void 0 ? void 0 : p.product_quantity,
-      total: p === null || p === void 0 ? void 0 : p.payment_price
-    });
-  });
-  return (other_products === null || other_products === void 0 ? void 0 : other_products.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, hideDivider ? null : /*#__PURE__*/React.createElement(Divider, {
-    style: {
-      margin: 0
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(PREFIX, "_sales-wrap")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sales-title"
-  }, locales.getText('pisell2.cart.sku-card.sales.title')), /*#__PURE__*/React.createElement(CollapsibleList, {
-    list: other_products || [],
-    renderItem: function renderItem(item) {
-      return /*#__PURE__*/React.createElement(BasicInfo, {
-        isShowImage: isShowImage,
-        style: {
-          border: '1px solid #D0D5DD',
-          borderRadius: 4,
-          padding: 4
-        },
-        dataSource: _objectSpread({}, item)
-      });
-    }
-  }))) : null;
-};
-export default Sales;

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

@@ -1,22 +0,0 @@
-.pisell-cart-sku-_sales-wrap {
-  padding: 0 4px;
-
-  ._sales-title {
-    color: #101828;
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 18px;
-    word-wrap: break-word;
-  }
-
-  .pisell2-collapsible-list {
-    gap: 4px;
-  }
-
-  .product-info {
-    .product-name,
-    .product-price {
-      color: #667085;
-    }
-  }
-}

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

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

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

@@ -1,44 +0,0 @@
-import React from 'react';
-import { locales } from '@pisell/utils';
-import "./index.less";
-import { PREFIX } from "../../index";
-var Specs = function Specs(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? {} : _props$dataSource;
-  var bundle = dataSource.bundle,
-    options = dataSource.options,
-    product_option_string = dataSource.product_option_string,
-    symbol = dataSource.symbol;
-  var more = /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: '#667085',
-      fontSize: 10,
-      lineHeight: '10px'
-    }
-  }, locales.getText('pisell2.cart.sku-card.more'));
-  if (Array.isArray(bundle) && (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0) {
-    var first = bundle[0];
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(PREFIX, "__specs")
-    }, /*#__PURE__*/React.createElement("div", null, first.title), bundle.length > 1 ? more : null);
-  }
-  if (product_option_string) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(PREFIX, "__specs")
-    }, /*#__PURE__*/React.createElement("div", null, product_option_string), options.length > 1 ? more : null);
-  }
-  if (options.length > 0) {
-    var _first = options[0];
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(PREFIX, "__specs")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "spec-item"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "spec-name"
-    }, _first.name), /*#__PURE__*/React.createElement("span", {
-      className: "spec-num"
-    }, /*#__PURE__*/React.createElement("span", null, symbol, _first.price), /*#__PURE__*/React.createElement("span", null), "x", /*#__PURE__*/React.createElement("span", null, _first.num))), options.length > 1 ? more : null);
-  }
-  return null;
-};
-export default Specs;

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

@@ -1,34 +0,0 @@
-.pisell-cart-sku-card__specs {
-  user-select: none;
-
-  color: #667085;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 20px;
-  word-wrap: break-word;
-  overflow: hidden;
-
-  > div {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .spec-item {
-    display: flex;
-
-    .spec-name {
-      display: inline-block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      margin-right: 8px;
-    }
-
-    .spec-num {
-      display: flex;
-      gap: 4px;
-      align-items: center;
-    }
-  }
-}