@pisell/private-materials 6.3.15 → 6.4.1

package/lib/plus/noteModal/AddTempModal.js

@@ -0,0 +1,95 @@
+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/noteModal/AddTempModal.tsx
+var AddTempModal_exports = {};
+__export(AddTempModal_exports, {
+  default: () => AddTempModal_default
+});
+module.exports = __toCommonJS(AddTempModal_exports);
+var import_materials = require("@pisell/materials");
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var AddTempModal = ({
+  open,
+  onCancel,
+  onConfirm
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  const [inputValue, setInputValue] = (0, import_react.useState)("");
+  const inputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      setTimeout(() => {
+        var _a2;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }, 100);
+    }
+  }, [open]);
+  const handleAddTemplate = () => {
+    onConfirm(inputValue);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      headerDivider: false,
+      title: import_utils.locales.getText("pisell2.text.note.modal.add.template.title"),
+      onCancel,
+      footer: null,
+      width: 680,
+      centered: true,
+      destroyOnClose: true,
+      wrapClassName: "pisell-add-temp-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "template-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "template-input-section" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        value: inputValue,
+        onChange: (e) => setInputValue(e.target.value),
+        className: "template-input",
+        ref: inputRef
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        onClick: handleAddTemplate,
+        className: "template-confirm-btn",
+        disabled: !inputValue
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.confirm")
+    )))
+  );
+};
+var AddTempModal_default = AddTempModal;

package/lib/plus/noteModal/index.d.ts

@@ -0,0 +1,4 @@
+import { NoteModalComponent } from './types';
+import './index.less';
+declare const NoteModal: NoteModalComponent;
+export default NoteModal;

package/lib/plus/noteModal/index.js

@@ -0,0 +1,201 @@
+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/noteModal/index.tsx
+var noteModal_exports = {};
+__export(noteModal_exports, {
+  default: () => noteModal_default
+});
+module.exports = __toCommonJS(noteModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
+var import_AddTempModal = __toESM(require("./AddTempModal"));
+var import_index = require("./index.less");
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var { TextArea } = import_materials.Input;
+var STORAGE_KEY = "pisell2_note_templates";
+var NoteModalContent = ({
+  open = false,
+  title = "",
+  value = "",
+  onConfirm,
+  onDelete,
+  onCancel,
+  zIndex
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  const [noteValue, setNoteValue] = (0, import_react.useState)(value);
+  const [templates, setTemplates] = (0, import_react.useState)([]);
+  const [templateModalOpen, setTemplateModalOpen] = (0, import_react.useState)(false);
+  const inputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      const storedTemplates = localStorage.getItem(STORAGE_KEY);
+      if (storedTemplates) {
+        try {
+          setTemplates(JSON.parse(storedTemplates));
+        } catch (error) {
+          console.error("Failed to parse templates from localStorage:", error);
+          setTemplates([]);
+        }
+      }
+      setTimeout(() => {
+        var _a2;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }, 100);
+    }
+  }, [open]);
+  const saveTemplates = (newTemplates) => {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(newTemplates));
+    setTemplates(newTemplates);
+  };
+  const handleTemplateClick = (template) => {
+    setNoteValue((prev) => (prev || "") + " " + (template || ""));
+  };
+  const handleConfirm = () => {
+    onConfirm == null ? void 0 : onConfirm(noteValue);
+  };
+  const handleDelete = () => {
+    setNoteValue("");
+    onDelete == null ? void 0 : onDelete();
+  };
+  const handleCancel = () => {
+    setNoteValue("");
+    onCancel == null ? void 0 : onCancel();
+  };
+  const onAddTemplate = () => {
+    setTemplateModalOpen(true);
+  };
+  const onAddTemplateConfirm = (newTemplate) => {
+    if (newTemplate.trim()) {
+      const updatedTemplates = [...templates, newTemplate.trim()];
+      saveTemplates(updatedTemplates);
+      setTemplateModalOpen(false);
+    }
+  };
+  const onAddTemplateCancel = () => {
+    setTemplateModalOpen(false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      title: title || import_utils.locales.getText("pisell2.text.note.modal.title"),
+      headerDivider: false,
+      onCancel: handleCancel,
+      footer: null,
+      width: 680,
+      centered: true,
+      destroyOnClose: true,
+      zIndex
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "note-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "template-section" }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onAddTemplate, className: "add-template-btn" }, import_utils.locales.getText("pisell2.text.note.modal.btn.add.template")), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "note-modal-templates-container",
+        onTouchMove: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "note-modal-templates-scroll" }, templates.map((template, index) => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: index,
+          style: { display: "inline-block", marginLeft: "8px" }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "note-modal-template-tag",
+            onClick: () => handleTemplateClick(template)
+          },
+          template
+        )
+      )))
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "input-section" }, /* @__PURE__ */ import_react.default.createElement(
+      TextArea,
+      {
+        value: noteValue,
+        onChange: (e) => setNoteValue(e.target.value),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.note.modal.placeholder"
+        ),
+        autoSize: { minRows: 4, maxRows: 8 },
+        className: "note-input",
+        ref: inputRef
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "action-buttons" }, !!value ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        block: true,
+        type: "primary",
+        danger: true,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { style: { fontSize: 20 } }),
+        onClick: handleDelete,
+        className: "delete-btn"
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.delete")
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        block: true,
+        type: "default",
+        onClick: handleCancel,
+        className: "delete-btn"
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.cancel")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        block: true,
+        type: "primary",
+        onClick: handleConfirm,
+        className: "confirm-btn",
+        disabled: !noteValue
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.confirm")
+    )))
+  ), templateModalOpen && /* @__PURE__ */ import_react.default.createElement(
+    import_AddTempModal.default,
+    {
+      open: templateModalOpen,
+      onCancel: onAddTemplateCancel,
+      onConfirm: onAddTemplateConfirm
+    }
+  ));
+};
+var NoteModal = (props) => {
+  if (!props.open) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(NoteModalContent, { ...props });
+};
+var noteModal_default = NoteModal;

