@pisell/private-materials 6.3.14 → 6.4.1

package/lib/components/ticketBooking/utils/index.js

@@ -34,11 +34,16 @@ __export(utils_exports, {
   createSimpleCacheItem: () => createSimpleCacheItem,
   formatBookingList: () => formatBookingList,
   formatDateToStr: () => formatDateToStr,
+  formatHolder: () => formatHolder,
+  formatOptions: () => formatOptions,
+  formatScanCustomer: () => formatScanCustomer,
+  formatScanGlobal: () => formatScanGlobal,
   genServiceKey: () => genServiceKey,
   getCartProductOverlay: () => getCartProductOverlay,
   getDefaultStartParam: () => getDefaultStartParam,
   getDisabledEdit: () => getDisabledEdit,
   getIsOverlayProduct: () => getIsOverlayProduct,
+  getIsParallelResourcesBooking: () => getIsParallelResourcesBooking,
   getIsShowNumber: () => getIsShowNumber,
   getNextTimeSlice: () => getNextTimeSlice,
   isSameProduct: () => isSameProduct,
@@ -84,9 +89,6 @@ var getDisabledEdit = ({ shop_discount, bookings, payment_status }) => {
   if (bookings.list.some((d) => !d.detail)) {
     return true;
   }
-  if (shop_discount && Number(shop_discount)) {
-    return true;
-  }
   let list = [
     "unfulfilled",
     "paid",
@@ -99,6 +101,19 @@ var getDisabledEdit = ({ shop_discount, bookings, payment_status }) => {
   }
   return false;
 };
+var formatOptions = (detail) => {
+  var _a;
+  return (((_a = detail == null ? void 0 : detail.product_sku) == null ? void 0 : _a.option) || []).map((item) => {
+    return {
+      ...item,
+      price: item.price || item.add_price
+    };
+  });
+};
+var formatHolder = (detail) => {
+  var _a, _b;
+  return (_b = (_a = detail == null ? void 0 : detail.holder) == null ? void 0 : _a.form_record) == null ? void 0 : _b[0];
+};
 var restoreProductOtherData = (data) => {
   let { detail, ...resetD } = data;
   if (!detail) {
@@ -106,7 +121,7 @@ var restoreProductOtherData = (data) => {
   }
   return {
     product_id: detail.product_id,
-    option: [],
+    option: formatOptions(detail),
     bundle: (detail.product_bundle || []).map((bundleItem) => {
       return {
         ...bundleItem,
@@ -114,6 +129,7 @@ var restoreProductOtherData = (data) => {
         group_id: bundleItem.bundle_group_id,
         id: bundleItem.bundle_id,
         product_id: bundleItem.bundle_product_id,
+        _bundle_product_id: bundleItem.bundle_product_id,
         bundle_variant_id: bundleItem.bundle_variant_id,
         quantity: bundleItem.num,
         option: bundleItem.option.map((optionItem) => {
@@ -127,7 +143,7 @@ var restoreProductOtherData = (data) => {
         price: (bundleItem == null ? void 0 : bundleItem.bundle_sum_type) === "markdown" ? `-${Number(bundleItem.bundle_sum_price)}` : Number(bundleItem.bundle_sum_price)
       };
     }),
-    product_variant_id: 0,
+    product_variant_id: detail.product_variant_id || 0,
     quantity: Number(detail.product_quantity)
   };
 };
@@ -142,7 +158,7 @@ var addService = (list, addItem, state) => {
   let value = list;
   let count;
   if (!(0, import_utils.isNormalProductByDurationSchedule)(addItem) && !getIsOverlayProduct(addItem, state)) {
-    value.push(addItem);
+    value.unshift(addItem);
     count = addItem._extend.quantity;
   } else {
     let isNotSame = true;
@@ -169,8 +185,13 @@ var addService = (list, addItem, state) => {
       }
       return item;
     });
+    const _idx = value.findIndex((item) => item.id === addItem.id);
+    if (_idx !== -1) {
+      const [removed] = value.splice(_idx, 1);
+      value.unshift(removed);
+    }
     if (isNotSame) {
-      value.push(addItem);
+      value.unshift(addItem);
       count = addItem._extend.quantity;
     }
   }
@@ -186,10 +207,10 @@ var addServiceScroll = (rowKey, cacheItem) => {
       });
     } else {
       setTimeout(() => {
-        const bookingWrap = document.querySelectorAll(`.booking-info-warp`);
+        const bookingWrap = document.querySelectorAll(`.pisell-lowcode__booking-service-wrap`);
         if (bookingWrap.length) {
           bookingWrap[0].scrollTo({
-            top: 99999,
+            top: 0,
             behavior: "smooth"
           });
         }
@@ -219,13 +240,47 @@ var genServiceKey = (item) => {
   const start_time = (_b = item._extend) == null ? void 0 : _b.start_time;
   const total = (_c = item._extend) == null ? void 0 : _c.total;
   let resourceKey = "";
-  Object.values(item._extend.resource).forEach((resources) => {
+  Object.values(item._extend.resource || []).forEach((resources) => {
     resources.forEach((resource) => {
       resourceKey += `${resource.relation_id}`;
     });
   });
   return `${product_id}-${durationKey}-${resourceKey}-${start_time}-${total}`;
 };
+var getIsParallelResourcesBooking = (record) => {
+  return (record == null ? void 0 : record.relation_id) === 0 && (record == null ? void 0 : record.relation_type) === "";
+};
+var formatScanCustomer = (data) => {
+  var _a;
+  const { result, scanCode } = data;
+  const { response, searchType } = result || {};
+  const { data: customerData, code = 200 } = response || {};
+  if (code !== 200) {
+    return null;
+  }
+  if ((0, import_utils2.isArr)(customerData)) {
+    return { searchType, data: (_a = customerData[0]) == null ? void 0 : _a.customer, scanCode };
+  }
+  return { searchType, data: customerData == null ? void 0 : customerData.customer, scanCode };
+};
+var formatScanGlobal = (data) => {
+  var _a;
+  const { result, scanCode } = data;
+  const { response, searchType } = result || {};
+  const { data: resultData, code } = response || {};
+  if (code !== 200 && searchType !== "local_product") {
+    return null;
+  }
+  if (searchType === "wallet") {
+    return { searchType, data: resultData.customer, scanCode };
+  }
+  if (searchType === "walletPass") {
+    return { searchType, data: (_a = resultData == null ? void 0 : resultData[0]) == null ? void 0 : _a.customer, scanCode };
+  }
+  if (searchType === "product" || searchType === "local_product") {
+    return { searchType, data: resultData, scanCode };
+  }
+};
 var createSimpleCacheItem = (item, e, state) => {
   let cacheItem = {
     ...item,
@@ -250,11 +305,16 @@ var createSimpleCacheItem = (item, e, state) => {
   createSimpleCacheItem,
   formatBookingList,
   formatDateToStr,
+  formatHolder,
+  formatOptions,
+  formatScanCustomer,
+  formatScanGlobal,
   genServiceKey,
   getCartProductOverlay,
   getDefaultStartParam,
   getDisabledEdit,
   getIsOverlayProduct,
+  getIsParallelResourcesBooking,
   getIsShowNumber,
   getNextTimeSlice,
   isSameProduct,

package/lib/hooks/index.d.ts

@@ -0,0 +1,10 @@
+export { default as useComponents } from './useComponents';
+export { default as useEngineContext } from './useEngineContext';
+export { default as useLocale } from './useLocale';
+export { default as useLoginUser } from './useLoginUser';
+export { default as useModal } from './useModal';
+export { default as usePrefix } from './usePrefix';
+export { default as useToast } from './useToast';
+export { default as useTranslationOriginal } from './useTranslationOriginal';
+export { default as useWindowSize } from './useWindowSize';
+export type { UseModalOptions, UseModalReturn } from './useModal';

package/lib/hooks/index.js

@@ -0,0 +1,63 @@
+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/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useComponents: () => import_useComponents.default,
+  useEngineContext: () => import_useEngineContext.default,
+  useLocale: () => import_useLocale.default,
+  useLoginUser: () => import_useLoginUser.default,
+  useModal: () => import_useModal.default,
+  usePrefix: () => import_usePrefix.default,
+  useToast: () => import_useToast.default,
+  useTranslationOriginal: () => import_useTranslationOriginal.default,
+  useWindowSize: () => import_useWindowSize.default
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useComponents = __toESM(require("./useComponents"));
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var import_useLocale = __toESM(require("./useLocale"));
+var import_useLoginUser = __toESM(require("./useLoginUser"));
+var import_useModal = __toESM(require("./useModal"));
+var import_usePrefix = __toESM(require("./usePrefix"));
+var import_useToast = __toESM(require("./useToast"));
+var import_useTranslationOriginal = __toESM(require("./useTranslationOriginal"));
+var import_useWindowSize = __toESM(require("./useWindowSize"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useComponents,
+  useEngineContext,
+  useLocale,
+  useLoginUser,
+  useModal,
+  usePrefix,
+  useToast,
+  useTranslationOriginal,
+  useWindowSize
+});

package/lib/hooks/useEngineContext.d.ts

@@ -1,10 +1,3 @@
-declare type IEngineContext = {
-    appHelper: any;
-    engine: any;
-    blockContext: any;
-    components: any;
-    pageContext: any;
-};
-declare const useEngineContext: () => IEngineContext;
+declare const useEngineContext: () => any;
 export declare const usePisellOS: () => any;
 export default useEngineContext;

package/lib/hooks/useEngineContext.js

@@ -29,13 +29,14 @@ var useEngineContext = () => {
   const context = (0, import_react.useContext)(
     window.__appContext || defaultContext
   );
+  if (!Object.keys(context).length) {
+    return window.__injectedContext;
+  }
   return context || {};
 };
 var usePisellOS = () => {
   var _a;
-  const context = (0, import_react.useContext)(
-    window.__appContext || defaultContext
-  );
+  const context = useEngineContext();
   const { pisellos } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
   return pisellos;
 };

package/lib/hooks/useLogger.d.ts

@@ -0,0 +1,2 @@
+declare const useLogger: () => any;
+export default useLogger;

package/lib/hooks/useLogger.js

@@ -0,0 +1,42 @@
+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/hooks/useLogger.ts
+var useLogger_exports = {};
+__export(useLogger_exports, {
+  default: () => useLogger_default
+});
+module.exports = __toCommonJS(useLogger_exports);
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var useLogger = () => {
+  var _a, _b, _c, _d;
+  const context = (0, import_useEngineContext.default)();
+  const logger = (_d = (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getApp) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.logger;
+  return logger;
+};
+var useLogger_default = useLogger;

package/lib/hooks/useModal.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { PisellModalProps } from '@pisell/materials';
+export interface UseModalOptions {
+    /** 默认的 modal 配置 */
+    defaultProps?: Partial<PisellModalProps>;
+    /** 是否在关闭时销毁内容 */
+    destroyOnClose?: boolean;
+}
+export interface UseModalReturn {
+    /** modal 是否可见 */
+    visible: boolean;
+    /** 打开 modal */
+    open: (props?: Partial<PisellModalProps>) => void;
+    /** 关闭 modal */
+    close: () => void;
+    /** Modal 组件 */
+    Modal: React.FC<{
+        children?: React.ReactNode;
+        title?: React.ReactNode;
+        onOk?: () => void;
+        onCancel?: () => void;
+    } & Partial<PisellModalProps>>;
+    /** 当前 modal 的 props */
+    modalProps: PisellModalProps;
+}
+/**
+ * useModal Hook
+ *
+ * 基于 PisellContainer 实现的 modal hook
+ *
+ * @param options 配置选项
+ * @returns 返回 modal 相关的状态和方法
+ */
+declare const useModal: (options?: UseModalOptions) => UseModalReturn;
+export default useModal;

package/lib/hooks/useModal.example.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * useModal Hook 使用示例
+ *
+ * 这个文件展示了 useModal hook 的各种用法
+ */
+export declare const BasicExample: React.FC;
+export declare const WithDefaultPropsExample: React.FC;
+export declare const DynamicConfigExample: React.FC;
+export declare const WithConfirmExample: React.FC;
+export declare const ComplexContentExample: React.FC;
+export declare const UseModalExamples: React.FC;

package/lib/hooks/useModal.example.js

@@ -0,0 +1,144 @@
+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/hooks/useModal.example.tsx
+var useModal_example_exports = {};
+__export(useModal_example_exports, {
+  BasicExample: () => BasicExample,
+  ComplexContentExample: () => ComplexContentExample,
+  DynamicConfigExample: () => DynamicConfigExample,
+  UseModalExamples: () => UseModalExamples,
+  WithConfirmExample: () => WithConfirmExample,
+  WithDefaultPropsExample: () => WithDefaultPropsExample
+});
+module.exports = __toCommonJS(useModal_example_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_useModal = __toESM(require("./useModal"));
+var BasicExample = () => {
+  const { open, close, Modal } = (0, import_useModal.default)();
+  const handleOpenModal = () => {
+    open({
+      title: "基本示例",
+      width: 600
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleOpenModal }, "打开基本 Modal"), /* @__PURE__ */ import_react.default.createElement(Modal, null, /* @__PURE__ */ import_react.default.createElement("p", null, "这是一个基本的 modal 内容示例。"), /* @__PURE__ */ import_react.default.createElement("p", null, "点击确定或取消按钮可以关闭 modal。"), /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: close }, "手动关闭"))));
+};
+var WithDefaultPropsExample = () => {
+  const { open, Modal } = (0, import_useModal.default)({
+    defaultProps: {
+      title: "默认标题",
+      width: 800,
+      size: "large",
+      okText: "保存",
+      cancelText: "取消"
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => open() }, "打开带默认配置的 Modal"), /* @__PURE__ */ import_react.default.createElement(Modal, null, /* @__PURE__ */ import_react.default.createElement("p", null, "这个 modal 使用了默认配置。"), /* @__PURE__ */ import_react.default.createElement("p", null, "标题、宽度、按钮文字都是预设的。")));
+};
+var DynamicConfigExample = () => {
+  const { open, Modal } = (0, import_useModal.default)();
+  const handleOpenSmall = () => {
+    open({
+      title: "小尺寸 Modal",
+      size: "small",
+      okText: "确认"
+    });
+  };
+  const handleOpenLarge = () => {
+    open({
+      title: "大尺寸 Modal",
+      size: "large",
+      footer: null
+      // 隐藏底部按钮
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleOpenSmall }, "打开小 Modal"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleOpenLarge }, "打开大 Modal (无底部)")), /* @__PURE__ */ import_react.default.createElement(Modal, null, /* @__PURE__ */ import_react.default.createElement("p", null, "这个 modal 的配置是动态传入的。")));
+};
+var WithConfirmExample = () => {
+  const { open, close, Modal } = (0, import_useModal.default)();
+  const handleSave = async () => {
+    console.log("保存数据...");
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+    console.log("保存成功！");
+    close();
+  };
+  const handleCancel = () => {
+    console.log("取消操作");
+    close();
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => open({ title: "确认操作" }) }, "打开带确认的 Modal"), /* @__PURE__ */ import_react.default.createElement(
+    Modal,
+    {
+      onOk: handleSave,
+      onCancel: handleCancel,
+      okText: "保存",
+      cancelText: "取消"
+    },
+    /* @__PURE__ */ import_react.default.createElement("p", null, "这个示例展示了如何处理确认和取消操作。"),
+    /* @__PURE__ */ import_react.default.createElement("p", null, "点击保存按钮会执行异步操作。")
+  ));
+};
+var ComplexContentExample = () => {
+  const [formData, setFormData] = import_react.default.useState({ name: "", email: "" });
+  const { open, close, Modal } = (0, import_useModal.default)();
+  const handleSubmit = () => {
+    console.log("提交表单:", formData);
+    close();
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => open({ title: "用户信息", width: 500 }) }, "打开表单 Modal"), /* @__PURE__ */ import_react.default.createElement(Modal, { onOk: handleSubmit }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "16px 0" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement("label", null, "姓名："), /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      type: "text",
+      value: formData.name,
+      onChange: (e) => setFormData({ ...formData, name: e.target.value }),
+      style: { marginLeft: 8, padding: "4px 8px" }
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement("label", null, "邮箱："), /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      type: "email",
+      value: formData.email,
+      onChange: (e) => setFormData({ ...formData, email: e.target.value }),
+      style: { marginLeft: 8, padding: "4px 8px" }
+    }
+  )))));
+};
+var UseModalExamples = () => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 24 } }, /* @__PURE__ */ import_react.default.createElement("h1", null, "useModal Hook 使用示例"), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 24 } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "基本用法"), /* @__PURE__ */ import_react.default.createElement(BasicExample, null)), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 24 } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "带默认配置"), /* @__PURE__ */ import_react.default.createElement(WithDefaultPropsExample, null)), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 24 } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "动态配置"), /* @__PURE__ */ import_react.default.createElement(DynamicConfigExample, null)), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 24 } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "带确认操作"), /* @__PURE__ */ import_react.default.createElement(WithConfirmExample, null)), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 24 } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "复杂内容"), /* @__PURE__ */ import_react.default.createElement(ComplexContentExample, null)));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BasicExample,
+  ComplexContentExample,
+  DynamicConfigExample,
+  UseModalExamples,
+  WithConfirmExample,
+  WithDefaultPropsExample
+});

package/lib/hooks/useModal.integration.example.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+/**
+ * 如何在现有组件中集成新的 useModal hook 的示例
+ *
+ * 这个示例展示了如何重构 SendPaymentLinkModal 来使用新的 useModal hook
+ */
+interface SendPaymentLinkModalProps {
+    balanceAmount?: string;
+    customerEmail?: string;
+}
+export declare const SendPaymentLinkModal: React.FC<SendPaymentLinkModalProps>;
+export declare const ConfirmDeleteModal: React.FC;
+export declare const InfoModal: React.FC;
+export declare const IntegrationExamples: React.FC;
+export {};