@pisell/materials 1.0.449 → 1.0.451

package/es/components/productCard/components/Sales/index.js

@@ -1,21 +1,38 @@
+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 _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); }
 import React from 'react';
 import CollapsibleList from "../Packages/components/collapsibleList";
 import { renderBundles } from "../Packages/components/collapsibleList/utils";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Sales = function Sales(_ref) {
-  var _d$_extend;
-  var d = _ref.d,
+  var _item$_extend, _other_products;
+  var item = _ref.item,
     isShowNote = _ref.isShowNote;
-  var other_products = (d === null || d === void 0 ? void 0 : (_d$_extend = d._extend) === null || _d$_extend === void 0 ? void 0 : _d$_extend.relation_details) || [];
-  return (other_products === null || other_products === void 0 ? void 0 : other_products.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  var other_products = (item === null || item === void 0 ? void 0 : (_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.relation_details) || [];
+
+  // 格式化商品数据
+  other_products = other_products.map(function (p) {
+    return _objectSpread(_objectSpread({}, p), {}, {
+      title: p === null || p === void 0 ? void 0 : p.product_title,
+      price: p === null || p === void 0 ? void 0 : p.payment_price,
+      symbol: item.symbol,
+      num: p === null || p === void 0 ? void 0 : p.product_quantity,
+      total: p === null || p === void 0 ? void 0 : p.payment_price
+    });
+  });
+  return ((_other_products = other_products) === null || _other_products === void 0 ? void 0 : _other_products.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-sales-wrap")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-sales-title")
   }, "Sales"), /*#__PURE__*/React.createElement(CollapsibleList, {
     list: other_products || [],
-    renderItem: function renderItem(item) {
-      return renderBundles(item, d === null || d === void 0 ? void 0 : d.symbol, true, isShowNote);
+    renderItem: function renderItem(items) {
+      return renderBundles(items, true, isShowNote);
     }
   }))) : null;
 };

