@pisell/materials 2.2.52 → 2.2.54

package/es/components/pisellAnchor/index.js

@@ -5,27 +5,25 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, forwardRef, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import { useDebounceFn, useThrottleFn } from 'ahooks';
+import { useDebounceFn } from 'ahooks';
 import ChevronLeft from '@pisell/icon/es/ChevronLeft';
 import ChevronRight from '@pisell/icon/es/ChevronRight';
 import "./index.less";
-var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    tab = props.tab,
-    className = props.className,
-    style = props.style,
-    onChange = props.onChange,
-    onTabClick = props.onTabClick,
-    containerRef = props.containerRef,
-    _props$platform = props.platform,
-    platform = _props$platform === void 0 ? 'pc' : _props$platform;
+var PisellAnchor = function PisellAnchor(_ref) {
+  var _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    tab = _ref.tab,
+    className = _ref.className,
+    style = _ref.style,
+    onChange = _ref.onChange,
+    onTabClick = _ref.onTabClick,
+    containerRef = _ref.containerRef,
+    _ref$platform = _ref.platform,
+    platform = _ref$platform === void 0 ? 'pc' : _ref$platform;
   var contentRef = useRef(null);
-  var scrollTimeoutRef = useRef(null);
   var isClickScrolling = useRef(false);
-  var clickedTabRef = useRef(null);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     leftWidth = _useState2[0],
@@ -38,12 +36,8 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     showButtons = _useState6[0],
     setShowButtons = _useState6[1];
-  var _useState7 = useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    hoveredTab = _useState8[0],
-    setHoveredTab = _useState8[1];
 
-  // 检查是否需要显示按钮
+  // 检查是否需要显示左右滚动按钮
   useEffect(function () {
     if (contentRef.current) {
       var _contentRef$current = contentRef.current,
@@ -53,199 +47,124 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, [options]);
 
-  // 清理定时器
-  useEffect(function () {
-    return function () {
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-    };
-  }, []);
-
   // 处理水平滚动
-  var _useDebounceFn = useDebounceFn(function (e) {
-      var _e$target = e.target,
-        scrollLeft = _e$target.scrollLeft,
-        scrollWidth = _e$target.scrollWidth,
-        clientWidth = _e$target.clientWidth;
-      setLeftWidth(scrollLeft > 0 ? 40 : 0);
-      setRightWidth(scrollLeft + clientWidth >= scrollWidth ? 0 : 40);
-    }, {
-      wait: 200
-    }),
-    onScrollDebounced = _useDebounceFn.run;
-
-  // 处理垂直滚动
-  var _useThrottleFn = useThrottleFn(function () {
-      // 如果是点击触发的滚动，不处理滚动检测
-      if (isClickScrolling.current) return;
-      if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
-      var container = containerRef.current;
-      var headerHeight = 65;
-      var containerRect = container.getBoundingClientRect();
-      var scrollTop = container.scrollTop;
-      var containerHeight = containerRect.height;
-      var scrollHeight = container.scrollHeight;
-
-      // 检查是否滚动到底部
-      var isAtBottom = scrollTop + containerHeight >= scrollHeight - 50;
-      if (isAtBottom) {
-        var lastOption = options[options.length - 1];
-        // 不要切回到之前点击的 tab
-        if (tab !== lastOption.id && lastOption.id !== clickedTabRef.current) {
-          onChange === null || onChange === void 0 || onChange(lastOption.id);
-        }
-        return;
+  var handleHorizontalScroll = useDebounceFn(function (e) {
+    var target = e.target;
+    var scrollLeft = target.scrollLeft,
+      scrollWidth = target.scrollWidth,
+      clientWidth = target.clientWidth;
+    setLeftWidth(scrollLeft > 0 ? 40 : 0);
+    setRightWidth(scrollLeft + clientWidth >= scrollWidth ? 0 : 40);
+  }, {
+    wait: 200
+  }).run;
+
+  // 处理内容区域滚动
+  var handleContentScroll = useDebounceFn(function () {
+    if (isClickScrolling.current || !(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
+    var container = containerRef.current;
+    var scrollTop = container.scrollTop;
+    var containerHeight = container.clientHeight;
+    var scrollHeight = container.scrollHeight;
+    // 优先检查是否滚动到底部
+    var isAtBottom = Math.abs(scrollTop + containerHeight - scrollHeight) < 1;
+    if (isAtBottom) {
+      var lastOption = options[options.length - 1];
+      if (lastOption && tab !== lastOption.id) {
+        onChange === null || onChange === void 0 || onChange(lastOption.id);
       }
+      return; // 如果在底部，直接返回，不再计算可视占比
+    }
 
-      // 找到当前可见的元素
-      var closestOption = null;
-      var minDistance = Infinity;
-      var _iterator = _createForOfIteratorHelper(options),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var option = _step.value;
-          // 尝试通过ID和data属性查找元素
-          var elementById = document.getElementById(option.id);
-          var elementByDataAttr = document.querySelector("[data-section=\"".concat(option.id, "\"]"));
-          var element = elementById || elementByDataAttr;
-          if (element) {
-            // 使用类型断言解决TS错误
-            var htmlElement = element;
-
-            // 使用offsetTop计算更准确
-            var elementOffsetTop = htmlElement.offsetTop;
-            var elementHeight = htmlElement.offsetHeight;
-
-            // 计算可见度
-            var elementTopRelativeToViewport = elementOffsetTop - scrollTop;
-            var isTopVisible = elementTopRelativeToViewport >= headerHeight && elementTopRelativeToViewport <= containerHeight;
-            var isBottomVisible = elementTopRelativeToViewport + elementHeight >= headerHeight && elementTopRelativeToViewport + elementHeight <= containerHeight;
-            var isElementPartiallyVisible = isTopVisible || isBottomVisible || elementTopRelativeToViewport < headerHeight && elementTopRelativeToViewport + elementHeight > containerHeight;
-            var distance = Math.abs(elementTopRelativeToViewport - headerHeight);
-            if (distance < minDistance) {
-              minDistance = distance;
-              closestOption = option;
-            }
+    // 如果不在底部，再计算可视占比
+    var maxVisibleRatio = 0;
+    var activeOption = null;
+    var _iterator = _createForOfIteratorHelper(options),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var option = _step.value;
+        var element = document.querySelector("[data-section=\"".concat(option.id, "\"]"));
+        if (element instanceof HTMLElement) {
+          var elementTop = element.offsetTop;
+          var elementHeight = element.offsetHeight;
+          var elementBottom = elementTop + elementHeight;
+          var visibleTop = Math.max(elementTop, scrollTop);
+          var visibleBottom = Math.min(elementBottom, scrollTop + containerHeight);
+          var visibleHeight = Math.max(0, visibleBottom - visibleTop);
+          var visibleRatio = visibleHeight / elementHeight;
+          if (visibleRatio > maxVisibleRatio) {
+            maxVisibleRatio = visibleRatio;
+            activeOption = option;
           }
         }
-
-        // 不要切回到之前点击的 tab
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      if (closestOption && tab !== closestOption.id && closestOption.id !== clickedTabRef.current && minDistance < 50) {
-        onChange === null || onChange === void 0 || onChange(closestOption.id);
       }
-    }, {
-      wait: 150
-    }),
-    handleScrollThrottled = _useThrottleFn.run;
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (activeOption && tab !== activeOption.id) {
+      onChange === null || onChange === void 0 || onChange(activeOption.id);
+    }
+  }, {
+    wait: 100
+  }).run;
 
   // 监听容器滚动
   useEffect(function () {
-    if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
-    var handleScroll = function handleScroll() {
-      if (!isClickScrolling.current) {
-        handleScrollThrottled();
-      }
-    };
-    var container = containerRef.current;
-    container.addEventListener('scroll', handleScroll);
+    var container = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+    if (!container) return;
+    container.addEventListener('scroll', handleContentScroll);
     return function () {
-      container.removeEventListener('scroll', handleScroll);
+      return container.removeEventListener('scroll', handleContentScroll);
     };
-  }, [handleScrollThrottled]);
+  }, [handleContentScroll]);
 
-  // 点击选项时更新选中项并滚动
+  // 点击锚点，滚动到对应位置
   var handleOptionClick = function handleOptionClick(item) {
-    // 添加调试日志
-    console.log('PisellAnchor: Tab clicked', item.id);
-    if (scrollTimeoutRef.current) {
-      clearTimeout(scrollTimeoutRef.current);
-    }
-
-    // 更新选中项
     onChange === null || onChange === void 0 || onChange(item.id);
-
-    // 触发点击事件回调
     onTabClick === null || onTabClick === void 0 || onTabClick();
-
-    // 统一PC和H5的交互逻辑，无论什么平台都执行滚动
-    // 尝试多种方式查找目标元素
-    var elementById = document.getElementById(String(item.id));
-    var elementByDataAttr = document.querySelector("[data-section=\"".concat(String(item.id), "\"]"));
-    var element = elementById || elementByDataAttr;
-
-    // 添加调试日志
-    console.log('PisellAnchor: Target element found?', !!element);
-    console.log('PisellAnchor: Container ref exists?', !!(containerRef !== null && containerRef !== void 0 && containerRef.current));
-    if (element && containerRef !== null && containerRef !== void 0 && containerRef.current) {
+    var targetElement = document.querySelector("[data-section=\"".concat(item.id, "\"]"));
+    if (targetElement instanceof HTMLElement && containerRef !== null && containerRef !== void 0 && containerRef.current) {
       isClickScrolling.current = true;
-      clickedTabRef.current = item.id;
-
-      // 使用requestAnimationFrame确保DOM更新后再滚动
-      requestAnimationFrame(function () {
-        if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
-
-        // 使用类型断言解决TS错误
-        var htmlElement = element;
-
-        // 更准确的滚动位置计算
-        var headerHeight = 65; // 使用一致的头部高度
-        var elementOffsetTop = htmlElement.offsetTop; // 使用offsetTop而不是getBoundingClientRect()
-
-        // 添加调试日志
-        console.log('PisellAnchor: Scrolling using offsetTop', {
-          elementOffsetTop: elementOffsetTop,
-          targetScrollTop: elementOffsetTop - headerHeight
-        });
-
-        // 执行滚动 - 使用更直接的offsetTop定位
-        containerRef.current.scrollTo({
-          top: elementOffsetTop - headerHeight,
-          behavior: 'smooth'
-        });
-
-        // 添加备份滚动机制
-        setTimeout(function () {
-          if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
 
-          // 强制再次滚动以确保滚动效果
-          containerRef.current.scrollTo({
-            top: elementOffsetTop - headerHeight,
-            behavior: 'auto' // 使用即时滚动确保位置准确
-          });
-        }, 300);
+      // 计算目标元素之前所有元素的高度总和
+      var scrollDistance = 0;
+      var _iterator2 = _createForOfIteratorHelper(options),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var option = _step2.value;
+          if (option.id === item.id) break;
+          var element = document.querySelector("[data-section=\"".concat(option.id, "\"]"));
+          if (element instanceof HTMLElement) {
+            scrollDistance += element.offsetHeight;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      containerRef.current.scrollTo({
+        top: scrollDistance,
+        behavior: 'smooth'
       });
-
-      // 延迟重置状态
-      scrollTimeoutRef.current = setTimeout(function () {
+      setTimeout(function () {
         isClickScrolling.current = false;
-        clickedTabRef.current = null;
       }, 1000);
-    } else {
-      console.warn('PisellAnchor: Cannot scroll, element or container not found', {
-        elementId: item.id,
-        elementByIdExists: !!elementById,
-        elementByDataAttrExists: !!elementByDataAttr,
-        containerExists: !!(containerRef !== null && containerRef !== void 0 && containerRef.current)
-      });
     }
   };
 
   // 左右按钮点击处理
-  var onPageChange = function onPageChange(type) {
+  var handlePageChange = function handlePageChange(type) {
     if (contentRef.current) {
       var _contentRef$current2 = contentRef.current,
         scrollLeft = _contentRef$current2.scrollLeft,
         clientWidth = _contentRef$current2.clientWidth;
-      var newScrollLeft = scrollLeft + (type === 'left' ? -clientWidth : clientWidth);
       contentRef.current.scrollTo({
-        left: newScrollLeft,
+        left: scrollLeft + (type === 'left' ? -clientWidth : clientWidth),
         behavior: 'smooth'
       });
     }
@@ -259,34 +178,25 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
       width: leftWidth
     },
     onClick: function onClick() {
-      return onPageChange('left');
+      return handlePageChange('left');
     }
   }, /*#__PURE__*/React.createElement(ChevronLeft, {
     className: "pisell-anchor-tabs-btn-icon"
   })), /*#__PURE__*/React.createElement("div", {
     ref: contentRef,
     className: "pisell-anchor-tabs-content",
-    id: "tab-".concat(tab, "-content"),
-    onScroll: onScrollDebounced
+    onScroll: handleHorizontalScroll
   }, options.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
       key: item.id,
-      id: "tab-".concat(item.id),
       className: classNames('pisell-anchor-tabs-tab', {
         'pisell-anchor-tabs-tab-active': tab === item.id
       }),
       onClick: function onClick() {
-        console.log('PisellAnchor: Tab div clicked', item.id);
-        handleOptionClick(item);
+        return handleOptionClick(item);
       }
     }, /*#__PURE__*/React.createElement("span", {
-      className: "pisell-anchor-tabs-tab-content",
-      onClick: function onClick(e) {
-        // 防止事件冒泡问题
-        e.stopPropagation();
-        console.log('PisellAnchor: Tab span clicked', item.id);
-        handleOptionClick(item);
-      }
+      className: "pisell-anchor-tabs-tab-content"
     }, item.name));
   })), showButtons && /*#__PURE__*/React.createElement("div", {
     className: "pisell-anchor-tabs-btn-right",
@@ -294,10 +204,10 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
       width: rightWidth
     },
     onClick: function onClick() {
-      return onPageChange('right');
+      return handlePageChange('right');
     }
   }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: "pisell-anchor-tabs-btn-icon"
   })));
-});
+};
 export default PisellAnchor;

