@pisell/private-materials 6.0.25 → 6.2.1

package/es/components/stepController/components/Content/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import "./index.less";
+var Content = function Content(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-step-controller-content"
+  }, children);
+};
+export default Content;

package/es/components/stepController/components/Content/index.less

@@ -0,0 +1,8 @@
+.pisell-step-controller-content {
+  flex: 1;
+  width: 1000px;
+  max-width: 100%;
+  border-right: 1px solid var(--Gray-100, #f2f4f7);
+  border-left: 1px solid var(--Gray-100, #f2f4f7);
+  background: #fff;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+export interface FooterProps {
+    isMobile?: boolean;
+    children?: React.ReactNode;
+}
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import classNames from 'classnames';
+import "./index.less";
+var Footer = function Footer(_ref) {
+  var isMobile = _ref.isMobile,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-step-controller-footer-wrap', {
+      'pisell-step-controller-footer-wrap-mobile': isMobile
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-step-controller-footer"
+  }, children));
+};
+export default Footer;

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

@@ -0,0 +1,39 @@
+.pisell-step-controller-footer-wrap {
+  position: sticky;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  background: #fff;
+  // box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+  padding: 24px;
+  z-index: 100;
+  border-top: 1px solid var(--Gray-100, #f2f4f7);
+
+  .pisell-step-controller-footer {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+    display: flex;
+    gap: 12px;
+    justify-content: flex-end;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}
+
+.pisell-step-controller-footer-wrap-mobile {
+  border-top: 1px solid #eaecf0;
+}

package/es/components/stepController/components/Header/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Step } from '../../types';
+import './index.less';
+export interface HeaderProps {
+    steps: Step[];
+    currentStepIndex: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onBack?: (key: string) => void;
+    onClose?: () => void;
+    confirmCloseProps?: {
+        isConfirmClose?: boolean;
+        title?: string;
+        content?: string;
+        okText?: string;
+        cancelText?: string;
+    };
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/es/components/stepController/components/Header/index.js

@@ -0,0 +1,97 @@
+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, { useState } from 'react';
+import { PisellHeaderProgressBar, PisellModal } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+var Header = function Header(_ref) {
+  var _steps$currentStepInd;
+  var steps = _ref.steps,
+    currentStepIndex = _ref.currentStepIndex,
+    style = _ref.style,
+    onBack = _ref.onBack,
+    onClose = _ref.onClose,
+    confirmCloseProps = _ref.confirmCloseProps;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+
+  /**
+   * @title: 点击关闭
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-14 22:41
+   */
+  var handleClose = function handleClose() {
+    // 二次确认
+    if (confirmCloseProps !== null && confirmCloseProps !== void 0 && confirmCloseProps.isConfirmClose) {
+      setOpen(true);
+    } else {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  };
+
+  /**
+   * @title: 点击退出
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-02-10 17:46
+   */
+  var handleOk = function handleOk() {
+    setOpen(false);
+    onClose === null || onClose === void 0 || onClose();
+  };
+
+  /**
+   * @title: 返回上一步
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-12 16:44
+   */
+  var handleBack = function handleBack() {
+    if (!steps) return;
+    if (currentStepIndex > 0) {
+      var prevKey = steps[currentStepIndex - 1].key;
+      onBack === null || onBack === void 0 || onBack(prevKey);
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PisellHeaderProgressBar, {
+    className: "pisell-step-controller-header",
+    style: style,
+    stepText: locales.getText('pisell2.step.controller.step')(currentStepIndex + 1),
+    title: steps === null || steps === void 0 || (_steps$currentStepInd = steps[currentStepIndex]) === null || _steps$currentStepInd === void 0 ? void 0 : _steps$currentStepInd.description,
+    showClose: true,
+    onBack: handleBack,
+    onClose: handleClose,
+    enableBorder: true,
+    borderColor: "#EAECF0",
+    showBack: currentStepIndex > 0 || false
+  }), /*#__PURE__*/React.createElement(PisellModal.Information, {
+    open: open,
+    title: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.title) || '',
+    describe: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.content) || '',
+    okText: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.okText) || '',
+    cancelText: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.cancelText) || '',
+    closable: true,
+    okButtonProps: {
+      style: {
+        backgroundColor: '#D92D20'
+      }
+    },
+    onCancel: function onCancel() {
+      setOpen(false);
+    },
+    onOk: function onOk() {
+      return handleOk();
+    }
+  }));
+};
+export default Header;