package/es/components/productCard/components/Time/components/Like/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import './index.less';
-declare const Like: ({ status, onChange, className, style, }: {
+declare const Like: ({ status, onLike, className, style, }: {
     style?: any;
     status: string;
-    onChange?: any;
+    onLike?: any;
     className?: string | undefined;
 }) => React.JSX.Element;
 export default Like;

package/es/components/productCard/components/Time/components/Like/index.js

@@ -5,7 +5,7 @@ import "./index.less";
 import classNames from 'classnames';
 var Like = function Like(_ref) {
   var status = _ref.status,
-    onChange = _ref.onChange,
+    onLike = _ref.onLike,
     className = _ref.className,
     style = _ref.style;
   var url = status === 'like' ? likeHeart : likeHideHeart;
@@ -14,12 +14,12 @@ var Like = function Like(_ref) {
     src: url,
     className: classNames('like-icon', className),
     onClick: function onClick(e) {
-      if (!onChange) {
+      if (!onLike) {
         return;
       }
       e.preventDefault();
       e.stopPropagation();
-      onChange === null || onChange === void 0 ? void 0 : onChange(status === 'like' ? 'common' : 'like');
+      onLike === null || onLike === void 0 ? void 0 : onLike(status === 'like' ? 'common' : 'like');
     }
   });
 };

package/es/components/productCard/components/Time/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.less';
-declare const Time: ({ d }: any) => React.JSX.Element;
+declare const Time: ({ item, isShowHolder, onLike }: any) => React.JSX.Element | null;
 export default Time;

package/es/components/productCard/components/Time/index.js

@@ -1,30 +1,44 @@
-import React from 'react';
+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 _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); }
+import React, { useMemo } from 'react';
 import { getServiceTime } from "../../utils";
 import Divider from "../Divider";
 import Like from "./components/Like";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Time = function Time(_ref) {
-  var _d$_other_data, _d$_other_data2, _state$date, _d$_extend;
-  var d = _ref.d;
-  console.log('wh8887', d);
-  var resourceItem = (d === null || d === void 0 ? void 0 : (_d$_other_data = d._other_data) === null || _d$_other_data === void 0 ? void 0 : _d$_other_data.resourceItem) || {};
-  var state = (d === null || d === void 0 ? void 0 : (_d$_other_data2 = d._other_data) === null || _d$_other_data2 === void 0 ? void 0 : _d$_other_data2.state) || {};
-  var resourceName = (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.labelText) || (d === null || d === void 0 ? void 0 : d.relation_form_name);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+  var _item$_extend5, _item$_extend5$date, _item$_extend6, _item$_extend7, _item$_extend8, _item$_extend9;
+  var item = _ref.item,
+    isShowHolder = _ref.isShowHolder,
+    _onLike = _ref.onLike;
+  var isShow = useMemo(function () {
+    var _item$_extend, _item$_extend$date, _item$_extend2, _item$_extend3, _item$_extend4;
+    return (item === null || item === void 0 ? void 0 : (_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : (_item$_extend$date = _item$_extend.date) === null || _item$_extend$date === void 0 ? void 0 : _item$_extend$date.value) || isShowHolder && (item === null || item === void 0 ? void 0 : (_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.holder_title) || (item === null || item === void 0 ? void 0 : (_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.resource) || (item === null || item === void 0 ? void 0 : (_item$_extend4 = item._extend) === null || _item$_extend4 === void 0 ? void 0 : _item$_extend4.relation_form_name);
+  }, [item === null || item === void 0 ? void 0 : item._extend, isShowHolder]);
+  return isShow ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-time-wrap")
-  }, (state === null || state === void 0 ? void 0 : state.renderType) !== 'eventBooking' && /*#__PURE__*/React.createElement("div", {
+  }, item !== null && item !== void 0 && (_item$_extend5 = item._extend) !== null && _item$_extend5 !== void 0 && (_item$_extend5$date = _item$_extend5.date) !== null && _item$_extend5$date !== void 0 && _item$_extend5$date.value ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-date")
-  }, getServiceTime(d, state === null || state === void 0 ? void 0 : (_state$date = state.date) === null || _state$date === void 0 ? void 0 : _state$date.value)), /*#__PURE__*/React.createElement("div", {
+  }, getServiceTime(item, (_item$_extend6 = item._extend) === null || _item$_extend6 === void 0 ? void 0 : _item$_extend6.start_date)) : null, isShowHolder && item !== null && item !== void 0 && (_item$_extend7 = item._extend) !== null && _item$_extend7 !== void 0 && _item$_extend7.holder_title ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "product-holder-wrap")
+  }, item._extend.holder_title) : null, item !== null && item !== void 0 && (_item$_extend8 = item._extend) !== null && _item$_extend8 !== void 0 && _item$_extend8.resource ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-technician")
   }, /*#__PURE__*/React.createElement(Like, {
     style: {
       marginRight: 4
     },
-    status: d === null || d === void 0 ? void 0 : (_d$_extend = d._extend) === null || _d$_extend === void 0 ? void 0 : _d$_extend.like_status,
-    onChange: function onChange(e) {
-      // handleLike(e, d);
+    status: item._extend.like_status,
+    onLike: function onLike(e) {
+      _onLike(_objectSpread(_objectSpread({}, item), {}, {
+        _extend: _objectSpread(_objectSpread({}, item._extend), {}, {
+          like_status: e
+        })
+      }));
     }
-  }), resourceName)));
+  }), item === null || item === void 0 ? void 0 : (_item$_extend9 = item._extend) === null || _item$_extend9 === void 0 ? void 0 : _item$_extend9.relation_form_name) : null)) : null;
 };
 export default Time;

package/es/components/productCard/components/Time/index.less

@@ -15,11 +15,21 @@
     line-height: 20px;
   }
 
+  &-product-holder-wrap {
+    color: var(--Gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
   &-product-technician {
     color: var(--gray-500, #667085);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
+    display: flex;
+    align-items: center;
   }
 }

package/es/components/productCard/hooks/useOpenNote.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/productCard/hooks/useOpenNote.js

@@ -0,0 +1,58 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, forwardRef, useImperativeHandle } from 'react';
+import { locales } from '@pisell/utils';
+import { PisellModal, Input } from "../../../index";
+var useOpenNote = function useOpenNote(_ref, ref) {
+  var onNoteChange = _ref.onNoteChange;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open(_ref2) {
+        var item = _ref2.item;
+        setValue(item === null || item === void 0 ? void 0 : item.note);
+        setOpen(true);
+      }
+    };
+  });
+  var handleOk = function handleOk() {
+    onNoteChange(value);
+    setOpen(false);
+  };
+  return /*#__PURE__*/React.createElement(PisellModal, {
+    open: open,
+    bodyStyle: {
+      padding: 0
+    },
+    title: value ? locales.getText('pisell2.product.card.discount.edit.note') : locales.getText('pisell2.product.card.discount.add.note'),
+    onCancel: function onCancel() {
+      return setOpen(false);
+    },
+    onOk: handleOk,
+    destroyOnClose: true,
+    className: "pisell-lowcode__booking-select-pet-modal-wrap"
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    size: "large",
+    placeholder: locales.getText('pisell2.text.add-order-notes'),
+    autoSize: {
+      minRows: 4
+    },
+    allowClear: true,
+    value: value,
+    onChange: function onChange(e) {
+      setValue(e.target.value);
+    }
+  }));
+};
+export default /*#__PURE__*/forwardRef(useOpenNote);

