@pisell/private-materials 6.3.104 → 6.3.105

package/lib/plus/pisellSalesGrid/serve.js

@@ -0,0 +1,142 @@
+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/plus/pisellSalesGrid/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getBookingList: () => getBookingList,
+  getOrderList: () => getOrderList
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var import_dayjs = __toESM(require("dayjs"));
+var formatParams = (params) => {
+  const { orderDate, total_amount, sort: sort_key, ...rest } = params;
+  let order_by, sort;
+  if (sort_key) {
+    const [orderByValue, sortValue] = sort_key.split(":");
+    order_by = orderByValue;
+    sort = sortValue;
+  }
+  return {
+    ...rest,
+    ...(orderDate == null ? void 0 : orderDate[0]) && {
+      start_time: (0, import_dayjs.default)(orderDate[0]).format("YYYY-MM-DD")
+    },
+    ...(orderDate == null ? void 0 : orderDate[1]) && {
+      end_time: (0, import_dayjs.default)(orderDate[1]).format("YYYY-MM-DD")
+    },
+    ...(total_amount == null ? void 0 : total_amount.min) !== void 0 && {
+      min_total_amount: total_amount.min
+    },
+    ...(total_amount == null ? void 0 : total_amount.max) !== void 0 && {
+      max_total_amount: total_amount.max
+    },
+    ...order_by && { order_by },
+    ...sort && { sort },
+    with: [
+      "customer",
+      "contactsInfo",
+      "tag",
+      "createAccount",
+      "paidPayment",
+      "lastEditAccount"
+    ]
+  };
+};
+var getOrderList = async (params) => {
+  const res = await import_utils.request.getRequest().post(`/shop/order/v2/list`, formatParams(params), {
+    abort: true,
+    fullResult: true,
+    isShopApi: true
+  });
+  return res == null ? void 0 : res.data;
+};
+var formatBookingParams = (params) => {
+  const {
+    booking_time_start_between,
+    created_at_between,
+    updated_at_between,
+    number_between,
+    total_amount_between,
+    sort,
+    ...rest
+  } = params;
+  const bookingTimeRange = Array.isArray(booking_time_start_between) ? booking_time_start_between.map(
+    (value) => value ? (0, import_dayjs.default)(value).format("YYYY-MM-DD HH:mm:ss") : void 0
+  ).filter((value) => value) : void 0;
+  const createdRange = Array.isArray(created_at_between) ? created_at_between.map(
+    (value) => value ? (0, import_dayjs.default)(value).format("YYYY-MM-DD HH:mm:ss") : void 0
+  ).filter((value) => value) : void 0;
+  const updatedRange = Array.isArray(updated_at_between) ? updated_at_between.map(
+    (value) => value ? (0, import_dayjs.default)(value).format("YYYY-MM-DD HH:mm:ss") : void 0
+  ).filter((value) => value) : void 0;
+  const numberRange = Array.isArray(number_between) ? number_between : (number_between == null ? void 0 : number_between.min) != null || (number_between == null ? void 0 : number_between.max) != null ? [number_between == null ? void 0 : number_between.min, number_between == null ? void 0 : number_between.max] : void 0;
+  const amountRange = Array.isArray(total_amount_between) ? total_amount_between : (total_amount_between == null ? void 0 : total_amount_between.min) != null || (total_amount_between == null ? void 0 : total_amount_between.max) != null ? [total_amount_between == null ? void 0 : total_amount_between.min, total_amount_between == null ? void 0 : total_amount_between.max] : void 0;
+  let ext = sort === "after_execution_time:asc" ? {
+    after_execution_time: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss")
+  } : { order_by: sort };
+  return {
+    ...rest,
+    ...ext,
+    ...(bookingTimeRange == null ? void 0 : bookingTimeRange.length) && {
+      booking_time_start_between: bookingTimeRange
+    },
+    ...(createdRange == null ? void 0 : createdRange.length) && { created_at_between: createdRange },
+    ...(updatedRange == null ? void 0 : updatedRange.length) && { updated_at_between: updatedRange },
+    ...numberRange && { number_between: numberRange },
+    ...amountRange && { total_amount_between: amountRange },
+    with: [
+      "order.contactsInfo",
+      "order.customer",
+      "order.payment",
+      "appointmentForm.formRecord",
+      // 'children',
+      "form",
+      "contacts",
+      "eventResources.relationForm",
+      "notes"
+    ],
+    holder_data: 1,
+    child_booking: 1
+    // 仅展示子预约
+  };
+};
+var getBookingList = async (params) => {
+  const { data } = await import_utils.request.getRequest().get(`/shop/schedule/booking`, formatBookingParams(params), {
+    abort: true,
+    fullResult: true,
+    isShopApi: true
+  });
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getBookingList,
+  getOrderList
+});

