@pisell/materials 2.2.79 → 2.2.81

package/es/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -5,6 +5,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useCallback, useMemo } from 'react';
+import { isFunction } from "@pisell/utils";
+import classNames from 'classnames';
 import PisellDropSort from "../pisellDropSort";
 import PisellTags from "../pisellTags";
 import Icon from "../icon";
@@ -25,6 +27,8 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     allowAddChild = _ref$allowAddChild === void 0 ? true : _ref$allowAddChild,
     _ref$allowAddRoot = _ref.allowAddRoot,
     allowAddRoot = _ref$allowAddRoot === void 0 ? true : _ref$allowAddRoot,
+    _ref$allowIsShow = _ref.allowIsShow,
+    allowIsShow = _ref$allowIsShow === void 0 ? true : _ref$allowIsShow,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$spacing = _ref.spacing,
@@ -38,8 +42,17 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     onAddPage = _ref.onAddPage,
     onEdit = _ref.onEdit,
     onDelete = _ref.onDelete,
+    onIsShow = _ref.onIsShow,
     __designMode = _ref.__designMode,
-    title = _ref.title;
+    title = _ref.title,
+    propsRightContent = _ref.rightContent,
+    propsGetItemStyle = _ref.getItemStyle,
+    canDrop = _ref.canDrop,
+    _ref$indentationWidth = _ref.indentationWidth,
+    indentationWidth = _ref$indentationWidth === void 0 ? 24 : _ref$indentationWidth,
+    hideDescription = _ref.hideDescription,
+    showActionOnHover = _ref.showActionOnHover,
+    showTitleTags = _ref.showTitleTags;
   // 将DropSortItem转换回NavigationMenuItem
   var convertToNavigationItems = function convertToNavigationItems(items) {
     return items.map(function (item) {
@@ -47,6 +60,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         id: String(item.id),
         title: String(item.title || ''),
         path: String(item.path || '/'),
+        collapsed: item.collapsed,
         children: item.children ? convertToNavigationItems(item.children) : []
       };
     });
@@ -73,16 +87,32 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         text: getText('pisell-lowcode-navigation-menu-tag-base'),
         color: '#7f56d9'
       },
+      proCode: {
+        text: getText('pisell-lowcode-navigation-menu-tag-proCode'),
+        color: '#1677ff'
+      },
       pisellV1: {
         text: getText('pisell-lowcode-navigation-menu-tag-pisell1'),
         color: '#ee837a'
+      },
+      group: {
+        text: getText('pisell-lowcode-navigation-menu-tag-group'),
+        color: '#7f56d9'
+      },
+      subMenu: {
+        text: getText('pisell-lowcode-navigation-menu-tag-sub-menu'),
+        color: '#067647'
+      },
+      custom: {
+        text: getText('pisell-lowcode-navigation-menu-tag-custom'),
+        color: '#B54708'
       }
     };
   }, []);
 
   // 自定义渲染菜单项
   var renderMenuItem = useCallback(function (itemProps) {
-    var _tagTextMap$item$sour, _tagTextMap$item$sour2;
+    var _tagTextMap$group, _tagTextMap$group2, _tagTextMap$subMenu, _tagTextMap$subMenu2, _tagTextMap$custom, _tagTextMap$custom2, _tagTextMap$item$sour, _tagTextMap$item$sour2;
     var item = itemProps.item;
     var _item$allowEdit = item.allowEdit,
       allowEdit = _item$allowEdit === void 0 ? true : _item$allowEdit,
@@ -93,13 +123,15 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       _item$allowAddSubmenu = item.allowAddSubmenu,
       allowAddSubmenu = _item$allowAddSubmenu === void 0 ? true : _item$allowAddSubmenu,
       _item$allowAddPage = item.allowAddPage,
-      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage;
+      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage,
+      _item$allowIsShow = item.allowIsShow,
+      allowIsShow = _item$allowIsShow === void 0 ? true : _item$allowIsShow;
     var isShowAddButton = item.isGroup && allowAddChild && (allowAddSubmenu || allowAddPage);
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-content"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, item.icon && /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-content-icon"
     }, /*#__PURE__*/React.createElement(Icon, {
       type: item.icon
@@ -107,8 +139,20 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       className: "pisell-lowcode-navigation-menu-item-content-text"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-title"
-    }, item.title), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-navigation-menu-item-description"
+    }, item.title, showTitleTags && /*#__PURE__*/React.createElement(React.Fragment, null, item.isGroup && item.is_top && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$group = tagTextMap['group']) === null || _tagTextMap$group === void 0 ? void 0 : _tagTextMap$group.color
+    }, ((_tagTextMap$group2 = tagTextMap['group']) === null || _tagTextMap$group2 === void 0 ? void 0 : _tagTextMap$group2.text) || ""), item.isGroup && !item.is_top && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$subMenu = tagTextMap['subMenu']) === null || _tagTextMap$subMenu === void 0 ? void 0 : _tagTextMap$subMenu.color
+    }, ((_tagTextMap$subMenu2 = tagTextMap['subMenu']) === null || _tagTextMap$subMenu2 === void 0 ? void 0 : _tagTextMap$subMenu2.text) || ""), item.isCustom && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$custom = tagTextMap['custom']) === null || _tagTextMap$custom === void 0 ? void 0 : _tagTextMap$custom.color
+    }, ((_tagTextMap$custom2 = tagTextMap['custom']) === null || _tagTextMap$custom2 === void 0 ? void 0 : _tagTextMap$custom2.text) || ""))), hideDescription ? null : /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-description",
+      style: {
+        display: hideDescription ? "none" : "flex"
+      }
     }, item.description, item.source && /*#__PURE__*/React.createElement(PisellTags, {
       type: "pill_color",
       color: (_tagTextMap$item$sour = tagTextMap[item.source]) === null || _tagTextMap$item$sour === void 0 ? void 0 : _tagTextMap$item$sour.color
@@ -116,8 +160,20 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       type: "pill_color",
       color: "success"
     }, "v", item.version)))), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-navigation-menu-item-action-wrap"
