@pisell/private-materials 6.3.15 → 6.4.1

package/es/components/booking/notes/addNote/index.js

@@ -4,53 +4,73 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, useState } from "react";
-import { Input } from "antd";
-import { useDebounce, useUpdateEffect } from "ahooks";
+import React, { useState } from "react";
+import { Button } from "antd";
+import Edit05 from "@pisell/icon/es/Edit05";
 import "./index.less";
 import { locales } from "@pisell/utils";
+import NoteModal from "../../../../plus/noteModal";
 var AddNote = function AddNote(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
-    _ref$wait = _ref.wait,
-    wait = _ref$wait === void 0 ? 200 : _ref$wait,
     title = _ref.title,
     placeholder = _ref.placeholder;
-  var _useState = useState(),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    _value = _useState2[0],
-    _setValue = _useState2[1];
-  var debouncedValue = useDebounce(_value, {
-    wait: wait
-  });
-  useEffect(function () {
-    _setValue(value);
-  }, [value]);
-  var _onChange = function _onChange(e) {
-    _setValue(e.target.value);
+    modalOpen = _useState2[0],
+    setModalOpen = _useState2[1];
+
+  // 打开弹窗
+  var handleOpenModal = function handleOpenModal() {
+    setModalOpen(true);
   };
-  useUpdateEffect(function () {
-    if (value !== debouncedValue) {
-      onChange(debouncedValue);
-    }
-  }, [debouncedValue]);
-  return /*#__PURE__*/React.createElement("div", {
+
+  // 确认回调
+  var handleConfirm = function handleConfirm(newValue) {
+    onChange === null || onChange === void 0 || onChange(newValue);
+    setModalOpen(false);
+  };
+
+  // 删除回调
+  var handleDelete = function handleDelete() {
+    onChange === null || onChange === void 0 || onChange("");
+    setModalOpen(false);
+  };
+
+  // 取消回调
+  var handleCancel = function handleCancel() {
+    setModalOpen(false);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-notes"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-notes-label"
   }, title), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-notes-input",
+    className: "pisell-lowcode__booking-notes-input-area",
     style: {
       marginTop: title ? 8 : 0
-    }
-  }, /*#__PURE__*/React.createElement(Input.TextArea, {
-    placeholder: placeholder || locales.getText("pisell2.text.add-order-notes"),
-    autoSize: {
-      minRows: 4
     },
-    allowClear: true,
-    value: _value,
-    onChange: _onChange
-  })));
+    onClick: handleOpenModal
+  }, value ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-notes-content"
+  }, value) : /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-notes-placeholder"
+  }, placeholder || locales.getText("pisell2.text.add-order-notes")), /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    icon: /*#__PURE__*/React.createElement(Edit05, null),
+    size: "small",
+    className: "pisell-lowcode__booking-notes-edit-btn",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      handleOpenModal();
+    }
+  }))), /*#__PURE__*/React.createElement(NoteModal, {
+    open: modalOpen,
+    title: title || locales.getText("pisell2.text.add-order-notes"),
+    value: value,
+    onConfirm: handleConfirm,
+    onDelete: handleDelete,
+    onCancel: handleCancel
+  }));
 };
 export default AddNote;

package/es/components/booking/notes/addNote/index.less

@@ -1,6 +1,7 @@
 .pisell-lowcode__booking-notes {
   padding: 20px 0;
 }
+
 .pisell-lowcode__booking-notes-label {
   font-size: 16px;
   font-weight: 500;
@@ -10,6 +11,58 @@
   margin-top: 8px;
 }
 
+.pisell-lowcode__booking-notes-input-area {
+  position: relative;
+  min-height: 80px;
+  padding: 12px;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  background-color: #ffffff;
+  cursor: pointer;
+  transition: all 0.2s;
+  
+  &:hover {
+    border-color: #4096ff;
+  }
+  
+  &:focus-within {
+    border-color: #4096ff;
+    box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+  }
+}
+
+.pisell-lowcode__booking-notes-content {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.88);
+  line-height: 1.5714285714285714;
+  white-space: pre-wrap;
+  word-break: break-word;
+  padding-right: 32px;
+}
+
+.pisell-lowcode__booking-notes-placeholder {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.25);
+  line-height: 1.5714285714285714;
+  padding-right: 32px;
+}
+
+.pisell-lowcode__booking-notes-edit-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: rgba(0, 0, 0, 0.45);
+  
+  &:hover {
+    color: #4096ff;
+  }
+}
+
 .pisell-lowcode__booking-notes-desc {
   margin-top: 8px;
 }

package/es/components/booking/notes/model.js

@@ -1,9 +1,9 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { miniRedux } from "@pisell/utils";
 var defaultState = {};
 var _miniRedux = miniRedux({

package/es/components/booking/payments/model.js

@@ -1,9 +1,9 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { miniRedux } from "@pisell/utils";
 var defaultState = {};
 var _miniRedux = miniRedux({

package/es/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/es/components/checkout/PaymentModal.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.less';
+interface PaymentModalData {
+    order_info: any;
+    subtotal_info: {
+        subTotalList: any[];
+        orderTotalList: any[];
+        total: number;
+        showDetail: boolean;
+    };
+    total: any;
+}
+interface PaymentModalProps {
+    data?: PaymentModalData;
+    callback?: (result: any) => void;
+    onClose?: (reset?: boolean) => void;
+    dispatch?: (action: {
+        type: string;
+        payload?: any;
+    }) => void;
+    state?: any;
+}
+interface PaymentModalMainProps extends PaymentModalProps {
+    onClose?: (reset?: boolean) => void;
+}
+declare const PaymentModal: React.FC<PaymentModalMainProps>;
+export type { PaymentModalData, PaymentModalProps };
+export default PaymentModal;