@pisell/private-materials 3.0.99 → 3.0.100

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

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 interface CustomSelectProps {
     options: any[];
     onValueChange: (value: any[]) => void;
@@ -15,7 +15,7 @@ interface CustomSelectProps {
     loading?: boolean;
     previewItemClassName?: string;
     optionClassName?: string;
-    mode?: "single" | "multiple" | "form";
+    mode?: 'single' | 'multiple' | 'form';
     filterItem?: (item: any, search: string) => boolean;
     isPreview?: boolean;
     name?: string;

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

@@ -13,17 +13,17 @@ 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, useMemo, useState, useImperativeHandle, forwardRef, useRef } from "react";
-import PlusCircle from "@pisell/icon/es/PlusCircle";
-import SearchLg from "@pisell/icon/es/SearchLg";
-import DotsVertical from "@pisell/icon/es/DotsVertical";
-import { changeArray, getItemByArray } from "@pisell/utils";
+import React, { useEffect, useMemo, useState, useImperativeHandle, forwardRef, useRef } from 'react';
+import PlusCircle from '@pisell/icon/es/PlusCircle';
+import SearchLg from '@pisell/icon/es/SearchLg';
+import DotsVertical from '@pisell/icon/es/DotsVertical';
+import { changeArray, getItemByArray } from '@pisell/utils';
 import Drawer from "../drawer";
 import AddButton from "../addButton";
-import classNames from "classnames";
-import { Input, List, Skeleton, Dropdown, Checkbox, Button } from "antd";
+import classNames from 'classnames';
+import { Input, List, Skeleton, Dropdown, Checkbox, Button } from 'antd';
 import "./index.less";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 /**
  * @title: 选择器
  * @description:
@@ -39,11 +39,11 @@ var CustomSelect = function CustomSelect(props, ref) {
     onValueChange = props.onValueChange,
     value = props.value,
     _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
     addButtonProps = props.addButtonProps,
     drawerProps = props.drawerProps,
     _props$createItemText = props.createItemText,
-    createItemText = _props$createItemText === void 0 ? "" : _props$createItemText,
+    createItemText = _props$createItemText === void 0 ? '' : _props$createItemText,
     previewItemRender = props.previewItemRender,
     previewItemTitleRender = props.previewItemTitleRender,
     addButtonRender = props.addButtonRender,
@@ -52,11 +52,11 @@ var CustomSelect = function CustomSelect(props, ref) {
     previewItemClassName = props.previewItemClassName,
     optionClassName = props.optionClassName,
     _props$mode = props.mode,
-    mode = _props$mode === void 0 ? "single" : _props$mode,
+    mode = _props$mode === void 0 ? 'single' : _props$mode,
     _props$isPreview = props.isPreview,
     isPreview = _props$isPreview === void 0 ? true : _props$isPreview,
     _props$name = props.name,
-    name = _props$name === void 0 ? "item" : _props$name,
+    name = _props$name === void 0 ? 'item' : _props$name,
     handleCreateItem = props.handleCreateItem,
     handleViewItem = props.handleViewItem,
     _props$virtualListHei = props.virtualListHeight,
@@ -81,7 +81,7 @@ var CustomSelect = function CustomSelect(props, ref) {
     _value = _useState2[0],
     set_value = _useState2[1];
   // 搜索值
-  var _useState3 = useState(""),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
     search = _useState4[0],
     setSearch = _useState4[1];
@@ -97,11 +97,14 @@ var CustomSelect = function CustomSelect(props, ref) {
       setOpen(false);
     }
   }, [modalOpen]);
+  var strValue = useMemo(function () {
+    return JSON.stringify(value);
+  }, [value]);
 
   // 当value 发生变化时, 将外部value 处理成内部value
   useEffect(function () {
     initValue();
-  }, [value]);
+  }, [strValue]);
 
   /**
    * @title: 转换value到内部
@@ -133,7 +136,7 @@ var CustomSelect = function CustomSelect(props, ref) {
     // 关闭
     setOpen(false);
     // 清空搜索
-    setSearch("");
+    setSearch('');
     // 如果直接关闭弹窗, 则将value恢复到上一次的数据
     if (reset) {
       initValue();
@@ -211,7 +214,7 @@ var CustomSelect = function CustomSelect(props, ref) {
     var _val = changeArray(_value, item, rowKey);
 
     // 单选则直接返回
-    if (mode === "single") {
+    if (mode === 'single') {
       handleApply([item]);
     }
     set_value(_val);
@@ -270,7 +273,7 @@ var CustomSelect = function CustomSelect(props, ref) {
         if (filterItem) {
           return filterItem(d, search);
         }
-        return isIncludes(d.main_field || "");
+        return isIncludes(d.main_field || '');
       });
     }
     return _list;
@@ -332,19 +335,19 @@ var CustomSelect = function CustomSelect(props, ref) {
    */
   var menuItems = useMemo(function () {
     var list = [{
-      key: "view",
-      label: "".concat(locales.getText("pisell2.text.view"), " ").concat(name)
+      key: 'view',
+      label: "".concat(locales.getText('pisell2.text.view'), " ").concat(name)
     }, {
-      key: "change",
-      label: "".concat(locales.getText("pisell2.text.change"), " ").concat(name)
+      key: 'change',
+      label: "".concat(locales.getText('pisell2.text.change'), " ").concat(name)
     }, {
-      key: "remove",
-      label: "".concat(locales.getText("pisell2.text.remove"), " ").concat(name)
+      key: 'remove',
+      label: "".concat(locales.getText('pisell2.text.remove'), " ").concat(name)
     }];
     // 禁止编辑时 只展示view
     if (disabled) {
       list = list.filter(function (d) {
-        return d.key === "view";
+        return d.key === 'view';
       });
     }
     return list;
@@ -360,13 +363,13 @@ var CustomSelect = function CustomSelect(props, ref) {
    */
   var isShowAddButton = useMemo(function () {
     //  (多选 ||  (单选 && 没有选择值))  && 没有禁止点击
-    return (mode === "multiple" || mode === "single" && !isMore) && !disabled;
+    return (mode === 'multiple' || mode === 'single' && !isMore) && !disabled;
   }, [mode, isMore, disabled]);
   return /*#__PURE__*/React.createElement("div", null, isPreview ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__custom-select-cards"
   }, _value.map(function (d, index) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, previewItemTitleRender === null || previewItemTitleRender === void 0 ? void 0 : previewItemTitleRender(d, index, _value), /*#__PURE__*/React.createElement("div", {
-      className: classNames("pisell-lowcode__custom-select-card", previewItemClassName),
+      className: classNames('pisell-lowcode__custom-select-card', previewItemClassName),
       key: d[rowKey]
     }, previewItemRender === null || previewItemRender === void 0 ? void 0 : previewItemRender(d), showDropDown && /*#__PURE__*/React.createElement("div", {
       onClick: function onClick(e) {
@@ -415,7 +418,7 @@ var CustomSelect = function CustomSelect(props, ref) {
         marginTop: 16,
         height: 44
       },
-      placeholder: locales.getText("pisell2.text.search"),
+      placeholder: locales.getText('pisell2.text.search'),
       value: search,
       allowClear: true,
       onChange: function onChange(e) {
@@ -430,7 +433,7 @@ var CustomSelect = function CustomSelect(props, ref) {
         handleCreateItem === null || handleCreateItem === void 0 ? void 0 : handleCreateItem();
       },
       style: {
-        padding: createItemText ? 16 : "16px 0 0 0"
+        padding: createItemText ? 16 : '16px 0 0 0'
       }
     }, createItemText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PlusCircle, {
       className: "pisell-lowcode__custom-select-create-icon"
@@ -438,16 +441,16 @@ var CustomSelect = function CustomSelect(props, ref) {
       className: "pisell-lowcode__custom-select-create-txt"
     }, createItemText))))
   }, drawerProps, {
-    footer: mode === "multiple" && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    footer: mode === 'multiple' && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
       style: {
-        width: "100%"
+        width: '100%'
       },
       type: "primary",
       size: "large",
       onClick: function onClick() {
         handleApply();
       }
-    }, locales.getText("pisell2.text.apply")))
+    }, locales.getText('pisell2.text.apply')))
   }), /*#__PURE__*/React.createElement(List, {
     itemLayout: "horizontal",
     dataSource: renderList,
@@ -455,8 +458,8 @@ var CustomSelect = function CustomSelect(props, ref) {
     loadMore: loadMore,
     renderItem: function renderItem(item) {
       return /*#__PURE__*/React.createElement(List.Item, {
-        className: classNames("pisell-lowcode__custom-select-card-list-item", optionClassName, {
-          "pisell-lowcode__custom-select-card-list-item-active": getItemByArray(_value, item, rowKey)
+        className: classNames('pisell-lowcode__custom-select-card-list-item', optionClassName, {
+          'pisell-lowcode__custom-select-card-list-item-active': getItemByArray(_value, item, rowKey)
         }),
         onClick: function onClick() {
           handleSelectItem(item);
@@ -470,7 +473,7 @@ var CustomSelect = function CustomSelect(props, ref) {
         paragraph: false
       }) : /*#__PURE__*/React.createElement("div", {
         className: "pisell-lowcode__custom-select-card-list-item-content"
-      }, mode === "multiple" && /*#__PURE__*/React.createElement(Checkbox, {
+      }, mode === 'multiple' && /*#__PURE__*/React.createElement(Checkbox, {
         className: "custom-select-checkbox",
         checked: getItemByArray(_value, item, rowKey)
       }), optionRender(item)));

package/es/components/booking/info/service/addService/index.js

@@ -205,6 +205,7 @@ var Info = function Info() {
   var handleSelectProduct = function handleSelectProduct(item, type) {
     // 是否有单规格 组合规格 套餐, 如果没有不需要打开弹窗
     var isEject = type === 'detail' || item.bundle_group_count > 0;
+    var lock = false;
     state.action({
       type: 'pisell1.handleOpenProductModal',
       data: {
@@ -219,6 +220,16 @@ var Info = function Info() {
         is_eject: isEject ? 1 : 0
       },
       callback: function callback(e) {
+        // 防止选择商品弹窗多次触发callback
+        if (lock) {
+          return;
+        }
+        lock = true;
+
+        // 1秒后解除
+        setTimeout(function () {
+          lock = false;
+        }, 1000);
         var cacheItem = _objectSpread(_objectSpread({}, item), {}, {
           product_id: item.id,
           _id: getUniqueId(),

package/es/components/booking/info/service/editService/index.js

@@ -342,10 +342,10 @@ var Info = function Info() {
     }
     submitLock = true;
 
-    // 500毫秒后解除
+    // 1500毫秒后解除
     setTimeout(function () {
       submitLock = false;
-    }, 500);
+    }, 1500);
     var _list = _toConsumableArray(state.service.value);
     var _item = _objectSpread(_objectSpread({}, state.service.cacheItem), {}, {
       autoClose: false,

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

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 interface CustomSelectProps {
     options: any[];
     onValueChange: (value: any[]) => void;
@@ -15,7 +15,7 @@ interface CustomSelectProps {
     loading?: boolean;
     previewItemClassName?: string;
     optionClassName?: string;
-    mode?: "single" | "multiple" | "form";
+    mode?: 'single' | 'multiple' | 'form';
     filterItem?: (item: any, search: string) => boolean;
     isPreview?: boolean;
     name?: string;

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

@@ -86,9 +86,12 @@ var CustomSelect = (props, ref) => {
       setOpen(false);
     }
   }, [modalOpen]);
+  const strValue = (0, import_react.useMemo)(() => {
+    return JSON.stringify(value);
+  }, [value]);
   (0, import_react.useEffect)(() => {
     initValue();
-  }, [value]);
+  }, [strValue]);
   const initValue = () => {
     let _val = value;
     if (!value) {

package/lib/components/booking/info/service/addService/index.js

@@ -162,6 +162,7 @@ var Info = () => {
   };
   const handleSelectProduct = (item, type) => {
     const isEject = type === "detail" || item.bundle_group_count > 0;
+    let lock = false;
     state.action({
       type: "pisell1.handleOpenProductModal",
       data: {
@@ -177,6 +178,13 @@ var Info = () => {
       },
       callback: (e) => {
         var _a2, _b2;
+        if (lock) {
+          return;
+        }
+        lock = true;
+        setTimeout(() => {
+          lock = false;
+        }, 1e3);
         let cacheItem = {
           ...item,
           product_id: item.id,

package/lib/components/booking/info/service/editService/index.js

@@ -221,7 +221,7 @@ var Info = () => {
     submitLock = true;
     setTimeout(() => {
       submitLock = false;
-    }, 500);
+    }, 1500);
     let _list = [...state.service.value];
     let _item = {
       ...state.service.cacheItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.99",
+  "version": "3.0.100",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",