@pisell/private-materials 6.3.2 → 6.3.4

package/es/plus/productSelect/utils.js

@@ -0,0 +1,162 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// 商品按目录分组的工具函数
+import { locales } from '@pisell/utils';
+/**
+ * 按目录对商品进行分组，产出平级的数据结构用于虚拟列表渲染
+ * @param products 商品列表
+ * @returns 包含目录项和商品项的平级数组
+ */
+export function groupProductsByCategory(products) {
+  if (!products || products.length === 0) {
+    return [];
+  }
+
+  // 收集所有的目录信息
+  var categoryMap = new Map();
+  var categoryProductsMap = new Map();
+  var uncategorizedProducts = [];
+
+  // 遍历商品，收集目录信息和建立目录-商品映射
+  products.forEach(function (product) {
+    if (product.category && Array.isArray(product.category) && product.category.length > 0) {
+      product.category.forEach(function (cat) {
+        // 收集目录信息
+        if (!categoryMap.has(cat.id)) {
+          categoryMap.set(cat.id, {
+            __typename: 'category',
+            id: cat.id,
+            name: cat.name,
+            icon: cat.icon,
+            slug: cat.slug,
+            sort: cat.sort
+          });
+        }
+
+        // 建立目录-商品映射
+        if (!categoryProductsMap.has(cat.id)) {
+          categoryProductsMap.set(cat.id, []);
+        }
+        categoryProductsMap.get(cat.id).push(_objectSpread(_objectSpread({}, product), {}, {
+          __typename: 'product',
+          __categoryId: cat.id
+        }));
+      });
+    } else {
+      // 没有分组的商品放入未分类列表
+      uncategorizedProducts.push(_objectSpread(_objectSpread({}, product), {}, {
+        __typename: 'product',
+        __categoryId: 0
+      }));
+    }
+  });
+
+  // 按目录的sort字段排序
+  var sortedCategories = Array.from(categoryMap.values()).sort(function (a, b) {
+    return b.sort - a.sort;
+  });
+
+  // 构建最终的平级数组
+  var result = [];
+  sortedCategories.forEach(function (category) {
+    // 添加目录项
+    result.push(category);
+
+    // 添加该目录下的商品，按商品的sort字段排序
+    var categoryProducts = categoryProductsMap.get(category.id) || [];
+    var sortedProducts = categoryProducts.sort(function (a, b) {
+      var sortA = a.sort || 0;
+      var sortB = b.sort || 0;
+      return sortB - sortA;
+    });
+    result.push.apply(result, _toConsumableArray(sortedProducts));
+  });
+
+  // 如果有未分类的商品，添加other分组
+  if (uncategorizedProducts.length > 0) {
+    var otherCategory = {
+      __typename: 'category',
+      id: 0,
+      name: locales.getText('pisell2.text.other'),
+      icon: '',
+      slug: 'other',
+      sort: 99999999 // 确保other分组排在最后
+    };
+    result.push(otherCategory);
+    // 对未分类商品也进行排序
+    var sortedUncategorizedProducts = uncategorizedProducts.sort(function (a, b) {
+      var sortA = a.sort || 0;
+      var sortB = b.sort || 0;
+      return sortB - sortA;
+    });
+    result.push.apply(result, _toConsumableArray(sortedUncategorizedProducts));
+  }
+  console.log('xxxxxx', result);
+  return result;
+}
+
+/**
+ * 根据传入的元素标识符获取DOM元素
+ * @param elementIdentifier 元素标识符，可以是HTMLElement、带'#'的id、带'.'的类名或CSS选择器
+ * @returns 找到的DOM元素或null
+ */
+export function getElementByIdentifier(elementIdentifier) {
+  // 如果没有提供标识符，返回null
+  if (!elementIdentifier) {
+    return null;
+  }
+
+  // 如果是HTMLElement，直接返回
+  if (elementIdentifier instanceof HTMLElement) {
+    return elementIdentifier;
+  }
+
+  // 如果是字符串，判断是id、类名还是选择器
+  if (typeof elementIdentifier === 'string') {
+    // 如果以#开头，按id查找
+    if (elementIdentifier.startsWith('#')) {
+      return document.getElementById(elementIdentifier.slice(1));
+    }
+    // 如果以.开头，按类名查找
+    if (elementIdentifier.startsWith('.')) {
+      return document.querySelector(elementIdentifier);
+    }
+    // 否则直接作为选择器查找
+    return document.querySelector(elementIdentifier);
+  }
+  return null;
+}
+
+// 获取元素相对于指定滚动容器的偏移量
+export var getOffsetTopRelativeToScrollContainer = function getOffsetTopRelativeToScrollContainer(targetElement, scrollContainer) {
+  if (!targetElement || !scrollContainer) return 0;
+
+  // 如果目标元素就是滚动容器本身，返回0
+  if (targetElement === scrollContainer) {
+    return 0;
+  }
+  var bodyTransform = getComputedStyle(document.body).transform;
+  var scaleY = 1;
+  if (bodyTransform !== 'none') {
+    var matrix = new DOMMatrix(bodyTransform);
+    scaleY = matrix.d;
+  }
+  // 使用getBoundingClientRect计算相对偏移量
+  var targetRect = targetElement.getBoundingClientRect();
+  var containerRect = scrollContainer.getBoundingClientRect();
+
+  // targetRect.top - containerRect.top 得到目标元素相对于容器顶部的可视距离
+  // 考虑容器已经滚动的距离 再加上scrollContainer.scrollTop
+  // 这样得到的是目标元素在容器内容中的绝对位置
+  return targetRect.top / scaleY - containerRect.top / scaleY + scrollContainer.scrollTop;
+};

