@pisell/private-materials 6.1.1 → 6.1.3

package/es/components/pay/toB/components/Content/index.js

@@ -70,34 +70,19 @@ var ToBPayContent = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }
   }, [network.online]);
-  var openModal = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderInfo) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            console.log('tob_pay_open', orderInfo);
-            // 打开支付弹窗
-            setOpen(true);
-            // 开启OS的支付方式列表和订单信息变化监听
-            osPaymentEffectOn();
-            // 推送订单信息到OS
-            _context.next = 5;
-            return osPayment === null || osPayment === void 0 ? void 0 : osPayment.pushOrderAsync({
-              order_info: orderInfo || {}
-            });
-          case 5:
-            // 获取支付方式列表
-            getPayMethodList();
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function openModal(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  var openModal = function openModal(orderInfo) {
+    console.log('tob_pay_open', orderInfo);
+    // 打开支付弹窗
+    setOpen(true);
+    // 开启OS的支付方式列表和订单信息变化监听
+    osPaymentEffectOn();
+    // 推送订单信息到OS
+    osPayment === null || osPayment === void 0 || osPayment.pushOrderAsync({
+      order_info: orderInfo || {}
+    });
+    // 获取支付方式列表
+    getPayMethodList();
+  };
   var onCloseModal = function onCloseModal() {
     var _osPayment$submitPayA, _props$callback;
     // 如果正在提交，则不可以关闭弹窗
@@ -111,50 +96,48 @@ var ToBPayContent = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   };
   var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _osPayment$submitPayA2, _props$callback2, res, _props$callback3;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _osPayment$submitPayA2, _props$callback2, _props$callback3;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!submitLoading) {
-              _context2.next = 2;
+              _context.next = 2;
               break;
             }
-            return _context2.abrupt("return");
+            return _context.abrupt("return");
           case 2:
             setSubmitLoading(true);
-            _context2.prev = 3;
-            _context2.next = 6;
+            _context.prev = 3;
+            _context.next = 6;
             return osPayment === null || osPayment === void 0 || (_osPayment$submitPayA2 = osPayment.submitPayAsync) === null || _osPayment$submitPayA2 === void 0 ? void 0 : _osPayment$submitPayA2.call(osPayment, order === null || order === void 0 ? void 0 : order.uuid);
           case 6:
-            res = _context2.sent;
-            console.log('tob_pay_onSubmit_res', res);
+            console.log('tob_pay_onSubmit_res');
             (_props$callback2 = props.callback) === null || _props$callback2 === void 0 || _props$callback2.call(props, {
-              status: 'success',
-              data: res === null || res === void 0 ? void 0 : res.data
+              status: 'success'
             });
             closeModalAction();
-            _context2.next = 16;
+            _context.next = 15;
             break;
-          case 12:
-            _context2.prev = 12;
-            _context2.t0 = _context2["catch"](3);
-            console.log('tob_pay_onSubmit_error', _context2.t0);
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](3);
+            console.log('tob_pay_onSubmit_error', _context.t0);
             (_props$callback3 = props.callback) === null || _props$callback3 === void 0 || _props$callback3.call(props, {
               status: 'error'
             });
-          case 16:
-            _context2.prev = 16;
+          case 15:
+            _context.prev = 15;
             setSubmitLoading(false);
