@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/components/shoppingCart/type.d.ts

@@ -1,40 +0,0 @@
-import { CollapseProps } from "antd";
-
-//#region src/components/shoppingCart/type.d.ts
-interface productProps {
-  hideAddBtn?: boolean;
-  isShowNote?: boolean;
-  isShowPackageNote?: boolean;
-  products?: any[];
-  holders?: any[];
-  isEdit?: boolean;
-  disabledEdit?: boolean;
-  isShowChangeResource?: boolean;
-  isShowDelete?: boolean;
-  isShowChangeHolder?: boolean;
-  isShowHolder?: boolean;
-  isShowAddHolderButton?: boolean;
-}
-interface shoppingCartProps {
-  isOpenGroup?: boolean;
-  carts?: any[];
-  platform?: 'shop' | 'h5';
-  emptyText?: string;
-  activeKey?: string[] | number[];
-  defaultActiveKey?: string[] | number[];
-  className?: string;
-  onCard?: (e: any) => void;
-  onAction?: (e: any) => void;
-  onChange?: (items: any, type?: string, other?: any) => void;
-  onAddProduct?: (e?: any) => void;
-  onActiveKey?: (e: any) => void;
-  isShowImage?: boolean;
-  isShowHolder?: boolean;
-  isShowDelete?: boolean;
-  collapseParams?: CollapseProps;
-  productParams?: productProps;
-  isHideClearCart?: boolean;
-  isParallelResource?: boolean;
-}
-//#endregion
-export { shoppingCartProps };

package/dist/lib/components/shoppingCart/utils.js

@@ -1,84 +0,0 @@
-
-//#region src/components/shoppingCart/utils.ts
-/**
-* @title: 格式化购物车列表
-* @description: 
-* @param {any} state
-* @return {*}
-* @Author: WangHan
-* @Date: 2024-11-28 16:52
-*/
-const formatCartList = (state) => {
-	const { products, holders } = state;
-	return holders?.map((holder) => {
-		return {
-			...holder,
-			products: products?.filter((product) => product?.holder_id === holder?.key)
-		};
-	});
-};
-/**
-* @title: 是否是空页面
-* @description: 
-* @param {any} state
-* @return {*}
-* @Author: WangHan
-* @Date: 2024-11-28 16:47
-*/
-const isEmptyStatus = (state) => {
-	const { products, holders, isOpenGroup } = state;
-	if (!isOpenGroup && !products?.length) return true;
-	if (isOpenGroup && !holders?.length) return true;
-	return false;
-};
-/**
-* @title: 是否是商品列表页面
-* @description: 
-* @param {any} state
-* @return {*}
-* @Author: WangHan
-* @Date: 2024-11-28 17:23
-*/
-const isProductList = (state) => {
-	const { holders, isOpenGroup } = state;
-	if (isOpenGroup && holders?.length) return false;
-	return true;
-};
-/**
-* @title: 格式化数据最终结果
-* @description: 
-* @param {any} state
-* @return {*}
-* @Author: WangHan
-* @Date: 2024-11-28 18:35
-*/
-const formatState = (state) => {
-	const _default = { ...state };
-	const _carts = formatCartList(_default);
-	return {
-		isEmpty: isEmptyStatus(_default),
-		isProductList: isProductList(_default),
-		carts: _carts
-	};
-};
-/**
-* @title: 格式化服务
-* @description: 
-* @param {any} service
-* @param {number} id holder_id
-* @return {*}
-* @Author: WangHan
-* @Date: 2024-12-09 22:47
-*/
-const formatService = (service, id) => {
-	return service.map((item) => {
-		return {
-			...item,
-			holder_id: id
-		};
-	});
-};
-
-//#endregion
-exports.formatService = formatService;
-exports.formatState = formatState;

package/dist/lib/components/stepController/components/Content/index.js

@@ -1,13 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-require("./index.less");
-
-//#region src/components/stepController/components/Content/index.tsx
-const Content = ({ children }) => {
-	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-step-controller-content" }, children);
-};
-var Content_default = Content;
-
-//#endregion
-exports.default = Content_default;

package/dist/lib/components/stepController/components/Content/index.less

@@ -1,8 +0,0 @@
-.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/dist/lib/components/stepController/components/Footer/index.js

