@pisell/materials 1.0.446 → 1.0.448

package/es/components/productCard/components/Packages/components/collapsibleList/index.less

@@ -0,0 +1,53 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-packages-product-bundle-item {
+    width: 100%;
+    padding: 8px;
+    border-radius: 6px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+  }
+
+  &-packages-product-bundle-info {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &-packages-product-bundle-info-title {
+    color: var(--Gray-500, #667085);
+    font-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  &-packages-product-bundle-info-num {
+    color: var(--Gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+    flex-shrink: 0;
+  }
+}
+
+.pisell2-collapsible-list-wrap {
+  .pisell2-collapsible-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .pisell2-collapsible-list-view-all {
+    margin-top: 4px;
+    color: #7f56d9;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+    user-select: none;
+  }
+}

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const renderBundles: (item: any, amountSymbol: string, hidePrice?: boolean, isShowNote?: boolean) => React.JSX.Element;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import Footer from "../../../AmountFooter";
+import Note from "../../../Note";
+import { _formatAmount } from "../../utils";
+import Options from "../options";
+var prefix = 'pisell-lowcode-';
+export var renderBundles = function renderBundles(item, amountSymbol, hidePrice, isShowNote) {
+  // let translationOriginal = (text: any) => '';
+  // const context = useEngineContext();
+  // translationOriginal = context?.appHelper?.utils?.translationOriginal;
+  var options = (item === null || item === void 0 ? void 0 : item.option) || [];
+  return /*#__PURE__*/React.createElement("div", {
+    key: item.id,
+    className: "".concat(prefix, "packages-product-bundle-item")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "packages-product-bundle-info")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "packages-product-bundle-info-title")
+  }, (item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.product_title)), !hidePrice ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "packages-product-bundle-info-num")
+  }, _formatAmount(item === null || item === void 0 ? void 0 : item.price, amountSymbol)) : null), /*#__PURE__*/React.createElement(Options, {
+    options: options,
+    amountSymbol: amountSymbol
+  }), /*#__PURE__*/React.createElement(Footer, {
+    item: item,
+    amountSymbol: amountSymbol
+  }), isShowNote ? /*#__PURE__*/React.createElement(Note, {
+    item: item,
+    type: "inside"
+  }) : null);
+};

package/es/components/productCard/components/Packages/components/options/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Options: ({ options, amountSymbol }: any) => React.JSX.Element | null;
+export default Options;

package/es/components/productCard/components/Packages/components/options/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { _formatAmount } from "../../utils";
+import "./index.less";
+var prefix = 'pisell-lowcode-';
+var Options = function Options(_ref) {
+  var options = _ref.options,
+    amountSymbol = _ref.amountSymbol;
+  return (options === null || options === void 0 ? void 0 : options.length) > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "packages-product-bundle-option")
+  }, options.map(function (option, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: option.id,
+      className: "".concat(prefix, "packages-product-bundle-option-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "packages-product-bundle-option-item-left")
+    }, /*#__PURE__*/React.createElement("span", null, option === null || option === void 0 ? void 0 : option.name), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "packages-product-bundle-option-item-left-amount")
+    }, /*#__PURE__*/React.createElement("span", null, _formatAmount(option === null || option === void 0 ? void 0 : option.add_price, amountSymbol)), /*#__PURE__*/React.createElement("span", null, "\xD7"), /*#__PURE__*/React.createElement("span", null, option === null || option === void 0 ? void 0 : option.num))), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefix, "packages-product-bundle-option-item-amount")
+    }, _formatAmount((option === null || option === void 0 ? void 0 : option.add_price) * (option === null || option === void 0 ? void 0 : option.num), amountSymbol)));
+  })) : null;
+};
+export default Options;

package/es/components/productCard/components/Packages/components/options/index.less

