@pisell/private-materials 3.0.126 → 3.0.128-gray

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

@@ -5,11 +5,12 @@ 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, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef, useMemo } from "react";
 import Tabs from "./tabs";
 import Card from "./card";
 import ProductItem from "./productItem";
 import "./index.less";
+import { useMemoizedFn } from "ahooks";
 var io = null;
 var TabProduct = function TabProduct(props) {
   var list = props.list,
@@ -36,7 +37,7 @@ var TabProduct = function TabProduct(props) {
    * @Author: chensheng.gu
    * @Date: 2023-07-13 16:31
    */
-  var handleObserver = function handleObserver() {
+  var handleObserver = useMemoizedFn(function () {
     var _marginTop = 270;
     var _marginBottom = window.innerHeight - 70 - 200 - 70;
     var _rootMargin = "".concat(_marginTop * -1, "px 0px ").concat(_marginBottom * -1, "px 0px");
@@ -71,7 +72,7 @@ var TabProduct = function TabProduct(props) {
         _iterator.f();
       }
     }
-  };
+  });
 
   /**
    * @title: 取消监听
@@ -80,7 +81,7 @@ var TabProduct = function TabProduct(props) {
    * @Author: chensheng.gu
    * @Date: 2023-07-13 16:31
    */
-  var handleUnobserver = function handleUnobserver() {
+  var handleUnobserver = useMemoizedFn(function () {
     if (list !== null && list !== void 0 && list.length && io) {
       var _iterator2 = _createForOfIteratorHelper(list),
         _step2;
@@ -98,65 +99,67 @@ var TabProduct = function TabProduct(props) {
         _iterator2.f();
       }
     }
-  };
-  var onProductClick = function onProductClick(productDetail, type) {
+  });
+  var onProductClick = useMemoizedFn(function (productDetail, type) {
     onChange === null || onChange === void 0 ? void 0 : onChange(productDetail, type);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "booking-tab-product"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "booking-tabs-wrap",
-    style: {
-      top: "100px"
-    }
-  }, /*#__PURE__*/React.createElement(Card, {
-    className: "booking-tabs",
-    id: "product-category"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    ref: tabsRef,
-    options: list,
-    rowKey: "id",
-    tab: current,
-    onChange: function onChange(e) {
-      var _document, _document2;
-      var categoryDom = document.querySelector("#product-category");
-      var top = 0;
-      if (categoryDom) {
-        top = categoryDom.offsetHeight + 16;
-      }
-      var dom = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#list-" + e);
-      var main = (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(scrollDom || "");
-      if (dom && main) {
-        main.scrollTop = dom.offsetTop - top;
-      }
-      handleUnobserver();
-      setCurrent(e);
-      setTimeout(function () {
-        handleObserver();
-      }, 1000);
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "booking-category-list"
-  }, list.map(function (d, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "booking-category-item",
-      id: "list-".concat(d.id),
-      key: i
+  });
+  return useMemo(function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "booking-tab-product"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "booking-category-title"
-    }, d.name), /*#__PURE__*/React.createElement("div", {
-      className: "booking-product-list"
+      className: "booking-tabs-wrap",
+      style: {
+        top: "100px"
+      }
     }, /*#__PURE__*/React.createElement(Card, {
-      className: "booking-card",
-      layout: 2
-    }, d.products.map(function (item) {
-      return /*#__PURE__*/React.createElement(ProductItem, {
-        key: item.id,
-        item: item,
-        onClick: onProductClick,
-        amountSymbol: amountSymbol
-      });
+      className: "booking-tabs",
+      id: "product-category"
+    }, /*#__PURE__*/React.createElement(Tabs, {
+      ref: tabsRef,
+      options: list,
+      rowKey: "id",
+      tab: current,
+      onChange: function onChange(e) {
+        var _document, _document2;
+        var categoryDom = document.querySelector("#product-category");
+        var top = 0;
+        if (categoryDom) {
+          top = categoryDom.offsetHeight + 16;
+        }
+        var dom = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#list-" + e);
+        var main = (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(scrollDom || "");
+        if (dom && main) {
+          main.scrollTop = dom.offsetTop - top;
+        }
+        handleUnobserver();
+        setCurrent(e);
+        setTimeout(function () {
+          handleObserver();
+        }, 1000);
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "booking-category-list"
+    }, list.map(function (d, i) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "booking-category-item",
+        id: "list-".concat(d.id),
+        key: i
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "booking-category-title"
+      }, d.name), /*#__PURE__*/React.createElement("div", {
+        className: "booking-product-list"
+      }, /*#__PURE__*/React.createElement(Card, {
+        className: "booking-card",
+        layout: 2
+      }, d.products.map(function (item) {
+        return /*#__PURE__*/React.createElement(ProductItem, {
+          key: item.id,
+          item: item,
+          onClick: onProductClick,
+          amountSymbol: amountSymbol
+        });
+      }))));
     }))));
-  }))));
+  }, [list, current, amountSymbol]);
 };
 export default TabProduct;

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

