@pisell/private-materials 6.3.138 → 6.3.140

package/es/components/scanOrder/components/Footer/index.d.ts

@@ -5,6 +5,8 @@ interface FooterProps {
     summary: Record<string, any>;
     actionText: string;
     onAction: () => void;
+    /** 视觉禁用：按钮仍会触发 onAction，由父级自行拦截（用于弹 toast 等反馈） */
+    disabled?: boolean;
 }
 export default function Footer(props: FooterProps): JSX.Element;
 export {};

package/es/components/scanOrder/components/Footer/index.js

@@ -14,7 +14,9 @@ export default function Footer(props) {
   var cartItems = props.cartItems,
     summary = props.summary,
     actionText = props.actionText,
-    onAction = props.onAction;
+    onAction = props.onAction,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     cartOpen = _useState2[0],
@@ -51,7 +53,7 @@ export default function Footer(props) {
   }))), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     size: "large",
-    className: "pisell-scan-order-footer-btn",
+    className: "pisell-scan-order-footer-btn".concat(disabled ? ' pisell-scan-order-footer-btn-disabled' : ''),
     onClick: onAction
   }, actionText))), /*#__PURE__*/React.createElement(Cart, {
     open: cartOpen,

package/es/components/scanOrder/components/Footer/index.less

@@ -6,10 +6,12 @@
   justify-content: space-between;
   align-items: center;
   gap: 12px;
-  padding: 16px;
+  box-sizing: border-box;
+  height: 70px;
+  padding: 0 16px;
   border-top: 1px solid #eaecf0;
   background: #f9fafb;
-  border-radius: 16px 16px 0 0;
+  border-radius: 0;
 }
 
 .pisell-scan-order-footer-left {
@@ -33,8 +35,13 @@
 
 .pisell-scan-order-footer-btn {
   min-width: 128px;
-  height: 56px;
-  border-radius: 18px;
+  height: 48px;
+  border-radius: 12px;
+}
+
+.pisell-scan-order-footer-btn-disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
 }
 
 .pisell-scan-order-footer-right {
@@ -57,8 +64,10 @@
     right: 0;
     bottom: 0;
     z-index: 30;
-    border-radius: 16px 16px 0 0;
-    padding-bottom: calc(16px + constant(safe-area-inset-bottom));
-    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
+    height: calc(70px + constant(safe-area-inset-bottom));
+    height: calc(70px + env(safe-area-inset-bottom, 0px));
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+    border-radius: 0;
   }
 }

package/es/components/scanOrder/components/FulfillmentMode/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './index.less';
+/**
+ * FulfillmentMode
+ *
+ * 通过 scanOrder module 读取 getFulfillmentModes() 返回的 { enableTableService, enablePickup }：
+ * - 两个都开启：渲染可切换的 Radio.Group，默认 Table service，挂载即同步一次 setPickupReferenceMode。
+ * - 只开启一个：仅渲染单行文案提示当前取餐方式，并同步一次 setPickupReferenceMode。
+ * - 都未开启：不渲染。
+ */
+export default function FulfillmentMode(): JSX.Element | null;

package/es/components/scanOrder/components/FulfillmentMode/index.js