@@ -0,0 +1,28 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-packages-product-bundle-option {
+    color: var(--gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &-packages-product-bundle-option-item {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &-packages-product-bundle-option-item-left {
+    display: flex;
+  }
+
+  &-packages-product-bundle-option-item-left-amount {
+    margin-left: 8px;
+    display: flex;
+    gap: 4px;
+  }
+}

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import Divider from "../Divider";
+import CollapsibleList from "./components/collapsibleList";
+import { renderBundles } from "./components/collapsibleList/utils";
+import "./index.less";
+var prefix = 'pisell-lowcode-';
+var Packages = function Packages(_ref) {
+  var d = _ref.d,
+    isShowNote = _ref.isShowNote;
+  var bundle = (d === null || d === void 0 ? void 0 : d.bundle) || [];
+  return (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "product-packages-wrap")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "product-packages-title")
+  }, "Items in package"), /*#__PURE__*/React.createElement(CollapsibleList, {
+    list: bundle || [],
+    renderItem: function renderItem(item) {
+      return renderBundles(item, d === null || d === void 0 ? void 0 : d.symbol, false, isShowNote);
+    }
+  }))) : null;
+};
+export default Packages;

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

@@ -0,0 +1,17 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-packages-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  &-product-packages-title {
+    color: var(--Gray-900, #101828);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  }
+}

package/es/components/productCard/components/Packages/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @title: 金额是否是负
+ * @description:
+ * @param {string} type
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:01
+ */
+export declare const minusSign: (item: any, type?: string) => "" | "-";
+/**
+ * @title: 金额格式化
+ * @description:
+ * @param {number} price
+ * @param {string} amountSymbol
+ * @param {number} digit
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:58
+ */
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/productCard/components/Packages/utils.js

@@ -0,0 +1,40 @@
+import { formatAmount } from '@pisell/utils';
+
+/**
+ * @title: 金额是否是负
+ * @description:
+ * @param {string} type
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:01
+ */
+export var minusSign = function minusSign(item, type) {
+  // 单个商品 + 单规格价格之后的价格
+  if (type === 'total') {
+    var _price2 = (item === null || item === void 0 ? void 0 : item.bundle_sum_price) || 0;
+    var _isMarkdown = (item === null || item === void 0 ? void 0 : item.bundle_sum_type) === 'markdown';
+    return _price2 > 0 && _isMarkdown ? '-' : '';
+  }
+
+  // 单个商品的价格
+  var _price = (item === null || item === void 0 ? void 0 : item.price) || 0;
+  var isMarkdown = (item === null || item === void 0 ? void 0 : item.price_type) === 'markdown';
+  return _price > 0 && isMarkdown ? '-' : '';
+};
+
+/**
+ * @title: 金额格式化
+ * @description: 
+ * @param {number} price
+ * @param {string} amountSymbol
+ * @param {number} digit
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:58
+ */
+export var _formatAmount = function _formatAmount() {
+  var price = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var amountSymbol = arguments.length > 1 ? arguments[1] : undefined;
+  var digit = arguments.length > 2 ? arguments[2] : undefined;
+  return formatAmount(price, digit, amountSymbol);
+};

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

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

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

@@ -0,0 +1,22 @@
+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,
+    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", {
+    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);
+    }
+  }))) : null;
+};
+export default Sales;

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