package/lib/plus/pisellSalesGrid/types.d.ts

@@ -0,0 +1,170 @@
+import type { CSSProperties, ReactNode } from 'react';
+/** 排序子项（如 从低到高 / 从高到低），用于 getSortItems 返回值 */
+export interface SortOptionItemCompat {
+    key: string;
+    label: string;
+}
+/** 排序列表项：type 由 Sort 内置生成子项；getSortItems 则完全自定义子项，与 RecordBoard Sort 约定一致 */
+export interface SortListItemCompat {
+    name?: string | string[];
+    label?: string;
+    /** 排序类型，有 getSortItems 时可省略 */
+    type?: 'date' | 'string' | 'number' | 'option';
+    isCustom?: boolean;
+    columnKey?: string;
+    localFilter?: boolean;
+    isHidden?: boolean;
+    /** 自定义排序子项，优先于 type */
+    getSortItems?: (fieldKey: string) => SortOptionItemCompat[];
+}
+/** 筛选列表项：与 RecordBoard / PisellFilter 使用的 FilterItemProps 形状兼容 */
+export interface FilterItemPropsCompat {
+    type: 'single' | 'input' | 'datePicker' | 'rangePicker' | 'rangePickerNew' | 'search' | 'custom';
+    key: string;
+    name?: string | string[];
+    label?: string;
+    props?: Record<string, any>;
+    other?: Record<string, any>;
+    isCustom?: boolean;
+    columnKey?: string;
+    isHidden?: boolean;
+}
+/** 筛选默认值：quickFilter / otherFilter 为筛项列表，values 为表单值 */
+export interface FilterDefaultValueCompat {
+    quickFilter?: FilterItemPropsCompat[];
+    otherFilter?: FilterItemPropsCompat[];
+    values?: Record<string, any>;
+}
+/** ToolBar 内筛选配置：defaultFilterValue 提供筛项与初始值 */
+export interface RecordBoardToolBarFilterCompat {
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
+    defaultFilterValue?: FilterDefaultValueCompat;
+    [key: string]: any;
+}
+/** ToolBar 内排序配置：list 为排序项数组 */
+export interface RecordBoardToolBarSortCompat {
+    list?: SortListItemCompat[];
+    placement?: 'bottom' | 'bottomLeft' | 'bottomRight' | 'top' | 'topLeft' | 'topRight';
+    [key: string]: any;
+}
+/** ToolBar 内快速筛选配置：filterList 覆盖列派生的快筛列表 */
+export interface RecordBoardToolBarQuickFilterCompat {
+    filterList?: FilterItemPropsCompat[];
+    formFiltersPrefix?: string;
+    size?: 'small' | 'middle' | 'large';
+    [key: string]: any;
+}
+/** ToolBar 透传配置：与 RecordBoardToolBarProps 对齐，供 perspective.childComponentProps.toolBar 使用 */
+export interface RecordBoardToolBarPropsCompat {
+    className?: string;
+    style?: CSSProperties;
+    tabs?: ReactNode;
+    topLeft?: ReactNode;
+    topRight?: ReactNode;
+    bottomLeft?: ReactNode;
+    bottomRight?: ReactNode;
+    /** 搜索：true 默认 PisellFind；对象透传 props；false 不渲染 */
+    search?: boolean | Record<string, any>;
+    /** 筛选：true 默认 PisellFilter；对象可传 defaultFilterValue 等；false 不渲染 */
+    filter?: boolean | RecordBoardToolBarFilterCompat;
+    /** 排序：true 默认由列派生；对象可传 list、placement；false 不渲染 */
+    sort?: boolean | RecordBoardToolBarSortCompat;
+    /** 快速筛选：true 用列派生；对象可传 filterList 等 */
+    quickFilter?: boolean | RecordBoardToolBarQuickFilterCompat;
+    /** 列设置入口；默认 true */
+    columnSetting?: boolean;
+}
+/** Grid 透传配置：与 RecordBoardGridProps 对齐，多选由 SalesGrid 合并后传入 */
+export interface RecordBoardGridPropsCompat {
+    /** 列配置；列上可设 hidden: true 表示默认隐藏，与 defaultHiddenColumnKeys 合并由 RecordBoard 初始化列显隐 */
+    columns?: any[];
+    /** 默认隐藏的列 key 列表（对应 columns 的 key 或 dataIndex），与列上 hidden: true 合并后由 RecordBoard 初始化列显隐 */
+    defaultHiddenColumnKeys?: string[];
+    /** 当前页某列全同值/全空时隐藏该列并在表格上方展示总结区；默认 true，传 false 可关闭 */
+    collapseUniformColumns?: boolean;
+    /** 表格滚动，与 RecordBoard grid.scroll 对齐（含 autoCalc、scrollToFirstRowOnChange） */
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+        autoCalc?: boolean;
+        scrollToFirstRowOnChange?: boolean;
+    };
+    /** 表格尺寸 */
+    size?: 'small' | 'middle' | 'default';
+    /** 其余为 antd Table 透传（onRow、onHeaderRow、expandable、rowClassName、summary 等） */
+    [key: string]: any;
+}
+/** 与 RecordBoard 打散子组件配置兼容；grid 会与多选（selectedKeys/selectedRows/onSelectionChange）合并后传给 RecordBoard */
+export interface RecordBoardChildComponentPropsCompat {
+    /** 搜索配置，透传 PisellFind */
+    search?: Record<string, any>;
+    /** 工具栏配置：sort / filter / quickFilter 等 */
+    toolBar?: RecordBoardToolBarPropsCompat;
+    /** 分页组件透传配置 */
+    pagination?: Record<string, any>;
+    /** Grid 配置：columns、defaultHiddenColumnKeys、scroll、及 Table 透传 */
+    grid?: RecordBoardGridPropsCompat;
+    /** 卡片列表配置（card 布局时） */
+    cardList?: Record<string, any>;
+    /** 批量操作栏配置 */
+    batchActionBar?: Record<string, any>;
+}
+/**
+ * 列渲染覆盖项：当视角的 grid.columns 中某列的 type 与此 type 一致时，使用此 render 替代该列默认渲染再传给 RecordBoard。
+ */
+export interface SalesGridColumnRenderer {
+    /** 与列配置的 type 匹配（如 'currency'、'singleSelect'） */
+    type: string;
+    /** 自定义列单元格渲染 */
+    render: (value: any, record: any, index: number) => ReactNode;
+}
+/**
+ * Perspective 运行时上下文：由 PisellSalesGrid 在运行时构建，
+ * 传入 perspective 的 getChildComponentProps 工厂函数，
+ * 使 columns / onRow / toolBar 等配置可访问刷新列表等运行时能力。
+ */
+export interface SalesGridRuntimeContext {
+    /** 重新请求当前列表数据（同步触发） */
+    refresh: () => void;
+    /** 重新请求当前列表数据（返回 Promise） */
+    refreshAsync: () => Promise<any>;
+    /** 当前激活的 perspective key */
+    currentPerspective: string;
+}
+/**
+ * 单个 Perspective 配置：对应一组 RecordBoard 的展示配置（列、工具栏等）。
+ * 多个 Perspective 可对应同一数据源的不同展示方式。仅支持表格（Grid）布局。
+ *
+ * 支持两种配置方式（二选一）：
+ * 1. **静态配置** — 直接提供 childComponentProps，适用于不依赖运行时 API 的场景。
+ * 2. **工厂配置** — 提供 getChildComponentProps(ctx)，接收运行时上下文后返回配置，
+ *    适用于 columns / onRow 等需要调用 refresh / refreshAsync 的场景。
+ *    当 getChildComponentProps 存在时，其返回值将作为最终配置（忽略 childComponentProps）。
+ */
+export interface SalesGridPerspectiveConfig {
+    /** Perspective 唯一标识，与 currentPerspective 对应 */
+    key: string;
+    /** Perspective 展示名称（可选，供外部展示用） */
+    label?: string;
+    /** 该 Perspective 下 RecordBoard 子组件透传配置（grid.columns、toolBar、pagination 等） */
+    childComponentProps?: RecordBoardChildComponentPropsCompat;
+    /**
+     * 工厂函数：接收运行时上下文，返回最终的子组件透传配置。
+     * 当此字段存在时，PisellSalesGrid 会调用此函数获取配置，childComponentProps 将被忽略。
+     */
+    getChildComponentProps?: (ctx: SalesGridRuntimeContext) => RecordBoardChildComponentPropsCompat;
+}
+export interface PisellSalesGridProps {
+    /** Perspective 数据：一组 RecordBoard 配置，支持配置多个 Perspective */
+    perspectives: SalesGridPerspectiveConfig[];
+    /** 当前 Perspective：对应 perspectives[].key，决定使用哪个 Perspective 的配置渲染 RecordBoard */
+    currentPerspective: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    extParams?: Record<string, any>;
+    /** 实例 id，透传 RecordBoard 用于列显隐持久化（localStorage，与 @pisell/utils getComponentStorageKey 规则一致） */
+    __id?: string;
+}

