@pisell/private-materials 6.3.116 → 6.3.118

package/es/plus/selectHolder/locales.js

@@ -16,5 +16,23 @@ export default {
     'pisell-select-holder-please-select': '請選擇',
     'pisell-select-holder-selected': '已選擇：',
     'pisell-select-holder-skip': '跳過'
+  },
+  ja: {
+    'pisell-select-holder-create': '作成',
+    'pisell-select-holder-please-select': '選択してください',
+    'pisell-select-holder-selected': '選択済み：',
+    'pisell-select-holder-skip': 'スキップ',
+    'pisell-select-holder-please-remove': function pisellSelectHolderPleaseRemove(count) {
+      return "".concat(count, "\u500B\u3092\u524A\u9664\u3057\u3066\u304F\u3060\u3055\u3044");
+    }
+  },
+  pt: {
+    'pisell-select-holder-create': 'Criar',
+    'pisell-select-holder-please-select': 'Por favor, selecione',
+    'pisell-select-holder-selected': 'Selecionado: ',
+    'pisell-select-holder-skip': 'Pular',
+    'pisell-select-holder-please-remove': function pisellSelectHolderPleaseRemove(count) {
+      return "Por favor, remova ".concat(count);
+    }
   }
 };

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

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

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

@@ -9,6 +9,7 @@ import Decimal from 'decimal.js';
 import { useStore } from "../../hooks";
 import { SKUCard } from "../../../../pro/Cards";
 var NormalCard = function NormalCard(props) {
+  var _props$dataSource;
   var _ref = (props === null || props === void 0 ? void 0 : props.dataSource) || {},
     uniqueKey = _ref._key,
     ruleConfig = _ref.ruleConfig,
@@ -88,13 +89,12 @@ var NormalCard = function NormalCard(props) {
       // 需要在_original上附加信息
       var _price = add_price !== undefined && add_price !== null ? add_price : price;
       var priceType = price_type === 'markdown' ? -1 : 1;
-      var finalPrice = new Decimal(_price).times(priceType).toString();
       var newOriginal = _objectSpread(_objectSpread({}, _original), {}, {
         quantity: 1,
         num: 1,
-        price: finalPrice,
-        original_price: finalPrice,
-        original_total: finalPrice
+        price: _price,
+        original_price: _price,
+        original_total: _price
       });
       // 价格正负号
       props === null || props === void 0 || (_props$actions3 = props.actions) === null || _props$actions3 === void 0 || _props$actions3.update(uniqueKey, {
@@ -111,11 +111,18 @@ var NormalCard = function NormalCard(props) {
     price: priceText,
     selected: selected,
     disabled: disabled,
-    renderRight: /*#__PURE__*/React.createElement("div", {
+    renderRight: isNumberSelector ? /*#__PURE__*/React.createElement("div", {
       style: {
-        position: 'relative'
+        position: 'relative',
+        height: '100%'
+      }
+    }, renderNumberSelector()) : /*#__PURE__*/React.createElement("div", {
+      style: {
+        position: 'relative',
+        height: '100%',
+        padding: '0 8px'
       }
-    }, isNumberSelector ? renderNumberSelector() : /*#__PURE__*/React.createElement(React.Fragment, null, renderIndicator(), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, renderIndicator(), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'absolute',
         top: 0,
@@ -125,7 +132,8 @@ var NormalCard = function NormalCard(props) {
       }
     }))),
     onClick: handleChange,
-    skuCardConfig: skuCardConfig
+    skuCardConfig: skuCardConfig,
+    skuDisabled: (props === null || props === void 0 || (_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 || (_props$dataSource = _props$dataSource._extra) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.disabled) === true
   });
 };
 export default NormalCard;

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

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

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

@@ -66,7 +66,9 @@ var OptionItemCard = function OptionItemCard(props) {
       key: "".concat(item === null || item === void 0 ? void 0 : item.value, "-").concat(index)
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-plus-sku-options-card-option-item-card-item-float"
-    }, locales.getText('pisell2.skuOptionsSelection.optionItemCard.typeText'), ' ', index + 1), Object.keys(data_2).map(function (key) {
+    }, locales.getText('pisell2.skuOptionsSelection.optionItemCard.typeText'), ' ', index + 1), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-plus-sku-options-card-option-item-card-item-section"
+    }, Object.keys(data_2).map(function (key) {
       var data_2_item = (data_2 === null || data_2 === void 0 ? void 0 : data_2[key]) || {}; // 第二层数据item
       return /*#__PURE__*/React.createElement("div", {
         className: "pisell-plus-sku-options-card-option-item-card-item-content",
@@ -79,6 +81,8 @@ var OptionItemCard = function OptionItemCard(props) {
         className: "pisell-plus-sku-options-card-option-item-card-item-content-price"
       }, calculateTotalPrice(data_2_item))), renderItem(data_2_item));
     }), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-plus-sku-options-card-option-item-card-item-section-divider"
