@pisell/materials 6.1.1 → 6.2.24

package/es/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+export interface Option {
+    id: string | number;
+    name: React.ReactNode;
+}
+export interface PisellAnchorProps {
+    options?: Option[];
+    tab?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (key: string | number) => void;
+    onTabClick?: () => void;
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * 平台类型，仅用于样式调整，不再影响锚点滚动功能
+     * 无论pc还是h5模式，点击锚点都会自动滚动到对应内容
+     * @default 'pc'
+     */
+    platform?: 'pc' | 'h5';
+}
+declare const PisellAnchor: React.FC<PisellAnchorProps>;
+export default PisellAnchor;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AvatarProps } from 'antd';
+import './index.less';
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
+    shape?: 'circle' | 'square';
+    size?: AvatarSize;
+    src?: string;
+    alt?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    useTextAvatar?: boolean;
+    borderRadius?: number;
+    onError?: () => boolean;
+}
+declare const PisellAvatar: React.FC<PisellAvatarProps>;
+export default PisellAvatar;

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

@@ -0,0 +1,19 @@
+import { CardProps } from 'antd';
+import './index.less';
+export interface PisellCardProps extends CardProps {
+    bordered?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+    padding?: number;
+    borderRadius?: number;
+    disabled?: boolean;
+    onClick?: () => void;
+    isClickable?: boolean;
+}
+/**
+ * Pisell 卡片容器组件
+ * @param props
+ * @constructor
+ */
+declare const PisellCard: (props: PisellCardProps) => JSX.Element;
+export default PisellCard;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellCustomCheckboxGroupProps {
+    dataSource?: any[];
+    disabled?: boolean;
+    allowAdd?: boolean;
+    isMultiple?: boolean;
+    id?: string | string[];
+    onClick?: (value: any) => void;
+    onAdd?: () => void;
+    renderAddItem?: (item: any) => React.ReactNode;
+    [key: string]: any;
+    className?: string;
+}
+declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
+export default PisellCustomCheckboxGroup;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface MenuItemType {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    divider?: boolean;
+}
+export interface PisellDropdownProps {
+    trigger?: React.ReactNode;
+    items?: MenuItemType[];
+    showShortcut?: boolean;
+    triggerType?: ('click' | 'hover')[];
+    className?: string;
+    style?: React.CSSProperties;
+    onSelect?: (key: string) => void;
+}
+declare const PisellDropdown: React.FC<PisellDropdownProps>;
+export default PisellDropdown;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+    [key: string]: any;
+    /** 最大宽度 */
+    maxWidth?: number;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+export default PisellEmpty;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+export interface PisellHeaderProgressBarProps {
+    title?: React.ReactNode;
+    stepText?: React.ReactNode;
+    showClose?: boolean;
+    /** 是否启用投影 */
+    enableShadow?: boolean;
+    /** 是否启用描边 */
+    enableBorder?: boolean;
+    /** 描边粗细 */
+    borderWidth?: number;
+    /** 描边颜色 */
+    borderColor?: string;
+    /** 头部背景颜色 */
+    backgroundColor?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示返回键 */
+    showBack?: boolean;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 关闭按钮点击事件 */
+    onClose?: () => void;
+}
+declare const PisellHeaderProgressBar: React.FC<PisellHeaderProgressBarProps>;
+export default PisellHeaderProgressBar;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import 'swiper/swiper-bundle.css';
+import './index.less';
+export interface PisellImageCarouselsProps {
+    dataSource?: string[];
+    width?: number | string;
+    height?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    borderRadius?: number;
+    loop?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellImageCarousels: React.FC<PisellImageCarouselsProps>;
+export default PisellImageCarousels;

package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -0,0 +1,4 @@
+export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
+    activeNativeScanner: () => void;
+    isTerminal: any;
+};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export declare type EntryModeType = {
+    /**
+     * 录入模式名称
+     * scanCode: 扫码录入
+     * input: 手动录入
+     * scanner: 扫码枪录入
+     * nfc: NFC录入
+     */
+    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
+    /**
+     * 录入模式文案 没有使用默认文案
+     */
+    name?: string;
+};
+export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 录入模式 */
+    entryModes: EntryModeType[];
+    /** 标题文案 */
+    title?: React.ReactNode;
+    /** 搜索框描述文案 */
+    searchDescribe?: React.ReactNode;
+    /** 录入信息值改变 */
+    onChange?: (val: string) => void;
+    /** 录入类型切换时候触发的 */
+    onChangeType?: (val: null | EntryModeType['type']) => void;
+}
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+export default PisellInformationEntry;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+export interface PisellList01Props {
+    dataSource?: any[];
+    showSearch: boolean;
+    showCategory: boolean;
+    placeholder?: string;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (anchor: string) => void;
+    onSearch?: (value: any) => void;
+    isShowEmpty?: boolean;
+    description?: any;
+}
+declare const PisellList01: React.FC<PisellList01Props>;
+export default PisellList01;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface PisellQrcodeProps {
+    size?: number;
+    platform: 'pc' | 'h5' | 'ipad';
+    value: string;
+    className: string;
+}
+declare const PisellQrcode: React.FC<PisellQrcodeProps>;
+export default PisellQrcode;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellSectionHeadersProps {
+    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
+    /** 左侧返回区域 */
+    backNode?: React.ReactNode;
+    /** 中间内容区域 */
+    centerNode?: React.ReactNode;
+    /** 右侧操作区域 */
+    actionNode?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 操作区域点击事件 */
+    onAction?: () => void;
+}
+declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
+export default PisellSectionHeaders;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement> {
+    isHasBorder?: boolean;
+    backgroundColors?: string[];
+    labelColor?: string;
+    valueColor?: string;
+    data: {
+        label: string;
+        value: string;
+        isLink?: boolean;
+        link?: string;
+        tip?: string;
+        children?: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+}
+declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
+export default PisellStatisticList;

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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
+export default DeleteButton;

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

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

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

@@ -0,0 +1,14 @@
+interface InputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+interface OutputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+export declare function formatDateRanges(list: InputItem[]): OutputItem[];
+export {};

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

@@ -0,0 +1 @@
+export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

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

@@ -18,6 +18,7 @@ export var renderBundles = function renderBundles(item, hidePrice, isShowPackage
     id = item.id,
     price = item.price,
     symbol = item.symbol,
+    options = item.options,
     option = item.option;
   return /*#__PURE__*/React.createElement("div", {
     key: id,
@@ -29,7 +30,7 @@ export var renderBundles = function renderBundles(item, hidePrice, isShowPackage
   }, translation(title || name)), !hidePrice ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "packages-product-bundle-info-num")
   }, _formatAmount(price, symbol)) : null), /*#__PURE__*/React.createElement(Options, {
-    options: option,
+    options: options || option,
     amountSymbol: symbol
   }), /*#__PURE__*/React.createElement(Footer, {
     item: item

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

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

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

@@ -14,15 +14,16 @@
   &-packages-product-bundle-option-item {
     display: flex;
     justify-content: space-between;
+    gap: 8px;
   }
 
   &-packages-product-bundle-option-item-left {
     display: flex;
-    gap: 4px;
+    gap: 8px;
   }
 
   &-packages-product-bundle-option-item-left-amount {
-    margin-left: 8px;
+    margin-left: 0;
     display: flex;
     gap: 4px;
   }

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

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

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

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

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, onAddHolder, isShowAddHolderButton, onClearHolder, onClearResource, }: any) => JSX.Element | null;
+export default Time;

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), {}, {