-    }, allowEdit && /*#__PURE__*/React.createElement(Button, {
+      className: classNames("pisell-lowcode-navigation-menu-item-action-wrap", {
+        "pisell-lowcode-navigation-menu-item-action-wrap-hover": showActionOnHover
+      })
+    }, allowIsShow && /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onIsShow === null || onIsShow === void 0 ? void 0 : onIsShow(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: item.is_show === false ? "pisell2-eye-off" : "pisell2-eye",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    }), allowEdit && /*#__PURE__*/React.createElement(Button, {
       type: "text",
       onClick: function onClick() {
         return onEdit === null || onEdit === void 0 ? void 0 : onEdit(item);
@@ -128,6 +184,9 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         className: "pisell-lowcode-navigation-menu-item-action-button-icon"
       })
     }), isShowAddButton && /*#__PURE__*/React.createElement(Dropdown, {
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode;
+      },
       menu: {
         items: [allowAddSubmenu && {
           key: 'add-child',
@@ -173,6 +232,9 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     }, title);
   }, [title]);
   var rightContent = useMemo(function () {
+    if (propsRightContent) {
+      return propsRightContent;
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-right-content"
     }, /*#__PURE__*/React.createElement(Button, {
@@ -193,7 +255,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         return onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage();
       }
     }, getText('pisell-lowcode-navigation-menu-add-page')));
-  }, [title]);
+  }, [propsRightContent]);
   var formatValue = useMemo(function () {
     return formatTree(value, function (item) {
       return _objectSpread(_objectSpread({}, item), {}, {
@@ -203,16 +265,21 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
   }, [value]);
   var getItemStyle = useCallback(function (itemProps) {
     var item = itemProps.item;
+    if (isFunction(propsGetItemStyle)) {
+      return (propsGetItemStyle === null || propsGetItemStyle === void 0 ? void 0 : propsGetItemStyle(item)) || {};
+    }
     return {
       backgroundColor: item.isGroup ? '#fff' : 'var(--Gray-50, #F9FAFB)'
     };
-  }, []);
+  }, [propsGetItemStyle]);
   return /*#__PURE__*/React.createElement(PisellDropSort, {
+    indentationWidth: indentationWidth,
     value: formatValue,
     allowDrag: allowDrag,
     allowDelete: allowDelete,
     allowAddChild: allowAddChild,
     allowAddRoot: allowAddRoot,
+    allowIsShow: allowIsShow,
     disabled: disabled,
     spacing: spacing,
     maxLevel: maxLevel,
@@ -228,7 +295,8 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     emptyContent: /*#__PURE__*/React.createElement(PisellEmpty, {
       maxWidth: 400,
       description: getText('pisell-lowcode-navigation-menu-add-page-tip')
-    })
+    }),
+    canDrop: canDrop
   });
 };
 export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -1,3 +1,10 @@