package/es/utils/index.d.ts

@@ -18,6 +18,6 @@ declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 export declare const setModal: (m: Omit<ModalStaticFunctions, 'warn'>) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
 }>;
 export { modal };

package/lib/components/Sales/Summary/utils.d.ts

@@ -30,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组

package/lib/components/appointmentBooking/components/Cart/Item/Total.d.ts

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

package/lib/components/appointmentBooking/components/Cart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
 export default Cart;

package/lib/components/appointmentBooking/components/Content/index.js

@@ -199,7 +199,7 @@ var Layout = () => {
     var _a2, _b2;
     if ((0, import_utils.isMobile)()) {
       const header = document.querySelector(".event-progress-bar");
-      const footer = document.querySelector(".pisell-section-footers-wrapper");
+      const footer = document.querySelector(".pisell-section-footers-wrapper") || document.querySelector("#layout-footer");
       const content = document.querySelector(
         ".parallel-content-mobile-wrap"
       );

package/lib/components/appointmentBooking/components/Content/index.less

@@ -7,7 +7,7 @@
   flex: 1;
 
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 77px !important;
     }
   }
@@ -50,7 +50,7 @@
   flex: none;
 
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 0 !important;
     }
   }
@@ -97,7 +97,7 @@
 
 .parallel-content-retail-wrap {
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 0px !important;
     }
   }