-            return _context2.finish(16);
-          case 19:
+            return _context.finish(15);
+          case 18:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[3, 12, 16, 19]]);
+      }, _callee, null, [[3, 11, 15, 18]]);
     }));
     return function onSubmit() {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();
   var closeModalAction = function closeModalAction() {

package/es/components/pay/toB/store/hooks.js

@@ -5,6 +5,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import React from 'react';
 import { ToBPayContext } from "./index";
 import { usePisellOS } from "../../../../hooks/useEngineContext";
+import { handlePayMethodList } from "./utils";
 
 /**
  * 使用商家端支付的Hook
@@ -29,7 +30,8 @@ export var useOSPayment = function useOSPayment() {
 export var useOSPaymentEffect = function useOSPaymentEffect() {
   var pisellOS = usePisellOS();
   var _useToBPay = useToBPay(),
-    setOrder = _useToBPay.setOrder;
+    setOrder = _useToBPay.setOrder,
+    setPayMethodGroupList = _useToBPay.setPayMethodGroupList;
   var osPaymentEffectOn = function osPaymentEffectOn() {
     // 监听OS的支付方式列表变化
     pisellOS.effects.on('payment:onPaymentMethodsChanged', onPaymentMethodsChanged);
@@ -42,11 +44,18 @@ export var useOSPaymentEffect = function useOSPaymentEffect() {
   };
   var onPaymentMethodsChanged = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
+      var _ref2, newMethods;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             console.log('tob_pay_onPaymentMethodsChanged', res);
-          case 1:
+            _ref2 = res || {}, newMethods = _ref2.newMethods;
+            if ((newMethods === null || newMethods === void 0 ? void 0 : newMethods.length) > 0) {
+              setPayMethodGroupList(handlePayMethodList(newMethods));
+            } else {
+              setPayMethodGroupList([]);
+            }
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -57,7 +66,7 @@ export var useOSPaymentEffect = function useOSPaymentEffect() {
     };
   }();
   var onOrderChanged = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(res) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(res) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -70,7 +79,7 @@ export var useOSPaymentEffect = function useOSPaymentEffect() {
       }, _callee2);
     }));
     return function onOrderChanged(_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   return {

package/es/components/pay/toB/store/provider.js

@@ -69,6 +69,7 @@ export var ToBPayProvider = function ToBPayProvider(_ref) {
     orderInfo: orderInfo,
     setOrderInfo: setOrderInfo,
     payMethodGroupList: payMethodGroupList,
+    setPayMethodGroupList: setPayMethodGroupList,
     getPayMethodList: getPayMethodList
   };
   return /*#__PURE__*/React.createElement(ToBPayContext.Provider, {

package/es/components/pay/toB/types/storeTypes.d.ts

@@ -9,6 +9,8 @@ export interface ToBPayContextType {
     setOrderInfo: (orderInfo: OrderInfo) => void;
     /** 支付方式列表 */
     payMethodGroupList: PayMethodGroup[];
+    /** 设置支付方式列表 */
+    setPayMethodGroupList: (payMethodGroupList: PayMethodGroup[]) => void;
     /** 获取支付方式列表 */
     getPayMethodList: () => Promise<void>;
 }

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

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

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

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

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

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

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/es/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/es/components/schedules/components/CurrentDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { ScheduleItem } from '../../../type';
 declare type Item = any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/es/components/schedules/products/index.d.ts

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

package/es/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/es/components/shoppingCart/components/Cart/Product.js

@@ -5,6 +5,7 @@ import { ProductCard } from '@pisell/materials';
 import useClearCart from "../../hooks/useClearCart";
 import { useContext } from "../../hooks/useContext";
 import useAddService from "../../hooks/useAddService";
+import { useMemoizedFn, useTrackedEffect } from "ahooks";
 var Product = function Product(props) {
   var id = props.id,
     lists = props.lists,
@@ -35,10 +36,10 @@ var Product = function Product(props) {
    * @Author: WangHan
    * @Date: 2024-11-28 22:02
    */
-  var handleChange = function handleChange(item, type, other) {
+  var handleChange = useMemoizedFn(function (item, type, other) {
     if (disabledEdit && !(other !== null && other !== void 0 && other.disabled)) return;
     onChange(item, type, other);
-  };
+  });
   var productParams = useMemo(function () {
     return {
       isShowNote: isShowNote,
@@ -52,44 +53,50 @@ var Product = function Product(props) {
       isShowEditProduct: isShowEditProduct
     };
   }, [isShowNote, isShowPackageNote, disabledEdit, isShowChangeResource, isShowDelete, isShowHolder, isShowAddHolderButton, isShowChangeHolder, isShowEditProduct]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__shopping-cart-content"
-  }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
-    return /*#__PURE__*/React.createElement(ProductCard, _extends({
-      key: item._id,
-      dataSource: item,
-      onAction: function onAction(e) {
-        return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
-      },
-      onDelete: function onDelete(e) {
-        return handleChange(e, 'delete', item);
-      },
-      onNote: function onNote(e) {
-        return handleChange(e, 'note', {
-          note: e.note
-        });
-      },
-      onLike: function onLike(e) {
-        return handleChange(e, 'like', {
-          like_status: e.like_status
-        });
-      },
-      onEditProduct: function onEditProduct(e) {
-        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'edit_product');
-      },
-      onCard: function onCard(e) {
-        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
-      },
-      onChangeResource: function onChangeResource(e) {
-        return handleChange(item, 'change_resource', e);
-      },
-      onChangeHolder: function onChangeHolder(e) {
-        return handleChange(item, 'change_holder', e);
-      },
-      onAddHolder: function onAddHolder(e) {
-        return handleChange(item, 'add_holder', e);
-      }
-    }, productParams));
-  }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+  useTrackedEffect(function (changes) {
+    console.log('Index of changed dependencies: ', changes);
+  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
+  return useMemo(function () {
+    console.log('render cart');
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-content"
+    }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
+      return /*#__PURE__*/React.createElement(ProductCard, _extends({
+        key: item._id,
+        dataSource: item,
+        onAction: function onAction(e) {
+          return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
+        },
+        onDelete: function onDelete(e) {
+          return handleChange(e, 'delete', item);
+        },
+        onNote: function onNote(e) {
+          return handleChange(e, 'note', {
+            note: e.note
+          });
+        },
+        onLike: function onLike(e) {
+          return handleChange(e, 'like', {
+            like_status: e.like_status
+          });
+        },
+        onEditProduct: function onEditProduct(e) {
+          return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'edit_product');
+        },
+        onCard: function onCard(e) {
+          return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
+        },
+        onChangeResource: function onChangeResource(e) {
+          return handleChange(item, 'change_resource', e);
+        },
+        onChangeHolder: function onChangeHolder(e) {
+          return handleChange(item, 'change_holder', e);
+        },
+        onAddHolder: function onAddHolder(e) {
+          return handleChange(item, 'add_holder', e);
+        }
+      }, productParams));
+    }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
 };
 export default Product;

package/es/components/shoppingCart/components/Cart/index.js

@@ -51,23 +51,26 @@ var Cart = function Cart() {
       });
     });
   }, [carts, platform]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-lowcode__shopping-cart')
-  }, isProductList ? /*#__PURE__*/React.createElement(Product, {
-    id: undefined,
-    lists: state === null || state === void 0 ? void 0 : state.products
-  }) : /*#__PURE__*/React.createElement(Collapse, _extends({
-    items: cartsMap,
-    showHeader: true,
-    panelBackground: "#ffffff",
-    collapsible: platform !== 'shop' ? 'disabled' : '-',
-    accordion: platform === 'shop',
-    onChange: function onChange(key) {
-      updateState({
-        activeKey: key
-      });
-      onActiveKey(key);
-    }
-  }, collapseParams)));
+  return useMemo(function () {
+    console.log('render cart 22222');
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('pisell-lowcode__shopping-cart')
+    }, isProductList ? /*#__PURE__*/React.createElement(Product, {
+      id: undefined,
+      lists: state === null || state === void 0 ? void 0 : state.products
+    }) : /*#__PURE__*/React.createElement(Collapse, _extends({
+      items: cartsMap,
+      showHeader: true,
+      panelBackground: "#ffffff",
+      collapsible: platform !== 'shop' ? 'disabled' : '-',
+      accordion: platform === 'shop',
+      onChange: function onChange(key) {
+        updateState({
+          activeKey: key
+        });
+        onActiveKey(key);
+      }
+    }, collapseParams)));
+  }, [isProductList, cartsMap, platform, collapseParams, state === null || state === void 0 ? void 0 : state.products]);
 };
 export default Cart;

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

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

