@pisell/private-materials 6.4.55 → 6.4.57

package/es/components/ticketBooking/index.js

@@ -1,6 +1,12 @@
 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 _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 _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 _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; }
+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 _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); }
@@ -12,9 +18,12 @@ import { cloneDeep } from 'lodash';
 import TicketBooking from "./components/ticketBooking/index";
 import { request } from "../../utils";
 import useEngineContext from "../../hooks/useEngineContext";
-import { getDefaultStartParam } from "./utils";
+import { getBookingTicketKey, getDefaultStartParam, getShopDiscountKey, rulesHooks } from "./utils";
 import localeTexts from "./locales";
 import MenuBar from "./components/menuBar";
+import { useLocalStorageState } from 'ahooks';
+import { OsKeyProvider } from "./context/OsKeyContext";
+import { IsActiveProvider } from "./context/IsActiveContext";
 import "./index.less";
 var initialState = {
   amountSymbol: '$',
@@ -137,16 +146,60 @@ var initialState = {
 export default (function (props) {
   var _context$appHelper, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5;
   var productExtensionType = props.productExtensionType,
-    bookingConfigParams = props.bookingConfigParams,
+    propsBookingConfigParams = props.bookingConfigParams,
     _props$isShowMenuBar = props.isShowMenuBar,
-    isShowMenuBar = _props$isShowMenuBar === void 0 ? true : _props$isShowMenuBar;
+    isShowMenuBar = _props$isShowMenuBar === void 0 ? true : _props$isShowMenuBar,
+    _props$isShowTimeBar = props.isShowTimeBar,
+    propsIsShowTimeBar = _props$isShowTimeBar === void 0 ? true : _props$isShowTimeBar,
+    _props$isShowFloatBut = props.isShowFloatButtons,
+    propsIsShowFloatButtons = _props$isShowFloatBut === void 0 ? true : _props$isShowFloatBut,
+    propsProductDisplayConfig = props.productDisplayConfig,
+    _props$isActive = props.isActive,
+    isActive = _props$isActive === void 0 ? true : _props$isActive,
+    propsRulesHooks = props.rulesHooks;
+  var _useLocalStorageState = useLocalStorageState('pisell-ticket-booking-nav-key', {
+      defaultValue: 'ticket'
+    }),
+    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
+    activeNavKey = _useLocalStorageState2[0],
+    setActiveNavKey = _useLocalStorageState2[1];
+
+  // 根据 activeNavKey 动态配置（仅在显示菜单栏时生效）
+  var bookingConfigParams = useMemo(function () {
+    if (isShowMenuBar && activeNavKey === 'food') {
+      return _objectSpread(_objectSpread({}, propsBookingConfigParams), {}, {
+        sub_type: 'food',
+        source_type: 'pos'
+      });
+    }
+    return propsBookingConfigParams;
+  }, [isShowMenuBar, activeNavKey, propsBookingConfigParams]);
+  var isShowTimeBar = useMemo(function () {
+    return isShowMenuBar && activeNavKey === 'food' ? false : propsIsShowTimeBar;
+  }, [isShowMenuBar, activeNavKey, propsIsShowTimeBar]);
+  var isShowFloatButtons = useMemo(function () {
+    return isShowMenuBar && activeNavKey === 'food' ? false : propsIsShowFloatButtons;
+  }, [isShowMenuBar, activeNavKey, propsIsShowFloatButtons]);
+
+  // 根据bookingConfigParams?.sub_type 动态配置osKey
+  // 多页面使用同一个组件时，需要根据不同的osKey来区分不同的页面
+  var osKey = useMemo(function () {
+    return bookingConfigParams === null || bookingConfigParams === void 0 ? void 0 : bookingConfigParams.sub_type;
+  }, [bookingConfigParams]);
+  var productDisplayConfig = useMemo(function () {
+    if (isShowMenuBar && activeNavKey === 'food') {
+      return 'sku-list-a5';
+    }
+    return propsProductDisplayConfig;
+  }, [isShowMenuBar, activeNavKey, propsProductDisplayConfig]);
   var storeRef = useRef(null);
   var context = useEngineContext();
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     pisellos = _context$appHelper$ut.pisellos,
     pisellosAllModule = _context$appHelper$ut.pisellosAllModule;
   var _ref = pisellosAllModule || {},
-    BookingTicket = _ref.BookingTicket;
+    BookingTicket = _ref.BookingTicket,
+    ShopDiscountImpl = _ref.ShopDiscountImpl;
   locales.init(localeTexts, ((_context$appHelper$ut2 = context.appHelper.utils) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getApp) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.call(_context$appHelper$ut2)) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.locales) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut3.getLocale) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.call(_context$appHelper$ut3)) || ((_context$appHelper$ut5 = context.appHelper.utils) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.storage) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.get('umi_locale')) || 'en');
   useLayoutEffect(function () {
     request.setRequest(context.appHelper.utils.request);
@@ -157,21 +210,43 @@ export default (function (props) {
       productExtensionType: productExtensionType
     }));
     storeRef.current = store;
-  }, []);
+  }, [bookingConfigParams, productExtensionType]);
   useMemo(function () {
     if (BookingTicket) {
-      pisellos === null || pisellos === void 0 || pisellos.registerModule(new BookingTicket('bookingTicket'), {
+      pisellos === null || pisellos === void 0 || pisellos.registerModule(new BookingTicket(getBookingTicketKey(osKey)), {
         initialState: {},
         otherParams: {
-          cacheId: 'test-cache',
+          cacheId: getBookingTicketKey(osKey),
           platform: 'shop'
         }
       });
     }
-  }, []);
+    if (ShopDiscountImpl) {
+      pisellos === null || pisellos === void 0 || pisellos.registerModule(new ShopDiscountImpl(getShopDiscountKey(osKey)), {
+        otherParams: {
+          platform: "shop",
+          rules: {
+            hooks: propsRulesHooks || rulesHooks
+          }
+        }
+      });
+    }
+  }, [osKey]);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-ticket-booking-wrapper"
-  }, isShowMenuBar && /*#__PURE__*/React.createElement(MenuBar, null), /*#__PURE__*/React.createElement(Provider, {
-    store: storeRef.current
-  }, /*#__PURE__*/React.createElement(TicketBooking, null)));
+  }, isShowMenuBar && /*#__PURE__*/React.createElement(MenuBar, {
+    activeNavKey: activeNavKey,
+    onNavChange: setActiveNavKey
+  }), /*#__PURE__*/React.createElement(IsActiveProvider, {
+    isActive: isActive
+  }, /*#__PURE__*/React.createElement(OsKeyProvider, {
+    osKey: osKey
+  }, /*#__PURE__*/React.createElement(Provider, {
+    store: storeRef.current,
+    key: activeNavKey
+  }, /*#__PURE__*/React.createElement(TicketBooking, {
+    productDisplayConfig: productDisplayConfig,
+    isShowTimeBar: isShowTimeBar,
+    isShowFloatButtons: isShowFloatButtons
+  })))));
 });

