@pisell/private-materials 6.3.58 → 6.3.59

package/lib/index.js

@@ -77,6 +77,7 @@ __export(src_exports, {
   ProductExtension: () => import_productExtension.default,
   Register2: () => import_Login2.Register2,
   RuleSetting: () => import_ruleSetting.default,
+  SKUOptionsSelection: () => import_skuOptionsSelection.default,
   SaaSAdminAuth: () => import_admin.SaaSAdminAuth,
   SaaSManagermentAuth: () => import_admin.SaaSManagermentAuth,
   SaasCreateOrganization: () => import_saasCreateOrganization.default,
@@ -84,6 +85,7 @@ __export(src_exports, {
   SaasRegister: () => import_saasRegister.default,
   Schedules: () => import_schedules.default,
   SelectHolder: () => import_selectHolder2.default,
+  Selector: () => import_Selector.default,
   ShoppingCart: () => import_shoppingCart.default,
   StepController: () => import_stepController.default,
   SubTotal: () => import_subTotal.default,
@@ -162,6 +164,8 @@ var import_walletPassGallery = __toESM(require("./plus/walletPassGallery"));
 var import_passDetail = __toESM(require("./plus/walletPassGallery/components/passDetail"));
 var import_selectHolder2 = __toESM(require("./plus/selectHolder"));
 var import_HolderList = __toESM(require("./plus/selectHolder/components/HolderList"));
+var import_Selector = __toESM(require("./pro/Selector"));
+var import_skuOptionsSelection = __toESM(require("./plus/skuOptionsSelection"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -214,6 +218,7 @@ import_dayjs.default.extend(import_localeData.default);
   ProductExtension,
   Register2,
   RuleSetting,
+  SKUOptionsSelection,
   SaaSAdminAuth,
   SaaSManagermentAuth,
   SaasCreateOrganization,
@@ -221,6 +226,7 @@ import_dayjs.default.extend(import_localeData.default);
   SaasRegister,
   Schedules,
   SelectHolder,
+  Selector,
   ShoppingCart,
   StepController,
   SubTotal,

package/lib/plus/clientName/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import './index.less';
 import { IClientNameProps } from './type';
-declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => React.JSX.Element | null;
+declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;
 export default ClientName;

package/lib/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const ContactInfoContent: (props: any) => React.JSX.Element;
+declare const ContactInfoContent: (props: any) => JSX.Element;
 export default ContactInfoContent;

package/lib/plus/productSelect/CategoryTabs/index.d.ts

@@ -14,6 +14,7 @@ interface IProps {
     loading?: boolean;
     skeleton?: React.ReactNode;
     style?: React.CSSProperties;
+    id?: string;
 }
 declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export default CategoryTabs;

package/lib/plus/productSelect/CategoryTabs/index.js

@@ -112,7 +112,8 @@ var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
     "div",
     {
       className: `${import__.PREFIX}__tabs-wrapper ${className || ""}`,
-      style
+      style,
+      id: props.id || ""
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_TabsStructure.TabsStructure,

package/lib/plus/productSelect/ProductCard/index.d.ts

@@ -34,7 +34,7 @@ export interface ProductCardProps {
     isSelected?: boolean;
     decorateConfig?: ProductCardConfig;
 }
-export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => React.JSX.Element>;
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
 export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
     item: any;
     index: number;
@@ -42,6 +42,6 @@ export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
         onItemIntersectionIn: (item: any) => void;
         onItemIntersectionOut: (item: any) => void;
     } | undefined;
-}) => React.JSX.Element>;
+}) => JSX.Element>;
 export default ProductCard;
 export { ProductCardSkeleton };

package/lib/plus/productSelect/ProductList/gridComponents.d.ts

@@ -5,8 +5,8 @@ export interface GridConfig {
 }
 export declare const parseGridConfig: (config: string) => number[];
 export declare const createGridComponents: (layout?: GridConfig | null) => {
-    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element>;
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
 };
 export declare const GRID_LAYOUTS: {
     readonly SINGLE_COLUMN: {
@@ -35,10 +35,10 @@ export declare const GRID_LAYOUTS: {
     };
 };
 export declare const createTwoColumnGrid: () => {
-    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element>;
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
 };
 export declare const createCustomGrid: (config: string) => {
-    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element>;
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
 };

package/lib/plus/productSelect/components/TabsStructure/TabsStructure.js

@@ -110,8 +110,8 @@ var TabItem = (0, import_react.forwardRef)(
       }
     }, [isDisabled, tabId, onTabChange, onClick]);
     const isTabSelected = tabId ? selectedTab === tabId : isSelected;
-    return /* @__PURE__ */ import_react.default.createElement("li", { role: "presentation", style: { lineHeight: 0 } }, /* @__PURE__ */ import_react.default.createElement(
-      "button",
+    return /* @__PURE__ */ import_react.default.createElement(
+      "li",
       {
         id: tabId,
         ref: combinedRef,
@@ -129,8 +129,8 @@ var TabItem = (0, import_react.forwardRef)(
         tabIndex: isTabSelected ? 0 : -1,
         ...props
       },
-      children
-    ));
+      /* @__PURE__ */ import_react.default.createElement("span", null, children)
+    );
   }
 );
 var Rail = (0, import_react.forwardRef)(
@@ -275,11 +275,15 @@ var TabsStructure = ({
   const internalRailRef = (0, import_react.useRef)(null);
   const railRef = externalRailRef || internalRailRef;
   if (!selectedTab && children) {
-    console.warn("TabsStructure: No selectedTab provided, consider setting a default value");
+    console.warn(
+      "TabsStructure: No selectedTab provided, consider setting a default value"
+    );
   }
   const registerTab = (0, import_react.useCallback)((tabId, element) => {
     if (!tabId || !element) {
-      console.warn("TabsStructure: Invalid tabId or element provided to registerTab");
+      console.warn(
+        "TabsStructure: Invalid tabId or element provided to registerTab"
+      );
       return;
     }
     if (typeof WeakRef !== "undefined") {
@@ -317,29 +321,34 @@ var TabsStructure = ({
       return ref;
     }
   }, []);
-  const scrollToTab = (0, import_react.useCallback)((tabId) => {
-    if (!tabId || !railRef.current) {
-      return;
-    }
-    const targetElement = getTabElement(tabId);
-    if (!targetElement) {
-      console.warn(`TabsStructure: Tab element with id "${tabId}" not found`);
-      return;
-    }
-    if (!targetElement.offsetParent) {
-      console.warn(`TabsStructure: Tab element "${tabId}" is not visible or not in DOM`);
-      return;
-    }
-    const rail = railRef.current;
-    const targetLeft = targetElement.offsetLeft;
-    const currentScrollLeft = rail.scrollLeft;
-    if (Math.abs(targetLeft - currentScrollLeft) > 1) {
-      (0, import_utils.safeScrollTo)(rail, {
-        left: targetLeft,
-        behavior: "smooth"
-      });
-    }
-  }, [getTabElement]);
+  const scrollToTab = (0, import_react.useCallback)(
+    (tabId) => {
+      if (!tabId || !railRef.current) {
+        return;
+      }
+      const targetElement = getTabElement(tabId);
+      if (!targetElement) {
+        console.warn(`TabsStructure: Tab element with id "${tabId}" not found`);
+        return;
+      }
+      if (!targetElement.offsetParent) {
+        console.warn(
+          `TabsStructure: Tab element "${tabId}" is not visible or not in DOM`
+        );
+        return;
+      }
+      const rail = railRef.current;
+      const targetLeft = targetElement.offsetLeft;
+      const currentScrollLeft = rail.scrollLeft;
+      if (Math.abs(targetLeft - currentScrollLeft) > 1) {
+        (0, import_utils.safeScrollTo)(rail, {
+          left: targetLeft,
+          behavior: "smooth"
+        });
+      }
+    },
+    [getTabElement]
+  );
   (0, import_react.useEffect)(() => {
     if (autoScrollToSelected && selectedTab) {
       scrollToTab(selectedTab);

package/lib/plus/productSelect/components/TabsStructure/TabsStructure.less

@@ -69,6 +69,12 @@
   // 基础样式采用原pill样式
   border-radius: 20px;
 
+  > span {
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   // Focus state
   &:focus-visible {
     .pisell-tabstruct-focus-ring();

package/lib/plus/productSelect/components/pisellPriceText/index.d.ts

@@ -8,5 +8,5 @@ interface IProps {
     prefix?: React.ReactElement;
     suffix?: React.ReactElement;
 }
-declare const index: (props: IProps) => React.JSX.Element;
+declare const index: (props: IProps) => JSX.Element;
 export default index;

package/lib/plus/productSelect/index.d.ts

@@ -28,5 +28,5 @@ interface ProductSelectProps {
     hideCategoryWhenOne?: boolean;
 }
 export declare const PREFIX = "pisell-product-select";
-declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => React.JSX.Element;
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
 export default index;

package/lib/plus/saasCreateOrganization/components/Header.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SCOProps } from '../types';
 import '../index.less';
-export declare const Header: (props: SCOProps) => React.JSX.Element;
+export declare const Header: (props: SCOProps) => JSX.Element;

package/lib/plus/saasCreateOrganization/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { SCOProps } from './types';
 import './index.less';
-declare const SaasCreateOrganization: (props: SCOProps) => React.JSX.Element;
+declare const SaasCreateOrganization: (props: SCOProps) => JSX.Element;
 export default SaasCreateOrganization;

package/lib/plus/saasRegister/components/EntryEmail.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';
@@ -6,5 +5,5 @@ interface EntryEmailProps extends SRProps {
     form: FormInstance;
     handleVerifyEmail: (bool: boolean) => Promise<void>;
 }
-declare const EntryEmail: (props: EntryEmailProps) => React.JSX.Element;
+declare const EntryEmail: (props: EntryEmailProps) => JSX.Element;
 export default EntryEmail;

package/lib/plus/saasRegister/components/EntryInfo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';
@@ -6,5 +5,5 @@ interface IProps extends SRProps {
     form: FormInstance;
     emailToken?: string;
 }
-declare const EntryInfo: (props: IProps) => React.JSX.Element;
+declare const EntryInfo: (props: IProps) => JSX.Element;
 export default EntryInfo;

package/lib/plus/saasRegister/components/GoLogin.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { SRProps } from '../types';
 import '../index.less';
-declare const GoLogin: (props: SRProps) => React.JSX.Element;
+declare const GoLogin: (props: SRProps) => JSX.Element;
 export default GoLogin;

package/lib/plus/saasRegister/components/Header.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SRProps } from '../types';
 import '../index.less';
-export declare const Header: (props: SRProps) => React.JSX.Element;
+export declare const Header: (props: SRProps) => JSX.Element;

package/lib/plus/saasRegister/components/VerifyError.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { SRStepStatus } from '../types';
 import '../index.less';
 declare const VerifyError: (props: {
     status?: SRStepStatus;
     onBackToRegister?: () => void;
     onGoLogin?: () => void;
-}) => React.JSX.Element | null;
+}) => JSX.Element | null;
 export default VerifyError;

package/lib/plus/saasRegister/components/VerifyingLink.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default VerifyingEmailLink;

package/lib/plus/saasRegister/components/VertifyEmail.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;
     onSendEmail: () => Promise<void>;
     onEditEmail: () => void;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default VertifyEmail;

package/lib/plus/selectHolder/components/ErrorTip/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const ErrorTip: ({ text }: any) => import("react").JSX.Element;
+declare const ErrorTip: ({ text }: any) => JSX.Element;
 export default ErrorTip;

package/lib/plus/selectHolder/types.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+/**
+ * @title: 选项数据类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface HolderOption {
+    /** 显示的标签文本 */
+    label: string;
+    /** 选项的值（唯一标识） */
+    value: any;
+    /** 头像地址 */
+    avatar?: string;
+    /** 副标题/描述 */
+    subtitle?: string;
+    /** 其他字段 */
+    [key: string]: any;
+}
+/**
+ * @title: 模态框配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderModalProps {
+    title?: string;
+    confirmText?: string;
+    showClose?: boolean;
+}
+/**
+ * @title: 字段展示配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderDisplayProps {
+    showAvatar?: boolean;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    isSkipable?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    selectType?: 'single' | 'multiple';
+    showExtraFields?: boolean;
+    extraFields?: any[];
+}
+/**
+ * @title: SelectHolder 组件属性
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface PisellSelectHolderProps {
+    /** 选项列表 */
+    dataSource?: HolderOption[];
+    /** 是否打开模态框 */
+    open?: boolean;
+    /** 关闭事件（右上角 X 按钮） */
+    onClose?: () => void;
+    /** 确认事件，返回选中的值 */
+    onConfirm?: (selected: any) => void;
+    /** 跳过事件（底部跳过按钮） */
+    onSkip?: () => void;
+    /** 点击添加按钮事件 */
+    onAdd?: () => void;
+    /** 当前选中的值(单选) 或 选中的值数组(多选) */
+    value?: any;
+    modalConfig?: HolderModalProps;
+    displayConfig?: HolderDisplayProps;
+    /** 是否禁用确认按钮 */
+    disabled?: boolean;
+    /** 错误提示文案 */
+    errorTipText?: string;
+    /** 是否显示添加按钮 */
+    allowAdd?: boolean;
+    /** 添加按钮文案 */
+    addText?: string;
+    /** 每行显示的列数 */
+    columns?: number;
+    /** 水平间距 */
+    horizontalGap?: number;
+    /** 垂直间距 */
+    verticalGap?: number;
+    /** 最大可选数量 */
+    maxSelectedCount?: number;
+    /** 是否内联模式（不显示弹窗，直接渲染内容，用于页面级别） */
+    isInline?: boolean;
+    /** 内联模式的容器样式类名 */
+    className?: string;
+    /** 内联模式的容器样式 */
+    style?: React.CSSProperties;
+}
+export interface HolderItemProps {
+    item: HolderOption;
+    displayDirection?: 'horizontal' | 'vertical';
+    displayConfig?: HolderDisplayProps;
+    onClick?: (value?: any) => void;
+    value?: any;
+    isAddItem?: boolean;
+}

package/lib/plus/selectHolder/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 获取头像文本
+ * @description: 获取头像文本（标签的首字母，最多两个单词）
+ * @param {string} label
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 13:46
+ */
+export declare const getAvatarText: (label: string) => string;

package/lib/plus/skuOptionsSelection/components/NormalCard/index.d.ts

@@ -0,0 +1,5 @@
+import { RenderItemProps } from '../../../../pro/Selector/types';
+declare const NormalCard: (props: RenderItemProps & {
+    parentDataSource: any;
+}) => JSX.Element;
+export default NormalCard;

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

@@ -0,0 +1,142 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/skuOptionsSelection/components/NormalCard/index.tsx
+var NormalCard_exports = {};
+__export(NormalCard_exports, {
+  default: () => NormalCard_default
+});
+module.exports = __toCommonJS(NormalCard_exports);
+var import_react = __toESM(require("react"));
+var import_decimal = __toESM(require("decimal.js"));
+var import_hooks = require("../../hooks");
+var import_Cards = require("../../../../pro/Cards");
+var NormalCard = (props) => {
+  const {
+    _key: uniqueKey,
+    ruleConfig,
+    _original,
+    disabled,
+    selected
+  } = (props == null ? void 0 : props.dataSource) || {};
+  const { cover, title, name, product_subtitle, price, price_type, add_price } = _original || {};
+  const symbol = (0, import_hooks.useStore)((s) => s.symbol);
+  const skuCardConfig = (0, import_hooks.useStore)((s) => s.skuCardConfig);
+  const renderIndicator = () => {
+    if (!(props == null ? void 0 : props.indicator) || typeof (props == null ? void 0 : props.indicator) !== "object") return null;
+    return import_react.default.cloneElement(props == null ? void 0 : props.indicator, {
+      onChange: handleChange
+    });
+  };
+  const renderNumberSelector = () => {
+    if (!(props == null ? void 0 : props.numberSelector) || typeof (props == null ? void 0 : props.numberSelector) !== "object")
+      return null;
+    return import_react.default.cloneElement(props == null ? void 0 : props.numberSelector, {
+      onChange: (v) => {
+        var _a;
+        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();
+        const newOriginal = {
+          ..._original,
+          quantity: v,
+          num: v,
+          price: _price,
+          original_price: _price,
+          original_total: _price
+        };
+        (_a = props == null ? void 0 : props.actions) == null ? void 0 : _a.update(uniqueKey, {
+          quantity: v,
+          data: newOriginal,
+          totalPrice
+        });
+      }
+    });
+  };
+  const isNumberSelector = (0, import_react.useMemo)(() => {
+    return !!(props == null ? void 0 : props.numberSelector) && import_react.default.isValidElement(props == null ? void 0 : props.numberSelector);
+  }, [props == null ? void 0 : props.numberSelector]);
+  const priceText = (0, import_react.useMemo)(() => {
+    if (add_price !== void 0 && add_price !== null) {
+      return `${Number(add_price) > 0 ? "+" : ""}${symbol}${Math.abs(
+        Number(add_price || 0)
+      )}`;
+    }
+    return `${price_type === "markdown" ? "-" : ""}${symbol}${price || 0}`;
+  }, [price, price_type, symbol, add_price]);
+  const handleChange = () => {
+    var _a, _b;
+    if (disabled || isNumberSelector) return;
+    if (selected) {
+      (_a = props == null ? void 0 : props.actions) == null ? void 0 : _a.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
+      };
+      (_b = props == null ? void 0 : props.actions) == null ? void 0 : _b.update(uniqueKey, {
+        quantity: 1,
+        data: newOriginal,
+        totalPrice: new import_decimal.default(_price).times(priceType).toNumber()
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Cards.SKUCard,
+    {
+      cover,
+      title: title || name || "",
+      subtitle: product_subtitle,
+      price: priceText,
+      selected,
+      disabled,
+      renderRight: /* @__PURE__ */ import_react.default.createElement("div", { style: { position: "relative" } }, isNumberSelector ? renderNumberSelector() : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderIndicator(), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%"
+          }
+        }
+      ))),
+      onClick: handleChange,
+      skuCardConfig
+    }
+  );
+};
+var NormalCard_default = NormalCard;

package/lib/plus/skuOptionsSelection/components/OptionsCard/OptionItemCard.d.ts

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