+.pisell-lowcode-drop-sort-item-tree-item {
+  &:hover {
+    .pisell-lowcode-navigation-menu-item-action-wrap {
+      opacity: 1 !important;
+    }
+  }
+}
 .pisell-lowcode-navigation-menu-item {
   display: flex;
   justify-content: space-between;
@@ -26,6 +33,9 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 10px;
+      align-items: center;
     }
     .pisell-lowcode-navigation-menu-item-description {
       color: var(--Gray-500, #667085);
@@ -40,6 +50,10 @@
   .pisell-lowcode-navigation-menu-item-action-wrap {
     display: flex;
     gap: 8px;
+    transition: opacity 0.3s ease-in-out;
+    &.pisell-lowcode-navigation-menu-item-action-wrap-hover {
+      opacity: 0;
+    }
     .pisell-lowcode-navigation-menu-item-action-button {
       &:hover {
         background: var(--Gray-300, #D0D5DD);

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

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
 export interface NavigationMenuItem {
     id: string;
     /** 标题 */
@@ -37,6 +38,8 @@ export interface PisellNavigationMenuProps {
     allowAddChild?: boolean;
     /** 是否允许添加根菜单 */
     allowAddRoot?: boolean;
+    /** 是否允许显示隐藏 */
+    allowIsShow?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
     /** 菜单项间距 */
@@ -61,4 +64,22 @@ export interface PisellNavigationMenuProps {
     onEdit?: (item: NavigationMenuItem) => void;
     /** 删除回调 */
     onDelete?: (item: NavigationMenuItem) => void;
+    /** 左侧自定义内容 */
+    leftContent?: React.ReactNode;
+    /** 右侧自定义内容 */
+    rightContent?: React.ReactNode;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
+    /** 显示隐藏回调 */
+    onIsShow?: (item: NavigationMenuItem) => void;
+    /** 节点缩进宽度 */
+    indentationWidth?: number;
+    /** 隐藏描述 */
+    hideDescription?: boolean;
+    /** 悬浮时展示action */
+    showActionOnHover?: boolean;
+    /** 是否展示标题标签 */
+    showTitleTags?: boolean;
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface PisellVHFixProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    height?: number;
+    minHeight?: boolean;
+    maxHeight?: boolean;
+    minusPixels?: number;
+}
+declare const PisellVHFix: React.FC<PisellVHFixProps>;
+export default PisellVHFix;

package/es/components/pisellVHFix/index.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { useVH } from "../../hooks/useVH";
+import "./index.less";
+var PisellVHFix = function PisellVHFix(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 100 : _ref$height,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? false : _ref$minHeight,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? false : _ref$maxHeight,
+    _ref$minusPixels = _ref.minusPixels,
+    minusPixels = _ref$minusPixels === void 0 ? 0 : _ref$minusPixels;
+  // 启用vh修复
+  useVH();
+  var containerStyle = _objectSpread(_objectSpread(_objectSpread({}, style), {}, {
+    height: minusPixels > 0 ? "calc(var(--vh, 1vh) * ".concat(height, " - ").concat(minusPixels, "px)") : "calc(var(--vh, 1vh) * ".concat(height, ")")
+  }, minHeight && {
+    minHeight: "calc(var(--vh, 1vh) * ".concat(height, ")")
+  }), maxHeight && {
+    maxHeight: "calc(var(--vh, 1vh) * ".concat(height, ")")
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-vh-fix ".concat(className || ''),
+    style: containerStyle
+  }, children);
+};
+export default PisellVHFix;

package/es/components/pisellVHFix/index.less

@@ -0,0 +1,10 @@
+.pisell-vh-fix {
+  box-sizing: border-box;
+  overflow: hidden;
+
+  // 确保在Safari移动端正确显示
+  -webkit-overflow-scrolling: touch;
+
+  // 防止iOS Safari的弹性滚动
+  overscroll-behavior: contain;
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Action: ({ item, onAction }: any) => JSX.Element;
 export default Action;

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

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { Tooltip } from 'antd';
+import { Tag, Tooltip } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { _formatAmount } from "../Packages/utils";
 import Divider from "../Divider";
@@ -31,6 +31,24 @@ var Footer = function Footer(_ref) {
     if (!origin_total) return false;
     return Number(total) != Number(origin_total);
   }, [total, origin_total]);
+  var renderDiscountReason = function renderDiscountReason() {
+    if (isDiscount && discount_reason && type === 'total') {
+      if (Array.isArray(discount_reason)) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "product-item-discount-reason")
+        }, discount_reason.map(function (reason, index) {
+          return /*#__PURE__*/React.createElement(Tag, {
+            key: index,
+            color: "red"
+          }, reason);
+        }));
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "product-item-discount-reason")
+      }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat(discount_reason))));
+    }
+    return null;
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !hideDivider ? /*#__PURE__*/React.createElement(Divider, {
     type: type !== 'total' ? 'inside' : ''
   }) : null, /*#__PURE__*/React.createElement("div", {
@@ -49,10 +67,8 @@ var Footer = function Footer(_ref) {
     }
   })) : null), /*#__PURE__*/React.createElement("span", null, "\xD7".concat(num))) : null, /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "packages-product-footer-total")