package/es/components/ticketBooking/utils/index.js

@@ -332,4 +332,53 @@ export var createSimpleCacheItem = function createSimpleCacheItem(item, e, state
     new: 1
   });
   return cacheItem;
-};
+};
+
+// 获取bookingTicket的key
+export var getBookingTicketKey = function getBookingTicketKey(osKey) {
+  return "bookingTicket-".concat(osKey);
+};
+
+// 获取shopDiscount的key
+export var getShopDiscountKey = function getShopDiscountKey(osKey) {
+  return "shopDiscount-".concat(osKey);
+};
+export var rulesHooks = {
+  // 获取商品关键信息
+  getProduct: function getProduct(product) {
+    var detail = {
+      booking_id: product.booking_id,
+      id: product.id,
+      _id: product._id,
+      price: product.price,
+      total: product._extend.total,
+      discount_list: product.discount_list,
+      origin_total: product._extend.origin_total,
+      num: product._extend.quantity,
+      quantity: product._extend.quantity || 1,
+      vouchersApplicable: product.vouchersApplicable
+    };
+    return detail;
+  },
+  setProduct: function setProduct(product, values) {
+    var detail = _objectSpread(_objectSpread({}, product), {}, {
+      _id: values._id || product._id,
+      discount_list: values.discount_list,
+      _extend: _objectSpread(_objectSpread(_objectSpread({}, product._extend), 'total' in values ? {
+        total: values.total
+      } : {}), 'quantity' in values ? {
+        quantity: values.quantity
+      } : {})
+    });
+    return detail;
+  }
+};
+
+// 导出缓存工具函数
+export {
+// 通用缓存函数
+getCache, setCache, clearCache, clearAllCache, clearAllCacheByOsKey,
+// 产品缓存
+getProductCache, setProductCache, clearProductCache, clearAllProductCache,
+// BoardConfig 缓存
+getBoardConfigCache, setBoardConfigCache, clearBoardConfigCache } from "./productCache";

