@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/lib/components/booking/components/TabProduct/selectProductItem/index.js

@@ -36,6 +36,8 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_classnames = __toESM(require("classnames"));
 var import_browserSelect = __toESM(require("../../browserSelect"));
+var import_collapsibleList = __toESM(require("../../collapsibleList"));
+var import_utils2 = require("../../collapsibleList/utils");
 var import_index = require("./index.less");
 var SelectProductItem = ({
   item,
@@ -46,6 +48,7 @@ var SelectProductItem = ({
   className,
   disabled
 }) => {
+  var _a, _b, _c, _d;
   const list = (0, import_utils.createArray)(100, (d, i) => {
     let item2 = {
       label: i,
@@ -72,16 +75,38 @@ var SelectProductItem = ({
         className: "server-select-product-cover"
       }
     ) : /* @__PURE__ */ import_react.default.createElement("div", null),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-quantity" }, /* @__PURE__ */ import_react.default.createElement(
-      import_browserSelect.default,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), (((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle) || []).length ? /* @__PURE__ */ import_react.default.createElement(
+      import_collapsibleList.default,
       {
-        options: list,
-        value: item.quantity,
-        onChange: onChangeQuantity,
-        style: { minWidth: 50 },
-        disabled
+        style: { width: "100%" },
+        list: ((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.bundle) || [],
+        renderItem: (item2) => (0, import_utils2.renderBundles)(item2, amountSymbol)
       }
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content-right" }, (0, import_utils.formatAmount)(item.price * item.quantity, 2, amountSymbol)))
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "server-select-product-quantity",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_browserSelect.default,
+        {
+          options: list,
+          value: item._extend.quantity,
+          onChange: onChangeQuantity,
+          style: { minWidth: 50 },
+          disabled
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-total" }, (0, import_utils.formatAmount)(
+        item._extend.total * item._extend.quantity,
+        2,
+        amountSymbol
+      ))
+    ))
   );
 };
 var selectProductItem_default = SelectProductItem;

package/lib/components/booking/components/TabProduct/selectProductItem/index.less

@@ -3,7 +3,7 @@
   padding: 16px;
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 12px;
 
   &::before {
@@ -33,42 +33,49 @@
   .server-select-product-content {
     flex: 1;
     display: flex;
-    align-items: center;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 4px;
+    min-height: 80px;
 
-    .server-select-product-content-left {
-      flex: 1;
+    .server-select-product-title {
+      color: var(--Base-Black, #000);
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 30px;
+    }
 
-      .server-select-product-title {
-        color: var(--Base-Black, #000);
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 30px;
-      }
+    .server-select-product-subtitle {
+      color: var(--Gray-600, #475467);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+    }
 
-      .server-select-product-subtitle {
-        color: var(--Gray-600, #475467);
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-      }
+    .server-select-product-quantity {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: var(--Gray-600, #475467);
 
-      .server-select-product-quantity {
-        color: var(--Gray-600, #475467);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
 
+      .server-select-product-total {
+        color: var(--Base-Black, #000);
         font-size: 16px;
         font-style: normal;
-        font-weight: 400;
+        font-weight: 500;
+        line-height: 24px;
       }
     }
 
-    .server-select-product-content-right {
-      color: var(--Base-Black, #000);
-      font-size: 20px;
-      font-style: normal;
-      font-weight: 600;
-    }
+
 
   }
 

package/lib/components/booking/components/TabProduct/tabs/index.less

@@ -43,7 +43,10 @@
   }
 
   .booking-pisell-tabs-btn-left {
-    transform: rotate(180deg);
+    .booking-pisell-tabs-btn-icon {
+      transform: rotate(180deg);
+
+    }
   }
 
   .booking-pisell-tabs-btn-right {

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

@@ -7,14 +7,15 @@
  */
 import React from "react";
 import "./index.less";
-interface AddButtonProps {
-    onClick: () => void;
-    title: string;
-    subTitle: string;
-    showSub: boolean;
-    style: any;
-    disabled: boolean;
-    loading: any;
+export interface AddButtonProps {
+    onClick?: () => void;
+    title?: string;
+    subTitle?: string;
+    showSub?: boolean;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    loading?: boolean;
+    showDisabledMessage?: boolean;
 }
 declare const AddButton: React.FC<AddButtonProps>;
 export default AddButton;

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

@@ -46,15 +46,18 @@ var AddButton = ({
   subTitle,
   style,
   disabled,
-  loading
+  loading,
+  showDisabledMessage = true
 }) => {
   const _onClick = () => {
     if (disabled) {
-      import_antd.message.warning(
-        import_utils.locales.getText("pisell2.text.please-select-the-customer-first")
-      );
+      if (showDisabledMessage) {
+        import_antd.message.warning(
+          import_utils.locales.getText("pisell2.text.please-select-the-customer-first")
+        );
+      }
     } else {
-      onClick();
+      onClick == null ? void 0 : onClick();
     }
   };
   if (loading) {
@@ -65,7 +68,7 @@ var AddButton = ({
     {
       className: "pisell-lowcode__booking-add-button-add-row",
       onClick: _onClick,
-      style
+      style: (0, import_utils.isFunction)(style) ? style(showSub) : style
     },
     /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-add-button-add-row-icon" }),
     /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-add-button-add-row-txt" }, subTitle)
@@ -76,7 +79,7 @@ var AddButton = ({
         "pisell-lowcode__booking-add-button-add-disabled": disabled
       }),
       onClick: _onClick,
-      style
+      style: (0, import_utils.isFunction)(style) ? style(showSub) : style
     },
     /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-add-button-add-label" }, title),
     /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "pisell-lowcode__booking-add-button-add-icon" })

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

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface CollapsibleListProps<T> {
+    list: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    border?: boolean;
+}
+declare const CollapsibleList: React.FC<CollapsibleListProps<any>>;
+export default CollapsibleList;

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

@@ -0,0 +1,94 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/components/collapsibleList/index.tsx
+var collapsibleList_exports = {};
+__export(collapsibleList_exports, {
+  default: () => collapsibleList_default
+});
+module.exports = __toCommonJS(collapsibleList_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var MAX_LIMIT = 3;
+var CollapsibleList = (props) => {
+  const { list = [], renderItem, className, style, border } = props;
+  const [maxLimit, setMaxLimit] = (0, import_react.useState)(MAX_LIMIT);
+  const handlePreviewAll = () => {
+    let _maxLimit = maxLimit;
+    if (_maxLimit === MAX_LIMIT) {
+      _maxLimit = 99;
+    } else {
+      _maxLimit = MAX_LIMIT;
+    }
+    setMaxLimit(_maxLimit);
+  };
+  const showAll = (0, import_react.useMemo)(() => {
+    return list.length > MAX_LIMIT;
+  }, [list]);
+  const viewAllText = (0, import_react.useMemo)(() => {
+    let _maxLimit = maxLimit;
+    if (_maxLimit === MAX_LIMIT) {
+      return import_utils.locales.getText("pisell2.text.view-all");
+    }
+    return import_utils.locales.getText("pisell2.text.view-less");
+  }, [maxLimit]);
+  const _list = (0, import_react.useMemo)(() => {
+    let arr = [...list];
+    let _maxLimit = maxLimit;
+    if (list.length > _maxLimit) {
+      arr = arr.slice(0, _maxLimit);
+    }
+    return arr;
+  }, [list, maxLimit]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell2-collapsible-list-wrap", className),
+      style
+    },
+    border ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-collapsible-list-top-border" }) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-collapsible-list" }, _list.map((d, i) => {
+      return renderItem(d, i);
+    })),
+    showAll ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell2-collapsible-list-view-all",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          handlePreviewAll();
+        }
+      },
+      viewAllText
+    ) : null
+  );
+};
+var collapsibleList_default = CollapsibleList;

package/lib/components/booking/components/collapsibleList/index.less

@@ -0,0 +1,61 @@
+.pisell2-collapsible-list-wrap {
+  .pisell2-collapsible-list-top-border {
+    height: 1px;
+    background: #f1f1f1;
+    width: 100%;
+    margin: 8px 0;
+  }
+
+  .pisell2-collapsible-list {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .pisell2-collapsible-list-view-all {
+    margin-top: 4px;
+    color: #7f56d9;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+    user-select: none;
+  }
+
+}
+
+
+.product-bundle-item {
+  width: 100%;
+
+  .product-bundle-info {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .product-bundle-info-title {
+      color: var(--gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 20px;
+    }
+
+    .product-bundle-info-num {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      flex-shrink: 0;
+    }
+  }
+
+  .product-bundle-option {
+    color: var(--gray-500, #667085);
+    font-size: 12px;
+    margin-top: 4px;
+  }
+
+}

package/lib/components/booking/components/collapsibleList/utils.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const renderBundles: (item: any, amountSymbol: string) => React.JSX.Element;

package/lib/components/booking/components/collapsibleList/utils.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/components/collapsibleList/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  renderBundles: () => renderBundles
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var renderBundles = (item, amountSymbol) => {
+  const options = (item == null ? void 0 : item.option) || [];
+  return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: "product-bundle-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info-num" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol), " × ", item.num)), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-option" }, options.map((option, index) => {
+    return /* @__PURE__ */ import_react.default.createElement("span", { key: option.id }, option.name, " x ", option.num, " ", index < options.length - 1 && ",", " ");
+  })));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderBundles
+});

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

@@ -1,11 +1,12 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 interface CustomSelectProps {
     options: any[];
     onValueChange: (value: any[]) => void;
     value: any[];
     rowKey: string;
     previewItemRender?: (item: any) => React.ReactNode;
+    previewItemTitleRender?: (item: any, index: number, values: any[]) => React.ReactNode;
     addButtonRender?: () => React.ReactNode;
     optionRender: (item: any) => React.ReactNode;
     addButtonProps?: any;
@@ -14,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;
@@ -28,6 +29,9 @@ interface CustomSelectProps {
     onVirtualListScroll?: any;
     modalOpen?: boolean;
     closeCallback?: () => any;
+    autoFocus?: boolean;
+    showDropDown?: boolean;
+    handleOpenModal?: () => void;
 }
 declare const _default: React.ForwardRefExoticComponent<CustomSelectProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -54,6 +54,7 @@ var CustomSelect = (props, ref) => {
     drawerProps,
     createItemText = "",
     previewItemRender,
+    previewItemTitleRender,
     addButtonRender,
     optionRender,
     filterItem,
@@ -71,8 +72,12 @@ var CustomSelect = (props, ref) => {
     onVirtualListScroll,
     loadMore,
     modalOpen,
-    closeCallback
+    closeCallback,
+    autoFocus,
+    showDropDown = true,
+    handleOpenModal: propsHandleOpenModal
   } = props;
+  const searchRef = (0, import_react.useRef)();
   const [_value, set_value] = (0, import_react.useState)([]);
   const [search, setSearch] = (0, import_react.useState)("");
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -81,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) {
@@ -95,20 +103,36 @@ var CustomSelect = (props, ref) => {
     }
     set_value(_val);
   };
-  const closeDrawer = () => {
+  const closeDrawer = (reset) => {
     setOpen(false);
     setSearch("");
+    if (reset) {
+      initValue();
+    }
     closeCallback == null ? void 0 : closeCallback();
   };
   const handleOpenModal = () => {
     if (disabled) {
       return;
     }
+    if (propsHandleOpenModal) {
+      propsHandleOpenModal();
+      return;
+    }
+    if (addButtonProps == null ? void 0 : addButtonProps.addCallback) {
+      addButtonProps == null ? void 0 : addButtonProps.addCallback();
+    }
     setOpen(true);
     initValue();
+    if (autoFocus) {
+      setTimeout(() => {
+        var _a, _b;
+        (_b = (_a = searchRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      }, 100);
+    }
   };
-  const _onValueChange = (_val) => {
-    onValueChange(_val);
+  const _onValueChange = async (_val) => {
+    await onValueChange(_val);
   };
   const handleSelectItem = (item) => {
     let _val = (0, import_utils.changeArray)(_value, item, rowKey);
@@ -143,7 +167,7 @@ var CustomSelect = (props, ref) => {
         if (filterItem) {
           return filterItem(d, search);
         }
-        return isIncludes(d.key_name || "");
+        return isIncludes(d.main_field || "");
       });
     }
     return _list;
@@ -151,8 +175,8 @@ var CustomSelect = (props, ref) => {
   const isMore = (0, import_react.useMemo)(() => {
     return _value.length > 0;
   }, [_value]);
-  const handleApply = (_val) => {
-    _onValueChange(_val || _value);
+  const handleApply = async (_val) => {
+    await _onValueChange(_val || _value);
     closeDrawer();
   };
   (0, import_react.useImperativeHandle)(ref, () => {
@@ -184,8 +208,8 @@ var CustomSelect = (props, ref) => {
   const isShowAddButton = (0, import_react.useMemo)(() => {
     return (mode === "multiple" || mode === "single" && !isMore) && !disabled;
   }, [mode, isMore, disabled]);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, isPreview ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__custom-select-cards" }, _value.map((d) => {
-    return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", null, isPreview ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__custom-select-cards" }, _value.map((d, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, previewItemTitleRender == null ? void 0 : previewItemTitleRender(d, index, _value), /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_classnames.default)(
@@ -195,7 +219,7 @@ var CustomSelect = (props, ref) => {
         key: d[rowKey]
       },
       previewItemRender == null ? void 0 : previewItemRender(d),
-      /* @__PURE__ */ import_react.default.createElement(
+      showDropDown && /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           onClick: (e) => {
@@ -217,22 +241,31 @@ var CustomSelect = (props, ref) => {
           /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__custom-select-card-menu-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_DotsVertical.default, { className: "pisell-lowcode__custom-select-card-menu-icon" }))
         )
       )
-    );
+    ));
   })), isShowAddButton ? addButtonRender ? addButtonRender() : /* @__PURE__ */ import_react.default.createElement(
     import_addButton.default,
     {
       showSub: isMore,
-      onClick: handleOpenModal,
-      ...addButtonProps
+      ...addButtonProps,
+      onClick: () => {
+        if (addButtonProps.onClick) {
+          addButtonProps.onClick();
+          return;
+        }
+        handleOpenModal();
+      }
     }
   ) : disabled ? /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } }) : null) : null, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
       open,
-      onClose: closeDrawer,
+      onClose: () => {
+        closeDrawer(true);
+      },
       header: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
         import_antd.Input,
         {
+          ref: searchRef,
           prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
           style: { marginTop: 16, height: 44 },
           placeholder: import_utils2.locales.getText("pisell2.text.search"),
@@ -289,7 +322,8 @@ var CustomSelect = (props, ref) => {
             ),
             onClick: () => {
               handleSelectItem(item);
-            }
+            },
+            id: item[rowKey]
           },
           item.loading ? /* @__PURE__ */ import_react.default.createElement(
             import_antd.Skeleton,

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

@@ -83,7 +83,6 @@
   justify-content: center;
   gap: 8px;
   padding: 16px;
-  border-bottom: 1px solid #D0D5DD;
   cursor: pointer;
 
   .pisell-lowcode__custom-select-create-icon {

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

@@ -1,9 +1,11 @@
 import React from "react";
 import { DrawerProps } from "antd";
 import "./index.less";
-interface PisellDrawerProps extends DrawerProps {
+export interface PisellDrawerProps extends DrawerProps {
     header?: React.ReactNode;
     titleNoWrap?: boolean;
+    hideScrollBar?: boolean;
+    showGoBack?: boolean;
 }
 /**
  * @title: 自定义抽屉