+    })), /*#__PURE__*/React.createElement("div", {
       className: "pisell-plus-sku-options-card-option-item-card-item-footer"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-plus-sku-options-card-option-item-card-item-footer-stepper"
@@ -90,7 +94,7 @@ var OptionItemCard = function OptionItemCard(props) {
         var _props$onQuantityChan;
         props === null || props === void 0 || (_props$onQuantityChan = props.onQuantityChange) === null || _props$onQuantityChan === void 0 || _props$onQuantityChan.call(props, index, value);
       },
-      showInput: true
+      horizontalPadding: "16px"
     })), /*#__PURE__*/React.createElement("div", {
       className: "pisell-plus-sku-options-card-option-item-card-item-footer-info",
       onClick: function onClick() {

package/es/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/es/plus/skuOptionsSelection/components/OptionsCard/index.js

@@ -24,7 +24,7 @@ import OptionsModal from "../OptionsModal";
 import OptionItemCard from "./OptionItemCard";
 import "./index.less";
 var OptionsCard = function OptionsCard(props) {
-  var _props$dataSource, _props$parentDataSour2, _props$optionItemValu2, _props$dataSource3, _props$optionItemValu4;
+  var _props$dataSource, _props$parentDataSour2, _props$optionItemValu2, _props$dataSource3, _props$optionItemValu4, _props$dataSource4;
   var _ref = (props === null || props === void 0 ? void 0 : props.dataSource) || {},
     uniqueKey = _ref._key,
     selected = _ref.selected,
@@ -219,7 +219,8 @@ var OptionsCard = function OptionsCard(props) {
     arrow: true,
     selected: selected,
     disabled: disabled,
-    skuCardConfig: skuCardConfig
+    skuCardConfig: skuCardConfig,
+    skuDisabled: (props === null || props === void 0 || (_props$dataSource4 = props.dataSource) === null || _props$dataSource4 === void 0 || (_props$dataSource4 = _props$dataSource4._extra) === null || _props$dataSource4 === void 0 ? void 0 : _props$dataSource4.disabled) === true
   })), (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0 && /*#__PURE__*/React.createElement(OptionItemCard, {
     optionItemValue: props === null || props === void 0 ? void 0 : props.optionItemValue,
     parentDataSource: props === null || props === void 0 ? void 0 : props.parentDataSource,

package/es/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;
@@ -65,9 +78,11 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
+        gap: 4px;
       }
 
       &-title {
+        flex: 1;
         color: #101828;
         font-size: 14px;
         font-weight: 600;
@@ -89,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;
@@ -110,4 +125,4 @@
       }
     }
   }
-}
+}

package/es/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/es/plus/skuOptionsSelection/components/OptionsModal/index.js

@@ -15,6 +15,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState, useRef, useEffect } from 'react';
 import { PisellModal, Button } from '@pisell/materials';
+import { locales } from '@pisell/utils';
 import Selector from "../../../../pro/Selector";
 import NumericStepper from "../../../../pro/NumericStepper";
 import { useStore } from "../../hooks";
