@pisell/private-materials 6.3.92 → 6.3.94

package/es/pro/NumericStepper/index.js

@@ -1,4 +1,6 @@
 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); }
@@ -13,6 +15,7 @@ import { useMemo, useState, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import { isMobile } from '@pisell/utils';
 import { NumberKeyboard } from "../keyboards";
+import useThemeTokens from "../../hooks/useThemeTokens";
 import "./index.less";
 
 /**
@@ -48,7 +51,8 @@ var NumericStepper = function NumericStepper(_ref) {
     variant = _ref$variant === void 0 ? 'separated' : _ref$variant,
     _ref$enableInput = _ref.enableInput,
     enableInput = _ref$enableInput === void 0 ? true : _ref$enableInput,
-    displayMaxWidth = _ref.displayMaxWidth;
+    displayMaxWidth = _ref.displayMaxWidth,
+    theme = _ref.theme;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -60,6 +64,8 @@ var NumericStepper = function NumericStepper(_ref) {
   var _isMobile = useMemo(function () {
     return isMobile();
   }, [isMobile]);
+  var _useThemeTokens = useThemeTokens(theme),
+    colorPrimary = _useThemeTokens.colorPrimary;
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     tempValue = _useState6[0],
@@ -267,7 +273,7 @@ var NumericStepper = function NumericStepper(_ref) {
   }))));
   return /*#__PURE__*/React.createElement("div", {
     className: stepperClasses,
-    style: styles === null || styles === void 0 ? void 0 : styles.container,
+    style: _objectSpread(_objectSpread({}, (styles === null || styles === void 0 ? void 0 : styles.container) || {}), {}, _defineProperty({}, '--color-primary', colorPrimary)),
     onClick: function onClick(e) {
       return e.stopPropagation();
     }

package/es/pro/NumericStepper/index.less

@@ -1,7 +1,5 @@
 // ========== 变量定义 ==========
-@primary-color: #7f56d9;
-@primary-hover: #6b46c1;
-@primary-active: #553c9a;
+@primary-color: var(--color-primary, #5d3f9f);
 
 @text-color: #101828;
 @text-secondary: #344054;
@@ -77,13 +75,7 @@
     align-items: center;
     display: flex;
     height: 100%;
-
-    &:hover .numeric-stepper-button:not(.numeric-stepper-button-disabled) {
-      background-color: @primary-hover;
-    }
-
     &:active .numeric-stepper-button:not(.numeric-stepper-button-disabled) {
-      background-color: @primary-active;
       transform: scale(0.95);
     }
 

package/es/pro/Selector/BatchSelectorDemo.js

@@ -35,13 +35,6 @@ var dataSource = [{
     title: '披萨',
     value: 'pizza'
   }],
-  grid: {
-    columns: 2,
-    gutter: 16,
-    colConfig: {
-      span: 3
-    }
-  },
   ruleConfig: {
     required: 1,
     autoValidate: true
@@ -120,10 +113,6 @@ var dataSource = [{
     value: 'extra-onion',
     cover: 'https://file.mypisell-dev.com/pisel/image/9/52fe9ca4233877f2c06865d27b9fb7912022_12_01_13_32_47_147_00076174656__1080_1073__.jpeg'
   }],
-  grid: {
-    columns: 3,
-    gutter: 16
-  },
   variant: 'card',
   itemProps: {
     layout: 'vertical',
@@ -299,7 +288,8 @@ export var BatchSelectorDemo = function BatchSelectorDemo() {
       padding: '0',
       margin: '0 auto',
       height: '100vh',
-      overflow: 'auto'
+      overflow: 'auto',
+      '--theme-color': '#5d3f9f'
     },
     ref: containerRef
   }, /*#__PURE__*/React.createElement(Title, {

package/es/pro/Selector/Selector.js

@@ -10,7 +10,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useImperativeHandle, forwardRef } from 'react';
-import { Row, Col, Tag, Select } from 'antd';
+import { Tag, Select } from 'antd';
 import classNames from 'classnames';
 import { CheckCircleOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
 // @ts-ignore
@@ -22,10 +22,9 @@ import NumericStepper from "../NumericStepper";
 import useSelectionController from "./hooks/useSelectionController";
 import usePresetProps from "./hooks/usePresetProps";
 import useEngineContext from "../../hooks/useEngineContext";
+import useThemeTokens from "../../hooks/useThemeTokens";
 import Item from "./Item";
 import "./selector.less";
-var ARow = Row;
-var ACol = Col;
 var ATag = Tag;
 export var SelectorContext = /*#__PURE__*/React.createContext({
   disabled: false,
@@ -55,6 +54,9 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
     valueType = _props$valueType === void 0 ? 'primitive' : _props$valueType,
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'default' : _props$variant;
+  var _useThemeTokens = useThemeTokens(props.theme),
+    colorPrimary = _useThemeTokens.colorPrimary,
+    colorPrimaryBg = _useThemeTokens.colorPrimaryBg;
   var context = useEngineContext();
   locales.init(localeTexts, (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');
   var _useSelectionControll = useSelectionController(props),
@@ -322,7 +324,7 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     id: "pisell-pro-selector-".concat(props.id),
     className: classNames('pisell-pro-selector', props.className),
-    style: props.style
+    style: _objectSpread(_objectSpread({}, props.style || {}), {}, _defineProperty(_defineProperty({}, '--color-primary', colorPrimary), '--color-primary-bg', colorPrimaryBg))
   }, renderHeader(), /*#__PURE__*/React.createElement(SelectorContext.Provider, {
     value: {
       mode: mode,

package/es/pro/Selector/SelectorGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SelectionValue, SelectorGroupProps } from './types';
+import type { SelectionValue, SelectorGroupProps } from './types';
 import './selectorGroup.less';
 export declare type SelectorGroupRef = {
     getValues: (includeHidden?: boolean) => Record<string, SelectionValue>;

package/es/pro/Selector/SelectorGroup.js

@@ -27,6 +27,7 @@ import { isEqual } from 'lodash';
 import { locales } from '@pisell/utils';
 import localeTexts from "./locales";
 import useEngineContext from "../../hooks/useEngineContext";
+import useThemeTokens from "../../hooks/useThemeTokens";
 import Selector from "./Selector";
 import { normalizeRules, computeAutoHiddenGroups, computeEffects, getSelectedSet, pruneValuesByAllowOnly, generateSimpleUUID } from "./utils";
 import { IntersectionObserverProvider, IntersectionItem } from "./components/IntersectionObserver";
@@ -44,6 +45,9 @@ var SelectorGroup = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$preserve = props.preserve,
     preserveDefault = _props$preserve === void 0 ? false : _props$preserve,
     style = props.style;
+  var _useThemeTokens = useThemeTokens(props.theme),
+    colorPrimary = _useThemeTokens.colorPrimary,
+    colorPrimaryBg = _useThemeTokens.colorPrimaryBg;
   var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
     activeIndex = _useState2[0],
@@ -556,7 +560,7 @@ var SelectorGroup = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-batch-selector', "pisell-batch-selector-".concat(_uniqueId)),
     ref: containerRef,
-    style: style
+    style: _objectSpread(_objectSpread({}, style || {}), {}, _defineProperty(_defineProperty({}, '--color-primary', colorPrimary), '--color-primary-bg', colorPrimaryBg))
   }, renderTabs(), /*#__PURE__*/React.createElement(IntersectionObserverProvider, {
     rootMargin: "-70px 0px 0px 0px",
     disabled: ((_props$tabProps2 = props.tabProps) === null || _props$tabProps2 === void 0 ? void 0 : _props$tabProps2.visible) === false,

package/es/pro/Selector/components/Card/index.js

@@ -33,13 +33,15 @@ var Card = function Card(_ref) {
     className = _ref.className,
     style = _ref.style;
   // 样式属性对象，用于传递给样式函数
-  var styleProps = {
-    selected: selected,
-    disabled: disabled,
-    hoverable: hoverable,
-    variant: variant,
-    layout: layout
-  };
+  var styleProps = useMemo(function () {
+    return {
+      selected: selected,
+      disabled: disabled,
+      hoverable: hoverable,
+      variant: variant,
+      layout: layout
+    };
+  }, [selected, disabled, hoverable, variant, layout]);
 
   // 计算容器样式
   var containerStyle = useMemo(function () {

package/es/pro/Selector/components/Card/index.less

@@ -1,7 +1,7 @@
 /* Card组件样式 */
 .pisell-pro-card {
   position: relative;
-  display: grid;
+  display: flex;
   border-radius: 8px;
   transition: all 0.2s;
   box-sizing: border-box;
@@ -22,6 +22,7 @@
   /* 布局样式 */
   &-vertical {
     border-radius: 12px;
+    flex-direction: column;
 
     .pisell-pro-card_content {
       flex: 1;
@@ -32,6 +33,7 @@
       align-items: center;
       justify-content: center;
       margin: 0;
+      padding: 0;
       height: 64px;
     }
 
@@ -42,12 +44,18 @@
   }
 
   &-horizontal {
-    grid-template-columns: 1fr auto;
+    flex-direction: row;
     align-items: center;
     gap: 10px;
 
     &.pisell-pro-card-actions-left {
-      grid-template-columns: auto 1fr;
+      .pisell-pro-card_actions {
+        order: 0;
+      }
+
+      .pisell-pro-card_content {
+        order: 1;
+      }
     }
 
     .pisell-pro-card_content {
@@ -61,6 +69,7 @@
       margin: 0;
       padding: 0;
       height: 100%;
+      order: 1;
     }
 
     .pisell-pro-card_actions-item {
@@ -94,34 +103,34 @@
   /* 选中状态 - outlined类型 */
   &-selected&-selected-outlined {
     &.pisell-pro-card-outlined {
-      border-color: #7f56d9;
-      background-color: #f9f5ff;
+      border-color: var(--color-primary, #5d3f9f);
+      background-color: var(--color-primary-bg, #f9f5ff);
     }
 
     &.pisell-pro-card-borderless {
-      border-color: #7f56d9;
+      border-color: var(--color-primary, #5d3f9f);
     }
     .pisell-pro-card_content {
-      color: #7f56d9;
+      color: var(--color-primary, #5d3f9f);
     }
   }
 
   /* 选中状态 - outlined-bold类型（加粗边框，使用 outline 实现不影响布局） */
   &-selected&-selected-outlined-bold {
     &.pisell-pro-card-outlined {
-      border-color: #7f56d9;
-      background-color: #f9f5ff;
-      outline: 2px solid #7f56d9;
+      border-color: var(--color-primary, #5d3f9f);
+      background-color: var(--color-primary-bg, #f9f5ff);
+      outline: 2px solid var(--color-primary, #5d3f9f);
       outline-offset: -2px;
     }
 
     &.pisell-pro-card-borderless {
-      border-color: #7f56d9;
-      outline: 2px solid #7f56d9;
+      border-color: var(--color-primary, #5d3f9f);
+      outline: 2px solid var(--color-primary, #5d3f9f);
       outline-offset: -2px;
     }
     .pisell-pro-card_content {
-      color: #7f56d9;
+      color: var(--color-primary, #5d3f9f);
     }
   }
 
@@ -129,9 +138,9 @@
   &-selected&-selected-filled {
     &.pisell-pro-card-outlined,
     &.pisell-pro-card-borderless {
-      background-color: #7f56d9;
+      background-color: var(--color-primary, #5d3f9f);
       color: #ffffff;
-      border-color: #7f56d9;
+      border-color: var(--color-primary, #5d3f9f);
 
       .pisell-pro-card_content {
         color: #ffffff;

package/es/pro/Selector/components/Indicator/index.js

@@ -82,7 +82,7 @@ var Indicator = function Indicator(props) {
   };
   return /*#__PURE__*/React.createElement("label", {
     className: classes,
-    style: styles.container
+    style: styles === null || styles === void 0 ? void 0 : styles.container
   }, /*#__PURE__*/React.createElement("input", {
     type: mode === 'single' ? 'radio' : 'checkbox',
     className: "".concat(prefixCls, "-input"),

package/es/pro/Selector/components/Indicator/index.less

@@ -26,7 +26,6 @@
     position: relative;
     box-sizing: border-box;
     border: 1px solid #d0d5dd;
-    background-color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -55,38 +54,39 @@
   }
 
   &-single.pisell-pro-indicator-outlined.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #ffffff;
+    border-color: var(--color-primary, #5d3f9f);
+    background-color: var(--color-primary-bg, transparent);
   }
 
   &-single.pisell-pro-indicator-outlined &-dot {
     width: 45%;
     height: 45%;
-    background-color: #7f56d9;
+    background-color: var(--color-primary, #5d3f9f);
     border-radius: 50%;
   }
 
   &-single.pisell-pro-indicator-filled.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #7f56d9;
+    border-color: var(--color-primary, #5d3f9f);
+    background-color: var(--color-primary, #5d3f9f);
   }
 
   &-single.pisell-pro-indicator-filled &-check-icon {
     color: #ffffff;
   }
 
-  &-multiple.pisell-pro-indicator-outlined.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #ffffff;
+  &-multiple.pisell-pro-indicator-outlined.pisell-pro-indicator-checked
+    &-inner {
+    border-color: var(--color-primary, #5d3f9f);
+    background-color: var(--color-primary-bg, transparent);
   }
 
   &-multiple.pisell-pro-indicator-outlined &-check-icon {
-    color: #7f56d9;
+    color: var(--color-primary, #5d3f9f);
   }
 
   &-multiple.pisell-pro-indicator-filled.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #7f56d9;
+    border-color: var(--color-primary, #5d3f9f);
+    background-color: var(--color-primary, #5d3f9f);
   }
 
   &-multiple.pisell-pro-indicator-filled &-check-icon {

package/es/pro/Selector/components/Media/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.less';
 import type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType } from './types';
-export type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType };
+export type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType, };
 declare const Media: React.FC<MediaProps>;
 export default Media;

package/es/pro/Selector/components/Media/index.less

@@ -80,7 +80,7 @@
   &-selected {
     .pisell-selector_media-cover {
       border-width: 2px;
-      border-color: #7f56d9;
+      border-color: var(--color-primary, #5d3f9f);
     }
 
     .pisell-selector_media-label {

package/es/pro/Selector/selectorGroup.less

@@ -1,6 +1,14 @@
 .pisell-batch-selector {
   .pisell-product-select__tabs-wrapper {
     padding: 16px 0;
+
+    .pisell-tabstruct-item--selected {
+      background-color: var(--color-primary, #5d3f9f);
+    }
+
+    .pisell-tabstruct-selection {
+      background-color: var(--color-primary, #5d3f9f);
+    }
   }
 
   &__content {
@@ -13,4 +21,4 @@
       padding-top: 16px;
     }
   }
-}
+}

package/es/pro/Selector/types.d.ts

@@ -158,6 +158,11 @@ export declare type HeaderProps = {
 };
 export interface SelectorProps<T = OptionKey> extends GroupItem {
     className?: string;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
     value?: SelectionValue<T>;
     defaultValue?: SelectionValue<T>;
     onChange?: (value: SelectionValue<T>) => void;
@@ -201,6 +206,11 @@ export interface SelectorGroupProps {
     dataSource: GroupItem[];
     defaultValue?: Record<string, SelectionValue>;
     linkageRules?: ExprRule[] | Record<string, any>;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
     onChange?: (values: Record<string, SelectionValue>) => void;
     preserve?: boolean;
     tabProps?: {

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/eftpos/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftposPay/app.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PosProps, RouteType } from './const';
-declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
+declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "mode" | "type" | "getApi"> & {
     action: RouteType;
     device_number: string | number;
     api: ReturnType<PosProps['getApi']>;

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const DayItem: (props: any) => import("react").JSX.Element;
 export default DayItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/shoppingCart/components/Empty/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => import("react").JSX.Element;
 export default Empty;

package/lib/hooks/useThemeTokens.d.ts

@@ -0,0 +1,7 @@
+declare type ThemeInput = {
+    token?: {
+        colorPrimary?: string;
+    };
+};
+declare const useThemeTokens: (themeInput?: ThemeInput) => any;
+export default useThemeTokens;

package/lib/hooks/useThemeTokens.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useThemeTokens.ts
+var useThemeTokens_exports = {};
+__export(useThemeTokens_exports, {
+  default: () => useThemeTokens_default
+});
+module.exports = __toCommonJS(useThemeTokens_exports);
+var import_antd = require("antd");
+var themeTokenCache = /* @__PURE__ */ new Map();
+var useThemeTokens = (themeInput) => {
+  var _a;
+  const { useToken, getDesignToken } = import_antd.theme;
+  const { token: antdToken } = useToken();
+  const overrideColorPrimary = ((_a = themeInput == null ? void 0 : themeInput.token) == null ? void 0 : _a.colorPrimary) || antdToken.colorPrimary;
+  const cached = themeTokenCache.get(overrideColorPrimary);
+  if (cached) return cached;
+  const computed = getDesignToken({
+    token: { colorPrimary: overrideColorPrimary }
+  });
+  themeTokenCache.set(overrideColorPrimary, computed);
+  return computed;
+};
+var useThemeTokens_default = useThemeTokens;

package/lib/plus/skuOptionsSelection/components/NormalCard/index.js

@@ -37,6 +37,7 @@ var import_decimal = __toESM(require("decimal.js"));
 var import_hooks = require("../../hooks");
 var import_Cards = require("../../../../pro/Cards");
 var NormalCard = (props) => {
+  var _a, _b;
   const {
     _key: uniqueKey,
     ruleConfig,
@@ -58,7 +59,7 @@ var NormalCard = (props) => {
       return null;
     return import_react.default.cloneElement(props == null ? void 0 : props.numberSelector, {
       onChange: (v) => {
-        var _a;
+        var _a2;
         const _price = add_price !== void 0 && add_price !== null ? add_price : price;
         const priceType = price_type === "markdown" ? -1 : 1;
         const totalPrice = new import_decimal.default(_price).times(new import_decimal.default(v)).times(priceType).toNumber();
@@ -70,7 +71,7 @@ var NormalCard = (props) => {
           original_price: _price,
           original_total: _price
         };
-        (_a = props == null ? void 0 : props.actions) == null ? void 0 : _a.update(uniqueKey, {
+        (_a2 = props == null ? void 0 : props.actions) == null ? void 0 : _a2.update(uniqueKey, {
           quantity: v,
           data: newOriginal,
           totalPrice
@@ -90,23 +91,22 @@ var NormalCard = (props) => {
     return `${price_type === "markdown" ? "-" : ""}${symbol}${price || 0}`;
   }, [price, price_type, symbol, add_price]);
   const handleChange = () => {
-    var _a, _b;
+    var _a2, _b2;
     if (disabled || isNumberSelector) return;
     if (selected) {
-      (_a = props == null ? void 0 : props.actions) == null ? void 0 : _a.update(uniqueKey, { quantity: 0 });
+      (_a2 = props == null ? void 0 : props.actions) == null ? void 0 : _a2.update(uniqueKey, { quantity: 0 });
     } else {
       const _price = add_price !== void 0 && add_price !== null ? add_price : price;
       const priceType = price_type === "markdown" ? -1 : 1;
-      const finalPrice = new import_decimal.default(_price).times(priceType).toString();
       const newOriginal = {
         ..._original,
         quantity: 1,
         num: 1,
-        price: finalPrice,
-        original_price: finalPrice,
-        original_total: finalPrice
+        price: _price,
+        original_price: _price,
+        original_total: _price
       };
-      (_b = props == null ? void 0 : props.actions) == null ? void 0 : _b.update(uniqueKey, {
+      (_b2 = props == null ? void 0 : props.actions) == null ? void 0 : _b2.update(uniqueKey, {
         quantity: 1,
         data: newOriginal,
         totalPrice: new import_decimal.default(_price).times(priceType).toNumber()
@@ -135,7 +135,8 @@ var NormalCard = (props) => {
         }
       ))),
       onClick: handleChange,
-      skuCardConfig
+      skuCardConfig,
+      skuDisabled: ((_b = (_a = props == null ? void 0 : props.dataSource) == null ? void 0 : _a._extra) == null ? void 0 : _b.disabled) === true
     }
   );
 };

package/lib/plus/skuOptionsSelection/components/OptionsCard/index.js

@@ -42,7 +42,7 @@ var import_OptionsModal = __toESM(require("../OptionsModal"));
 var import_OptionItemCard = __toESM(require("./OptionItemCard"));
 var import_index = require("./index.less");
 var OptionsCard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { _key: uniqueKey, selected, disabled } = (props == null ? void 0 : props.dataSource) || {};
   const {
     cover,
@@ -196,7 +196,8 @@ var OptionsCard = (props) => {
       arrow: true,
       selected,
       disabled,
-      skuCardConfig
+      skuCardConfig,
+      skuDisabled: ((_j = (_i = props == null ? void 0 : props.dataSource) == null ? void 0 : _i._extra) == null ? void 0 : _j.disabled) === true
     }
   )), (selectedOptions == null ? void 0 : selectedOptions.length) > 0 && /* @__PURE__ */ import_react.default.createElement(
     import_OptionItemCard.default,

package/lib/plus/skuOptionsSelection/store/store.js

@@ -46,7 +46,8 @@ var initialState = {
   selectorValue: {},
   skuCardConfig: import_types.defaultSkuCardConfig,
   customConfig: {
-    modalWidth: "480px"
+    modalWidth: "480px",
+    selectorLayout: null
   }
 };
 var store = (0, import_createStore.default)(initialState);