package/es/components/productCard/index.js

@@ -1,21 +1,41 @@
-import React, { useMemo } from 'react';
+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 _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); }
+import React, { useMemo, useRef } from 'react';
 import classNames from 'classnames';
 import { Alert } from 'antd';
 import CardPro from "../cardPro";
 import Header from "./components/Header";
-import Holder from "./components/Holder";
+import Time from "./components/Time";
 import Packages from "./components/Packages";
 import Sales from "./components/Sales";
 import AmountFooter from "./components/AmountFooter";
 import Note from "./components/Note";
-import Actions from "./components/Actions";
+import Action from "./components/Action";
+import UseOpenNote from "./hooks/useOpenNote";
 import "./index.less";
 var ProductCard = function ProductCard(props) {
+  var _dataSource$_extend, _dataSource$_extend$d, _classNames;
   var dataSource = props.dataSource,
-    isShowImage = props.isShowImage,
-    isShowHolder = props.isShowHolder,
-    isShowNote = props.isShowNote,
-    isShowDelete = props.isShowDelete;
+    _props$isShowImage = props.isShowImage,
+    isShowImage = _props$isShowImage === void 0 ? true : _props$isShowImage,
+    _props$isShowHolder = props.isShowHolder,
+    isShowHolder = _props$isShowHolder === void 0 ? true : _props$isShowHolder,
+    _props$isShowNote = props.isShowNote,
+    isShowNote = _props$isShowNote === void 0 ? true : _props$isShowNote,
+    _props$isShowDelete = props.isShowDelete,
+    isShowDelete = _props$isShowDelete === void 0 ? true : _props$isShowDelete,
+    _props$isShowPackageN = props.isShowPackageNote,
+    isShowPackageNote = _props$isShowPackageN === void 0 ? true : _props$isShowPackageN,
+    _onAction = props.onAction,
+    _onDelete = props.onDelete,
+    onNote = props.onNote,
+    _onLike = props.onLike,
+    onCard = props.onCard;
+  var useOpenNoteRef = useRef();
 
   /**
    * @title: 显示图片
@@ -26,8 +46,8 @@ var ProductCard = function ProductCard(props) {
    * @Date: 2024-11-21 19:33
    */
   var showImage = useMemo(function () {
-    return isShowImage && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.product_cover);
-  }, [dataSource, isShowImage]);
+    return isShowImage && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.cover);
+  }, [isShowImage, dataSource === null || dataSource === void 0 ? void 0 : dataSource.cover]);
 
   /**
    * @title: 是否隐藏footer分割线
@@ -38,43 +58,66 @@ var ProductCard = function ProductCard(props) {
    * @Date: 2024-11-23 13:30
    */
   var hideDivider = useMemo(function () {
-    var _dataSource$bundle, _dataSource$_extend, _dataSource$_extend$r;
-    return (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$bundle = dataSource.bundle) === null || _dataSource$bundle === void 0 ? void 0 : _dataSource$bundle.length) || (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$_extend = dataSource._extend) === null || _dataSource$_extend === void 0 ? void 0 : (_dataSource$_extend$r = _dataSource$_extend.relation_details) === null || _dataSource$_extend$r === void 0 ? void 0 : _dataSource$_extend$r.length);
-  }, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.bundle, dataSource === null || dataSource === void 0 ? void 0 : dataSource._extend]);
+    var _dataSource$bundle, _dataSource$relation_;
+    return (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$bundle = dataSource.bundle) === null || _dataSource$bundle === void 0 ? void 0 : _dataSource$bundle.length) || (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$relation_ = dataSource.relation_details) === null || _dataSource$relation_ === void 0 ? void 0 : _dataSource$relation_.length);
+  }, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.bundle, dataSource === null || dataSource === void 0 ? void 0 : dataSource.relation_details]);
   return /*#__PURE__*/React.createElement(CardPro, {
-    className: classNames('pisell-lowcode-product-card', !showImage && 'pisell-lowcode-product-card-image'),
-    onClick: function onClick() {
-      console.log(dataSource, 'wh9999');
-      // handleEditService(d);
-    },
-
+    className: classNames('pisell-lowcode-product-card', (_classNames = {}, _defineProperty(_classNames, 'pisell-lowcode-product-card-image', !showImage), _defineProperty(_classNames, 'pisell-lowcode-normal-product-card', !showImage && !(dataSource !== null && dataSource !== void 0 && (_dataSource$_extend = dataSource._extend) !== null && _dataSource$_extend !== void 0 && (_dataSource$_extend$d = _dataSource$_extend.date) !== null && _dataSource$_extend$d !== void 0 && _dataSource$_extend$d.value)), _classNames)),
     key: dataSource === null || dataSource === void 0 ? void 0 : dataSource._id
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      onCard === null || onCard === void 0 ? void 0 : onCard(dataSource);
+    }
   }, /*#__PURE__*/React.createElement(Header, {
-    d: dataSource,
+    item: dataSource,
     isShowImage: isShowImage,
     isShowDelete: isShowDelete,
-    showImage: showImage
-  }), isShowHolder && dataSource !== null && dataSource !== void 0 && dataSource.holder ? /*#__PURE__*/React.createElement(Holder, {
-    d: dataSource
+    showImage: showImage,
+    onDelete: function onDelete() {
+      _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete(dataSource);
+    }
+  }), dataSource !== null && dataSource !== void 0 && dataSource._extend ? /*#__PURE__*/React.createElement(Time, {
+    item: dataSource,
+    isShowHolder: isShowHolder,
+    onLike: function onLike(item) {
+      return _onLike === null || _onLike === void 0 ? void 0 : _onLike(item);
+    }
   }) : null, /*#__PURE__*/React.createElement(Packages, {
-    d: dataSource,
-    isShowNote: isShowNote
+    item: dataSource,
+    isShowPackageNote: isShowPackageNote
   }), /*#__PURE__*/React.createElement(Sales, {
-    d: dataSource,
+    item: dataSource,
     isShowNote: isShowNote
   }), /*#__PURE__*/React.createElement(AmountFooter, {
     item: dataSource,
-    amountSymbol: dataSource === null || dataSource === void 0 ? void 0 : dataSource.symbol,
-    hideDivider: hideDivider
+    hideDivider: hideDivider,
+    type: "total"
   }), isShowNote ? /*#__PURE__*/React.createElement(Note, {
-    item: dataSource
-  }) : null, /*#__PURE__*/React.createElement(Actions, {
-    item: dataSource
-  }), dataSource !== null && dataSource !== void 0 && dataSource.errorMessage ? /*#__PURE__*/React.createElement(Alert, {
-    message: dataSource.errorMessage,
+    item: dataSource,
+    openNote: function openNote() {
+      useOpenNoteRef.current.open({
+        item: dataSource
+      });
+    }
+  }) : null, dataSource !== null && dataSource !== void 0 && dataSource._showAction && dataSource !== null && dataSource !== void 0 && dataSource._actionText ? /*#__PURE__*/React.createElement(Action, {
+    item: dataSource,
+    onAction: function onAction() {
+      return _onAction === null || _onAction === void 0 ? void 0 : _onAction(dataSource);
+    }
+  }) : null, dataSource !== null && dataSource !== void 0 && dataSource._errorMessage ? /*#__PURE__*/React.createElement(Alert, {
+    message: dataSource._errorMessage,
     type: "warning",
     showIcon: true,
     className: "pisell-lowcode-product-card-error"
-  }) : null);
+  }) : null), /*#__PURE__*/React.createElement(UseOpenNote, {
+    ref: useOpenNoteRef,
+    onNoteChange: function onNoteChange(e) {
+      onNote === null || onNote === void 0 ? void 0 : onNote(_objectSpread(_objectSpread({}, dataSource), {}, {
+        note: e || ''
+      }));
+    }
+  })));
 };
 export default ProductCard;