@@ -1,15 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./index.less");
-
-//#region src/components/stepController/components/Footer/index.tsx
-const Footer = ({ isMobile, children }) => {
-	return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("pisell-step-controller-footer-wrap", { "pisell-step-controller-footer-wrap-mobile": isMobile }) }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-step-controller-footer" }, children));
-};
-var Footer_default = Footer;
-
-//#endregion
-exports.default = Footer_default;

package/dist/lib/components/stepController/components/Footer/index.less

@@ -1,39 +0,0 @@
-.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/dist/lib/components/stepController/components/Header/index.js

@@ -1,75 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/stepController/components/Header/index.tsx
-const Header = ({ steps, currentStepIndex, style, onBack, onClose, confirmCloseProps }) => {
-	const [open, setOpen] = (0, react.useState)(false);
-	/**
-	* @title: 点击关闭
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-01-14 22:41
-	*/
-	const handleClose = () => {
-		if (confirmCloseProps?.isConfirmClose) setOpen(true);
-		else onClose?.();
-	};
-	/**
-	* @title: 点击退出
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-02-10 17:46
-	*/
-	const handleOk = () => {
-		setOpen(false);
-		onClose?.();
-	};
-	/**
-	* @title: 返回上一步
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-06-12 16:44
-	*/
-	const handleBack = () => {
-		if (!steps) return;
-		if (currentStepIndex > 0) {
-			const prevKey = steps[currentStepIndex - 1].key;
-			onBack?.(prevKey);
-		}
-	};
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellHeaderProgressBar, {
-		className: "pisell-step-controller-header",
-		style,
-		stepText: __pisell_utils.locales.getText("pisell2.step.controller.step")(currentStepIndex + 1),
-		title: steps?.[currentStepIndex]?.description,
-		showClose: true,
-		onBack: handleBack,
-		onClose: handleClose,
-		enableBorder: true,
-		borderColor: "#EAECF0",
-		showBack: currentStepIndex > 0 || false
-	}), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal.Information, {
-		open,
-		title: confirmCloseProps?.title || "",
-		describe: confirmCloseProps?.content || "",
-		okText: confirmCloseProps?.okText || "",
-		cancelText: confirmCloseProps?.cancelText || "",
-		closable: true,
-		okButtonProps: { style: { backgroundColor: "#D92D20" } },
-		onCancel: () => {
-			setOpen(false);
-		},
-		onOk: () => handleOk()
-	}));
-};
-var Header_default = Header;
-
-//#endregion
-exports.default = Header_default;

package/dist/lib/components/stepController/components/Header/index.less

@@ -1,21 +0,0 @@
-.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/dist/lib/components/stepController/index.d.ts

@@ -1,8 +0,0 @@
-import { StepControllerProps } from "./types.js";
-import React from "react";
-import "./index.less";
-
-//#region src/components/stepController/index.d.ts
-declare const StepController: React.FC<StepControllerProps>;
-//#endregion
-export { StepController };

package/dist/lib/components/stepController/index.js

@@ -1,48 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../hooks/useEngineContext.js');
-const require_useWindowSize = require('../../hooks/useWindowSize.js');
-const require_index = require('./components/Header/index.js');
-const require_index$1 = require('./components/Footer/index.js');
-const require_index$2 = require('./components/Content/index.js');
-const require_locales = require('./locales.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/stepController/index.tsx
-const StepController = ({ steps, currentStep, children, onBack, confirmCloseProps, showFooter, footerContent, onClose }) => {
-	const context = require_useEngineContext.default();
-	__pisell_utils.locales.init(require_locales.default, context?.engine?.props?.locale || "en");
-	require_useWindowSize.useWindowSize({ debounceMs: 200 });
-	/**
-	* @title: 是否是移动端
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-06-12 15:56
-	*/
-	const isMobile = (0, react.useMemo)(() => {
-		return ((0, __pisell_materials.usePisellConfig)()?.platform || "h5") === "h5";
-	}, []);
-	const currentStepIndex = (0, react.useMemo)(() => {
-		return steps?.findIndex((step) => step.key === currentStep) || 0;
-	}, [steps, currentStep]);
-	return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("pisell-step-controller", { "pisell-step-controller-mobile": isMobile }) }, /* @__PURE__ */ react.default.createElement(require_index.default, {
-		steps,
-		currentStepIndex,
-		confirmCloseProps,
-		onBack,
-		onClose
-	}), /* @__PURE__ */ react.default.createElement(require_index$2.default, { children }), showFooter && footerContent ? /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		children: footerContent,
-		isMobile
-	}) : null);
-};
-var stepController_default = StepController;
-
-//#endregion
-exports.default = stepController_default;