package/es/components/pisellAnchor/index.less

@@ -114,7 +114,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0.8) 100%);
+    background:none;
     cursor: pointer;
     transition: width 300ms ease;
     user-select: none;
@@ -134,12 +134,10 @@
 
   .pisell-anchor-tabs-btn-left {
     left: 0;
-    background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
   }
 
   .pisell-anchor-tabs-btn-right {
     right: 0;
-    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
   }
 
   .pisell-anchor-tabs-content {
@@ -172,7 +170,7 @@
       border-radius: 100px;
 
       &:hover:not(.pisell-anchor-tabs-tab-active) {
-        color: var(--theme-color, #7f56d9);
+        color: inherit;
       }
 
       &.pisell-anchor-tabs-tab-active {
@@ -189,7 +187,7 @@
 }
 
 .pisell-anchor {
-  border-bottom: 1px solid #EAECF0;
+  border-bottom: 1px solid #eaecf0;
 
   &.pisell-anchor-no-border {
     border-bottom: none;

package/es/components/pisellAvatar/index.js

@@ -73,7 +73,8 @@ var PisellAvatar = function PisellAvatar(_ref) {
       return children;
     }
     return /*#__PURE__*/React.createElement(Iconfont, {
-      type: "pisell2-user-01"
+      type: "pisell2-user-01",
+      className: "pisell-avatar-icon"
     });
   }, [useTextAvatar, children]);
   return /*#__PURE__*/React.createElement(Avatar, _extends({}, restProps, {

package/es/components/pisellAvatar/index.less

@@ -5,7 +5,7 @@
   align-items: center;
   justify-content: center;
   background: var(--Gray-100, #f2f4f7); // 默认背景色
-  border: 1px solid #D0D5DD; // 移除默认边框
+  border: 1px solid #d0d5dd; // 移除默认边框
   box-sizing: border-box;
 
   img {
@@ -14,6 +14,7 @@
 
   .anticon {
     font-size: inherit !important;
+    color: var(--Gray-600, #475467) !important;
   }
 
   // 文本头像样式

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+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/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/pisellModal/components/MobileModal/index.less

@@ -17,14 +17,18 @@
       overflow: hidden;
       max-height: 90%;
       min-height: 200px;
+      display: flex;
+      flex-direction: column;
     }
     .pisell-lowcode-modal-content {
+      flex: 1;
       padding: 0;
       border-radius: 0;
       height: 100%;
       display: flex;
       flex-direction: column;
       max-height: none;
+      min-height: 200px;
       .pisell-lowcode-modal-close {
         padding: 10px;
         top: 8px;

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/pisellText/components/Amount/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

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

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
+export default DeleteButton;