@pisell/private-materials 6.3.57 → 6.3.59

package/es/plus/skuOptionsSelection/components/VariantCard/index.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { locales } from '@pisell/utils';
+import Selector from "../../../../pro/Selector";
+import "./index.less";
+var VariantCard = function VariantCard(props) {
+  var _props$dataSource, _props$dataSource2;
+  var _ref = props || {},
+    dataSource = _ref.dataSource,
+    actions = _ref.actions;
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+    if (dataSource !== null && dataSource !== void 0 && dataSource.disabled) return;
+    if (dataSource !== null && dataSource !== void 0 && dataSource.selected) {
+      actions.update(dataSource._key, {
+        quantity: 0
+      });
+    } else {
+      actions.update(dataSource._key, {
+        quantity: 1,
+        data: dataSource._original
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(Selector.Item, props || {}, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-sku-options-selection-variant-card",
+    onClick: handleClick
+  }, ((_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.title) || '', ((_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 || (_props$dataSource2 = _props$dataSource2._extra) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.hasStock) === false ? " (".concat(locales.getText('pisell2.skuOptionsSelection.variantItemCard.soldOut'), ")") : null));
+};
+export default VariantCard;

package/es/plus/skuOptionsSelection/components/VariantCard/index.less

@@ -0,0 +1,9 @@
+.pisell-sku-options-selection-variant-card {
+  width: 100%;
+  height: 100%;
+  padding: 12px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}

package/es/plus/skuOptionsSelection/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useLanguage } from './useLanguage';
+export { default as useStore } from './useStore';
+export { default as useSymbol } from './useSymbol';

package/es/plus/skuOptionsSelection/hooks/index.js

@@ -0,0 +1,3 @@
+export { default as useLanguage } from "./useLanguage";
+export { default as useStore } from "./useStore";
+export { default as useSymbol } from "./useSymbol";

package/es/plus/skuOptionsSelection/hooks/useLanguage.d.ts

@@ -0,0 +1,2 @@
+declare const useLanguage: () => any;
+export default useLanguage;

package/es/plus/skuOptionsSelection/hooks/useLanguage.js

@@ -0,0 +1,7 @@
+import useEngineContext from "../../../hooks/useEngineContext";
+var useLanguage = function useLanguage() {
+  var _context$appHelper;
+  var context = useEngineContext();
+  return (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.storage) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.get('umi_locale')) || 'en';
+};
+export default useLanguage;

package/es/plus/skuOptionsSelection/hooks/useStore.d.ts

@@ -0,0 +1,2 @@
+import useStore from '../store/store';
+export default useStore;

package/es/plus/skuOptionsSelection/hooks/useStore.js

@@ -0,0 +1,3 @@
+// 将命名转换为hook命名
+import useStore from "../store/store";
+export default useStore;

package/es/plus/skuOptionsSelection/hooks/useSymbol.d.ts

@@ -0,0 +1,2 @@
+declare const useSymbol: () => any;
+export default useSymbol;

package/es/plus/skuOptionsSelection/hooks/useSymbol.js

@@ -0,0 +1,8 @@
+import useEngineContext from "../../../hooks/useEngineContext";
+var useSymbol = function useSymbol() {
+  var _context$appHelper, _utils$getSymbolic;
+  var context = useEngineContext();
+  var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+  return (utils === null || utils === void 0 || (_utils$getSymbolic = utils.getSymbolic) === null || _utils$getSymbolic === void 0 ? void 0 : _utils$getSymbolic.call(utils)) || '$';
+};
+export default useSymbol;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IProps } from './types';
+import './index.less';
+declare const SKUOptionsSelection: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default SKUOptionsSelection;

package/es/plus/skuOptionsSelection/index.js