package/dist/lib/components/stepController/index.less

@@ -1,11 +0,0 @@
-.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/dist/lib/components/stepController/locales.js

@@ -1,31 +0,0 @@
-
-//#region src/components/stepController/locales.ts
-var locales_default = {
-	en: {
-		"pisell2.step.controller.step": (step) => `Step ${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": (step) => `步骤 ${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": (step) => `步驟 ${step || 1}`,
-		"pisell2.step.controller.sendEmail": "發送郵件",
-		"pisell2.step.controller.copy": "複製",
-		"pisell2.step.controller.download": "下載",
-		"pisell2.step.controller.preview": "預覽",
-		"pisell2.step.controller.continue": "繼續"
-	}
-};
-
-//#endregion
-exports.default = locales_default;

package/dist/lib/components/stepController/types.d.ts

@@ -1,25 +0,0 @@
-//#region src/components/stepController/types.d.ts
-interface Step {
-  key: string;
-  description: string;
-}
-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;
-}
-//#endregion
-export { StepControllerProps };

package/dist/lib/components/subTotal/index.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import "./index.less";
-
-//#region src/components/subTotal/index.d.ts
-type SubTotalKey = 'deposit' | 'total' | 'sub_total' | 'tax' | 'delivery_fee' | 'discount' | 'point_deduction' | 'member_deduction' | 'custom' | string;
-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;
-//#endregion
-export { SubTotal };

package/dist/lib/components/subTotal/index.js