package/lib/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const DepositContent: (props: {
     isAgreeDepositPolicy: boolean;

package/lib/components/appointmentBooking/components/Header/index.d.ts

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

package/lib/components/appointmentBooking/components/Services/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(Services_exports);
 var import_react = __toESM(require("react"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
-var import_productSelect = __toESM(require("../../../productSelect"));
+var import_productSelect = __toESM(require("../../../../plus/productSelect"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_context = require("../../context");
 var import_hooks = require("../../hooks");
@@ -169,7 +169,7 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
   const _isMobile = (0, import_react.useMemo)(() => {
     if (typeof import_utils.isMobile === "function") return (0, import_utils.isMobile)();
     return import_utils.isMobile;
-  }, import_utils.isMobile);
+  }, [import_utils.isMobile]);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-service-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     import_productSelect.default,
     {

package/lib/components/appointmentBooking/components/Voucher/index.d.ts

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

package/lib/components/appointmentBooking/deposit/index.d.ts

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

package/lib/components/appointmentBooking/index.js

@@ -60,7 +60,12 @@ var AppointmentBooking = () => {
   }, []);
   (0, import_react.useEffect)(() => {
     const setRealVH = () => {
-      const vh = window.innerHeight * 0.01;
+      let height = window.innerHeight;
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has("fromTabbar")) {
+        height = height - 54;
+      }
+      const vh = height * 0.01;
       document.documentElement.style.setProperty("--vh", `${vh}px`);
     };
     setRealVH();

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/components/TabProduct/productItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/lib/components/booking/components/TabProduct/selectProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const SelectProductItem: ({ item, onClick, onChangeQuantity, amountSymbol, style, className, disabled, }: any) => JSX.Element;
 export default SelectProductItem;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, amountSymbol: string) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 空状态
  * @description:

package/lib/components/booking/components/footer/FooterMenus/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const FooterMenus: ({ state, menuChange, items }: any) => JSX.Element | null;
 export default FooterMenus;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProps {
     modal: any;

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

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

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

package/lib/components/booking/forms/single/RenderValueById.d.ts

@@ -1,3 +1,4 @@
+import './index.less';
 interface RenderValueByIdProps {
     field: any;
     value: any;

package/lib/components/booking/forms/single/RenderValueById.js

@@ -34,17 +34,20 @@ __export(RenderValueById_exports, {
 module.exports = __toCommonJS(RenderValueById_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
 var import_antd = require("antd");
 var import_ahooks = require("ahooks");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_serve = require("../serve");
+var import_index = require("./index.less");
 var RenderValueById = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { field, value: propsValue } = props;
   const { appHelper } = (0, import_useEngineContext.default)();
+  const [displayCount, setDisplayCount] = (0, import_react.useState)(10);
   const _getFormData = (0, import_ahooks.useRequest)(import_serve.getFormData, {
     manual: true,
-    cacheKey: `formOption-${(_a = field.setting) == null ? void 0 : _a.linkedTable}`,
+    cacheKey: `formOption-${(_a = field.setting) == null ? void 0 : _a.linkedTable}-${(_c = (_b = propsValue || []) == null ? void 0 : _b.toString) == null ? void 0 : _c.call(_b)}`,
     staleTime: 500,
     cacheTime: 5e3
   });
@@ -81,24 +84,49 @@ var RenderValueById = (props) => {
       }))) || [];
     }
     return (_e2 = field == null ? void 0 : field.setting) == null ? void 0 : _e2.customTypeList;
-  }, [field.filed_type, (_b = field == null ? void 0 : field.setting) == null ? void 0 : _b.customTypeList, _getFormData.data]);
+  }, [field.filed_type, (_d = field == null ? void 0 : field.setting) == null ? void 0 : _d.customTypeList, _getFormData.data]);
   if ((0, import_utils.isArr)(value)) {
+    const formListDisplay = ((_e = field == null ? void 0 : field.setting) == null ? void 0 : _e.displayStyle) === "list" && (field == null ? void 0 : field.filed_type) === "form_to_form";
     let _list = options == null ? void 0 : options.filter((i) => {
       return value == null ? void 0 : value.includes((i == null ? void 0 : i.id) || i.value);
     });
-    let _str = (_list == null ? void 0 : _list.map((i) => {
+    let _str = !formListDisplay && (_list == null ? void 0 : _list.map((i) => {
       var _a2;
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, (_a2 = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a2.translationShop((i == null ? void 0 : i.title) || (i == null ? void 0 : i.label)));
+      const title = (_a2 = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a2.translationShop((i == null ? void 0 : i.title) || (i == null ? void 0 : i.label));
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { className: "pisell-lowcode__booking-form-link-tag-title" }, title));
     })) || "-";
-    return /* @__PURE__ */ import_react.default.createElement("span", null, _str || "-");
+    if (formListDisplay) {
+      const displayList = (_list == null ? void 0 : _list.slice(0, displayCount)) || [];
+      _str = (displayList == null ? void 0 : displayList.map((i, index) => {
+        var _a2;
+        const title = (_a2 = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a2.translationShop((i == null ? void 0 : i.title) || (i == null ? void 0 : i.label));
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-form-link-to-list-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-form-link-to-list-item-index" }, index + 1), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-form-link-to-list-item-title" }, title)));
+      })) || "-";
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: formListDisplay ? "pisell-lowcode__booking-form-link-to-list-wrap" : ""
+      },
+      _str || "-",
+      formListDisplay && (_list == null ? void 0 : _list.length) > displayCount && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__booking-form-link-to-list-item-more",
+          onClick: () => setDisplayCount((prev) => Math.min(prev + 10, (_list == null ? void 0 : _list.length) || 0))
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.form.link.to.another.record.more")),
+        /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "icona-IconStroke" })
+      )
+    );
   }
   if (!(0, import_utils.isUndefined)(value)) {
-    if ((field == null ? void 0 : field.filed_type) === "select" && !((_c = field == null ? void 0 : field.setting) == null ? void 0 : _c.version)) {
+    if ((field == null ? void 0 : field.filed_type) === "select" && !((_f = field == null ? void 0 : field.setting) == null ? void 0 : _f.version)) {
       return /* @__PURE__ */ import_react.default.createElement("span", null, value || "-");
     }
     let _item = options == null ? void 0 : options.filter((i) => (i == null ? void 0 : i.id) == value);
-    return ((_f = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _f.translationShop(
-      ((_d = _item == null ? void 0 : _item[0]) == null ? void 0 : _d.title) || ((_e = _item == null ? void 0 : _item[0]) == null ? void 0 : _e.label)
+    return ((_i = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _i.translationShop(
+      ((_g = _item == null ? void 0 : _item[0]) == null ? void 0 : _g.title) || ((_h = _item == null ? void 0 : _item[0]) == null ? void 0 : _h.label)
     )) || "-";
   }
   return null;

package/lib/components/booking/forms/single/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 /**
  * @title: 表单选择器

package/lib/components/booking/forms/single/index.less

@@ -1,3 +1,69 @@
 .attachment-item {
   width: 100%;
-}
+}
+
+.pisell-lowcode__booking-form-link-tag-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  max-width: 100%;
+}
+
+.pisell-lowcode__booking-form-link-to-list-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+
+  .pisell-lowcode__booking-form-link-to-list-item-more {
+    padding: 4px 6px;
+    color: #705dff;
+    font-size: 14px;
+    cursor: pointer;
+    background-color: #f9fafb;
+    border-radius: 8px;
+    border: 1px solid #eaecf0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .pisell-lowcode__booking-form-link-to-list-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background-color: #f9fafb;
+    padding: 12px 14px;
+    border-radius: 8px;
+    border: 1px solid #eaecf0;
+    color: #101828;
+    font-size: 16px;
+    font-weight: 500;
+    white-space: normal;
+
+    .pisell-lowcode__booking-form-link-to-list-item-index {
+      padding: 0 5px;
+      min-width: 20px;
+      min-height: 20px;
+      line-height: 20px;
+      border-radius: 20px;
+      font-size: 14px;
+      font-weight: 600;
+      background-color: #705dff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+    }
+
+    .pisell-lowcode__booking-form-link-to-list-item-title {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      display: block;
+    }
+  }
+}

package/lib/components/booking/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (state: any, dispatch: any) => false | JSX.Element;
 export default useClearCart;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

package/lib/components/booking/info/date/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

package/lib/components/booking/info/header/index.d.ts

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

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

package/lib/components/booking/info/model.d.ts

@@ -1,5 +1,14 @@
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/info/notes/index.d.ts

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

package/lib/components/booking/info/service/Lists.d.ts

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

package/lib/components/booking/info/service/actions/index.d.ts

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

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info/service/serviceList/index.d.ts

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

package/lib/components/booking/info/service2/utils.d.ts

@@ -244,4 +244,4 @@ export declare const updateAppointmentServicePrice: (state: any, { start_date, e
  * @Author: WangHan
  * @Date: 2024-12-24 11:32
  */
-export declare const updateServicePrice: (state: any) => never[] | Promise<any>;
+export declare const updateServicePrice: (state: any) => Promise<any> | never[];

package/lib/components/booking/info2/service/actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../../../info/service/actions/index.less';
 declare const Actions: ({ currentService }: {
     currentService: any;

package/lib/components/booking/info2/service/addService/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellDrawerProps } from '../../../components/drawer';
 import '../../../info/service/addService/index.less';
 interface AddServiceProps {

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;