@@ -38,6 +39,7 @@ var OptionsModal = function OptionsModal(props) {
   var customConfig = useStore(function (s) {
     return s.customConfig;
   });
+  console.log(customConfig, 'customConfig>>>>>>>');
   useEffect(function () {
     var _props$modalValue;
     if (!!(props !== null && props !== void 0 && (_props$modalValue = props.modalValue) !== null && _props$modalValue !== void 0 && _props$modalValue.quantity)) {
@@ -118,24 +120,19 @@ var OptionsModal = function OptionsModal(props) {
     title: title,
     footer: /*#__PURE__*/React.createElement("div", {
       className: "pisell-plus-sku-options-card-footer"
-    }, /*#__PURE__*/React.createElement(NumericStepper, {
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NumericStepper, {
       min: canSelectedMin,
       max: canSelectedMax,
       value: stepNumber,
       onChange: function onChange(value) {
         setStepNumber(value);
-      },
-      showInput: true
-    }), /*#__PURE__*/React.createElement(Button, {
+      }
+    })), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: handleConfirm,
       size: "large",
-      block: true,
-      style: {
-        backgroundColor: '#7F56D9',
-        borderColor: '#7F56D9'
-      }
-    }, "\u786E\u5B9A")),
+      block: true
+    }, locales.getText('pisell2.skuOptionsSelection.optionItemCard.confirm'))),
     footerDivider: false,
     destroyOnClose: true,
     bodyStyle: {

package/es/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/es/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/es/plus/skuOptionsSelection/index.js

@@ -114,14 +114,15 @@ var SKUOptionsSelection = /*#__PURE__*/forwardRef(function (props, ref) {
     value: selectorValue,
     onChange: function onChange(values) {
       var _props$onChange;
-      console.log('total_values>>>>>', values);
+      console.log('selector_onChange_values>>>>>>>', values);
       actions.updateSelectorValue(values);
       var transformValue = transformSelectorValueToValue(values);
-      console.log('transform_total_values>>>>>', transformValue);
+      console.log('selector_onChange_transformValue>>>>>>>', 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
+    customScrollParent: props === null || props === void 0 ? void 0 : props.customScrollParent,
+    theme: props === null || props === void 0 ? void 0 : props.theme
   });
 });
 export default SKUOptionsSelection;

package/es/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/es/plus/skuOptionsSelection/locales.js

@@ -7,7 +7,8 @@ export 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 选项选择',
@@ -17,7 +18,8 @@ export 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 選項選擇',
@@ -27,6 +29,29 @@ export 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オプション選択',
+    'pisell2.skuOptionsSelection.titleExtra.alreadySelected': '選択済み：{{num}}',
+    'pisell2.skuOptionsSelection.titleExtra.totalPrice': '小計：{{price}}',
+    'pisell2.skuOptionsSelection.optionItemCard.editSelections': '選択を編集',
+    'pisell2.skuOptionsSelection.variantItemCard.soldOut': '在庫切れ',
+    'pisell2.skuOptionsSelection.variantItemCard.price': '価格',
+    'pisell2.skuOptionsSelection.optionItemCard.typeText': 'タイプ',
+    'pisell2.skuOptionsSelection.optionItemCard.overSelected': '上限に達しました',
+    'pisell2.skuOptionsSelection.optionItemCard.confirm': '確定'
+  },
+  pt: {
+    'pisell2.skuOptionsSelection.title': 'Seleção de Opções SKU',
+    'pisell2.skuOptionsSelection.titleExtra.alreadySelected': 'Selecionado: {{num}}',
+    'pisell2.skuOptionsSelection.titleExtra.totalPrice': 'Subtotal: {{price}}',
+    'pisell2.skuOptionsSelection.optionItemCard.editSelections': 'Editar seleções',
+    '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.confirm': 'Confirmar'
   }
 };

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

@@ -11,7 +11,8 @@ export var initialState = {
   selectorValue: {},
   skuCardConfig: defaultSkuCardConfig,
   customConfig: {
-    modalWidth: '480px'
+    modalWidth: '480px',
+    selectorLayout: null
   }
 };
 var store = createStore(initialState);