package/es/components/ticketBooking/utils/productCache.js

@@ -0,0 +1,184 @@
+/**
+ * 产品数据缓存工具
+ * 使用 localStorage 实现类似 SWR 的缓存功能
+ */
+
+/**
+ * 缓存类型
+ */
+
+/**
+ * 生成缓存键
+ * @param osKey - OS 实例的唯一标识
+ * @param cacheType - 缓存类型
+ */
+var generateCacheKey = function generateCacheKey(osKey) {
+  var cacheType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'product';
+  return "".concat(cacheType, "_cache_").concat(osKey);
+};
+
+/**
+ * 通用缓存获取函数
+ * @param osKey - OS 实例的唯一标识
+ * @param cacheType - 缓存类型
+ * @param maxAge - 缓存最大有效期（毫秒），默认不限制
+ */
+export var getCache = function getCache(osKey) {
+  var cacheType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'product';
+  var maxAge = arguments.length > 2 ? arguments[2] : undefined;
+  try {
+    var cacheKey = generateCacheKey(osKey, cacheType);
+    var cacheStr = localStorage.getItem(cacheKey);
+    if (!cacheStr) {
+      return null;
+    }
+    var cache = JSON.parse(cacheStr);
+
+    // 检查缓存是否过期
+    if (maxAge && Date.now() - cache.timestamp > maxAge) {
+      localStorage.removeItem(cacheKey);
+      return null;
+    }
+    return cache.data;
+  } catch (error) {
+    console.error("Failed to get ".concat(cacheType, " cache:"), error);
+    return null;
+  }
+};
+
+/**
+ * 从缓存中获取产品数据（兼容旧接口）
+ * @param osKey - OS 实例的唯一标识
+ * @param maxAge - 缓存最大有效期（毫秒），默认不限制
+ */
+export var getProductCache = function getProductCache(osKey, maxAge) {
+  return getCache(osKey, 'product', maxAge);
+};
+
+/**
+ * 通用缓存设置函数
+ * @param osKey - OS 实例的唯一标识
+ * @param data - 要缓存的数据
+ * @param cacheType - 缓存类型
+ */
+export var setCache = function setCache(osKey, data) {
+  var cacheType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'product';
+  try {
+    var cacheKey = generateCacheKey(osKey, cacheType);
+    var cache = {
+      data: data,
+      timestamp: Date.now()
+    };
+    localStorage.setItem(cacheKey, JSON.stringify(cache));
+  } catch (error) {
+    console.error("Failed to set ".concat(cacheType, " cache:"), error);
+  }
+};
+
+/**
+ * 设置产品缓存数据（兼容旧接口）
+ * @param osKey - OS 实例的唯一标识
+ * @param data - 要缓存的数据
+ */
+export var setProductCache = function setProductCache(osKey, data) {
+  setCache(osKey, data, 'product');
+};
+
+/**
+ * 清除指定类型的缓存
+ * @param osKey - OS 实例的唯一标识
+ * @param cacheType - 缓存类型
+ */
+export var clearCache = function clearCache(osKey) {
+  var cacheType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'product';
+  try {
+    var keys = Object.keys(localStorage);
+    var prefix = "".concat(cacheType, "_cache_").concat(osKey);
+    keys.forEach(function (key) {
+      if (key.startsWith(prefix)) {
+        localStorage.removeItem(key);
+      }
+    });
+  } catch (error) {
+    console.error("Failed to clear ".concat(cacheType, " cache:"), error);
+  }
+};
+
+/**
+ * 清除指定 osKey 的产品缓存（兼容旧接口）
+ * @param osKey - OS 实例的唯一标识
+ */
+export var clearProductCache = function clearProductCache(osKey) {
+  clearCache(osKey, 'product');
+};
+
+/**
+ * 清除指定 osKey 的 BoardConfig 缓存
+ * @param osKey - OS 实例的唯一标识
+ */
+export var clearBoardConfigCache = function clearBoardConfigCache(osKey) {
+  clearCache(osKey, 'boardConfig');
+};
+
+/**
+ * 清除指定 osKey 的所有类型缓存
+ * @param osKey - OS 实例的唯一标识
+ */
+export var clearAllCacheByOsKey = function clearAllCacheByOsKey(osKey) {
+  clearCache(osKey, 'product');
+  clearCache(osKey, 'boardConfig');
+};
+
+/**
+ * 清除所有产品缓存
+ */
+export var clearAllProductCache = function clearAllProductCache() {
+  try {
+    var keys = Object.keys(localStorage);
+    var prefix = 'product_cache_';
+    keys.forEach(function (key) {
+      if (key.startsWith(prefix)) {
+        localStorage.removeItem(key);
+      }
+    });
+  } catch (error) {
+    console.error('Failed to clear all product cache:', error);
+  }
+};
+
+/**
+ * 清除所有类型的缓存
+ */
+export var clearAllCache = function clearAllCache() {
+  try {
+    var keys = Object.keys(localStorage);
+    var prefixes = ['product_cache_', 'boardConfig_cache_'];
+    keys.forEach(function (key) {
+      if (prefixes.some(function (prefix) {
+        return key.startsWith(prefix);
+      })) {
+        localStorage.removeItem(key);
+      }
+    });
+  } catch (error) {
+    console.error('Failed to clear all cache:', error);
+  }
+};
+
+/**
+ * 获取 BoardConfig 缓存
+ * @param osKey - OS 实例的唯一标识
+ * @param maxAge - 缓存最大有效期（毫秒），默认不限制
+ */
+export var getBoardConfigCache = function getBoardConfigCache(osKey, maxAge) {
+  return getCache(osKey, 'boardConfig', maxAge);
+};
+
+/**
+ * 设置 BoardConfig 缓存
+ * @param osKey - OS 实例的唯一标识
+ * @param data - 要缓存的数据
+ */
+export var setBoardConfigCache = function setBoardConfigCache(osKey, data) {
+  setCache(osKey, data, 'boardConfig');
+};

