@pisell/private-materials 6.8.11 → 6.8.13

package/es/plus/skuOptionsSelection/utils/transformValueToSelectorValue.js

@@ -0,0 +1,226 @@
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import Decimal from 'decimal.js';
+
+/**
+ * 将value转换为SelectorGroup需要的格式
+ */
+export var transformValueToSelectorValue = function transformValueToSelectorValue(value, dataSource) {
+  var _Object$keys, _Object$keys2;
+  if (!value || !dataSource || ((_Object$keys = Object.keys(value || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0 || ((_Object$keys2 = Object.keys(dataSource || {})) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) === 0) {
+    return {};
+  }
+  var transformValue = {};
+
+  // 套餐商品数据
+  if (value !== null && value !== void 0 && value.bundle) {
+    var _value$bundle, _newBundle$forEach;
+    // 首先需要把value?.bundle中id相同的商品合并，value?.bundle转换为：[{id: number, options: Array<any>}, {id: number, options: Array<any>}, ...]
+    var newBundle = value === null || value === void 0 || (_value$bundle = value.bundle) === null || _value$bundle === void 0 ? void 0 : _value$bundle.reduce(function (acc, v) {
+      var _bundleItemId = v === null || v === void 0 ? void 0 : v.id;
+      var idx = acc === null || acc === void 0 ? void 0 : acc.findIndex(function (v1) {
+        return (v1 === null || v1 === void 0 ? void 0 : v1.id) === _bundleItemId;
+      });
+      if (idx !== -1) {
+        var _acc$idx, _acc$idx$push;
+        (_acc$idx = acc[idx]) === null || _acc$idx === void 0 || (_acc$idx = _acc$idx.bundleOptions) === null || _acc$idx === void 0 || (_acc$idx$push = _acc$idx.push) === null || _acc$idx$push === void 0 || _acc$idx$push.call(_acc$idx, v);
+      } else {
+        var _acc$push;
+        acc === null || acc === void 0 || (_acc$push = acc.push) === null || _acc$push === void 0 || _acc$push.call(acc, {
+          id: _bundleItemId,
+          groupId: v === null || v === void 0 ? void 0 : v.group_id,
+          bundleOptions: [v]
+        });
+      }
+      return acc;
+    }, []);
+    newBundle === null || newBundle === void 0 || (_newBundle$forEach = newBundle.forEach) === null || _newBundle$forEach === void 0 || _newBundle$forEach.call(newBundle, function (v1) {
+      var _bundleGroupId = v1 === null || v1 === void 0 ? void 0 : v1.groupId;
+      var _bundleValue = createBundleValue(v1, dataSource);
+      if (transformValue[_bundleGroupId]) {
+        transformValue[_bundleGroupId] = [].concat(_toConsumableArray(transformValue[_bundleGroupId] || []), [_bundleValue]);
+      } else {
+        transformValue[_bundleGroupId] = [_bundleValue];
+      }
+    });
+  }
+
+  // 单规格商品数据
+  if (value !== null && value !== void 0 && value.option) {
+    var _value$option, _value$option$forEach;
+    var _createOptionValue = function _createOptionValue(v) {
+      var pricePrefix = (v === null || v === void 0 ? void 0 : v.price_type) === 'markdown' ? -1 : 1;
+      return {
+        data: _objectSpread({}, v || {}),
+        quantity: (v === null || v === void 0 ? void 0 : v.quantity) || 1,
+        value: v === null || v === void 0 ? void 0 : v.id,
+        totalPrice: new Decimal((v === null || v === void 0 ? void 0 : v.price) || 0).times(pricePrefix).times((v === null || v === void 0 ? void 0 : v.quantity) || 1).toNumber()
+      };
+    };
+    value === null || value === void 0 || (_value$option = value.option) === null || _value$option === void 0 || (_value$option$forEach = _value$option.forEach) === null || _value$option$forEach === void 0 || _value$option$forEach.call(_value$option, function (v1) {
+      // 1.首先判定transformValue中是否存在该group的key，如果存在则需要将v1的数据合并到transformValue中
+      console.log('v1>>>>>', transformValue[v1 === null || v1 === void 0 ? void 0 : v1.group_id], transformValue);
+      var _optionGroupId = v1 === null || v1 === void 0 ? void 0 : v1.option_group_id;
+      if (transformValue[_optionGroupId]) {
+        transformValue[_optionGroupId] = [].concat(_toConsumableArray(transformValue[_optionGroupId] || []), [_createOptionValue(v1)]);
+      } else {
+        var _dataSource$option_gr;
+        // 从dataSource中的option_group中匹配出group数据，判断该group是单选还是多选
+        var groupItem = dataSource === null || dataSource === void 0 || (_dataSource$option_gr = dataSource.option_group) === null || _dataSource$option_gr === void 0 ? void 0 : _dataSource$option_gr.find(function (v2) {
+          return (v2 === null || v2 === void 0 ? void 0 : v2.id) === _optionGroupId;
+        });
+        if ((groupItem === null || groupItem === void 0 ? void 0 : groupItem.is_multiple) == 1) {
+          transformValue[_optionGroupId] = [_createOptionValue(v1)];
+        } else {
+          transformValue[_optionGroupId] = _createOptionValue(v1);
+        }
+      }
+    });
+  }
+
+  // 组合规格商品数据
+  if (value !== null && value !== void 0 && value.product_variant_id) {
+    var _dataSource$variant;
+    // 根据product_variant_id从dataSource中的variant中进行匹配，最终筛选出对应的组合规格商品
+    var filteredVariant = dataSource === null || dataSource === void 0 || (_dataSource$variant = dataSource.variant) === null || _dataSource$variant === void 0 ? void 0 : _dataSource$variant.find(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.id) === (value === null || value === void 0 ? void 0 : value.product_variant_id);
+    });
+    if (!!filteredVariant) {
+      var _filteredVariant$sku_;
+      var ids = (filteredVariant === null || filteredVariant === void 0 || (_filteredVariant$sku_ = filteredVariant.sku_ids) === null || _filteredVariant$sku_ === void 0 ? void 0 : _filteredVariant$sku_.split('_')) || [];
+      ids.forEach(function (id) {
+        var _dataSource$variant_g;
+        // 拆分出variantGroupId和variantId，需要将variantGroupId和variantId转换为数字
+        var _id$split = id.split(':'),
+          _id$split2 = _slicedToArray(_id$split, 2),
+          variantGroupId = _id$split2[0],
+          variantId = _id$split2[1];
+        var _variantGroupId = Number(variantGroupId);
+        var _variantId = Number(variantId);
+        // 从variant_group中匹配出数据
+        var _variantGroupItem = null;
+        // 只要找到数据就结束查找
+        dataSource === null || dataSource === void 0 || (_dataSource$variant_g = dataSource.variant_group) === null || _dataSource$variant_g === void 0 || _dataSource$variant_g.find(function (v1) {
+          if ((v1 === null || v1 === void 0 ? void 0 : v1.id) === _variantGroupId) {
+            var _v1$variant_item;
+            v1 === null || v1 === void 0 || (_v1$variant_item = v1.variant_item) === null || _v1$variant_item === void 0 || _v1$variant_item.find(function (v2) {
+              if ((v2 === null || v2 === void 0 ? void 0 : v2.id) === _variantId) {
+                _variantGroupItem = v2;
+                return true;
+              }
+              return false;
+            });
+            return true;
+          }
+          return false;
+        });
+        if (!!_variantGroupItem) {
+          transformValue[_variantGroupId] = {
+            data: _objectSpread({}, _variantGroupItem || {}),
+            quantity: 1,
+            value: _variantId
+          };
+        }
+      });
+    }
+  }
+  return transformValue;
+};
+
+/**
+ * 创建套餐商品数据
+ */
+var createBundleValue = function createBundleValue(v, dataSource) {
+  var _dataSource$bundle_gr, _v$bundleOptions, _v$bundleOptions$forE;
+  var _createdValue = null;
+
+  // 从dataSource的bundle_group中匹配出数据
+  var bundleGroupItem = dataSource === null || dataSource === void 0 || (_dataSource$bundle_gr = dataSource.bundle_group) === null || _dataSource$bundle_gr === void 0 ? void 0 : _dataSource$bundle_gr.find(function (v1) {
+    return (v1 === null || v1 === void 0 ? void 0 : v1.id) === (v === null || v === void 0 ? void 0 : v.groupId);
+  });
+  var findedBundleItem = null;
+  if (!!bundleGroupItem) {
+    var _bundleGroupItem$bund;
+    findedBundleItem = bundleGroupItem === null || bundleGroupItem === void 0 || (_bundleGroupItem$bund = bundleGroupItem.bundle_item) === null || _bundleGroupItem$bund === void 0 ? void 0 : _bundleGroupItem$bund.find(function (v1) {
+      return (v1 === null || v1 === void 0 ? void 0 : v1.id) === (v === null || v === void 0 ? void 0 : v.id);
+    });
+    if (!!findedBundleItem) {
+      var _findedBundleItem;
+      _createdValue = {
+        value: (_findedBundleItem = findedBundleItem) === null || _findedBundleItem === void 0 ? void 0 : _findedBundleItem.id,
+        data: _objectSpread({}, findedBundleItem || {})
+      };
+    }
+  }
+
+  // 如果选项在套餐组中不匹配到数据，则直接返回null
+  if (!_createdValue) {
+    return null;
+  }
+  v === null || v === void 0 || (_v$bundleOptions = v.bundleOptions) === null || _v$bundleOptions === void 0 || (_v$bundleOptions$forE = _v$bundleOptions.forEach) === null || _v$bundleOptions$forE === void 0 || _v$bundleOptions$forE.call(_v$bundleOptions, function (v1) {
+    var _v1$option, _findedBundleItem2;
+    if (v1 !== null && v1 !== void 0 && (_v1$option = v1.option) !== null && _v1$option !== void 0 && _v1$option.length) {
+      var _createdValue2;
+      var _data = ((_createdValue2 = _createdValue) === null || _createdValue2 === void 0 || (_createdValue2 = _createdValue2.data) === null || _createdValue2 === void 0 ? void 0 : _createdValue2._data) || [];
+      var _createdValueData = createOptionValue(v1, findedBundleItem);
+      _data.push({
+        value: v1 === null || v1 === void 0 ? void 0 : v1.id,
+        data: _createdValueData,
+        quantity: (v1 === null || v1 === void 0 ? void 0 : v1.quantity) || 1
+      });
+      _createdValue.data._data = _data;
+    }
+    _createdValue.quantity = (_createdValue.quantity || 0) + ((v1 === null || v1 === void 0 ? void 0 : v1.quantity) || 0);
+    var _pricePrefix = ((_findedBundleItem2 = findedBundleItem) === null || _findedBundleItem2 === void 0 ? void 0 : _findedBundleItem2.price_type) === 'markdown' ? -1 : 1;
+    _createdValue.totalPrice = new Decimal(_createdValue.totalPrice || 0).plus(new Decimal((v1 === null || v1 === void 0 ? void 0 : v1.price) || 0).times((v1 === null || v1 === void 0 ? void 0 : v1.quantity) || 1).times(_pricePrefix)).toNumber();
+  });
+  return _createdValue;
+};
+
+/**
+ * 创建套餐中单规格商品数据
+ */
+var createOptionValue = function createOptionValue(v, bundleItem) {
+  var _v$option, _v$option$forEach;
+  var _createdValue = {};
+  v === null || v === void 0 || (_v$option = v.option) === null || _v$option === void 0 || (_v$option$forEach = _v$option.forEach) === null || _v$option$forEach === void 0 || _v$option$forEach.call(_v$option, function (v1) {
+    var _optionGroupId = v1 === null || v1 === void 0 ? void 0 : v1.option_group_id;
+    var pricePrefix = (v1 === null || v1 === void 0 ? void 0 : v1.price_type) === 'markdown' ? -1 : 1;
+    var _tempValue = {
+      data: _objectSpread({}, v1 || {}),
+      quantity: (v1 === null || v1 === void 0 ? void 0 : v1.quantity) || 1,
+      value: v1 === null || v1 === void 0 ? void 0 : v1.id,
+      totalPrice: new Decimal((v1 === null || v1 === void 0 ? void 0 : v1.price) || 0).times(pricePrefix).times((v1 === null || v1 === void 0 ? void 0 : v1.quantity) || 1).toNumber()
+    };
+    if (_createdValue !== null && _createdValue !== void 0 && _createdValue[_optionGroupId]) {
+      var _createdValue$_option;
+      _createdValue === null || _createdValue === void 0 || (_createdValue$_option = _createdValue[_optionGroupId]) === null || _createdValue$_option === void 0 || _createdValue$_option.push(_tempValue);
+    } else {
+      var _bundleItem$option_gr;
+      // 需要从当前选项的option_group中匹配数据，判定出当前是单选还是多选
+      var optionGroupItem = bundleItem === null || bundleItem === void 0 || (_bundleItem$option_gr = bundleItem.option_group) === null || _bundleItem$option_gr === void 0 ? void 0 : _bundleItem$option_gr.find(function (v2) {
+        return (v2 === null || v2 === void 0 ? void 0 : v2.id) === (v1 === null || v1 === void 0 ? void 0 : v1.option_group_id);
+      });
+      if ((optionGroupItem === null || optionGroupItem === void 0 ? void 0 : optionGroupItem.is_multiple) == 1) {
+        _createdValue[_optionGroupId] = [_tempValue];
+      } else {
+        _createdValue[_optionGroupId] = _tempValue;
+      }
+    }
+  });
+  return _createdValue;
+};

package/es/plus/skuOptionsSelection/utils/transformVariantGroup.js

@@ -0,0 +1,90 @@
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 VariantCard from "../components/VariantCard";
+import { checkVariantStockCanSell, checkSkuDisabled, checkVariantStockByValue } from "./checkSkuStatus";
+export var transformVariantGroup = function transformVariantGroup(variantGroup) {
+  if (!Array.isArray(variantGroup)) return [];
+  var formattedGroup = variantGroup.map(function (item) {
+    var _item$variant_item;
+    // Selector中选项数据源
+    var selectorOptionsDataSource = item === null || item === void 0 || (_item$variant_item = item.variant_item) === null || _item$variant_item === void 0 ? void 0 : _item$variant_item.map(function (variantItem) {
+      var _checkVariantStockCan = checkVariantStockCanSell(variantItem),
+        canSell = _checkVariantStockCan.canSell,
+        hasStock = _checkVariantStockCan.hasStock;
+      var disabled = checkSkuDisabled(variantItem, canSell);
+      return {
+        _original: _objectSpread({}, variantItem || {}),
+        id: variantItem === null || variantItem === void 0 ? void 0 : variantItem.id,
+        title: variantItem === null || variantItem === void 0 ? void 0 : variantItem.name,
+        value: variantItem === null || variantItem === void 0 ? void 0 : variantItem.id,
+        disabled: disabled,
+        ruleConfig: {
+          autoValidate: true
+        },
+        _extra: {
+          canSell: canSell,
+          hasStock: hasStock
+        }
+      };
+    });
+
+    // Selector数据源
+    var selectorDataSource = {
+      id: item.id,
+      title: item.name || '',
+      mode: 'single',
+      valueType: 'object',
+      fieldNames: {
+        value: 'value',
+        label: 'title'
+      },
+      dataSource: selectorOptionsDataSource || [],
+      disabled: (item === null || item === void 0 ? void 0 : item.is_enabled) === 0,
+      ruleConfig: {
+        autoValidate: true,
+        required: true
+      },
+      variant: 'card',
+      preset: {
+        variant: '1'
+      },
+      itemProps: {
+        styles: {
+          container: {
+            padding: 0
+          }
+        }
+      },
+      stepperProps: {
+        showInput: true
+      }
+    };
+
+    // 渲染选项卡片
+    selectorDataSource.renderItem = function (itemProps) {
+      var _itemProps$dataSource, _itemProps$dataSource2;
+      var _checkVariantStockByV = checkVariantStockByValue(itemProps === null || itemProps === void 0 || (_itemProps$dataSource = itemProps.dataSource) === null || _itemProps$dataSource === void 0 ? void 0 : _itemProps$dataSource._original),
+        canSell = _checkVariantStockByV.canSell,
+        hasStock = _checkVariantStockByV.hasStock;
+      var _dataSource = _objectSpread(_objectSpread({}, (itemProps === null || itemProps === void 0 ? void 0 : itemProps.dataSource) || {}), {}, {
+        disabled: checkSkuDisabled(itemProps === null || itemProps === void 0 || (_itemProps$dataSource2 = itemProps.dataSource) === null || _itemProps$dataSource2 === void 0 ? void 0 : _itemProps$dataSource2._original, canSell),
+        _extra: {
+          canSell: canSell,
+          hasStock: hasStock
+        }
+      });
+      return /*#__PURE__*/React.createElement(VariantCard, _extends({}, itemProps || {}, {
+        dataSource: _dataSource,
+        parentDataSource: selectorDataSource
+      }));
+    };
+    return selectorDataSource;
+  });
+  return formattedGroup;
+};

package/es/plus/walletPassGallery/components/passDetail/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
 interface PassDetailProps {
     dataSource?: any | null;
@@ -6,5 +5,5 @@ interface PassDetailProps {
     buttonGroupList?: any[][];
     showTimeLine?: boolean;
 }
-declare const PassDetail: (props: PassDetailProps) => React.JSX.Element | null;
+declare const PassDetail: (props: PassDetailProps) => JSX.Element | null;
 export default PassDetail;

package/es/plus/walletPassGallery/components/passList/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface IPassListProps {
     dataSource: any[];
     value?: string | number;
@@ -9,5 +8,5 @@ interface IPassListProps {
     loading?: boolean;
     onEditHolder?: (info: any) => void;
 }
-declare const PassList: (props: IPassListProps) => React.JSX.Element;
+declare const PassList: (props: IPassListProps) => JSX.Element;
 export default PassList;

package/es/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import './index.less';
 interface TimelineSectionProps {
     code: string;
     tag: string;
     timezone: string;
 }
-declare const TimelineSection: (props: TimelineSectionProps) => React.JSX.Element;
+declare const TimelineSection: (props: TimelineSectionProps) => JSX.Element;
 export default TimelineSection;

package/es/plus/walletPassGallery/components/usageRule/index.d.ts

@@ -5,5 +5,5 @@ interface UsageRulesProps {
     style?: React.CSSProperties;
     dataSource?: any;
 }
-declare function UsageRules({ className, style, dataSource }: UsageRulesProps): React.JSX.Element | null;
+declare function UsageRules({ className, style, dataSource }: UsageRulesProps): JSX.Element | null;
 export default UsageRules;

package/es/plus/walletPassGallery/index.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import './index.less';
 export interface WalletPassGalleryProps {
     [key: string]: any;
 }
-declare const WalletPassGallery: (props: WalletPassGalleryProps) => React.JSX.Element;
+declare const WalletPassGallery: (props: WalletPassGalleryProps) => JSX.Element;
 export default WalletPassGallery;

package/es/plus/webPosLogin/WebPosLogin.d.ts

@@ -7,5 +7,5 @@ export interface WebPosLoginProps {
     backgroundImage?: string;
     [key: string]: any;
 }
-declare const WebPosLogin: (props: WebPosLoginProps) => React.JSX.Element;
+declare const WebPosLogin: (props: WebPosLoginProps) => JSX.Element;
 export default WebPosLogin;

package/es/pro/Cards/components/SKUCard/index.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import './index.less';
+/**
+ * SKU Card 文本样式配置
+ */
+interface SkuCardTextConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 字体大小 */
+    fontSize?: number;
+    /** 颜色 */
+    color?: string;
+    /** 字体粗细 */
+    fontWeight?: 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+    /** 展示行数 */
+    lineClamp?: number;
+}
+/**
+ * SKU Card 图片配置
+ */
+interface SkuCardImageConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 圆角 */
+    borderRadius?: number | string;
+    /** 边框 */
+    border?: string;
+}
+/**
+ * SKU Card 配置
+ */
+interface SkuCardConfig {
+    /** 主标题配置 */
+    title?: SkuCardTextConfig;
+    /** 副标题配置 */
+    subTitle?: SkuCardTextConfig;
+    /** 价格配置 */
+    price?: Omit<SkuCardTextConfig, 'lineClamp'>;
+    /** 图片配置 */
+    image?: SkuCardImageConfig;
+}
+interface SKUCardProps {
+    cover?: string;
+    title?: string;
+    subtitle?: string;
+    price?: string;
+    arrow?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    renderRight?: React.ReactNode | (() => React.ReactNode);
+    /** SKU Card 配置 */
+    skuCardConfig?: SkuCardConfig;
+}
+declare const SKUCard: React.FC<SKUCardProps>;
+export default SKUCard;

package/es/pro/Cards/components/SKUCard/index.js

@@ -0,0 +1,193 @@
+import React, { useMemo } from 'react';
+import { Iconfont } from '@pisell/materials';
+import { image as imageAli } from '@pisell/utils';
+import classNames from 'classnames';
+import "./index.less";
+
+/**
+ * SKU Card 文本样式配置
+ */
+
+/**
+ * SKU Card 图片配置
+ */
+
+/**
+ * SKU Card 配置
+ */
+
+var SKUCard = function SKUCard(_ref) {
+  var _skuCardConfig$title, _skuCardConfig$subTit, _skuCardConfig$price, _skuCardConfig$image;
+  var cover = _ref.cover,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    price = _ref.price,
+    arrow = _ref.arrow,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    renderRight = _ref.renderRight,
+    skuCardConfig = _ref.skuCardConfig;
+  /**
+   * 计算主标题样式
+   * 默认全部展示，可换行；如果配置了 lineClamp 则限制行数
+   */
+  var titleStyle = useMemo(function () {
+    var config = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.title;
+    var style = {};
+    if (disabled) {
+      style.color = '#98A2B3';
+    } else if (config !== null && config !== void 0 && config.color) {
+      style.color = config.color;
+    }
+    if (config !== null && config !== void 0 && config.fontSize) {
+      style.fontSize = config.fontSize;
+    }
+    if (config !== null && config !== void 0 && config.fontWeight) {
+      style.fontWeight = config.fontWeight;
+    }
+
+    // 只有配置了 lineClamp 才应用截断样式
+    if (config !== null && config !== void 0 && config.lineClamp && (config === null || config === void 0 ? void 0 : config.lineClamp) > 0) {
+      style.display = '-webkit-box';
+      style.WebkitLineClamp = config.lineClamp;
+      // @ts-ignore
+      style.lineClamp = config.lineClamp;
+      style.WebkitBoxOrient = 'vertical';
+      style.overflow = 'hidden';
+    }
+    return style;
+  }, [skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.title, disabled]);
+
+  /**
+   * 计算副标题样式
+   * 默认展示两行（CSS 中已设置），如果配置了其他 lineClamp 值则覆盖
+   */
+  var subTitleStyle = useMemo(function () {
+    var config = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.subTitle;
+    var style = {};
+    if (disabled) {
+      style.color = '#98A2B3';
+    } else if (config !== null && config !== void 0 && config.color) {
+      style.color = config.color;
+    }
+    if (config !== null && config !== void 0 && config.fontSize) {
+      style.fontSize = config.fontSize;
+    }
+    if (config !== null && config !== void 0 && config.fontWeight) {
+      style.fontWeight = config.fontWeight;
+    }
+
+    // 如果配置了 lineClamp 则覆盖 CSS 默认的 2 行
+    if (config !== null && config !== void 0 && config.lineClamp && (config === null || config === void 0 ? void 0 : config.lineClamp) > 0) {
+      style.WebkitLineClamp = config.lineClamp;
+      // @ts-ignore
+      style.lineClamp = config.lineClamp;
+    }
+    return style;
+  }, [skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.subTitle, disabled]);
+
+  /**
+   * 计算价格样式
+   */
+  var priceStyle = useMemo(function () {
+    var config = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.price;
+    var style = {};
+    if (disabled) {
+      style.color = '#98A2B3';
+    } else if (config !== null && config !== void 0 && config.color) {
+      style.color = config.color;
+    }
+    if (config !== null && config !== void 0 && config.fontSize) {
+      style.fontSize = config.fontSize;
+    }
+    if (config !== null && config !== void 0 && config.fontWeight) {
+      style.fontWeight = config.fontWeight;
+    }
+    return style;
+  }, [skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.price, disabled]);
+
+  /**
+   * 计算图片样式
+   */
+  var imageStyle = useMemo(function () {
+    var config = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.image;
+    var style = {};
+    if (config !== null && config !== void 0 && config.width) {
+      style.width = config.width;
+    }
+    if (config !== null && config !== void 0 && config.height) {
+      style.height = config.height;
+    }
+    if ((config === null || config === void 0 ? void 0 : config.borderRadius) !== undefined) {
+      style.borderRadius = typeof config.borderRadius === 'number' ? "".concat(config.borderRadius, "px") : config.borderRadius;
+    }
+    if (config !== null && config !== void 0 && config.border) {
+      style.border = config.border;
+    }
+    return style;
+  }, [skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.image]);
+
+  /** 是否显示主标题 */
+  var showTitle = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$title = skuCardConfig.title) === null || _skuCardConfig$title === void 0 ? void 0 : _skuCardConfig$title.visible) !== false;
+  /** 是否显示副标题 */
+  var showSubTitle = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$subTit = skuCardConfig.subTitle) === null || _skuCardConfig$subTit === void 0 ? void 0 : _skuCardConfig$subTit.visible) !== false;
+  /** 是否显示价格 */
+  var showPrice = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$price = skuCardConfig.price) === null || _skuCardConfig$price === void 0 ? void 0 : _skuCardConfig$price.visible) !== false;
+  /** 是否显示图片 */
+  var showImage = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$image = skuCardConfig.image) === null || _skuCardConfig$image === void 0 ? void 0 : _skuCardConfig$image.visible) !== false;
+
+  // 如果没有cover，则使用title前两个字符用于显示占位
+  var titleText = useMemo(function () {
+    if (!title) return '';
+    // 如果title长度小于2，则使用title
+    if (title.length < 2) {
+      return title.toUpperCase();
+    }
+    return title.substring(0, 2).toUpperCase();
+  }, [title]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-pro-cards-sku-card', {
+      'pisell-pro-cards-sku-card-active': selected,
+      'pisell-pro-cards-sku-card-with-image': showImage,
+      'pisell-pro-cards-sku-card-no-image': !showImage,
+      'pisell-pro-cards-sku-card-disabled': disabled
+    }),
+    onClick: function onClick() {
+      if (disabled) return;
+      _onClick === null || _onClick === void 0 || _onClick();
+    },
+    style: {
+      cursor: disabled ? 'not-allowed' : 'pointer'
+    }
+  }, showImage && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-image-container",
+    style: imageStyle
+  }, !!cover ? /*#__PURE__*/React.createElement("img", {
+    src: imageAli.ali(cover, 360),
+    alt: title,
+    className: "pisell-pro-cards-sku-card-image"
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-image-default"
+  }, titleText)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-content"
+  }, showTitle && title && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-title",
+    style: titleStyle
+  }, title), showSubTitle && subtitle && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-subtitle",
+    style: subTitleStyle
+  }, subtitle), showPrice && price && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-price",
+    style: priceStyle
+  }, price)), arrow || renderRight ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-right"
+  }, renderRight ? typeof renderRight === 'function' ? renderRight() : renderRight : /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-chevron-right",
+    style: {
+      fontSize: '28px',
+      color: disabled ? '#f2f2f2' : '#475467'
+    }
+  })) : null);
+};
+export default SKUCard;