@pisell/private-materials 6.3.117 → 6.3.118

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

@@ -106,7 +106,7 @@ var OptionItemCard = (props) => {
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-option-item-card-item-float" }, import_utils.locales.getText(
         "pisell2.skuOptionsSelection.optionItemCard.typeText"
       ), " ", index + 1),
-      Object.keys(data_2).map((key) => {
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-option-item-card-item-section" }, Object.keys(data_2).map((key) => {
         const data_2_item = (data_2 == null ? void 0 : data_2[key]) || {};
         return /* @__PURE__ */ import_react.default.createElement(
           "div",
@@ -117,7 +117,7 @@ var OptionItemCard = (props) => {
           /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-option-item-card-item-content-top" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-plus-sku-options-card-option-item-card-item-content-title" }, getGroupName(key)), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-plus-sku-options-card-option-item-card-item-content-price" }, calculateTotalPrice(data_2_item))),
           renderItem(data_2_item)
         );
-      }),
+      }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-option-item-card-item-section-divider" })),
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-option-item-card-item-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-option-item-card-item-footer-stepper" }, /* @__PURE__ */ import_react.default.createElement(
         import_NumericStepper.default,
         {
@@ -128,7 +128,7 @@ var OptionItemCard = (props) => {
             var _a;
             (_a = props == null ? void 0 : props.onQuantityChange) == null ? void 0 : _a.call(props, index, value);
           },
-          showInput: true
+          horizontalPadding: "16px"
         }
       )), /* @__PURE__ */ import_react.default.createElement(
         "div",

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

@@ -1,11 +1,10 @@
 /**
  * 单规格商品卡片，点击后需要拉起弹窗展示具体的规格信息
  */
-import React from 'react';
 import { RenderItemProps } from '../../../../pro/Selector/types';
 import './index.less';
 declare const OptionsCard: (props: RenderItemProps & {
     parentDataSource: any;
     mode: 'single' | 'multiple';
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default OptionsCard;

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

@@ -32,10 +32,9 @@
   &-item {
     position: relative;
     display: flex;
-    padding: 16px 16px 0 16px;
     flex-direction: column;
     align-items: flex-start;
-    gap: 20px;
+
     border-radius: 12px;
     background: #f5f5f5;
 
@@ -55,6 +54,20 @@
       font-weight: 400;
     }
 
+    &-section {
+      width: 100%;
+      padding: 16px 16px 0 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+
+      &-divider {
+        width: 100%;
+        height: 1px;
+        background: #d0d5dd;
+      }
+    }
+
     &-content {
       width: 100%;
       display: flex;
@@ -91,18 +104,18 @@
 
     &-footer {
       width: 100%;
-      min-height: 56px;
+      height: 56px;
       display: flex;
       align-items: center;
-      border-top: 1px solid #d0d5dd;
+      justify-content: space-between;
 
       &-stepper {
+        height: 100%;
         display: flex;
-        flex: 1;
       }
 
       &-info {
-        padding-left: 12px;
+        padding: 0 16px;
         display: flex;
         align-items: center;
         justify-content: space-between;
@@ -112,4 +125,4 @@
       }
     }
   }
-}
+}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface OptionsModalProps {
     parentDataSource: any;
     dataSource: any;
@@ -12,5 +11,5 @@ interface OptionsModalProps {
     onCancel: () => void;
     onConfirm: (v: any) => void;
 }
-declare const OptionsModal: (props: OptionsModalProps) => React.JSX.Element;
+declare const OptionsModal: (props: OptionsModalProps) => JSX.Element;
 export default OptionsModal;

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

@@ -34,6 +34,7 @@ __export(OptionsModal_exports, {
 module.exports = __toCommonJS(OptionsModal_exports);
 var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
 var import_Selector = __toESM(require("../../../../pro/Selector"));
 var import_NumericStepper = __toESM(require("../../../../pro/NumericStepper"));
 var import_hooks = require("../../hooks");
@@ -45,6 +46,7 @@ var OptionsModal = (props) => {
   const [stepNumber, setStepNumber] = (0, import_react.useState)(1);
   const [modalValue, setModalValue] = (0, import_react.useState)((props == null ? void 0 : props.modalValue) || {});
   const customConfig = (0, import_hooks.useStore)((s) => s.customConfig);
+  console.log(customConfig, "customConfig>>>>>>>");
   (0, import_react.useEffect)(() => {
     var _a2, _b2;
     if (!!((_a2 = props == null ? void 0 : props.modalValue) == null ? void 0 : _a2.quantity)) {
@@ -89,7 +91,7 @@ var OptionsModal = (props) => {
       open,
       onCancel,
       title,
-      footer: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-footer" }, /* @__PURE__ */ import_react.default.createElement(
+      footer: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-plus-sku-options-card-footer" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
         import_NumericStepper.default,
         {
           min: canSelectedMin,
@@ -97,19 +99,17 @@ var OptionsModal = (props) => {
           value: stepNumber,
           onChange: (value) => {
             setStepNumber(value);
-          },
-          showInput: true
+          }
         }
-      ), /* @__PURE__ */ import_react.default.createElement(
+      )), /* @__PURE__ */ import_react.default.createElement(
         import_materials.Button,
         {
           type: "primary",
           onClick: handleConfirm,
           size: "large",
-          block: true,
-          style: { backgroundColor: "#7F56D9", borderColor: "#7F56D9" }
+          block: true
         },
-        "确定"
+        import_utils.locales.getText("pisell2.skuOptionsSelection.optionItemCard.confirm")
       )),
       footerDivider: false,
       destroyOnClose: true,

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

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

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

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

package/lib/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/lib/plus/skuOptionsSelection/hooks/useLanguage.d.ts

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

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

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

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

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

package/lib/plus/skuOptionsSelection/index.js

@@ -136,7 +136,8 @@ var SKUOptionsSelection = (0, import_react.forwardRef)((props, ref) => {
         (_a = props == null ? void 0 : props.onChange) == null ? void 0 : _a.call(props, transformValue);
       },
       style: props == null ? void 0 : props.style,
-      customScrollParent: props == null ? void 0 : props.customScrollParent
+      customScrollParent: props == null ? void 0 : props.customScrollParent,
+      theme: props == null ? void 0 : props.theme
     }
   );
 });

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

@@ -0,0 +1,58 @@
+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.variantItemCard.price': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+        'pisell2.skuOptionsSelection.optionItemCard.confirm': 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.variantItemCard.price': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+        'pisell2.skuOptionsSelection.optionItemCard.confirm': 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.variantItemCard.price': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+        'pisell2.skuOptionsSelection.optionItemCard.confirm': string;
+    };
+    ja: {
+        '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.variantItemCard.price': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+        'pisell2.skuOptionsSelection.optionItemCard.confirm': string;
+    };
+    pt: {
+        '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.variantItemCard.price': string;
+        'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
+        'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
+        'pisell2.skuOptionsSelection.optionItemCard.confirm': string;
+    };
+};
+export default _default;

package/lib/plus/skuOptionsSelection/locales.js

@@ -31,7 +31,8 @@ var locales_default = {
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "Out of stock",
     "pisell2.skuOptionsSelection.variantItemCard.price": "Price",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "Type",
-    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "Over selected"
+    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "Over selected",
+    "pisell2.skuOptionsSelection.optionItemCard.confirm": "Confirm"
   },
   "zh-CN": {
     "pisell2.skuOptionsSelection.title": "SKU 选项选择",
@@ -41,7 +42,8 @@ var locales_default = {
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "库存不足",
     "pisell2.skuOptionsSelection.variantItemCard.price": "价格",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "类型",
-    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "已达上限"
+    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "已达上限",
+    "pisell2.skuOptionsSelection.optionItemCard.confirm": "确定"
   },
   "zh-HK": {
     "pisell2.skuOptionsSelection.title": "SKU 選項選擇",
@@ -51,7 +53,8 @@ var locales_default = {
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "庫存不足",
     "pisell2.skuOptionsSelection.variantItemCard.price": "價格",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "類型",
-    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "已達上限"
+    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "已達上限",
+    "pisell2.skuOptionsSelection.optionItemCard.confirm": "確定"
   },
   ja: {
     "pisell2.skuOptionsSelection.title": "SKUオプション選択",
@@ -61,7 +64,8 @@ var locales_default = {
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "在庫切れ",
     "pisell2.skuOptionsSelection.variantItemCard.price": "価格",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "タイプ",
-    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "上限に達しました"
+    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "上限に達しました",
+    "pisell2.skuOptionsSelection.optionItemCard.confirm": "確定"
   },
   pt: {
     "pisell2.skuOptionsSelection.title": "Seleção de Opções SKU",
@@ -71,6 +75,7 @@ var locales_default = {
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "Esgotado",
     "pisell2.skuOptionsSelection.variantItemCard.price": "Preço",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "Tipo",
-    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "Limite excedido"
+    "pisell2.skuOptionsSelection.optionItemCard.overSelected": "Limite excedido",
+    "pisell2.skuOptionsSelection.optionItemCard.confirm": "Confirmar"
   }
 };

package/lib/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/lib/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/lib/plus/skuOptionsSelection/store/index.d.ts

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

package/lib/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;