package/es/components/productCard/index.less

@@ -1,5 +1,4 @@
 .pisell-lowcode-product-card {
-  margin-bottom: 16px;
   overflow: hidden;
   border: 1px solid var(--Gray-300, #d0d5dd);
   &:hover,
@@ -19,7 +18,7 @@
   }
 
   .pisell-cardPro-content {
-    margin-top: 0;
+    margin-top: 0 !important;
     flex-direction: column;
     position: relative;
     overflow: hidden;
@@ -36,11 +35,17 @@
     top: 0;
     width: 6px;
     height: 100%;
-    background: #80bcfe;
+    background: var(--Blue-400, #53b1fd);
     z-index: 2;
   }
 }
 
+.pisell-lowcode-normal-product-card {
+  &::before {
+    background: var(--Gray-cool-400, #7d89b0) !important;
+  }
+}
+
 .pisell-lowcode-product-card-error {
   border: none !important;
   margin: 8px -16px -8px;

package/es/components/productCard/locales.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+    };
+};
+export default _default;

package/es/components/productCard/locales.js

@@ -0,0 +1,29 @@
+export default {
+  'en': {
+    'pisell2.product.card.day': function pisell2ProductCardDay(val) {
+      return "".concat(val > 1 ? 'days' : 'day');
+    },
+    'pisell2.product.card.discount.reason': 'Discount reason',
+    'pisell2.product.card.discount.note': 'Note',
+    'pisell2.product.card.discount.add.note': 'Add note',
+    'pisell2.product.card.discount.edit.note': 'Edit note'
+  },
+  'zh-CN': {
+    'pisell2.product.card.day': function pisell2ProductCardDay(val) {
+      return '天';
+    },
+    'pisell2.product.card.discount.reason': '折扣原因',
+    'pisell2.product.card.discount.note': '备注',
+    'pisell2.product.card.discount.add.note': '添加备注',
+    'pisell2.product.card.discount.edit.note': '编辑备注'
+  },
+  'zh-HK': {
+    'pisell2.product.card.day': function pisell2ProductCardDay(val) {
+      return '天';
+    },
+    'pisell2.product.card.discount.reason': '折扣原因',
+    'pisell2.product.card.discount.note': '備註',
+    'pisell2.product.card.discount.add.note': '添加備註',
+    'pisell2.product.card.discount.edit.note': '編輯備註'
+  }
+};

package/es/components/productCard/types.d.ts

@@ -6,5 +6,11 @@ export declare type ProductCardTypes = {
     isShowImage?: boolean;
     isShowHolder?: boolean;
     isShowNote?: boolean;
+    isShowPackageNote?: boolean;
     isShowDelete?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
 };

package/es/components/productCard/utils.js

@@ -145,10 +145,28 @@ export var getServeStartTime = function getServeStartTime(start_time) {
  * @Date: 2024-04-26 14:04
  */
 export var getServiceTime = function getServiceTime(item, currentDate) {
-  var startDate = dayjs(currentDate.format('YYYY-MM-DD') + ' ' + getServeStartTime(item._extend.start_time));
+  var _item$_extend, _item$_extend2, _item$_extend3, _item$_extend5, _item$_extend6;
+  if (!currentDate || !(item !== null && item !== void 0 && (_item$_extend = item._extend) !== null && _item$_extend !== void 0 && _item$_extend.start_time) || !dayjs(currentDate).isValid()) return '';
+  var locale = (item === null || item === void 0 ? void 0 : item.locale) || 'en-US';
+  var isEn = locale === 'en-US' || locale === 'en';
+  var startDate = dayjs((currentDate === null || currentDate === void 0 ? void 0 : currentDate.format('YYYY-MM-DD')) + ' ' + getServeStartTime(item === null || item === void 0 ? void 0 : (_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.start_time));
   var startTime = startDate.format('HH:mm');
-  var endTime = startDate.add(flexibleObj.getValue(item._extend.duration), 'minute').format('HH:mm');
-  var duration = getDiscountTime(flexibleObj.getValue(item._extend.duration));
+
+  // 跨日
+  if ((item === null || item === void 0 ? void 0 : (_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.sub_type) === 'days') {
+    var _item$_extend4;
+    // 结束日期 + 1 分钟计算天数
+    var endDate = dayjs(item === null || item === void 0 ? void 0 : (_item$_extend4 = item._extend) === null || _item$_extend4 === void 0 ? void 0 : _item$_extend4.end_date);
+    var newEndDate = endDate.add(1, 'minute');
+    var _endTime = endDate.format('HH:mm');
+    var diffInDays = newEndDate.diff(startDate, 'day');
+    var _format = isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
+    var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
+    var _duration = "".concat(diffInDays, " ").concat(locales.getText('pisell2.product.card.day')(diffInDays));
+    return "".concat(date, " (").concat(_duration, ")");
+  }
+  var endTime = startDate.add(flexibleObj.getValue(item === null || item === void 0 ? void 0 : (_item$_extend5 = item._extend) === null || _item$_extend5 === void 0 ? void 0 : _item$_extend5.duration), 'minute').format('HH:mm');
+  var duration = getDiscountTime(flexibleObj.getValue(item === null || item === void 0 ? void 0 : (_item$_extend6 = item._extend) === null || _item$_extend6 === void 0 ? void 0 : _item$_extend6.duration));
   return "".concat(startTime, " - ").concat(endTime, " ( ").concat(duration, " )");
 };
 export var findNextSlice = function findNextSlice(_ref) {
@@ -604,10 +622,10 @@ export var getServerItemExtend = function getServerItemExtend(state, cacheItem,
 
 // 商品价格:   (商品价格 + (套餐价格 + 单规格价格 * 单规格数量) * 套餐数量)  * 商品数量
 export var getProductTotalPrice = function getProductTotalPrice(item) {
-  var _item$_extend;
+  var _item$_extend7;
   var price = 0;
   price += Number(item._extend.price);
-  var other = (_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.other;
+  var other = (_item$_extend7 = item._extend) === null || _item$_extend7 === void 0 ? void 0 : _item$_extend7.other;
   if (other !== null && other !== void 0 && other.bundle) {
     // bundle
     price = other === null || other === void 0 ? void 0 : other.bundle.reduce(function (accumulator, currentValue) {

package/es/components/record-view/index.js

@@ -133,9 +133,6 @@ var RecordView = function RecordView(props) {
       footer: _footer
     }), emptyDom);
   }, [props, _renderItem, _footer]);
-  console.log('%c [ detail ]-209', 'font-size:13px; background:pink; color:#bf2c9f;', detail);
-  console.log('%c [ _leftSpan ]-214', 'font-size:13px; background:pink; color:#bf2c9f;', _leftSpan);
-  console.log('%c [ rightSpan ]-215', 'font-size:13px; background:pink; color:#bf2c9f;', rightSpan);
   return /*#__PURE__*/React.createElement(Row, {
     gutter: gutter,
     style: style,

package/es/components/section-footers/index.js

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { Flex } from 'antd';
 var SectionFooters = function SectionFooters(props) {
-  console.log('%c [ props ]-6', 'font-size:13px; background:pink; color:#bf2c9f;', props);
   useEffect(function () {
     document.body.id = 'body';
   }, []);

package/es/components/select/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import "./index.less";
-declare const Select: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Select: (props: any) => import("react").JSX.Element;
 export default Select;

package/es/components/select/index.js

@@ -8,6 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Checkbox, Divider, Select as OriginalSelect } from "antd";
 import { useCallback, useMemo, forwardRef } from "react";
 import { getText } from "../../locales";
+import { withWrap } from "../../utils/hoc";
 import { useControllableValue, useMemoizedFn } from "ahooks";
 import "./index.less";
 var prefix = "pisell-lowcode-";
@@ -58,5 +59,5 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     dropdownRender: dropdownRender
   }));
 });
-var Select = SelectBase;
+var Select = withWrap(SelectBase);
 export default Select;

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

@@ -1,14 +1,13 @@
-declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
 declare class Request {
     private request;
     constructor();
     setRequest(val: any): void;
     getRequest(): {
-        get: RType;
-        post: RType;
-        put: RType;
-        remove: RType;
-        custom: RType;
+        get: <T = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T>;
+        post: <T_1 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_1>;
+        put: <T_2 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_2>;
+        remove: <T_3 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_3>;
+        custom: <T_4 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_4>;
     };
 }
 export declare const request: Request;

package/es/components/table/utils.js

@@ -8,7 +8,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 var Request = /*#__PURE__*/function () {
   function Request() {
     _classCallCheck(this, Request);
-    _defineProperty(this, "request", {});
+    _defineProperty(this, "request", {
+      get: undefined,
+      post: undefined,
+      put: undefined,
+      remove: undefined,
+      custom: undefined
+    });
   }
   _createClass(Request, [{
     key: "setRequest",