package/es/components/shoppingCart/components/Render/index.d.ts

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

package/es/components/stepController/components/Content/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface ContentProps {
+    children?: React.ReactNode;
+}
+declare const Content: React.FC<ContentProps>;
+export default Content;

package/es/components/stepController/components/Content/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import "./index.less";
+var Content = function Content(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-step-controller-content"
+  }, children);
+};
+export default Content;

package/es/components/stepController/components/Content/index.less

@@ -0,0 +1,8 @@
+.pisell-step-controller-content {
+  flex: 1;
+  width: 1000px;
+  max-width: 100%;
+  border-right: 1px solid var(--Gray-100, #f2f4f7);
+  border-left: 1px solid var(--Gray-100, #f2f4f7);
+  background: #fff;
+}

package/es/components/stepController/components/Footer/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+export interface FooterProps {
+    isMobile?: boolean;
+    children?: React.ReactNode;
+}
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/es/components/stepController/components/Footer/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classNames from 'classnames';
+import "./index.less";
+var Footer = function Footer(_ref) {
+  var isMobile = _ref.isMobile,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-step-controller-footer-wrap', {
+      'pisell-step-controller-footer-wrap-mobile': isMobile
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-step-controller-footer"
+  }, children));
+};
+export default Footer;

package/es/components/stepController/components/Footer/index.less

@@ -0,0 +1,39 @@
+.pisell-step-controller-footer-wrap {
+  position: sticky;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  background: #fff;
+  // box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+  padding: 24px;
+  z-index: 100;
+  border-top: 1px solid var(--Gray-100, #f2f4f7);
+
+  .pisell-step-controller-footer {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+    display: flex;
+    gap: 12px;
+    justify-content: flex-end;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}
+
+.pisell-step-controller-footer-wrap-mobile {
+  border-top: 1px solid #eaecf0;
+}

package/es/components/stepController/components/Header/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Step } from '../../types';
+import './index.less';
+export interface HeaderProps {
+    steps: Step[];
+    currentStepIndex: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onBack?: (key: string) => void;
+    onClose?: () => void;
+    confirmCloseProps?: {
+        isConfirmClose?: boolean;
+        title?: string;
+        content?: string;
+        okText?: string;
+        cancelText?: string;
+    };
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;