package/lib/plus/pisellSalesGrid/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/pisellSalesGrid/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/plus/pisellSalesManagement/components/BookingFormsPreview.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare type BookingFormsPreviewProps = {
+    value?: any;
+    uniqueTables?: any[];
+    bookingLabels?: {
+        more?: string;
+        forms?: string;
+    };
+    textStyles?: any;
+    relationId: number;
+    relationType?: string;
+    customer?: any;
+};
+declare const BookingFormsPreview: (props: BookingFormsPreviewProps) => React.JSX.Element;
+export default BookingFormsPreview;

package/lib/plus/pisellSalesManagement/components/BookingFormsPreview.js

@@ -0,0 +1,250 @@
+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/plus/pisellSalesManagement/components/BookingFormsPreview.tsx
+var BookingFormsPreview_exports = {};
+__export(BookingFormsPreview_exports, {
+  default: () => BookingFormsPreview_default
+});
+module.exports = __toCommonJS(BookingFormsPreview_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_forms = __toESM(require("../../../components/booking/forms/forms"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_serve = require("../serve");
+var BookingFormsPreview = (props) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const {
+    value,
+    uniqueTables,
+    bookingLabels,
+    textStyles,
+    relationId,
+    relationType,
+    customer
+  } = props;
+  const appointmentForms = Array.isArray(value) ? value : [];
+  const [modalOpen, setModalOpen] = (0, import_react.useState)(false);
+  const [activeTable, setActiveTable] = (0, import_react.useState)(null);
+  const _getRelationRecords = (0, import_ahooks.useRequest)(import_serve.getRelationRecords, {
+    manual: true
+  });
+  const [hasRequested, setHasRequested] = (0, import_react.useState)(false);
+  const [tooltipOpen, setTooltipOpen] = (0, import_react.useState)(false);
+  const countsByFormId = (0, import_react.useMemo)(() => {
+    return appointmentForms.reduce(
+      (result, item) => {
+        const formId = item == null ? void 0 : item.form_id;
+        if (formId != null) {
+          const key = String(formId);
+          result[key] = (result[key] || 0) + 1;
+        }
+        return result;
+      },
+      {}
+    );
+  }, [appointmentForms]);
+  const tableItems = (0, import_react.useMemo)(() => {
+    return (uniqueTables || []).map((t) => {
+      var _a2, _b, _c, _d;
+      const baseTitle = ((_c = (_b = (_a2 = t == null ? void 0 : t.form) == null ? void 0 : _a2.setting) == null ? void 0 : _b.title) == null ? void 0 : _c.original) || ((_d = t == null ? void 0 : t.form) == null ? void 0 : _d.title) || "";
+      if (!baseTitle) return null;
+      const formId = t == null ? void 0 : t.form_id;
+      const count = formId != null ? countsByFormId[String(formId)] || 0 : 0;
+      const title = `${baseTitle} (${count})`;
+      return {
+        title,
+        baseTitle,
+        formId,
+        count,
+        table: t
+      };
+    }).filter((t) => t);
+  }, [uniqueTables, countsByFormId]);
+  const showAll = tableItems.length <= 3;
+  const displayItems = showAll ? tableItems : tableItems.slice(0, 3);
+  const moreCount = tableItems.length - displayItems.length;
+  const handleOpenModal = (0, import_react.useCallback)(
+    (item, event) => {
+      event.stopPropagation();
+      setActiveTable(item);
+      setModalOpen(true);
+      setTooltipOpen(false);
+      if (!_getRelationRecords.loading && !hasRequested) {
+        setHasRequested(true);
+        _getRelationRecords.run({
+          relation_type: relationType || "appointment_booking",
+          relation_id: relationId
+        });
+      }
+    },
+    [_getRelationRecords, relationId, hasRequested, relationType]
+  );
+  const relationRecords = (0, import_react.useMemo)(() => {
+    return Array.isArray(_getRelationRecords.data) ? _getRelationRecords.data : [];
+  }, [_getRelationRecords.data]);
+  const selectedForm = (0, import_react.useMemo)(() => {
+    if (!(activeTable == null ? void 0 : activeTable.formId)) return null;
+    const matchedRecord = relationRecords.find(
+      (item) => String(item == null ? void 0 : item.form_id) === String(activeTable == null ? void 0 : activeTable.formId)
+    );
+    return matchedRecord;
+  }, [activeTable, relationRecords]);
+  if (tableItems.length === 0) return /* @__PURE__ */ import_react.default.createElement("span", null, "-");
+  const tooltipContent = /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 10
+      }
+    },
+    tableItems.map((item, idx) => {
+      const clickable = item.count > 0;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: `${item.title}-${idx}`,
+          style: {
+            fontSize: 12,
+            color: clickable ? "#7f56d9" : "#98A2B3",
+            textDecoration: clickable ? "underline" : "none",
+            whiteSpace: "nowrap",
+            lineHeight: "18px",
+            cursor: clickable ? "pointer" : "default"
+          },
+          onClick: (event) => {
+            if (!clickable) return;
+            handleOpenModal(item, event);
+          }
+        },
+        item.title
+      );
+    })
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      onClick: (event) => event.stopPropagation()
+    },
+    showAll ? /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column" } }, displayItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: `${item.title}-${idx}`,
+        style: {
+          ...(textStyles == null ? void 0 : textStyles.text) || {},
+          color: "#7f56d9",
+          textDecoration: "underline",
+          cursor: "pointer",
+          textAlign: "left"
+        },
+        onClick: (event) => handleOpenModal(item, event)
+      },
+      item.title
+    ))) : /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column" } }, displayItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: `${item.title}-${idx}`,
+        style: {
+          ...(textStyles == null ? void 0 : textStyles.text) || {},
+          color: "#475467",
+          textDecoration: "none",
+          cursor: "default",
+          textAlign: "left"
+        }
+      },
+      item.title
+    )), moreCount > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tooltip,
+      {
+        title: tooltipContent,
+        open: modalOpen ? false : tooltipOpen,
+        onOpenChange: (nextOpen) => {
+          if (!modalOpen) {
+            setTooltipOpen(nextOpen);
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            ...(textStyles == null ? void 0 : textStyles.text) || {},
+            color: "#7f56d9",
+            textDecoration: "underline",
+            cursor: "default",
+            alignSelf: "flex-start"
+          }
+        },
+        `+${moreCount} ${import_utils.locales.getText("pisell2.salesManagement.booking.common.more")}`
+      )
+    ) : null),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal,
+      {
+        open: modalOpen,
+        title: bookingLabels == null ? void 0 : bookingLabels.forms,
+        width: 600,
+        footer: null,
+        destroyOnClose: true,
+        onCancel: () => setModalOpen(false)
+      },
+      _getRelationRecords.loading || !hasRequested ? /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            padding: "48px 0"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, null)
+      ) : selectedForm ? /* @__PURE__ */ import_react.default.createElement(
+        import_forms.default,
+        {
+          forms: [selectedForm],
+          value: { [selectedForm.form_id]: selectedForm.form_record || [] },
+          onChange: () => {
+          },
+          addCallback: () => {
+          },
+          client: customer,
+          action: utils.action
+        }
+      ) : null
+    )
+  );
+};
+var BookingFormsPreview_default = BookingFormsPreview;

package/lib/plus/pisellSalesManagement/components/BookingNotesPreview.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+declare type NotesDataSource = {
+    note?: string;
+    internalNotes?: Array<Record<string, any>> | string;
+    onChange?: (value: any, type: 'edit' | 'add' | 'remove', noteType: string) => void;
+    apis?: any;
+    bookingId?: any;
+};
+declare type BookingNotesPreviewProps = {
+    dataSource?: NotesDataSource;
+    labels?: {
+        orderNote?: string;
+        internalNote?: string;
+        more?: string;
+    };
+    style?: React.CSSProperties;
+};
+declare const BookingNotesPreview: (props: BookingNotesPreviewProps) => React.JSX.Element | null;
+export default BookingNotesPreview;