@@ -1,135 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_locales = require('../../utils/locales.js');
-const require_locales$1 = require('./locales.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/subTotal/index.tsx
-__pisell_utils.locales.init(require_locales$1.default, require_locales.getLocale());
-const labelMaps = {
-	deposit: __pisell_utils.locales.getText("pisell2.subtotal.deposit"),
-	total: __pisell_utils.locales.getText("pisell2.subtotal.total"),
-	sub_total: __pisell_utils.locales.getText("pisell2.subtotal.subtotal"),
-	tax: __pisell_utils.locales.getText("pisell2.subtotal.tax"),
-	delivery_fee: __pisell_utils.locales.getText("pisell2.subtotal.delivery-fee"),
-	discount: __pisell_utils.locales.getText("pisell2.subtotal.discount"),
-	point_deduction: __pisell_utils.locales.getText("pisell2.subtotal.point-deduction"),
-	member_deduction: __pisell_utils.locales.getText("pisell2.subtotal.member-deduction")
-};
-const groupByMod = (arr, groupCount) => {
-	if (groupCount < 1) throw new Error("Group count must be greater than 0");
-	if (arr.length === 0) return Array(groupCount).fill([]);
-	const result = Array(groupCount).fill(null).map(() => []);
-	return arr.reduce((acc, item, index) => {
-		acc[index % groupCount].push(item);
-		return acc;
-	}, result);
-};
-const Item = (props) => {
-	const { item, bold } = props;
-	const { label, key, count, value, tax, hidden, ...rest } = item;
-	const taxText = (0, react.useMemo)(() => {
-		if (!tax) return "";
-		let str = "";
-		str = str + tax?.title;
-		str = str + " " + Number(tax.rate) * 100 + "%";
-		if (tax?.is_price_include_tax) str = str + " " + __pisell_utils.locales.getText("pisell2.subtotal.included");
-		else str = str + " " + __pisell_utils.locales.getText("pisell2.subtotal.not-contain");
-		return str;
-	}, [tax]);
-	const renderLabel = (0, react.useMemo)(() => {
-		if (label) return label;
-		if (key === "sub_total" && count !== void 0) return /* @__PURE__ */ react.default.createElement("span", null, /* @__PURE__ */ react.default.createElement("span", null, `${labelMaps[key]}`), /* @__PURE__ */ react.default.createElement("span", { style: {
-			color: "#667085",
-			paddingLeft: "8px"
-		} }, `${count || 0} ${__pisell_utils.locales.getText("pisell2.subtotal.items")}`));
-		if (key === "tax") return /* @__PURE__ */ react.default.createElement("span", null, /* @__PURE__ */ react.default.createElement("span", null, `${labelMaps[key]}`), /* @__PURE__ */ react.default.createElement(__pisell_materials.Tooltip, { title: taxText }, /* @__PURE__ */ react.default.createElement(__pisell_materials.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.default.createElement("div", {
-		className: (0, classnames.default)("pisell-lowcode__subtotal-item", { "pisell-lowcode__subtotal-item-bold": bold }),
-		...rest
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__subtotal-item-label" }, renderLabel), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, {
-		value,
-		className: "pisell-lowcode__subtotal-item-value"
-	}));
-};
-const Describe = (props) => {
-	const { describe } = props;
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Divider, { className: "pisell-lowcode__subtotal-divider" }), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__subtotal-describe" }, describe));
-};
-const SubTotal = (props) => {
-	const { list = [], mode = "column1", describe = "", ...rest } = props;
-	const depositItem = (0, react.useMemo)(() => {
-		return list.find((item) => item.key === "deposit");
-	}, [list]);
-	const totalItem = (0, react.useMemo)(() => {
-		return list.find((item) => item.key === "total");
-	}, [list]);
-	const headerItem = (0, react.useMemo)(() => {
-		if (depositItem) return depositItem;
-		if (totalItem) return totalItem;
-		return null;
-	}, [depositItem, totalItem]);
-	const mapData = (0, react.useMemo)(() => {
-		if (list.length === 0) return [];
-		let filterList = [];
-		if (depositItem) filterList.push("deposit");
-		if (totalItem) filterList.push("total");
-		const groupCount = mode === "column2" ? 2 : 1;
-		return groupByMod(list.filter((d) => !filterList.includes(d.key)), groupCount);
-	}, [
-		list,
-		depositItem,
-		totalItem
-	]);
-	(0, react.useEffect)(() => {
-		document.body.id = "body";
-	}, []);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-lowcode__subtotal-wrap",
-		...rest
-	}, headerItem && /* @__PURE__ */ react.default.createElement(Item, {
-		key: headerItem.key,
-		item: headerItem,
-		bold: true
-	}), depositItem ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Divider, { className: "pisell-lowcode__subtotal-divider" }), totalItem ? /* @__PURE__ */ react.default.createElement(Item, {
-		key: totalItem.key,
-		item: totalItem
-	}) : null) : null, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__subtotal-list" }, mapData.map((items, index) => {
-		const isLast = index === mapData.length - 1;
-		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__subtotal-item-block" }, /* @__PURE__ */ react.default.createElement("div", {
-			key: index,
-			className: "pisell-lowcode__subtotal-item-wrap"
-		}, items.map((d) => /* @__PURE__ */ react.default.createElement(Item, {
-			key: d.key,
-			item: d
-		})))), mode === "column2" && !isLast ? /* @__PURE__ */ react.default.createElement(antd.Divider, {
-			type: "vertical",
-			style: { height: "auto" }
-		}) : null);
-	})), describe ? /* @__PURE__ */ react.default.createElement(Describe, { describe }) : null);
-};
-var subTotal_default = SubTotal;
-
-//#endregion
-exports.default = subTotal_default;

package/dist/lib/components/subTotal/index.less

@@ -1,70 +0,0 @@
-.pisell-lowcode__subtotal-wrap {
-  padding: 20px;
-}
-
-.pisell-lowcode__subtotal-divider {
-  margin: 8px 0;
-}
-
-.pisell-lowcode__subtotal-item {
-
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-
-  .pisell-lowcode__subtotal-item-label {
-    color: var(--Base-Black, #000);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-  }
-
-  .pisell-lowcode__subtotal-item-value {
-    color: var(--Base-Black, #000);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-  }
-
-  &.pisell-lowcode__subtotal-item-bold {
-    .pisell-lowcode__subtotal-item-label {
-      font-weight: 700;
-    }
-
-    .pisell-lowcode__subtotal-item-value {
-      color: var(--Blue-600, #1570EF);
-      font-weight: 700;
-    }
-  }
-}
-
-.pisell-lowcode__subtotal-describe {
-  color: var(--Gray-500, #667085);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.pisell-lowcode__subtotal-list {
-  display: flex;
-  width: 100%;
-  margin-top: 8px;
-
-  .pisell-lowcode__subtotal-item-block {
-    flex: 1;
-
-    .pisell-lowcode__subtotal-item-wrap {
-      display: flex;
-      width: 100%;
-      gap: 8px;
-      flex-direction: column;
-
-
-    }
-  }
-
-
-}