@pisell/private-materials 3.4.82 → 3.4.83

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

@@ -0,0 +1,193 @@
+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/BookingNotesPreview.tsx
+var BookingNotesPreview_exports = {};
+__export(BookingNotesPreview_exports, {
+  default: () => BookingNotesPreview_default
+});
+module.exports = __toCommonJS(BookingNotesPreview_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_NoteBlock = __toESM(require("../../../components/booking/notes/NoteBlock"));
+var import_perspectiveUtils = require("../hooks/perspectiveUtils");
+var normalizeInternalNotes = (value) => {
+  if (!value) return [];
+  if (Array.isArray(value)) {
+    return value.map((item, index) => {
+      if (typeof item === "string" || typeof item === "number") {
+        return { id: index, content: String(item) };
+      }
+      if (item && typeof item === "object") {
+        return item;
+      }
+      return { id: index, content: String(item) };
+    }).filter((item) => (item == null ? void 0 : item.content) != null && (item == null ? void 0 : item.content) !== "");
+  }
+  if (typeof value === "string" || typeof value === "number") {
+    return [{ id: 0, content: String(value) }];
+  }
+  return [];
+};
+var BookingNotesPreview = (props) => {
+  const { dataSource, labels, style } = props;
+  const orderNote = typeof (dataSource == null ? void 0 : dataSource.note) === "string" ? dataSource.note.trim() : "";
+  const internalNotes = (0, import_react.useMemo)(
+    () => normalizeInternalNotes(dataSource == null ? void 0 : dataSource.internalNotes),
+    [dataSource == null ? void 0 : dataSource.internalNotes]
+  );
+  const displayLines = (0, import_react.useMemo)(() => {
+    const lines = [];
+    if (orderNote) {
+      lines.push({
+        label: (labels == null ? void 0 : labels.orderNote) || import_utils.locales.getText("pisell2.salesManagement.booking.notes.orderNotes"),
+        content: orderNote
+      });
+    }
+    internalNotes.forEach((item) => {
+      const content = typeof (item == null ? void 0 : item.content) === "string" ? item.content.trim() : "";
+      if (!content) return;
+      lines.push({
+        label: (labels == null ? void 0 : labels.internalNote) || import_utils.locales.getText(
+          "pisell2.salesManagement.booking.notes.internalNotes"
+        ),
+        content
+      });
+    });
+    return lines;
+  }, [orderNote, internalNotes, labels == null ? void 0 : labels.orderNote, labels == null ? void 0 : labels.internalNote]);
+  const visibleLines = displayLines.slice(0, 2);
+  const showMore = displayLines.length > 0;
+  const [modalOpen, setModalOpen] = (0, import_react.useState)(false);
+  if (!displayLines.length) {
+    return null;
+  }
+  const openNotesModal = (event) => {
+    event.stopPropagation();
+    setModalOpen(true);
+  };
+  const orderNotes = orderNote ? [
+    {
+      id: 0,
+      content: orderNote
+    }
+  ] : [];
+  const isEditable = Boolean(dataSource == null ? void 0 : dataSource.apis);
+  return /* @__PURE__ */ import_react.default.createElement("div", { style, onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        cursor: "pointer"
+      },
+      onClick: openNotesModal
+    },
+    visibleLines.map((line, index) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: `${line.label}-${index}`,
+        style: {
+          ...import_perspectiveUtils.textStyles.text,
+          fontSize: 14,
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", null, line.label, ":"),
+      " ",
+      /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#eaa96f" } }, line.content)
+    )),
+    showMore ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          color: "#7f56d9",
+          display: "flex",
+          alignItems: "center"
+        }
+      },
+      (labels == null ? void 0 : labels.more) || import_utils.locales.getText("pisell2.salesManagement.booking.view-more"),
+      /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { size: 20, type: "pisell2-chevron-right-double" })
+    ) : null
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open: modalOpen,
+      title: import_utils.locales.getText("pisell2.salesManagement.booking.notes.title"),
+      width: 600,
+      footer: null,
+      onCancel: () => setModalOpen(false),
+      destroyOnClose: true,
+      bodyStyle: {
+        overflowX: "hidden"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_NoteBlock.default,
+      {
+        noteType: "order",
+        maxLength: 1,
+        title: `${import_utils.locales.getText(
+          "pisell2.salesManagement.booking.notes.orderNotes"
+        )}:`,
+        describe: "",
+        notes: orderNotes,
+        apis: dataSource == null ? void 0 : dataSource.apis,
+        placeholder: import_utils.locales.getText(
+          "pisell2.salesManagement.booking.notes.addOrderNotes"
+        ),
+        isEdit: isEditable,
+        onChange: dataSource == null ? void 0 : dataSource.onChange
+      }
+    ), (internalNotes.length > 0 || isEditable) && /* @__PURE__ */ import_react.default.createElement(
+      import_NoteBlock.default,
+      {
+        maxLength: 99,
+        noteType: "internal",
+        title: `${import_utils.locales.getText(
+          "pisell2.salesManagement.booking.notes.internalNotes"
+        )}:`,
+        describe: import_utils.locales.getText(
+          "pisell2.salesManagement.booking.notes.internalVisibleOnlyTip"
+        ),
+        placeholder: import_utils.locales.getText(
+          "pisell2.salesManagement.booking.notes.addInternalNotes"
+        ),
+        notes: internalNotes,
+        isEdit: isEditable,
+        apis: dataSource == null ? void 0 : dataSource.apis,
+        bookingId: dataSource == null ? void 0 : dataSource.bookingId,
+        onChange: dataSource == null ? void 0 : dataSource.onChange
+      }
+    ))
+  ));
+};
+var BookingNotesPreview_default = BookingNotesPreview;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type ResourceSelectorProps = {
+    value?: Array<string | number> | string | number;
+    onChange?: (value: Array<string | number>) => void;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const ResourceSelector: (props: ResourceSelectorProps) => React.JSX.Element;
+export default ResourceSelector;

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

@@ -0,0 +1,106 @@
+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/ResourceSelector.tsx
+var ResourceSelector_exports = {};
+__export(ResourceSelector_exports, {
+  default: () => ResourceSelector_default
+});
+module.exports = __toCommonJS(ResourceSelector_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_serve = require("../serve");
+var formatResourceNode = (item) => {
+  const key = item.id ?? item.value ?? item.code ?? item.name ?? item.title ?? item.label ?? "";
+  return {
+    key,
+    value: key,
+    title: item.name ?? item.title ?? item.label,
+    children: formatResourceNodes(item.resources ?? item.children)
+  };
+};
+var formatResourceNodes = (items) => {
+  if (!items) return [];
+  return items.map(formatResourceNode);
+};
+var buildTreeData = (list) => {
+  console.log("xxxxxx", list);
+  const formatted = (list || []).map((item) => ({
+    ...item,
+    resources: item.resources ?? item.children
+  }));
+  formatted.unshift({
+    id: 0,
+    name: import_utils.locales.getText(
+      "pisell2.salesManagement.booking.filter.resource.none"
+    ),
+    resources: []
+  });
+  return formatResourceNodes(formatted);
+};
+var normalizeValue = (value) => {
+  if (Array.isArray(value)) return value;
+  if (value === void 0 || value === null) return [];
+  return [value];
+};
+var extractLeafKeys = (nodes) => {
+  if (!(nodes == null ? void 0 : nodes.length)) return [];
+  return nodes.filter((node) => !(node == null ? void 0 : node.children) || node.children.length === 0).map((node) => node.key ?? node.value).filter((key) => key !== void 0 && key !== null);
+};
+var ResourceSelector = (props) => {
+  const { value, onChange, className, style } = props;
+  const { data, loading } = (0, import_ahooks.useRequest)(import_serve.getResourceTypes);
+  const treeData = (0, import_react.useMemo)(() => buildTreeData(data || []), [data]);
+  const checkedKeys = (0, import_react.useMemo)(() => normalizeValue(value), [value]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className, style }, loading ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" }) : treeData.length ? /* @__PURE__ */ import_react.default.createElement(
+    import_antd.TreeSelect,
+    {
+      maxTagCount: "responsive",
+      value: checkedKeys,
+      treeData,
+      treeCheckable: true,
+      showCheckedStrategy: import_antd.TreeSelect.SHOW_CHILD,
+      treeNodeFilterProp: "title",
+      allowClear: true,
+      multiple: true,
+      style: { width: "100%" },
+      dropdownStyle: { maxHeight: 320, overflow: "auto" },
+      onChange: (nextValue, _label, extra) => {
+        const leafKeys = extractLeafKeys(extra == null ? void 0 : extra.allCheckedNodes);
+        const normalizedKeys = Array.isArray(nextValue) ? nextValue : nextValue != null ? [nextValue] : [];
+        onChange == null ? void 0 : onChange(leafKeys.length ? leafKeys : normalizedKeys);
+      },
+      placeholder: import_utils.locales.getText(
+        "pisell2.salesManagement.booking.filter.resource.placeholder"
+      )
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE }));
+};
+var ResourceSelector_default = ResourceSelector;

