@pisell/private-materials 3.0.154 → 3.0.156

package/es/components/booking/addons/index.js

@@ -36,7 +36,7 @@ import TabProduct from "../components/TabProduct";
 import EmptyBooking from "../components/emptyBooking";
 import Footer from "../components/footer";
 import { formatProductBundle } from "../components/footer/utils";
-import { formatProductListByCategory, getProductTotalPrice } from "../utils";
+import { formatProductListByCategory, getProductTotalPrice, request } from "../utils";
 import { locales, getUniqueId } from '@pisell/utils';
 import "./index.less";
 import useEngineContext from "../../../hooks/useEngineContext";
@@ -136,6 +136,7 @@ var Addons = Provider(function (props) {
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
     isTerminal = _ref.isTerminal,
     interaction = _ref.interaction;
+  request.setRequest(context.appHelper.utils.request);
   useEffect(function () {
     dispatch({
       type: 'setState',
@@ -161,12 +162,13 @@ var Addons = Provider(function (props) {
   var init = function init() {
     getAddonsByOrderId();
   };
-  useEffect(function () {
-    // addons 只有详情阶段之后才可以进行
-    if (state.bookingDetail) {
-      init();
-    }
-  }, [state.bookingDetail]);
+
+  // useEffect(() => {
+  //   // addons 只有详情阶段之后才可以进行
+  //   if (state.bookingId) {
+  //     init();
+  //   }
+  // }, [state.bookingId]);
 
   // 这里暂时不用了, 用页面上的 refreshBookingDetail 统一更新
   useEffect(function () {
@@ -549,6 +551,7 @@ var Addons = Provider(function (props) {
   })) : /*#__PURE__*/React.createElement(EmptyBooking, {
     description: locales.getText('pisell1.text.no-addons')
   }), /*#__PURE__*/React.createElement(Drawer, {
+    titleNoWrap: true,
     open: state.addons.showModal,
     title: locales.getText('pisell2.text.addons'),
     onClose: function onClose() {

package/es/components/booking/addons/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/components/TabProduct/index.js

@@ -109,7 +109,7 @@ var TabProduct = function TabProduct(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "booking-tabs-wrap",
       style: {
-        top: "100px"
+        top: "67px"
       }
     }, /*#__PURE__*/React.createElement(Card, {
       className: "booking-tabs",

package/es/components/booking/components/customSelect/index.js

@@ -411,6 +411,7 @@ var CustomSelect = function CustomSelect(props, ref) {
     onClose: function onClose() {
       closeDrawer(true);
     },
+    titleNoWrap: true,
     header: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
       ref: searchRef,
       prefix: /*#__PURE__*/React.createElement(SearchLg, null),
@@ -454,7 +455,10 @@ var CustomSelect = function CustomSelect(props, ref) {
   }), /*#__PURE__*/React.createElement(List, {
     itemLayout: "horizontal",
     dataSource: renderList,
-    loading: loading,
+    loading: {
+      spinning: !!loading,
+      delay: 500
+    },
     loadMore: loadMore,
     renderItem: function renderItem(item) {
       return /*#__PURE__*/React.createElement(List.Item, {

package/es/components/booking/components/drawer/index.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { DrawerProps } from "antd";
-import "./index.less";
+import React from 'react';
+import { DrawerProps } from 'antd';
+import './index.less';
 export interface PisellDrawerProps extends DrawerProps {
     header?: React.ReactNode;
     titleNoWrap?: boolean;

package/es/components/booking/components/drawer/index.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
-import { Drawer as OriginDrawer } from "antd";
-import ArrowLeft from "@pisell/icon/es/ArrowLeft";
+import React from 'react';
+import { Drawer as OriginDrawer } from 'antd';
+import ArrowLeft from '@pisell/icon/es/ArrowLeft';
 import "./index.less";
-import classNames from "classnames";
+import classNames from 'classnames';
 /**
  * @title: 自定义抽屉
  * @description:
@@ -18,12 +18,12 @@ var Drawer = function Drawer(props) {
     _props$showGoBack = props.showGoBack,
     showGoBack = _props$showGoBack === void 0 ? true : _props$showGoBack;
   return /*#__PURE__*/React.createElement(OriginDrawer, _extends({
-    width: "600px",
+    width: '600px',
     closable: false,
     zIndex: 999
   }, props, {
-    className: classNames("pisell-lowcode__booking-drawer", props.className, {
-      "pisell-lowcode__booking-drawer-hide-scrollbar": hideScrollBar
+    className: classNames('pisell-lowcode__booking-drawer', props.className, {
+      'pisell-lowcode__booking-drawer-hide-scrollbar': hideScrollBar
     }),
     title: false,
     bodyStyle: {
@@ -32,17 +32,19 @@ var Drawer = function Drawer(props) {
     push: false,
     mask: false
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("pisell-lowcode__booking-drawer-title-wrap")
-  }, showGoBack && /*#__PURE__*/React.createElement(ArrowLeft, {
-    className: "pisell-lowcode__booking-drawer-back",
+    className: classNames('pisell-lowcode__booking-drawer-title-wrap')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-drawer-title-line",
     onClick: function onClick(e) {
       var _props$onClose;
       (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props, e);
     }
+  }, showGoBack && /*#__PURE__*/React.createElement(ArrowLeft, {
+    className: "pisell-lowcode__booking-drawer-back"
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("pisell-lowcode__booking-drawer-title", {
-      "pisell-lowcode__booking-drawer-title-no-wrap": props.titleNoWrap
+    className: classNames('pisell-lowcode__booking-drawer-title', {
+      'pisell-lowcode__booking-drawer-title-no-wrap': props.titleNoWrap
     })
-  }, props.title), props.header), /*#__PURE__*/React.createElement("div", null, props.children));
+  }, props.title)), props.header), /*#__PURE__*/React.createElement("div", null, props.children));
 };
 export default Drawer;

package/es/components/booking/components/drawer/index.less

@@ -1,5 +1,4 @@
 .pisell-lowcode__booking-drawer-title-wrap {
-  cursor: pointer;
   position: sticky;
   top: 0;
   left: 0;
@@ -9,18 +8,21 @@
   padding: 24px 32px 0 32px;
 
 
+  .pisell-lowcode__booking-drawer-title-line {
+    cursor: pointer;
+  }
 
   .pisell-lowcode__booking-drawer-back {
-    font-size: 32px;
+    font-size: 18px !important;
     color: #000000;
+    margin-right: 6px;
+    cursor: pointer;
   }
 
   .pisell-lowcode__booking-drawer-title {
     color: var(--base-black, #000);
-
-    /* Display sm/Medium */
-
-    font-size: 30px;
+    cursor: pointer;
+    font-size: 18px !important;
     font-style: normal;
     font-weight: 500;
     line-height: 38px;

package/es/components/booking/components/footer/index.js

@@ -42,7 +42,7 @@ import { isBooking4Shop } from "../../info/utils";
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _context$appHelper, _store$getState, _store$getState$call, _store$getState$call$, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$bookingConfig8, _state$bookingConfig9, _state$addons2, _state$addons4, _state$bookingDetail11;
+  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$bookingConfig8, _state$bookingConfig9, _state$addons2, _state$addons4, _state$bookingDetail11;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -62,13 +62,25 @@ var Footer = function Footer(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     checkoutLoading = _useState6[0],
     setCheckoutLoading = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isShowPaymentLink = _useState8[0],
+    setIsShowPaymentLink = _useState8[1];
   var context = useEngineContext();
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     isTerminal = _context$appHelper$ut.isTerminal,
     interaction = _context$appHelper$ut.interaction,
     store = _context$appHelper$ut.store,
     storage = _context$appHelper$ut.storage;
-  var isShowPaymentLink = store === null || store === void 0 ? void 0 : (_store$getState = store.getState) === null || _store$getState === void 0 ? void 0 : (_store$getState$call = _store$getState.call(store)) === null || _store$getState$call === void 0 ? void 0 : (_store$getState$call$ = _store$getState$call.global) === null || _store$getState$call$ === void 0 ? void 0 : _store$getState$call$.paymentLinkBtnShow;
+  useEffect(function () {
+    store === null || store === void 0 ? void 0 : store.dispatch({
+      type: 'global/_getMetadataMap',
+      callback: function callback(data) {
+        console.log(data, 'data');
+        setIsShowPaymentLink(!!data['payment_collection_link_config_switch']);
+      }
+    });
+  }, []);
   var _Modal$useModal = Modal.useModal(),
     _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
     modal = _Modal$useModal2[0],
@@ -124,11 +136,13 @@ var Footer = function Footer(props) {
       });
     }
   }, [state.bookingDetail]);
-  useEffect(function () {
-    store === null || store === void 0 ? void 0 : store.dispatch({
-      type: 'global/_getPaymentLinkBtnShow'
-    });
-  }, []);
+
+  // useEffect(() => {
+  //   console.log('_getPaymentLinkBtnShow_getPaymentLinkBtnShow');
+  //   // store?.dispatch({
+  //   //   type: 'global/_getPaymentLinkBtnShow',
+  //   // });
+  // }, []);
 
   // board 配置
   var params = useMemo(function () {

package/es/components/booking/deposit/EditDepositModal/index.less

@@ -3,6 +3,9 @@
     display: flex;
     gap: 12px;
   }
+  .pisell-lowcode-modal-header {
+    padding: 0 0 10px;
+  }
   .pisell-lowcode__edit-deposit-modal-field-list {
     display: flex;
     flex-direction: column;

package/es/components/booking/forms/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/info/client/index.js

@@ -32,6 +32,7 @@ import { image, locales } from '@pisell/utils';
 import { isWalkIn as getIsWalkIn } from "../../utils";
 import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "./serve";
 import { useMemoizedFn } from 'ahooks';
+var isLoadClient = false;
 var Client = function Client() {
   var _state$client$value2, _state$client$value3, _state$client$value4, _state$client$value5, _state$client$value6, _state$client$value7;
   var modalRef = useRef();
@@ -52,9 +53,10 @@ var Client = function Client() {
     setFranchiseeLoading = _useState6[1];
   var _useState7 = useState({
       skip: 1,
-      num: 50,
+      num: 10,
       total: 0,
-      search: ''
+      search: '',
+      sort_by: 'id'
     }),
     _useState8 = _slicedToArray(_useState7, 2),
     params = _useState8[0],
@@ -79,14 +81,24 @@ var Client = function Client() {
   }, [state.disabledEdit]);
   var getClients = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-      var customer_id, resetParams, _setLoading, api, data, list, _payload, customerItem, totalList;
+      var customer_id, resetParams, _setLoading, _state$client, _state$client$clients, api, data, list, _payload, customerItem, totalList;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             customer_id = _ref.customer_id, resetParams = _objectWithoutProperties(_ref, _excluded);
-            _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
+            if (resetParams.skip === 1) {
+              // 搜索时展示loading
+              if (resetParams.search) {
+                _setLoading = setLoading;
+              } else {
+                _setLoading = isLoadClient || state !== null && state !== void 0 && (_state$client = state.client) !== null && _state$client !== void 0 && (_state$client$clients = _state$client.clients) !== null && _state$client$clients !== void 0 && _state$client$clients.length ? function () {} : setLoading;
+              }
+            } else {
+              _setLoading = setLoadLoading;
+            }
+            // let _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
             _setLoading(true);
-            api = state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClients;
+            api = state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClientsEs;
             _context.next = 6;
             return api(_objectSpread(_objectSpread({}, resetParams), !state.isFranchisee ? {
               _config: {
@@ -126,9 +138,11 @@ var Client = function Client() {
               type: 'setClient',
               payload: _payload
             });
-            _setLoading(false);
+            setLoading(false);
+            setLoadLoading(false);
+            isLoadClient = true;
             return _context.abrupt("return", {});
-          case 17:
+          case 19:
           case "end":
             return _context.stop();
         }
@@ -153,7 +167,8 @@ var Client = function Client() {
     if (getIsWalkIn(item === null || item === void 0 ? void 0 : item.id)) {
       return locales.getText('pisell2.text.select-a-customer');
     }
-    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || '';
+    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : "";
+    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || firstLastName.trim() || '';
   }, [locales.localeMap]);
 
   /**
@@ -280,12 +295,17 @@ var Client = function Client() {
         showReceiveAddress: false,
         showAcceptsMarketing: false
       },
-      callback: function callback(customer_id) {
-        getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: '',
-          customer_id: customer_id,
-          skip: 1
-        }));
+      callback: function callback(customer_id, params) {
+        var _params$, _params$2, _state$client2;
+        // 创建后本地数据处理到数组
+        dispatch({
+          type: 'setClient',
+          payload: {
+            clients: [].concat(_toConsumableArray(params !== null && params !== void 0 && (_params$ = params[0]) !== null && _params$ !== void 0 && _params$.customer ? [_objectSpread(_objectSpread({}, params === null || params === void 0 ? void 0 : (_params$2 = params[0]) === null || _params$2 === void 0 ? void 0 : _params$2.customer), {}, {
+              id: customer_id
+            })] : []), _toConsumableArray(((_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.clients) || []))
+          }
+        });
       }
     });
   });
@@ -384,7 +404,7 @@ var Client = function Client() {
       mode: "single",
       createItemText: locales.getText('pisell2.text.create-new-customer'),
       closeCallback: function closeCallback() {
-        searchChange('');
+        // searchChange('');
       },
       optionRender: function optionRender(item) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {

package/es/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { FormState } from "../../../model";
+import React from 'react';
+import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;
     setGlobalState: (val: any) => void;
@@ -7,7 +7,7 @@ interface useClientFnParams {
     onRemoveClient?: () => void;
 }
 declare const useClientFn: (_params: useClientFnParams) => {
-    setClient: (client: Partial<FormState["client"]>) => void;
+    setClient: (client: Partial<FormState['client']>) => void;
     isWalkIn: boolean;
     handleSelectClient: (value: any) => Promise<unknown>;
     menuChange: (e: any) => void;
@@ -16,7 +16,7 @@ declare const useClientFn: (_params: useClientFnParams) => {
         key: string;
         label: any;
     }[];
-    handleCreateItem: () => void;
+    handleCreateItem: (cb?: () => void) => void;
     getClients: ({ customer_id, customer_ids, ...resetParams }: {
         customer_id?: number | undefined;
         skip?: number | undefined;

package/es/components/booking/info/clientVariant/hooks/useClientFn.js

@@ -20,12 +20,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { isWalkIn as getIsWalkIn } from "../../../utils";
 import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "../../client/serve";
 import { walkInData } from "../../model";
-import { locales } from "@pisell/utils";
-import { Button } from "antd";
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import useIsLowSpeedNetwork from "./useIsLowSpeedNetwork";
+var isLoadClient = false;
 var useClientFn = function useClientFn(_params) {
   var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2, _state$bookingConfig$3, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8, _state$client$value2;
   var state = _params.state,
@@ -44,12 +46,13 @@ var useClientFn = function useClientFn(_params) {
     _useState6 = _slicedToArray(_useState5, 2),
     franchiseeLoading = _useState6[0],
     setFranchiseeLoading = _useState6[1];
+  var isLowSpeedNetwork = useIsLowSpeedNetwork();
   var _useState7 = useState({
       skip: 1,
-      num: 50,
+      num: 5,
       total: 0,
-      search: "",
-      with: ["formRecord"],
+      search: '',
+      with: ['formRecord'],
       relation_form_id: state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.basic) === null || _state$bookingConfig$2 === void 0 ? void 0 : (_state$bookingConfig$3 = _state$bookingConfig$2.appointment_subject) === null || _state$bookingConfig$3 === void 0 ? void 0 : _state$bookingConfig$3.form_id
     }),
     _useState8 = _slicedToArray(_useState7, 2),
@@ -73,16 +76,27 @@ var useClientFn = function useClientFn(_params) {
   }, [(_state$client$value2 = state.client.value) === null || _state$client$value2 === void 0 ? void 0 : _state$client$value2.id]);
   var getClients = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, returnResult) {
-      var customer_id, customer_ids, resetParams, _setLoading, api, data, list, _payload, customerItem, totalList;
+      var customer_id, customer_ids, resetParams, _setLoading, _state$client, _state$client$clients, api, data, list, _payload, customerItem, totalList;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             customer_id = _ref.customer_id, customer_ids = _ref.customer_ids, resetParams = _objectWithoutProperties(_ref, _excluded);
-            _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
+            if (resetParams.skip === 1) {
+              // 搜索时展示loading
+              if (resetParams.search) {
+                _setLoading = setLoading;
+              } else {
+                _setLoading = isLoadClient || state !== null && state !== void 0 && (_state$client = state.client) !== null && _state$client !== void 0 && (_state$client$clients = _state$client.clients) !== null && _state$client$clients !== void 0 && _state$client$clients.length ? function () {} : setLoading;
+              }
+            } else {
+              _setLoading = setLoadLoading;
+            }
             _setLoading(true);
             api = state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClients;
             _context.next = 6;
-            return api(_objectSpread(_objectSpread(_objectSpread({}, resetParams), state.isFranchisee ? {
+            return api(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetParams), resetParams.search ? {
+              num: 10
+            } : {}), state.isFranchisee ? {
               franchisee_customer_ids: customer_ids
             } : {
               customer_ids: customer_ids
@@ -136,9 +150,11 @@ var useClientFn = function useClientFn(_params) {
             setGlobalState({
               client: _objectSpread(_objectSpread({}, stateRef.current.client), _payload)
             });
-            _setLoading(false);
+            isLoadClient = true;
+            setLoading(false);
+            setLoadLoading(false);
             return _context.abrupt("return", {});
-          case 19:
+          case 21:
           case "end":
             return _context.stop();
         }
@@ -157,14 +173,14 @@ var useClientFn = function useClientFn(_params) {
       showModal: true
     });
     getClients(_objectSpread(_objectSpread({}, paramsRef.current), {}, {
-      search: val || "",
+      search: val || '',
       skip: 1
     }));
     (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.open();
   };
   var handleViewClient = function handleViewClient() {
     state.action({
-      type: "pisell1.handleOpenCustomerModal",
+      type: 'pisell1.handleOpenCustomerModal',
       data: {
         id: state.client.value.id
       },
@@ -176,7 +192,7 @@ var useClientFn = function useClientFn(_params) {
           handleSelectClient([data]);
         }
         getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: "",
+          search: '',
           customer_id: data === null || data === void 0 ? void 0 : data.id,
           skip: 1
         }));
@@ -188,12 +204,12 @@ var useClientFn = function useClientFn(_params) {
     // { key: "view", label: locales.getText("pisell2.text.view-profile") },
     // { key: "change", label: locales.getText("pisell2.text.change-customer") },
     {
-      key: "remove",
-      label: locales.getText("pisell2.text.remove-customer")
+      key: 'remove',
+      label: locales.getText('pisell2.text.remove-customer')
     }];
     if (state.disabledEdit) {
       list = list.filter(function (d) {
-        return d.key === "view";
+        return d.key === 'view';
       });
     }
     return list;
@@ -262,16 +278,17 @@ var useClientFn = function useClientFn(_params) {
   }();
   var getNickname = useCallback(function (item) {
     if (getIsWalkIn(item === null || item === void 0 ? void 0 : item.id)) {
-      return locales.getText("pisell2.text.select-a-customer");
+      return locales.getText('pisell2.text.select-a-customer');
     }
-    return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || "";
+    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : "";
+    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || firstLastName.trim() || '';
   }, [locales.localeMap]);
   useEffect(function () {
     if (state.action) {
       state.action({
-        type: "pisell1.registerPlugin",
+        type: 'pisell1.registerPlugin',
         data: {
-          pluginList: ["CustomerDetailPlugin"]
+          pluginList: ['CustomerDetailPlugin']
         }
       });
     }
@@ -329,22 +346,32 @@ var useClientFn = function useClientFn(_params) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var handleCreateItem = function handleCreateItem() {
+  var handleCreateItem = function handleCreateItem(cb) {
     state.action({
-      type: "pisell1.handleOpenAddCustomerModal",
+      type: 'pisell1.handleOpenAddCustomerModal',
       data: {
         showReceiveAddress: false,
         showAcceptsMarketing: false
       },
-      callback: function callback(customer_id) {
-        getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: "",
-          customer_id: customer_id,
-          skip: 1
-        }));
+      callback: function callback(customer_id, params) {
+        var _params$, _params$2, _state$client2;
+        cb === null || cb === void 0 ? void 0 : cb();
+        setClient({
+          clients: [].concat(_toConsumableArray(params !== null && params !== void 0 && (_params$ = params[0]) !== null && _params$ !== void 0 && _params$.customer ? [_objectSpread(_objectSpread({}, params === null || params === void 0 ? void 0 : (_params$2 = params[0]) === null || _params$2 === void 0 ? void 0 : _params$2.customer), {}, {
+            id: customer_id,
+            form_record: []
+          })] : []), _toConsumableArray(((_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.clients) || []))
+        });
+        // getClients({
+        //   ...state.client.clientsParams,
+        //   search: '',
+        //   customer_id,
+        //   skip: 1,
+        // });
       }
     });
   };
+
   var searchChange = function searchChange(search) {
     var _params = _objectSpread(_objectSpread({}, paramsRef.current), {}, {
       skip: 1,
@@ -357,8 +384,8 @@ var useClientFn = function useClientFn(_params) {
     return show ? /*#__PURE__*/React.createElement("div", {
       className: "",
       style: {
-        textAlign: "center",
-        padding: "16px 0"
+        textAlign: 'center',
+        padding: '16px 0'
       }
     }, /*#__PURE__*/React.createElement(Button, {
       loading: loadLoading,
@@ -368,7 +395,7 @@ var useClientFn = function useClientFn(_params) {
         });
         getClients(_objectSpread({}, _params));
       }
-    }, locales.getText("pisell2.text.load-more"))) : null;
+    }, locales.getText('pisell2.text.load-more'))) : null;
   }, [loadLoading, params, state.client.clients.length]);
   return {
     setClient: setClient,

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

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

package/es/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.js

@@ -0,0 +1,14 @@
+import { useMemo, useRef } from 'react';
+import { useNetwork } from "ahooks";
+var useIsLowSpeedNetwork = function useIsLowSpeedNetwork() {
+  var networkState = useNetwork();
+  var isLowSpeedNetwork = useRef(false);
+
+  // 低速网络
+  var isLowSpeedNetworkMemo = useMemo(function () {
+    return ['slow-2g', '2g', '3g'].includes((networkState === null || networkState === void 0 ? void 0 : networkState.effectiveType) || '') || ((networkState === null || networkState === void 0 ? void 0 : networkState.downlink) || 20) <= 1 || ((networkState === null || networkState === void 0 ? void 0 : networkState.rtt) || 0) > 500;
+  }, [networkState]);
+  isLowSpeedNetwork.current = isLowSpeedNetworkMemo;
+  return isLowSpeedNetwork;
+};
+export default useIsLowSpeedNetwork;

package/es/components/booking/info/clientVariant/vertical/SelectDrawer.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import "./SelectDrawer.less";
+import React from 'react';
+import './SelectDrawer.less';
 interface SelectDrawerProps {
     autoFocus?: boolean;
     onClose: () => void;
     handleSelectClient: (val: any) => void;
-    handleCreateItem: () => void;
+    handleCreateItem: (cb: () => void) => void;
     handleSelectPet: (val: any) => void;
     childrenValue: any[];
     formData: any;