package/es/components/stepController/components/Header/index.less

@@ -0,0 +1,21 @@
+.pisell-step-controller-header {
+  .pisell-section-headers-content {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StepControllerProps } from './types';
+import './index.less';
+declare const StepController: React.FC<StepControllerProps>;
+export default StepController;

package/es/components/stepController/index.js

@@ -0,0 +1,64 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import { usePisellConfig } from '@pisell/materials';
+import useEngineContext from "../../hooks/useEngineContext";
+import { useWindowSize } from "../../hooks/useWindowSize";
+import Header from "./components/Header";
+import Footer from "./components/Footer";
+import Content from "./components/Content";
+import localeTexts from "./locales";
+import "./index.less";
+var StepController = function StepController(_ref) {
+  var _context$engine;
+  var steps = _ref.steps,
+    currentStep = _ref.currentStep,
+    children = _ref.children,
+    onBack = _ref.onBack,
+    confirmCloseProps = _ref.confirmCloseProps,
+    showFooter = _ref.showFooter,
+    footerContent = _ref.footerContent,
+    onClose = _ref.onClose;
+  var context = useEngineContext();
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en');
+
+  // 监听窗口大小变化，重新计算vh
+  useWindowSize({
+    debounceMs: 200
+  });
+
+  /**
+   * @title: 是否是移动端
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-12 15:56
+   */
+  var isMobile = useMemo(function () {
+    var config = usePisellConfig();
+    var platform = (config === null || config === void 0 ? void 0 : config.platform) || 'h5';
+    return platform === 'h5';
+  }, []);
+  var currentStepIndex = useMemo(function () {
+    return (steps === null || steps === void 0 ? void 0 : steps.findIndex(function (step) {
+      return step.key === currentStep;
+    })) || 0;
+  }, [steps, currentStep]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-step-controller', {
+      'pisell-step-controller-mobile': isMobile
+    })
+  }, /*#__PURE__*/React.createElement(Header, {
+    steps: steps,
+    currentStepIndex: currentStepIndex,
+    confirmCloseProps: confirmCloseProps,
+    onBack: onBack,
+    onClose: onClose
+  }), /*#__PURE__*/React.createElement(Content, {
+    children: children
+  }), showFooter && footerContent ? /*#__PURE__*/React.createElement(Footer, {
+    children: footerContent,
+    isMobile: isMobile
+  }) : null);
+};
+export default StepController;

package/es/components/stepController/index.less