-  }, _formatAmount(total * num, symbol))), isDiscount ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "packages-product-footer-discount")
-  }, !isOnlyTotal ? /*#__PURE__*/React.createElement("span", null, _formatAmount(origin_total, symbol)) : null, /*#__PURE__*/React.createElement("span", null, _formatAmount(origin_total * num, symbol, 2))) : null), isDiscount && discount_reason && type === 'total' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-item-discount-reason")
-  }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat(discount_reason)))) : null);
+  }, isDiscount ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefix, "packages-product-footer-origin-total")
+  }, _formatAmount(origin_total * num, symbol, 2)) : null, /*#__PURE__*/React.createElement("span", null, _formatAmount(total * num, symbol))))), renderDiscountReason());
 };
 export default Footer;

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

@@ -35,6 +35,19 @@
     color: var(--Gray-900, #101828);
   }
 
+  &-packages-product-footer-origin-total {
+    color: var(--Gray-500, #667085);
+    text-align: center;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 18px; /* 150% */
+    text-decoration-line: line-through;
+    margin-right: 8px;
+    display: inline-block;
+    transform: translateY(-1px);
+  }
+
   &-packages-product-hide-divider-footer {
     margin-top: 8px;
   }
@@ -45,6 +58,20 @@
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
-    white-space: break-spaces;
+    margin-top: 4px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    overflow: hidden;
+
+    >span {
+      display: inline-block;
+      max-width: 100%;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      border-radius: 4px;
+      margin: 0;
+    }
   }
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Divider: ({ type }: any) => JSX.Element;
 export default Divider;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const EditButton: ({ onEdit }: any) => JSX.Element;
 export default EditButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Header: (props: any) => JSX.Element;
 export default Header;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
 export default MultiDay;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Note: (props: any) => JSX.Element | null;
 export default Note;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Packages: ({ item, isShowPackageNote }: any) => JSX.Element | null;
 export default Packages;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Sales: ({ item, isShowNote }: any) => JSX.Element | null;
 export default Sales;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
     style?: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface SelectHolderModalProps {
     visible: boolean;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../../index.less';
+declare const Warning: React.FC<{
+    errorMessage: string | Array<string>;
+    osWarnTips: Array<string>;
+}>;
+export default Warning;

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

@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react';
+import { locales } from '@pisell/utils';
+import { Alert } from 'antd';
+import "../../index.less";
+var Warning = function Warning(_ref) {
+  var errorMessage = _ref.errorMessage,
+    osWarnTips = _ref.osWarnTips;
+  /**
+   * @title: 错误提示列表
+   * @description: 错误提示列表
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-07-23 10:10
+   */
+  var errorLists = useMemo(function () {
+    if (errorMessage) {
+      // 如果errorMessage是数组，则返回数组
+      if (Array.isArray(errorMessage)) {
+        return errorMessage;
+      }
+
+      // 如果errorMessage是字符串，则返回字符串
+      if (typeof errorMessage === 'string') {
+        return [errorMessage];
+      }
+    }
+    if ((osWarnTips === null || osWarnTips === void 0 ? void 0 : osWarnTips.length) > 0) {
+      return osWarnTips.map(function (item) {
+        return locales.getText(item);
+      });
+    }
+    return [];
+  }, [errorMessage, osWarnTips]);
+  if ((errorLists === null || errorLists === void 0 ? void 0 : errorLists.length) === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, errorLists.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Alert, {
+      key: index,
+      message: item,
+      type: "warning",
+      showIcon: true,
+      className: "pisell-lowcode-product-card-error"
+    });
+  }));
+};
+export default Warning;