@@ -0,0 +1,90 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { Radio } from 'antd';
+import { locales } from '@pisell/utils';
+import { useScanOrderContext } from "../../context";
+import "./index.less";
+/**
+ * FulfillmentMode
+ *
+ * 通过 scanOrder module 读取 getFulfillmentModes() 返回的 { enableTableService, enablePickup }：
+ * - 两个都开启：渲染可切换的 Radio.Group，默认 Table service，挂载即同步一次 setPickupReferenceMode。
+ * - 只开启一个：仅渲染单行文案提示当前取餐方式，并同步一次 setPickupReferenceMode。
+ * - 都未开启：不渲染。
+ */
+export default function FulfillmentMode() {
+  var _useScanOrderContext = useScanOrderContext(),
+    scanOrderModule = _useScanOrderContext.scanOrderModule;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    modes = _useState2[0],
+    setModes = _useState2[1];
+  var _useState3 = useState('table_service'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mode = _useState4[0],
+    setMode = _useState4[1];
+  useEffect(function () {
+    if (!scanOrderModule) return;
+    var next = (typeof scanOrderModule.getFulfillmentModes === 'function' ? scanOrderModule.getFulfillmentModes() : undefined) || {};
+    setModes(next);
+    var onlyTable = !!next.enableTableService && !next.enablePickup;
+    var onlyPickup = !next.enableTableService && !!next.enablePickup;
+    var initial = onlyPickup ? 'counter_pickup' : onlyTable ? 'table_service' : 'table_service';
+    setMode(initial);
+    if ((next.enableTableService || next.enablePickup) && typeof scanOrderModule.setPickupReferenceMode === 'function') {
+      scanOrderModule.setPickupReferenceMode(initial);
+    }
+  }, [scanOrderModule]);
+  var enableTableService = modes.enableTableService,
+    enablePickup = modes.enablePickup;
+  var labelTitle = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.fulfillment.title'));
+  }, []);
+  var tableServiceText = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.fulfillment.table_service'));
+  }, []);
+  var pickupText = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.fulfillment.pickup'));
+  }, []);
+  if (!enableTableService && !enablePickup) return null;
+  if (!enableTableService || !enablePickup) {
+    var singleLabel = enablePickup ? pickupText : tableServiceText;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-scan-order-fulfillment pisell-scan-order-fulfillment-single"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "pisell-scan-order-fulfillment-title"
+    }, labelTitle), /*#__PURE__*/React.createElement("span", {
+      className: "pisell-scan-order-fulfillment-value"
+    }, singleLabel));
+  }
+  var handleChange = function handleChange(next) {
+    if (next === mode) return;
+    setMode(next);
+    if (typeof (scanOrderModule === null || scanOrderModule === void 0 ? void 0 : scanOrderModule.setPickupReferenceMode) === 'function') {
+      scanOrderModule.setPickupReferenceMode(next);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-scan-order-fulfillment"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-scan-order-fulfillment-title"
+  }, labelTitle), /*#__PURE__*/React.createElement(Radio.Group, {
+    className: "pisell-scan-order-fulfillment-group",
+    optionType: "button",
+    buttonStyle: "solid",
+    value: mode,
+    onChange: function onChange(event) {
+      var _event$target;
+      return handleChange(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+    }
+  }, /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "table_service"
+  }, tableServiceText), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "counter_pickup"
+  }, pickupText)));
+}

package/es/components/scanOrder/components/FulfillmentMode/index.less

@@ -0,0 +1,40 @@
+.pisell-scan-order-fulfillment {
+  padding: 4px 16px;
+  margin-bottom: 12px;
+  background: #fff;
+  border-radius: 12px;
+
+  .pisell-scan-order-fulfillment-title {
+    color: #101828;
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 8px;
+  }
+
+  .pisell-scan-order-fulfillment-group {
+    display: flex;
+    width: 100%;
+
+    .pisell-lowcode-radio-button-wrapper {
+      flex: 1;
+      text-align: center;
+    }
+  }
+}
+
+.pisell-scan-order-fulfillment-single {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+
+  .pisell-scan-order-fulfillment-title {
+    margin-bottom: 0;
+  }
+
+  .pisell-scan-order-fulfillment-value {
+    color: #344054;
+    font-size: 14px;
+    font-weight: 500;
+  }
+}

package/es/components/scanOrder/components/ManualPickupRefModal/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import './index.less';
+interface ManualPickupRefModalProps {
+    open: boolean;
+    confirmLoading?: boolean;
+    onCancel: () => void;
+    onConfirm: (value: string) => void;
+}
+/**
+ * ManualPickupRefModal
+ *
+ * 当 scanOrder.checkManualPickupRef() 返回 enabled=true 时，弹出让用户输入
+ * 昵称/buzzer 的弹窗。确认时回调 onConfirm(value)，由外部负责 setPickupRef 与下单。
+ */
+export default function ManualPickupRefModal({ open, confirmLoading, onCancel, onConfirm, }: ManualPickupRefModalProps): JSX.Element;
+export {};

package/es/components/scanOrder/components/ManualPickupRefModal/index.js