@@ -0,0 +1,11 @@
+.pisell-step-controller {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(var(--vh, 1vh) * 100);
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+
+.pisell-step-controller-mobile {
+}

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+    'zh-CN': {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+    'zh-HK': {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+};
+export default _default;

package/es/components/stepController/locales.js

@@ -0,0 +1,32 @@
+export default {
+  en: {
+    'pisell2.step.controller.step': function pisell2StepControllerStep(step) {
+      return "Step ".concat(step || 1);
+    },
+    'pisell2.step.controller.sendEmail': 'Send Email',
+    'pisell2.step.controller.copy': 'Copy',
+    'pisell2.step.controller.download': 'Download',
+    'pisell2.step.controller.preview': 'Preview',
+    'pisell2.step.controller.continue': 'Continue'
+  },
+  'zh-CN': {
+    'pisell2.step.controller.step': function pisell2StepControllerStep(step) {
+      return "\u6B65\u9AA4 ".concat(step || 1);
+    },
+    'pisell2.step.controller.sendEmail': '发送邮件',
+    'pisell2.step.controller.copy': '复制',
+    'pisell2.step.controller.download': '下载',
+    'pisell2.step.controller.preview': '预览',
+    'pisell2.step.controller.continue': '继续'
+  },
+  'zh-HK': {
+    'pisell2.step.controller.step': function pisell2StepControllerStep(step) {
+      return "\u6B65\u9A5F ".concat(step || 1);
+    },
+    'pisell2.step.controller.sendEmail': '發送郵件',
+    'pisell2.step.controller.copy': '複製',
+    'pisell2.step.controller.download': '下載',
+    'pisell2.step.controller.preview': '預覽',
+    'pisell2.step.controller.continue': '繼續'
+  }
+};

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface Step {
+    key: string;
+    description: string;
+}
+export interface StepControllerProps extends Step {
+    steps: Step[];
+    currentStep: string;
+    isLastStep?: boolean;
+    isMobile?: boolean;
+    children?: React.ReactNode;
+    onBack?: (key: string) => void;
+    onClose?: () => void;
+    confirmCloseProps?: {
+        isConfirmClose?: boolean;
+        title?: string;
+        content?: string;
+        okText?: string;
+        cancelText?: string;
+    };
+    showFooter?: boolean;
+    footerContent?: React.ReactNode;
+}

package/es/components/stepController/types.js

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+declare type SubTotalKey = 'deposit' | 'total' | 'sub_total' | 'tax' | 'delivery_fee' | 'discount' | 'point_deduction' | 'member_deduction' | 'custom' | string;
+export interface SubTotalItem extends React.HTMLAttributes<HTMLDivElement> {
+    key: SubTotalKey;
+    label?: string | React.ReactNode;
+    value: number;
+    count?: number;
+    hidden?: boolean;
+    tax?: {
+        rate?: number;
+        is_price_include_tax?: boolean;
+        title?: string;
+    };
+}
+interface SubTotalProps extends React.HTMLAttributes<HTMLDivElement> {
+    list: SubTotalItem[];
+    mode?: 'column1' | 'column2';
+    describe?: string;
+}
+declare const SubTotal: (props: SubTotalProps) => JSX.Element;
+export default SubTotal;

package/es/components/subTotal/index.js

@@ -0,0 +1,234 @@
+var _excluded = ["label", "key", "count", "value", "tax", "hidden"],
+  _excluded2 = ["list", "mode", "describe"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, useMemo } from 'react';
+import { Divider } from 'antd';
+import "./index.less";
+import { getLocale } from "../../utils/locales";
+import localeTexts from "./locales";
+import classNames from 'classnames';
+import { PisellText, Iconfont, Tooltip } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+
+// 先定义一个内置key的类型
+
+locales.init(localeTexts, getLocale());
+var labelMaps = {
+  deposit: locales.getText('pisell2.subtotal.deposit'),
+  total: locales.getText('pisell2.subtotal.total'),
+  sub_total: locales.getText('pisell2.subtotal.subtotal'),
+  tax: locales.getText('pisell2.subtotal.tax'),
+  delivery_fee: locales.getText('pisell2.subtotal.delivery-fee'),
+  discount: locales.getText('pisell2.subtotal.discount'),
+  point_deduction: locales.getText('pisell2.subtotal.point-deduction'),
+  member_deduction: locales.getText('pisell2.subtotal.member-deduction')
+};
+var groupByMod = function groupByMod(arr, groupCount) {
+  // 参数验证
+  if (groupCount < 1) {
+    throw new Error('Group count must be greater than 0');
+  }
+  if (arr.length === 0) {
+    return Array(groupCount).fill([]);
+  }
+
+  // 创建结果数组并初始化
+  var result = Array(groupCount).fill(null).map(function () {
+    return [];
+  });
+
+  // 使用 reduce 优化遍历过程
+  return arr.reduce(function (acc, item, index) {
+    var groupIndex = index % groupCount;
+    acc[groupIndex].push(item);
+    return acc;
+  }, result);
+};
+var Item = function Item(props) {
+  var item = props.item,
+    bold = props.bold;
+  var label = item.label,
+    key = item.key,
+    count = item.count,
+    value = item.value,
+    tax = item.tax,
+    hidden = item.hidden,
+    rest = _objectWithoutProperties(item, _excluded);
+  var taxText = useMemo(function () {
+    if (!tax) {
+      return '';
+    }
+    var str = '';
+    str = str + (tax === null || tax === void 0 ? void 0 : tax.title);
+    str = str + ' ' + Number(tax.rate) * 100 + '%';
+
+    // 判断税费是 包含在订单内  还是单独的
+    if (tax !== null && tax !== void 0 && tax.is_price_include_tax) {
+      str = str + ' ' + locales.getText('pisell2.subtotal.included');
+    } else {
+      str = str + ' ' + locales.getText('pisell2.subtotal.not-contain');
+    }
+    return str;
+  }, [tax]);
+  var renderLabel = useMemo(function () {
+    if (label) {
+      return label;
+    }
+    if (key === 'sub_total' && count !== undefined) {
+      return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "".concat(labelMaps[key])), /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: '#667085',
+          paddingLeft: '8px'
+        }
+      }, "".concat(count || 0, " ").concat(locales.getText('pisell2.subtotal.items'))));
+    }
+    if (key === 'tax') {
+      return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "".concat(labelMaps[key])), /*#__PURE__*/React.createElement(Tooltip, {
+        title: taxText
+      }, /*#__PURE__*/React.createElement(Iconfont, {
+        style: {
+          color: '#667085',
+          paddingLeft: '8px',
+          fontSize: '16px'
+        },
+        type: "pisell2-help-circle"
+      })));
+    }
+    return labelMaps[key];
+  }, [label, key, count, taxText]);
+  if (hidden) return null;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames('pisell-lowcode__subtotal-item', {
+      'pisell-lowcode__subtotal-item-bold': bold
+    })
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__subtotal-item-label"
+  }, renderLabel), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    value: value,
+    className: "pisell-lowcode__subtotal-item-value"
+  }));
+};
+var Describe = function Describe(props) {
+  var describe = props.describe;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+    className: "pisell-lowcode__subtotal-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__subtotal-describe"
+  }, describe));
+};
+var defaultList = [{
+  key: 'deposit',
+  value: 0
+}, {
+  key: 'total',
+  value: 0
+}, {
+  key: 'sub_total',
+  value: 0,
+  count: 1
+}, {
+  key: 'tax',
+  value: 0,
+  tax: {
+    rate: 0.1,
+    is_price_include_tax: true,
+    title: 'GST'
+  }
+}, {
+  key: 'delivery_fee',
+  value: 0
+}, {
+  key: 'point_deduction',
+  value: 0
+}, {
+  key: 'member_deduction',
+  value: 0
+}];
+var SubTotal = function SubTotal(props) {
+  var _props$list = props.list,
+    list = _props$list === void 0 ? [] : _props$list,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'column1' : _props$mode,
+    _props$describe = props.describe,
+    describe = _props$describe === void 0 ? '' : _props$describe,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var depositItem = useMemo(function () {
+    return list.find(function (item) {
+      return item.key === 'deposit';
+    });
+  }, [list]);
+  var totalItem = useMemo(function () {
+    return list.find(function (item) {
+      return item.key === 'total';
+    });
+  }, [list]);
+  var headerItem = useMemo(function () {
+    if (depositItem) {
+      return depositItem;
+    }
+    if (totalItem) {
+      return totalItem;
+    }
+    return null;
+  }, [depositItem, totalItem]);
+  var mapData = useMemo(function () {
+    if (list.length === 0) {
+      return [];
+    }
+    var filterList = [];
+
+    // 定金过滤出去，在上面展示
+    if (depositItem) {
+      filterList.push('deposit');
+    }
+
+    // 当没有定金时，总价过滤出去，在上面展示
+    if (totalItem) {
+      filterList.push('total');
+    }
+    var groupCount = mode === 'column2' ? 2 : 1;
+    return groupByMod(list.filter(function (d) {
+      return !filterList.includes(d.key);
+    }), groupCount);
+  }, [list, depositItem, totalItem]);
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: 'pisell-lowcode__subtotal-wrap'
+  }, rest), headerItem && /*#__PURE__*/React.createElement(Item, {
+    key: headerItem.key,
+    item: headerItem,
+    bold: true
+  }), depositItem ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+    className: "pisell-lowcode__subtotal-divider"
+  }), totalItem ? /*#__PURE__*/React.createElement(Item, {
+    key: totalItem.key,
+    item: totalItem
+  }) : null) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__subtotal-list"
+  }, mapData.map(function (items, index) {
+    var isLast = index === mapData.length - 1;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__subtotal-item-block"
+    }, /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: 'pisell-lowcode__subtotal-item-wrap'
+    }, items.map(function (d) {
+      return /*#__PURE__*/React.createElement(Item, {
+        key: d.key,
+        item: d
+      });
+    }))), mode === 'column2' && !isLast ? /*#__PURE__*/React.createElement(Divider, {
+      type: "vertical",
+      style: {
+        height: 'auto'
+      }
+    }) : null);
+  })), describe ? /*#__PURE__*/React.createElement(Describe, {
+    describe: describe
+  }) : null);
+};
+export default SubTotal;