@@ -0,0 +1,127 @@
+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 React, { useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
+import { locales } from '@pisell/utils';
+import localeTexts from "./locales";
+import { useLanguage, useStore, useSymbol } from "./hooks";
+import Selector from "../../pro/Selector";
+import { transformBundleGroup, transformOptionGroup, transformVariantGroup, transformSelectorValueToValue, transformValueToSelectorValue } from "./utils";
+import { store, actions } from "./store";
+import "./index.less";
+var SelectorGroup = Selector.Group;
+var SKUOptionsSelection = /*#__PURE__*/forwardRef(function (props, ref) {
+  var language = useLanguage();
+  var symbol = useSymbol();
+  locales.init(localeTexts, language);
+  var selectorGroupRef = useRef(null);
+  var selectorDataSource = useStore(function (s) {
+    return s.selectorDataSource;
+  });
+  var selectorValue = useStore(function (s) {
+    return s.selectorValue;
+  });
+  useImperativeHandle(ref, function () {
+    return {
+      validate: function validate() {
+        var _selectorGroupRef$cur;
+        return (_selectorGroupRef$cur = selectorGroupRef.current) === null || _selectorGroupRef$cur === void 0 ? void 0 : _selectorGroupRef$cur.validate();
+      },
+      getValues: function getValues() {
+        var _selectorGroupRef$cur2;
+        return (_selectorGroupRef$cur2 = selectorGroupRef.current) === null || _selectorGroupRef$cur2 === void 0 ? void 0 : _selectorGroupRef$cur2.getValues();
+      },
+      getTransformValues: function getTransformValues() {
+        var _values = store.getState().selectorValue;
+        return transformSelectorValueToValue(_values);
+      }
+    };
+  });
+
+  // 处理符号
+  useEffect(function () {
+    actions.updateSymbol(symbol);
+  }, [symbol]);
+
+  // 处理配置
+  useEffect(function () {
+    actions.updateConfig((props === null || props === void 0 ? void 0 : props.config) || {});
+  }, [props === null || props === void 0 ? void 0 : props.config]);
+
+  // 处理 skuCard 配置
+  useEffect(function () {
+    if (props !== null && props !== void 0 && props.skuCardConfig) {
+      actions.updateSkuCardConfig(props.skuCardConfig);
+    }
+  }, [props === null || props === void 0 ? void 0 : props.skuCardConfig]);
+
+  // 处理自定义配置
+  useEffect(function () {
+    actions.updateCustomConfig((props === null || props === void 0 ? void 0 : props.customConfig) || {});
+  }, [props === null || props === void 0 ? void 0 : props.customConfig]);
+  useEffect(function () {
+    actions.updateDataSource((props === null || props === void 0 ? void 0 : props.dataSource) || {});
+  }, [props === null || props === void 0 ? void 0 : props.dataSource]);
+
+  // 处理原始值
+  useEffect(function () {
+    actions.updateValue((props === null || props === void 0 ? void 0 : props.value) || {});
+  }, [props === null || props === void 0 ? void 0 : props.value]);
+  useEffect(function () {
+    var _transformValues = transformValueToSelectorValue((props === null || props === void 0 ? void 0 : props.value) || null, (props === null || props === void 0 ? void 0 : props.dataSource) || null);
+    actions.updateSelectorValue(_transformValues);
+  }, [props === null || props === void 0 ? void 0 : props.value, props === null || props === void 0 ? void 0 : props.dataSource]);
+  useEffect(function () {
+    var _props$dataSource, _props$dataSource3, _props$dataSource5;
+    var _groupDataSource = [];
+    // 处理组合规格组数据
+    if (props !== null && props !== void 0 && (_props$dataSource = props.dataSource) !== null && _props$dataSource !== void 0 && _props$dataSource.variant_group) {
+      var _props$dataSource2;
+      var renderVariantGroup = transformVariantGroup(props === null || props === void 0 || (_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.variant_group);
+      _groupDataSource.push.apply(_groupDataSource, _toConsumableArray(renderVariantGroup));
+    }
+
+    // 处理单规格组数据
+    if (props !== null && props !== void 0 && (_props$dataSource3 = props.dataSource) !== null && _props$dataSource3 !== void 0 && _props$dataSource3.option_group) {
+      var _props$dataSource4;
+      var renderOptionGroup = transformOptionGroup(props === null || props === void 0 || (_props$dataSource4 = props.dataSource) === null || _props$dataSource4 === void 0 ? void 0 : _props$dataSource4.option_group);
+      _groupDataSource.push.apply(_groupDataSource, _toConsumableArray(renderOptionGroup));
+    }
+
+    // 处理套餐商品组数据
+    if (props !== null && props !== void 0 && (_props$dataSource5 = props.dataSource) !== null && _props$dataSource5 !== void 0 && _props$dataSource5.bundle_group) {
+      var _props$dataSource6;
+      var renderBundleGroup = transformBundleGroup(props === null || props === void 0 || (_props$dataSource6 = props.dataSource) === null || _props$dataSource6 === void 0 ? void 0 : _props$dataSource6.bundle_group);
+      _groupDataSource.push.apply(_groupDataSource, _toConsumableArray(renderBundleGroup));
+    }
+    actions.updateSelectorDataSource(_groupDataSource);
+  }, [props === null || props === void 0 ? void 0 : props.dataSource]);
+  useEffect(function () {
+    return function () {
+      var _selectorGroupRef$cur3, _selectorGroupRef$cur4;
+      // 清空选择
+      (_selectorGroupRef$cur3 = selectorGroupRef.current) === null || _selectorGroupRef$cur3 === void 0 || (_selectorGroupRef$cur4 = _selectorGroupRef$cur3.clear) === null || _selectorGroupRef$cur4 === void 0 || _selectorGroupRef$cur4.call(_selectorGroupRef$cur3);
+      // 清空整个store的值
+      actions.clearStore();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(SelectorGroup, {
+    ref: selectorGroupRef,
+    dataSource: selectorDataSource,
+    value: selectorValue,
+    onChange: function onChange(values) {
+      var _props$onChange;
+      console.log('total_values>>>>>', values);
+      actions.updateSelectorValue(values);
+      var transformValue = transformSelectorValueToValue(values);
+      console.log('transform_total_values>>>>>', transformValue);
+      props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, transformValue);
+    },
+    style: props === null || props === void 0 ? void 0 : props.style,
+    customScrollParent: props === null || props === void 0 ? void 0 : props.customScrollParent
+  });
+});
+export default SKUOptionsSelection;

package/es/plus/skuOptionsSelection/index.less

@@ -0,0 +1,4 @@
+.pisell-plus-sku-options-selection {
+  height: 100%;
+  overflow: hidden;
+}

package/es/plus/skuOptionsSelection/locales.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+    en: {
+        'pisell2.skuOptionsSelection.title': string;
+        'pisell2.skuOptionsSelection.titleExtra.alreadySelected': string;
+        'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
+        'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
+        'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+    };
+    'zh-CN': {
+        'pisell2.skuOptionsSelection.title': string;
+        'pisell2.skuOptionsSelection.titleExtra.alreadySelected': string;
+        'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
+        'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
+        'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+    };
+    'zh-HK': {
+        'pisell2.skuOptionsSelection.title': string;
+        'pisell2.skuOptionsSelection.titleExtra.alreadySelected': string;
+        'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
+        'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
+        'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+    };
+};
+export default _default;

package/es/plus/skuOptionsSelection/locales.js

@@ -0,0 +1,29 @@
+export default {
+  en: {
+    'pisell2.skuOptionsSelection.title': 'SKU Options Selection',
+    'pisell2.skuOptionsSelection.titleExtra.alreadySelected': 'Selected: {{num}}',
+    'pisell2.skuOptionsSelection.titleExtra.totalPrice': 'Subtotal: {{price}}',
+    'pisell2.skuOptionsSelection.optionItemCard.editSelections': 'Edit selections',
+    'pisell2.skuOptionsSelection.variantItemCard.soldOut': 'Out of stock',
+    'pisell2.skuOptionsSelection.optionItemCard.typeText': 'Type',
+    'pisell2.skuOptionsSelection.optionItemCard.overSelected': 'Over selected'
+  },
+  'zh-CN': {
+    'pisell2.skuOptionsSelection.title': 'SKU 选项选择',
+    'pisell2.skuOptionsSelection.titleExtra.alreadySelected': '已选 {{num}}',
+    'pisell2.skuOptionsSelection.titleExtra.totalPrice': '小计：{{price}}',
+    'pisell2.skuOptionsSelection.optionItemCard.editSelections': '编辑选择',
+    'pisell2.skuOptionsSelection.variantItemCard.soldOut': '库存不足',
+    'pisell2.skuOptionsSelection.optionItemCard.typeText': '类型',
+    'pisell2.skuOptionsSelection.optionItemCard.overSelected': '已达上限'
+  },
+  'zh-HK': {
+    'pisell2.skuOptionsSelection.title': 'SKU 選項選擇',
+    'pisell2.skuOptionsSelection.titleExtra.alreadySelected': '已選 {{num}}',
+    'pisell2.skuOptionsSelection.titleExtra.totalPrice': '小計：{{price}}',
+    'pisell2.skuOptionsSelection.optionItemCard.editSelections': '編輯選擇',
+    'pisell2.skuOptionsSelection.variantItemCard.soldOut': '庫存不足',
+    'pisell2.skuOptionsSelection.optionItemCard.typeText': '類型',
+    'pisell2.skuOptionsSelection.optionItemCard.overSelected': '已達上限'
+  }
+};

package/es/plus/skuOptionsSelection/store/actions.d.ts

@@ -0,0 +1,22 @@
+import { SkuCardConfig, SkuSelectionState } from '../types';
+declare const actions: {
+    /** 更新数据源 */
+    updateDataSource: (dataSource: any) => void;
+    /** 更新原始值 */
+    updateValue: (value: Record<string | number, any>) => void;
+    /** 更新配置 */
+    updateConfig: (config: any) => void;
+    /** 更新符号 */
+    updateSymbol: (symbol: string) => void;
+    /** 更新Selector数据源 */
+    updateSelectorDataSource: (selectorDataSource: any[]) => void;
+    /** 更新Selector识别的值 */
+    updateSelectorValue: (selectorValue: Record<string | number, any>) => void;
+    /** 更新 SKU Card 配置 */
+    updateSkuCardConfig: (skuCardConfig: SkuCardConfig) => void;
+    /** 更新自定义配置 */
+    updateCustomConfig: (customConfig: Partial<SkuSelectionState['customConfig']>) => void;
+    /** 清空整个store的值 */
+    clearStore: () => void;
+};
+export default actions;

package/es/plus/skuOptionsSelection/store/actions.js

@@ -0,0 +1,56 @@
+import store, { initialState } from "./store";
+var actions = {
+  /** 更新数据源 */
+  updateDataSource: function updateDataSource(dataSource) {
+    store.setState({
+      dataSource: dataSource
+    });
+  },
+  /** 更新原始值 */
+  updateValue: function updateValue(value) {
+    store.setState({
+      value: value
+    });
+  },
+  /** 更新配置 */
+  updateConfig: function updateConfig(config) {
+    store.setState({
+      config: config
+    });
+  },
+  /** 更新符号 */
+  updateSymbol: function updateSymbol(symbol) {
+    store.setState({
+      symbol: symbol
+    });
+  },
+  /** 更新Selector数据源 */
+  updateSelectorDataSource: function updateSelectorDataSource(selectorDataSource) {
+    store.setState({
+      selectorDataSource: selectorDataSource
+    });
+  },
+  /** 更新Selector识别的值 */
+  updateSelectorValue: function updateSelectorValue(selectorValue) {
+    store.setState({
+      selectorValue: selectorValue
+    });
+  },
+  /** 更新 SKU Card 配置 */
+  updateSkuCardConfig: function updateSkuCardConfig(skuCardConfig) {
+    store.setState({
+      skuCardConfig: skuCardConfig
+    });
+  },
+  /** 更新自定义配置 */
+  updateCustomConfig: function updateCustomConfig(customConfig) {
+    store.setState({
+      customConfig: customConfig
+    });
+  },
+  /** 清空整个store的值 */
+  clearStore: function clearStore() {
+    store.setState(initialState);
+  }
+};
+export default actions;

package/es/plus/skuOptionsSelection/store/createStore.d.ts

@@ -0,0 +1,15 @@
+export interface StoreApi<T> {
+    setState: (partial: Partial<T> | ((prev: T) => Partial<T>)) => void;
+    getState: () => T;
+    subscribe: (listener: () => void) => () => void;
+}
+export interface UseStore<T> extends StoreApi<T> {
+    <S>(selector?: (state: T) => S): S;
+    <S = T>(): S;
+}
+/**
+ * 创建一个跨 React 版本兼容的 Store
+ * 支持自动浅合并 (Auto Shallow Merge)
+ * @param initialState 初始状态
+ */
+export default function createStore<T extends object>(initialState: T): UseStore<T>;

package/es/plus/skuOptionsSelection/store/createStore.js

@@ -0,0 +1,117 @@
+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); }
+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; }
+import { useState, useEffect } from 'react';
+import * as React from 'react';
+
+/**
+ * useSyncExternalStore 的简易兼容实现 (Polyfill)
+ * 用于在 React < 18 的环境中模拟核心功能
+ */
+var useSyncExternalStoreShim = function useSyncExternalStoreShim(subscribe, getSnapshot) {
+  var _useState = useState(getSnapshot),
+    _useState2 = _slicedToArray(_useState, 2),
+    snapshot = _useState2[0],
+    setSnapshot = _useState2[1];
+  useEffect(function () {
+    var handleChange = function handleChange() {
+      var nextSnapshot = getSnapshot();
+      setSnapshot(function (prev) {
+        // 如果数据引用没变，就不触发更新
+        if (Object.is(prev, nextSnapshot)) {
+          return prev;
+        }
+        return nextSnapshot;
+      });
+    };
+
+    // 订阅变化
+    var unsubscribe = subscribe(handleChange);
+
+    // 再次检查，处理在 Effect 执行前可能发生的变化
+    handleChange();
+    return unsubscribe;
+  }, [subscribe, getSnapshot]);
+  return snapshot;
+};
+
+// 优先使用 React 18 原生 API，如果不存在则使用 Polyfill
+var useSyncExternalStore = React.useSyncExternalStore || useSyncExternalStoreShim;
+/**
+ * 创建一个跨 React 版本兼容的 Store
+ * 支持自动浅合并 (Auto Shallow Merge)
+ * @param initialState 初始状态
+ */
+export default function createStore(initialState) {
+  var state = initialState;
+  var listeners = new Set();
+  var getState = function getState() {
+    return state;
+  };
+
+  /**
+   * 更新状态
+   * 支持传入部分状态对象进行自动合并
+   * 支持传入函数 (prev) => Partial<T>
+   */
+  var setState = function setState(partial) {
+    var partialState = typeof partial === 'function' ? partial(state) : partial;
+
+    // 变更检测：检查是否有任何属性真正发生了变化
+    var hasChange = false;
+    var keys = Object.keys(partialState);
+    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+      var key = _keys[_i];
+      // 使用 Object.is 进行严格比较，处理 NaN 等特殊情况
+      if (!Object.is(partialState[key], state[key])) {
+        hasChange = true;
+        break;
+      }
+    }
+
+    // 如果没有实质性变化，直接返回，避免触发不必要的渲染
+    if (!hasChange) return;
+
+    // 执行合并
+    state = _objectSpread(_objectSpread({}, state), partialState);
+    listeners.forEach(function (listener) {
+      return listener();
+    });
+  };
+  var subscribe = function subscribe(listener) {
+    listeners.add(listener);
+    return function () {
+      return listeners.delete(listener);
+    };
+  };
+
+  /**
+   * React Hook
+   * @param selector 选择器函数，默认返回整个 state
+   */
+  var useStore = function useStore() {
+    var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (s) {
+      return s;
+    };
+    return useSyncExternalStore(subscribe, function () {
+      return selector(state);
+    });
+  };
+
+  // 将 API 挂载到 Hook 函数上
+  Object.assign(useStore, {
+    getState: getState,
+    setState: setState,
+    subscribe: subscribe
+  });
+  return useStore;
+}

package/es/plus/skuOptionsSelection/store/index.d.ts

@@ -0,0 +1,2 @@
+export { default as store } from './store';
+export { default as actions } from './actions';

package/es/plus/skuOptionsSelection/store/index.js

@@ -0,0 +1,2 @@
+export { default as store } from "./store";
+export { default as actions } from "./actions";

package/es/plus/skuOptionsSelection/store/store.d.ts

@@ -0,0 +1,4 @@
+import { SkuSelectionState } from '../types';
+export declare const initialState: SkuSelectionState;
+declare const store: import("./createStore").UseStore<SkuSelectionState>;
+export default store;

package/es/plus/skuOptionsSelection/store/store.js

@@ -0,0 +1,18 @@
+import createStore from "./createStore";
+import { defaultSkuCardConfig } from "../types";
+export var initialState = {
+  dataSource: {},
+  value: {},
+  config: {
+    overSold: false
+  },
+  symbol: '$',
+  selectorDataSource: [],
+  selectorValue: {},
+  skuCardConfig: defaultSkuCardConfig,
+  customConfig: {
+    modalWidth: '480px'
+  }
+};
+var store = createStore(initialState);
+export default store;