package/lib/plus/pisellSalesManagement/config/booking.d.ts

@@ -0,0 +1,185 @@
+export declare const getBookingStatusMap: () => Record<string, string>;
+export declare const BOOKING_STATUS_COLOR_MAP: Record<string, string>;
+export declare const getBookingPlatformMap: () => Record<string, string>;
+export declare const getBookingHeaderLabels: () => Record<string, string>;
+export declare const defaultPaymentStatusKeys: string[];
+export declare const getFilterButtonList: () => ({
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        mode: string;
+        maxTagCount: string;
+        placeholder: any;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        minInputNumberProps?: undefined;
+        maxInputNumberProps?: undefined;
+        component?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+        showTime?: undefined;
+    };
+    sort?: undefined;
+    localFilter?: undefined;
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        placeholder: any;
+        minInputNumberProps: {
+            min: number;
+            precision: number;
+        };
+        maxInputNumberProps: {
+            min: number;
+            precision: number;
+        };
+        allowClear?: undefined;
+        mode?: undefined;
+        maxTagCount?: undefined;
+        options?: undefined;
+        component?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+        showTime?: undefined;
+    };
+    sort?: undefined;
+    localFilter?: undefined;
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    sort: boolean;
+    localFilter: boolean;
+    other: {
+        allowClear: boolean;
+        mode: string;
+        maxTagCount: string;
+        component: (props: {
+            value?: string | number | (string | number)[] | undefined;
+            onChange?: ((value: (string | number)[]) => void) | undefined;
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        }) => import("react").JSX.Element;
+        placeholder?: undefined;
+        options?: undefined;
+        minInputNumberProps?: undefined;
+        maxInputNumberProps?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+        showTime?: undefined;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        mode: string;
+        maxTagCount: string;
+        placeholder: any;
+        options: () => Promise<any>;
+        minInputNumberProps?: undefined;
+        maxInputNumberProps?: undefined;
+        component?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+        showTime?: undefined;
+    };
+    sort?: undefined;
+    localFilter?: undefined;
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        placeholder: any;
+        allowClear?: undefined;
+        mode?: undefined;
+        maxTagCount?: undefined;
+        options?: undefined;
+        minInputNumberProps?: undefined;
+        maxInputNumberProps?: undefined;
+        component?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+        showTime?: undefined;
+    };
+    sort?: undefined;
+    localFilter?: undefined;
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        isSearchServer: boolean;
+        showSearch: boolean;
+        placeholder: any;
+        options: (params?: string) => Promise<any>;
+        mode?: undefined;
+        maxTagCount?: undefined;
+        minInputNumberProps?: undefined;
+        maxInputNumberProps?: undefined;
+        component?: undefined;
+        showTime?: undefined;
+    };
+    sort?: undefined;
+    localFilter?: undefined;
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        placeholder: any;
+        showTime: boolean;
+        allowClear?: undefined;
+        mode?: undefined;
+        maxTagCount?: undefined;
+        options?: undefined;
+        minInputNumberProps?: undefined;
+        maxInputNumberProps?: undefined;
+        component?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+    };
+    sort?: undefined;
+    localFilter?: undefined;
+})[];
+export declare const getSortList: () => ({
+    type: string;
+    isCustom: boolean;
+    name: string;
+    label: any;
+    getSortItems: () => {
+        key: string;
+        label: any;
+    }[];
+    other?: undefined;
+} | {
+    type: string;
+    isCustom: boolean;
+    name: string;
+    label: any;
+    getSortItems: () => {
+        key: string;
+        label: any;
+    }[];
+    other: {
+        style: {
+            width: string;
+        };
+    };
+})[];