package/lib/plus/noteModal/index.less

@@ -0,0 +1,168 @@
+.note-modal-content {
+  padding: 0;
+
+  .template-section {
+    margin-top: 1px;
+    margin-bottom: 8px;
+    display: flex;
+    align-items: flex-start;
+    gap: 16px;
+
+    .add-template-btn {
+      flex-shrink: 0;
+      display: flex;
+      padding: 4px 8px;
+      justify-content: center;
+      align-items: center;
+      gap: 4px;
+      border-radius: 10px;
+      border: 1px solid #c3b2e7;
+      background: #eee5ff;
+      color: #7f56da;
+      text-align: center;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      white-space: nowrap;
+      outline: none;
+
+      &:hover {
+        background: #e4d6ff;
+        border-color: #7f56da;
+      }
+
+      &:focus {
+        outline: none;
+        box-shadow: 0 0 0 2px rgba(127, 86, 218, 0.2);
+      }
+    }
+
+    .note-modal-templates-container {
+      width: 100%;
+      overflow-x: scroll;
+      overflow-y: hidden;
+      -webkit-scroll-snap-type: x mandatory;
+      -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
+      white-space: nowrap;
+      position: relative;
+      scroll-behavior: smooth;
+
+      // 隐藏滚动条但保持滚动功能
+      &::-webkit-scrollbar {
+        display: none;
+      }
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+
+      .note-modal-templates-scroll {
+        width: fix-content;
+        text-align: right;
+
+        .note-modal-template-tag {
+          display: flex;
+          padding: 4px 8px;
+          justify-content: center;
+          align-items: center;
+          gap: 4px;
+          border-radius: 10px;
+          border: 1px solid #7f56da;
+          background: #fff;
+          cursor: pointer;
+          white-space: nowrap;
+          min-width: fit-content;
+
+          color: #7f56da;
+          text-align: center;
+          font-size: 14px;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+
+  .input-section {
+    margin-bottom: 16px;
+    padding: 13px 20px;
+    border-radius: 10px;
+    border: 1px solid #475467;
+
+    .note-input {
+      height: 100px;
+      max-height: 100px;
+      border: none;
+      outline: none;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+
+      color: #000;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 22px;
+
+      &:focus {
+        border: none;
+        outline: none;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .action-buttons {
+    margin-bottom: 24px;
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+
+    .delete-btn {
+      width: 200px;
+      height: 48px;
+      border-radius: 10px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+
+    .confirm-btn {
+      width: 200px;
+      height: 48px;
+      border-radius: 10px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+}
+
+.template-modal-content {
+  padding: 0;
+
+  .template-input-section {
+    display: flex;
+    gap: 16px;
+    align-items: flex-start;
+
+    .template-input {
+      height: 48px;
+      flex: 1;
+      display: flex;
+      padding: 0 20px;
+      align-items: flex-start;
+      justify-content: center;
+      gap: 4px;
+      border-radius: 10px;
+      border: 1px solid var(--Gray-600, #475467);
+    }
+
+    .template-confirm-btn {
+      width: 136px;
+      height: 48px;
+      border-radius: 10px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+}
+
+.pisell-add-temp-modal .pisell-lowcode-modal-content {
+  min-height: 132px !important;
+}

package/lib/plus/noteModal/locales.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    en: {
+        'pisell2.text.note': string;
+        'pisell2.text.note.modal.title': string;
+        'pisell2.text.note.modal.btn.confirm': string;
+        'pisell2.text.note.modal.btn.cancel': string;
+        'pisell2.text.note.modal.btn.delete': string;
+        'pisell2.text.note.modal.btn.add.template': string;
+        'pisell2.text.note.modal.placeholder': string;
+        'pisell2.text.note.modal.add.template.title': string;
+    };
+    'zh-CN': {
+        'pisell2.text.note': string;
+        'pisell2.text.note.modal.title': string;
+        'pisell2.text.note.modal.btn.confirm': string;
+        'pisell2.text.note.modal.btn.cancel': string;
+        'pisell2.text.note.modal.btn.delete': string;
+        'pisell2.text.note.modal.btn.add.template': string;
+        'pisell2.text.note.modal.placeholder': string;
+        'pisell2.text.note.modal.add.template.title': string;
+    };
+    'zh-HK': {
+        'pisell2.text.note': string;
+        'pisell2.text.note.modal.title': string;
+        'pisell2.text.note.modal.btn.confirm': string;
+        'pisell2.text.note.modal.btn.cancel': string;
+        'pisell2.text.note.modal.btn.delete': string;
+        'pisell2.text.note.modal.btn.add.template': string;
+        'pisell2.text.note.modal.placeholder': string;
+        'pisell2.text.note.modal.add.template.title': string;
+    };
+};
+export default _default;

package/lib/plus/noteModal/locales.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/noteModal/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.text.note": "Note",
+    "pisell2.text.note.modal.title": "Add Note",
+    "pisell2.text.note.modal.btn.confirm": "Confirm",
+    "pisell2.text.note.modal.btn.cancel": "Cancel",
+    "pisell2.text.note.modal.btn.delete": "Delete",
+    "pisell2.text.note.modal.btn.add.template": "+add temp.",
+    "pisell2.text.note.modal.placeholder": "Add Note",
+    "pisell2.text.note.modal.add.template.title": "Add Note Template"
+  },
+  "zh-CN": {
+    "pisell2.text.note": "备注",
+    "pisell2.text.note.modal.title": "添加备注",
+    "pisell2.text.note.modal.btn.confirm": "确定",
+    "pisell2.text.note.modal.btn.cancel": "取消",
+    "pisell2.text.note.modal.btn.delete": "删除",
+    "pisell2.text.note.modal.btn.add.template": "添加快捷备注",
+    "pisell2.text.note.modal.placeholder": "添加备注",
+    "pisell2.text.note.modal.add.template.title": "添加快捷备注"
+  },
+  "zh-HK": {
+    "pisell2.text.note": "備註",
+    "pisell2.text.note.modal.title": "添加備註",
+    "pisell2.text.note.modal.btn.confirm": "確定",
+    "pisell2.text.note.modal.btn.cancel": "取消",
+    "pisell2.text.note.modal.btn.delete": "刪除",
+    "pisell2.text.note.modal.btn.add.template": "添加快捷備註",
+    "pisell2.text.note.modal.placeholder": "添加備註",
+    "pisell2.text.note.modal.add.template.title": "添加快捷備註"
+  }
+};

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface NoteModalProps {
+    /** 是否显示弹窗 */
+    open?: boolean;
+    /** 弹窗标题 */
+    title?: string;
+    /** 初始内容 */
+    value?: string;
+    /** 确认回调 */
+    onConfirm?: (value: string) => void;
+    /** 删除回调 */
+    onDelete?: () => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+    /** 弹窗层级 */
+    zIndex?: number;
+}
+export interface NoteModalComponent extends React.FC<NoteModalProps> {
+}

package/lib/plus/noteModal/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/noteModal/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/plus/productSelect/CategoryTabs/index.js

@@ -131,7 +131,8 @@ var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
           width: 1,
           height: 1,
           flexShrink: 0,
-          background: "rgba(0,0,0,0)"
+          background: "rgba(0,0,0,0)",
+          transform: "translateX(1px)"
         },
         className: "visibility-detector start-detector"
       }
@@ -161,7 +162,8 @@ var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
           width: 1,
           height: 1,
           flexShrink: 0,
-          background: "rgba(0,0,0,0)"
+          background: "rgba(0,0,0,0)",
+          transform: "translateX(-1px)"
         }
       }
     )),

package/lib/plus/productSelect/index.js

@@ -179,6 +179,13 @@ var index = ({
       lastActiveKeyRef.current = _key;
     }
   }, []);
+  const _listContext = (0, import_react.useMemo)(() => {
+    return {
+      onItemIntersectionIn: handleItemIntersectionIn,
+      onItemIntersectionOut: () => {
+      }
+    };
+  }, [handleItemIntersectionIn]);
   const switchCategory = (key) => {
     setActiveKey(key);
     lastActiveKeyRef.current = key;
@@ -264,12 +271,8 @@ var index = ({
           className: `${PREFIX}__product-list`,
           loading,
           data: loading ? MOCK_DATA : _groupedList,
-          context: {
-            onItemIntersectionIn: handleItemIntersectionIn,
-            onItemIntersectionOut: () => {
-            }
-          },
           _customScrollParent: scrollParent,
+          context: _listContext,
           components: gridComponents,
           itemContent: (index2, item, context2) => {
             if (loading) {

package/lib/plus/productSelect/utils.js

@@ -94,7 +94,6 @@ function groupProductsByCategory(products) {
     });
     result.push(...sortedUncategorizedProducts);
   }
-  console.log("xxxxxx", result);
   return result;
 }
 function getElementByIdentifier(elementIdentifier) {