@@ -0,0 +1,18 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-sales-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 8px;
+  }
+
+  &-product-sales-title {
+    color: var(--Gray-900, #101828);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  }
+}

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import likeHeart from "./like-heart.png";
+import likeHideHeart from "./like-hide-heart.png";
+import "./index.less";
+import classNames from 'classnames';
+var Like = function Like(_ref) {
+  var status = _ref.status,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    style = _ref.style;
+  var url = status === 'like' ? likeHeart : likeHideHeart;
+  return /*#__PURE__*/React.createElement("img", {
+    style: style,
+    src: url,
+    className: classNames('like-icon', className),
+    onClick: function onClick(e) {
+      if (!onChange) {
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
+      onChange === null || onChange === void 0 ? void 0 : onChange(status === 'like' ? 'common' : 'like');
+    }
+  });
+};
+export default Like;

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

@@ -0,0 +1,6 @@
+.like-icon {
+  width: 18px;
+  height: 18px;
+  object-fit: contain;
+  cursor: pointer;
+}

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

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

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

@@ -0,0 +1,30 @@
+import React 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", {
+    className: "".concat(prefix, "product-time-wrap")
+  }, (state === null || state === void 0 ? void 0 : state.renderType) !== 'eventBooking' && /*#__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", {
+    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);
+    }
+  }), resourceName)));
+};
+export default Time;

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

@@ -0,0 +1,25 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-time-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  &-product-date {
+    color: var(--gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  &-product-technician {
+    color: var(--gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProductCardTypes } from './types';
+import './index.less';
+declare const ProductCard: (props: ProductCardTypes) => React.JSX.Element;
+export default ProductCard;

package/es/components/productCard/index.js

@@ -0,0 +1,80 @@
+import React, { useMemo } 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 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 "./index.less";
+var ProductCard = function ProductCard(props) {
+  var dataSource = props.dataSource,
+    isShowImage = props.isShowImage,
+    isShowHolder = props.isShowHolder,
+    isShowNote = props.isShowNote,
+    isShowDelete = props.isShowDelete;
+
+  /**
+   * @title: 显示图片
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-21 19:33
+   */
+  var showImage = useMemo(function () {
+    return isShowImage && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.product_cover);
+  }, [dataSource, isShowImage]);
+
+  /**
+   * @title: 是否隐藏footer分割线
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @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]);
+  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);
+    },
+
+    key: dataSource === null || dataSource === void 0 ? void 0 : dataSource._id
+  }, /*#__PURE__*/React.createElement(Header, {
+    d: dataSource,
+    isShowImage: isShowImage,
+    isShowDelete: isShowDelete,
+    showImage: showImage
+  }), isShowHolder && dataSource !== null && dataSource !== void 0 && dataSource.holder ? /*#__PURE__*/React.createElement(Holder, {
+    d: dataSource
+  }) : null, /*#__PURE__*/React.createElement(Packages, {
+    d: dataSource,
+    isShowNote: isShowNote
+  }), /*#__PURE__*/React.createElement(Sales, {
+    d: dataSource,
+    isShowNote: isShowNote
+  }), /*#__PURE__*/React.createElement(AmountFooter, {
+    item: dataSource,
+    amountSymbol: dataSource === null || dataSource === void 0 ? void 0 : dataSource.symbol,
+    hideDivider: hideDivider
+  }), 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,
+    type: "warning",
+    showIcon: true,
+    className: "pisell-lowcode-product-card-error"
+  }) : null);
+};
+export default ProductCard;

package/es/components/productCard/index.less

@@ -0,0 +1,48 @@
+.pisell-lowcode-product-card {
+  margin-bottom: 16px;
+  overflow: hidden;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+  &:hover,
+  &:active {
+    border: 1px solid var(--Gray-400, #98a2b3);
+    background: var(--Gray-50, #f9fafb);
+    cursor: pointer;
+  }
+
+  &:active {
+    background: var(--Gray-100, #f2f4f7);
+  }
+
+  .pisell-lowcode-card-body {
+    padding: 0;
+    border-radius: 0;
+  }
+
+  .pisell-cardPro-content {
+    margin-top: 0;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+    padding: 8px 16px;
+    border-radius: 8px;
+  }
+}
+
+.pisell-lowcode-product-card-image {
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 6px;
+    height: 100%;
+    background: #80bcfe;
+    z-index: 2;
+  }
+}
+
+.pisell-lowcode-product-card-error {
+  border: none !important;
+  margin: 8px -16px -8px;
+  border-radius: 0 0 8px 8px;
+}

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

@@ -0,0 +1,10 @@
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: any;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowDelete?: boolean;
+};

package/es/components/productCard/types.js

@@ -0,0 +1 @@
+export {};