package/es/components/wallet/hooks/useWalletCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/es/index.js

@@ -63,5 +63,7 @@ export { default as ProSkuDetailModal } from "./pro/skuDetailModal";
 export { default as SaasLogin } from "./plus/saasLogin";
 export { default as SaasRegister } from "./plus/saasRegister";
 export { default as SaasCreateOrganization } from "./plus/saasCreateOrganization";
+export { default as SkuCard } from "./plus/productSelect/ProductCard/SkuCard";
 export { default as PinModal } from "./components/pinModal";
-export { default as PinVerifyModal } from "./components/pinVerifyModal";
+export { default as PinVerifyModal } from "./components/pinVerifyModal";
+export { ResponsiveList as SkuList } from "./components/list";

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardA1 = function SkuCardA1(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-a1")
+  });
+};
+export default SkuCardA1;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.less

@@ -0,0 +1,8 @@
+.pisell-product-sku__card-a1 {
+  .pisell-product-sku__card-a1-content {
+    flex-direction: row !important;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+  }
+}

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardA2 = function SkuCardA2(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-a2")
+  });
+};
+export default SkuCardA2;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.less

@@ -0,0 +1,17 @@
+.pisell-product-sku__card-a2 {
+  align-items: center;
+  gap: 12px;
+
+  .pisell-product-sku__card-a2-content {
+    gap: 8px;
+  }
+}
+
+// 竖向布局
+.pisell-product-sku__card-a2-column {
+  gap: 4px;
+
+  .pisell-product-sku__card-a2-content {
+    gap: 2px;
+  }
+}

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA5/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardA5 = function SkuCardA5(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-a5")
+  });
+};
+export default SkuCardA5;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA5/index.less

@@ -0,0 +1,17 @@
+.pisell-product-sku__card-a5 {
+  gap: 12px;
+
+  .pisell-product-sku__card-a5-content {
+    gap: 2px;
+    justify-content: space-between;
+  }
+}
+
+// 竖向布局
+.pisell-product-sku__card-a5-column {
+  gap: 4px;
+
+  .pisell-product-sku__card-a5-content {
+    justify-content: start;
+  }
+}

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA9/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardA9 = function SkuCardA9(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-a9")
+  });
+};
+export default SkuCardA9;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA9/index.less