@@ -31,7 +31,7 @@ interface CustomSelectProps {
     closeCallback?: () => any;
     autoFocus?: boolean;
     showDropDown?: boolean;
-    handleOpenModal: () => void;
+    handleOpenModal?: () => void;
 }
 declare const _default: React.ForwardRefExoticComponent<CustomSelectProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import "./index.less";
+import './index.less';
 export interface InfoProps {
     forms: any[];
     value: any;
@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: any;
 export default Forms;

package/es/components/booking/forms/forms.js

@@ -14,13 +14,14 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import React from "react";
+import React, { useMemo } from 'react';
 import { Provider } from "./model";
 import Single from "./single";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 import { formatAddFormValues } from "./format";
 import { isWalkIn } from "../utils";
 import "./index.less";
+import { useMemoizedFn } from 'ahooks';
 /**
  * @title: 表单模块
  * @description:
@@ -45,7 +46,7 @@ var Forms = Provider(function (props) {
     addButtonProps = props.addButtonProps;
 
   // 新增数据
-  var onAction = /*#__PURE__*/function () {
+  var onAction = useMemoizedFn( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formDataConfig, isAdd) {
       var _data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -54,11 +55,11 @@ var Forms = Provider(function (props) {
             _data = {
               formDataConfig: _objectSpread({}, formDataConfig)
             };
-            if (formDataConfig.data_range === "customer" && !isWalkIn(client === null || client === void 0 ? void 0 : client.id)) {
+            if (formDataConfig.data_range === 'customer' && !isWalkIn(client === null || client === void 0 ? void 0 : client.id)) {
               _data.customerId = client.id;
             }
             action({
-              type: "pisell1.goCustomFormAddData",
+              type: 'pisell1.goCustomFormAddData',
               data: _data,
               callback: function callback(res) {
                 if (isAdd) {
@@ -88,11 +89,11 @@ var Forms = Provider(function (props) {
         }
       }, _callee);
     }));
-    return function onAction(_x, _x2) {
+    return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }();
-  var onValueChange = function onValueChange(form, val) {
+  }());
+  var onValueChange = useMemoizedFn(function (form, val) {
     onChange({
       values: _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, form.form_id, formatAddFormValues({
         clientId: client === null || client === void 0 ? void 0 : client.id,
@@ -104,23 +105,23 @@ var Forms = Provider(function (props) {
         value: val
       }
     });
-  };
-  var _handleViewItem = function handleViewItem(props) {
+  });
+  var _handleViewItem = useMemoizedFn(function (props) {
     var form = props.form,
       record = props.record;
     var _data = {
       record: record,
       formDataConfig: form
     };
-    if (form.data_range === "customer" && !isWalkIn(client === null || client === void 0 ? void 0 : client.id)) {
+    if (form.data_range === 'customer' && !isWalkIn(client === null || client === void 0 ? void 0 : client.id)) {
       _data.customerId = client.id;
     }
     action({
-      type: "pisell1.goCustomFormDetail",
+      type: 'pisell1.goCustomFormDetail',
       data: _data,
       callback: function callback(res) {
         var cur = _toConsumableArray(value[form.form_id] || []);
-        if (res.type === "delete") {
+        if (res.type === 'delete') {
           cur = cur.filter(function (d) {
             return d.form_record_id !== record.form_record_id;
           });
@@ -145,52 +146,54 @@ var Forms = Provider(function (props) {
         onValueChange(form, cur);
       }
     });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (forms || []).map(function (d) {
-    var _d$form;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode__booking-field-wrap",
-      style: {
-        padding: hideTitle ? 0 : "12px 0 0"
-      },
-      key: d.form_id
-    }, hideTitle ? null : /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode__booking-field-title"
-    }, d.form.title), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode__booking-field-com"
-    }, /*#__PURE__*/React.createElement(Single, {
-      modalOpen: modalOpen,
-      form: d,
-      watch: {
-        value: value
-      },
-      mode: d.type,
-      value: value[d.form_id] || [],
-      onChange: function onChange(val) {
-        onValueChange(d, val);
-      },
-      onAdd: function onAdd() {
-        onAction(d, true);
-      },
-      addButtonProps: _objectSpread({
-        loading: loading,
-        // 如果表单是客户数据, 并且未选择客户  则禁止选择表单
-        disabled: d.data_range === "customer" && isWalkIn(client === null || client === void 0 ? void 0 : client.id)
-      }, addButtonProps),
-      customSelectProps: _objectSpread({
-        handleViewItem: function handleViewItem(record) {
-          _handleViewItem({
-            form: d,
-            record: record
-          });
+  });
+  return useMemo(function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, (forms || []).map(function (d) {
+      var _d$form;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "pisell-lowcode__booking-field-wrap",
+        style: {
+          padding: hideTitle ? 0 : '12px 0 0'
+        },
+        key: d.form_id
+      }, hideTitle ? null : /*#__PURE__*/React.createElement("div", {
+        className: "pisell-lowcode__booking-field-title"
+      }, d.form.title), /*#__PURE__*/React.createElement("div", {
+        className: "pisell-lowcode__booking-field-com"
+      }, /*#__PURE__*/React.createElement(Single, {
+        modalOpen: modalOpen,
+        form: d,
+        watch: {
+          value: value
+        },
+        mode: d.type,
+        value: value[d.form_id] || [],
+        onChange: function onChange(val) {
+          onValueChange(d, val);
         },
-        handleCreateItem: function handleCreateItem() {
-          onAction(d, false);
+        onAdd: function onAdd() {
+          onAction(d, true);
         },
-        createItemText: "".concat(locales.getText("pisell2.text.create-new"), " ").concat(((_d$form = d.form) === null || _d$form === void 0 ? void 0 : _d$form.title) || "-")
-      }, customSelectProps || {}),
-      optionRender: optionRender
-    })));
-  }));
+        addButtonProps: _objectSpread({
+          loading: loading,
+          // 如果表单是客户数据, 并且未选择客户  则禁止选择表单
+          disabled: d.data_range === 'customer' && isWalkIn(client === null || client === void 0 ? void 0 : client.id)
+        }, addButtonProps),
+        customSelectProps: _objectSpread({
+          handleViewItem: function handleViewItem(record) {
+            _handleViewItem({
+              form: d,
+              record: record
+            });
+          },
+          handleCreateItem: function handleCreateItem() {
+            onAction(d, false);
+          },
+          createItemText: "".concat(locales.getText('pisell2.text.create-new'), " ").concat(((_d$form = d.form) === null || _d$form === void 0 ? void 0 : _d$form.title) || '-')
+        }, customSelectProps || {}),
+        optionRender: optionRender
+      })));
+    }));
+  }, [forms, hideTitle, modalOpen, value, loading, client === null || client === void 0 ? void 0 : client.id, addButtonProps, customSelectProps, optionRender]);
 });
 export default Forms;

package/es/components/booking/info/client/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
-declare const Info: () => React.JSX.Element;
-export default Info;
+import React from 'react';
+import './index.less';
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+export default _default;