@@ -0,0 +1,87 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { Input, Modal } from 'antd';
+import { Button } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+/**
+ * ManualPickupRefModal
+ *
+ * 当 scanOrder.checkManualPickupRef() 返回 enabled=true 时，弹出让用户输入
+ * 昵称/buzzer 的弹窗。确认时回调 onConfirm(value)，由外部负责 setPickupRef 与下单。
+ */
+export default function ManualPickupRefModal(_ref) {
+  var open = _ref.open,
+    _ref$confirmLoading = _ref.confirmLoading,
+    confirmLoading = _ref$confirmLoading === void 0 ? false : _ref$confirmLoading,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    if (open) setValue('');
+  }, [open]);
+  var title = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.pickup.ref.title'));
+  }, []);
+  var heading = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.pickup.ref.heading'));
+  }, []);
+  var description = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.pickup.ref.description'));
+  }, []);
+  var placeholder = useMemo(function () {
+    return String(locales.getText('pisell2.scan.order.pickup.ref.placeholder'));
+  }, []);
+  var confirmText = useMemo(function () {
+    return String(locales.getText('pisell2.event.confirm') || 'Confirm');
+  }, []);
+  var trimmed = value.trim();
+  var canConfirm = !!trimmed && !confirmLoading;
+  var handleConfirm = function handleConfirm() {
+    if (!canConfirm) return;
+    onConfirm(trimmed);
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    open: open,
+    title: title,
+    footer: null,
+    onCancel: onCancel,
+    maskClosable: false,
+    destroyOnClose: true,
+    centered: true,
+    className: "pisell-scan-order-pickup-ref-modal"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-scan-order-pickup-ref-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-scan-order-pickup-ref-heading"
+  }, heading), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-scan-order-pickup-ref-desc"
+  }, description), /*#__PURE__*/React.createElement(Input, {
+    size: "large",
+    placeholder: placeholder,
+    value: value,
+    onChange: function onChange(event) {
+      var _event$target;
+      return setValue((event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) || '');
+    },
+    onPressEnter: handleConfirm,
+    className: "pisell-scan-order-pickup-ref-input",
+    maxLength: 32,
+    allowClear: true
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    block: true,
+    size: "large",
+    disabled: !canConfirm,
+    loading: confirmLoading,
+    onClick: handleConfirm
+  }, confirmText)));
+}

package/es/components/scanOrder/components/ManualPickupRefModal/index.less

@@ -0,0 +1,61 @@
+.pisell-scan-order-pickup-ref-modal {
+  .pisell-lowcode-modal-content {
+    border-radius: 16px;
+    padding: 0;
+  }
+
+  .pisell-lowcode-modal-header {
+    padding: 16px 20px;
+    border-bottom: 1px solid #eaecf0;
+    margin-bottom: 0;
+  }
+
+  .pisell-lowcode-modal-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #101828;
+  }
+
+  .pisell-lowcode-modal-body {
+    padding: 24px 20px 28px;
+  }
+
+  .pisell-lowcode-modal-close {
+    top: 14px;
+    inset-inline-end: 16px;
+  }
+}
+
+.pisell-scan-order-pickup-ref-body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: stretch;
+
+  .pisell-scan-order-pickup-ref-heading {
+    text-align: center;
+    color: #101828;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 1.3;
+    margin-top: 4px;
+  }
+
+  .pisell-scan-order-pickup-ref-desc {
+    text-align: center;
+    color: #667085;
+    font-size: 14px;
+    font-weight: 400;
+    margin-bottom: 12px;
+  }
+
+  .pisell-scan-order-pickup-ref-input {
+    height: 48px;
+    border-radius: 10px;
+
+    input {
+      text-align: center;
+      font-size: 16px;
+    }
+  }
+}

package/es/components/scanOrder/components/Menu/index.d.ts

@@ -1,6 +1,17 @@
 /// <reference types="react" />
 interface MenuProps {
     onCheckout: () => void;
+    /**
+     * 商品列表（由上层 ReadyState 持有，配合 onEnsureProductList 做幂等拉取与持久化：
+     * 切 step 回到 product 时 Menu 会 remount，但 productList 在 ReadyState 不会丢）
+     */
+    productList: any[];
+    /**
+     * 幂等触发商品列表拉取。Menu mount 时调用：
+     * - 首次：真发请求
+     * - 后续（如从 check 返回 product）：命中缓存，直接短路，不重复发请求
+     */
+    onEnsureProductList: () => Promise<void>;
 }
 export default function Menu(props: MenuProps): JSX.Element;
 export {};