@@ -0,0 +1,17 @@
+.pisell-product-sku__card-a9 {
+  gap: 12px;
+
+  .pisell-product-sku__card-a9-content {
+    gap: 2px;
+    justify-content: space-between;
+  }
+}
+
+// 竖向布局
+.pisell-product-sku__card-a9-column {
+  gap: 4px;
+
+  .pisell-product-sku__card-a9-content {
+    justify-content: start;
+  }
+}

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardCustom/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardCustom = function SkuCardCustom(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-custom")
+  });
+};
+export default SkuCardCustom;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardCustom/index.less

@@ -0,0 +1,2 @@
+.pisell-product-sku__card-custom {
+}

package/es/plus/productSelect/ProductCard/SkuCard/components/Action/index.js

@@ -0,0 +1,100 @@
+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 { Icon } from '@pisell/materials';
+import "./index.less";
+import { PREFIX } from "../../status";
+var Action = function Action(_ref) {
+  var props = _ref.props,
+    className = _ref.className;
+  var skuActionConfig = props.skuActionConfig,
+    dataSource = props.dataSource,
+    onAction = props.onAction;
+  var _ref2 = skuActionConfig || {},
+    isOpen = _ref2.isOpen,
+    method = _ref2.method,
+    slot = _ref2.slot,
+    iconMethod = _ref2.iconMethod,
+    radioMethod = _ref2.radioMethod,
+    checkboxMethod = _ref2.checkboxMethod,
+    buttonMethod = _ref2.buttonMethod;
+
+  // 不开启
+  if (!isOpen) return null;
+
+  // 开启插槽
+  if (slot) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(PREFIX, "__card-action ").concat(className)
+    }, slot);
+  }
+  var Com = useMemo(function () {
+    if (!method) return null;
+    var key = {
+      icon: iconMethod,
+      radio: radioMethod,
+      checkbox: checkboxMethod,
+      button: buttonMethod
+    };
+    var _key$method = key[method],
+      background = _key$method.background,
+      paddingY = _key$method.paddingY,
+      paddingX = _key$method.paddingX,
+      isBorder = _key$method.isBorder,
+      borderWidth = _key$method.borderWidth,
+      borderColor = _key$method.borderColor,
+      radius = _key$method.radius;
+    var baseStyle = {
+      background: background,
+      padding: "".concat(paddingY, "px ").concat(paddingX, "px"),
+      border: isBorder ? "".concat(borderWidth, "px solid ").concat(borderColor) : 'none',
+      borderRadius: "".concat(radius, "px")
+    };
+
+    // icon类型
+    if (method === 'icon' || method === 'radio') {
+      var _key$method2;
+      return /*#__PURE__*/React.createElement("div", {
+        style: _objectSpread({}, baseStyle)
+      }, ((_key$method2 = key[method]) === null || _key$method2 === void 0 ? void 0 : _key$method2.icon) || /*#__PURE__*/React.createElement(Icon, {
+        type: method === 'icon' ? 'pisell2-arrow-right' : 'pisell2-plus',
+        size: 24,
+        rotate: 0,
+        spin: false,
+        color: "#ffffff"
+      }));
+    }
+
+    // 按钮类型
+    if (method === 'checkbox' || method === 'button') {
+      var _key$method3 = key[method],
+        text = _key$method3.text,
+        fontSize = _key$method3.fontSize,
+        fontWeight = _key$method3.fontWeight,
+        color = _key$method3.color;
+      return /*#__PURE__*/React.createElement("div", {
+        style: _objectSpread(_objectSpread({}, baseStyle), {}, {
+          color: color,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
+          width: method === 'button' ? '100%' : 'auto',
+          textAlign: 'center'
+        })
+      }, text);
+    }
+    return null;
+  }, [method, radioMethod, checkboxMethod, buttonMethod, iconMethod]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__card-action ").concat(PREFIX, "__card-action-").concat(method, " ").concat(className)
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onAction === null || onAction === void 0 || onAction(dataSource);
+    }
+  }, Com));
+};
+export default Action;

package/es/plus/productSelect/ProductCard/SkuCard/components/Action/index.less

@@ -0,0 +1,8 @@
+.pisell-product-sku__card-action {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > div {
+    line-height: 1;
+  }
+}