package/es/components/productCard/index.js

@@ -10,7 +10,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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, { useMemo, useRef } from 'react';
 import classNames from 'classnames';
-import { Alert } from 'antd';
 import { locales } from '@pisell/utils';
 import CardPro from "../cardPro";
 import Header from "./components/Header";
@@ -26,6 +25,7 @@ import UseOpenNote from "./hooks/useOpenNote";
 import localeTexts from "./locales";
 import { defaultValue } from "./status";
 import useEngineContext from "../../hooks/useEngineContext";
+import Warning from "./components/Warning";
 import "./index.less";
 var ProductCard = function ProductCard(props) {
   var _utils$storage, _dataSource$items;
@@ -64,7 +64,9 @@ var ProductCard = function ProductCard(props) {
     isShowAction = dataSource.isShowAction,
     actionText = dataSource.actionText,
     errorMessage = dataSource.errorMessage,
-    isNormalProduct = dataSource.isNormalProduct;
+    isNormalProduct = dataSource.isNormalProduct,
+    _dataSource$osWarnTip = dataSource.osWarnTips,
+    osWarnTips = _dataSource$osWarnTip === void 0 ? [] : _dataSource$osWarnTip;
 
   /**
    * @title: 显示图片
@@ -159,12 +161,10 @@ var ProductCard = function ProductCard(props) {
     onAction: function onAction() {
       return _onAction === null || _onAction === void 0 ? void 0 : _onAction(dataSource);
     }
-  }) : null, errorMessage ? /*#__PURE__*/React.createElement(Alert, {
-    message: errorMessage,
-    type: "warning",
-    showIcon: true,
-    className: "pisell-lowcode-product-card-error"
-  }) : null), /*#__PURE__*/React.createElement(UseOpenNote, {
+  }) : null, /*#__PURE__*/React.createElement(Warning, {
+    errorMessage: errorMessage,
+    osWarnTips: osWarnTips
+  })), /*#__PURE__*/React.createElement(UseOpenNote, {
     ref: useOpenNoteRef,
     onNoteChange: function onNoteChange(e) {
       onNote === null || onNote === void 0 || onNote(_objectSpread(_objectSpread({}, dataSource), {}, {

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

@@ -24,6 +24,7 @@ declare const _default: {
         'pisell2.product.card.add.holder.modal.clear': string;
         'pisell2.product.card.add.holder.modal.apply': string;
         'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
     };
     'zh-CN': {
         'pisell2.product.card.edit': string;
@@ -50,6 +51,7 @@ declare const _default: {
         'pisell2.product.card.add.holder.modal.clear': string;
         'pisell2.product.card.add.holder.modal.apply': string;
         'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
     };
     'zh-HK': {
         'pisell2.product.card.edit': string;
@@ -76,6 +78,7 @@ declare const _default: {
         'pisell2.product.card.add.holder.modal.clear': string;
         'pisell2.product.card.add.holder.modal.apply': string;
         'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
     };
 };
 export default _default;