@pisell/materials 2.2.53 → 2.2.54

package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -1,2 +1,8 @@
-declare const _default: any;
-export default _default;
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
+export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -7,7 +7,7 @@ import BaseMenu from "../../pisellMenu";
  * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
  */
 var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _appHelper$utils, _appHelper$utils$getA2;
+  var _appHelper$utils, _appHelper$utils$getA2, _appHelper$utils2, _appHelper$utils2$get;
   var _useEngineContext = useEngineContext(),
     appHelper = _useEngineContext.appHelper;
   var _appHelper$utils$getA = appHelper === null || appHelper === void 0 || (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 || (_appHelper$utils$getA2 = _appHelper$utils.getApp) === null || _appHelper$utils$getA2 === void 0 || (_appHelper$utils$getA2 = _appHelper$utils$getA2.call(_appHelper$utils)) === null || _appHelper$utils$getA2 === void 0 || (_appHelper$utils$getA2 = _appHelper$utils$getA2.menuManager) === null || _appHelper$utils$getA2 === void 0 ? void 0 : _appHelper$utils$getA2.useMenu(),
@@ -17,6 +17,16 @@ var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
     setOpenKeys = _appHelper$utils$getA.setOpenKeys,
     getShowChildren = _appHelper$utils$getA.getShowChildren,
     handleClick = _appHelper$utils$getA.handleClick;
+  var translation = (appHelper === null || appHelper === void 0 || (_appHelper$utils2 = appHelper.utils) === null || _appHelper$utils2 === void 0 || (_appHelper$utils2$get = _appHelper$utils2.getApp) === null || _appHelper$utils2$get === void 0 || (_appHelper$utils2$get = _appHelper$utils2$get.call(_appHelper$utils2)) === null || _appHelper$utils2$get === void 0 || (_appHelper$utils2$get = _appHelper$utils2$get.locales) === null || _appHelper$utils2$get === void 0 ? void 0 : _appHelper$utils2$get.translation) || function (str) {
+    if (!str) {
+      return '';
+    }
+    if (typeof str === 'string') {
+      return str;
+    }
+    return JSON.stringify(str);
+  };
+
   // 递归渲染菜单项
   var renderMenuItems = function renderMenuItems(items) {
     return items.map(function (item) {
@@ -27,7 +37,7 @@ var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
       if (_children !== null && _children !== void 0 && _children.length) {
         return /*#__PURE__*/React.createElement(BaseMenu.SubMenu, {
           key: item.key,
-          title: item.label,
+          title: translation(item.label),
           icon: item.icon,
           router: item.path
         }, renderMenuItems(_children));
@@ -36,7 +46,7 @@ var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
         key: item.key,
         icon: item.icon,
         router: item.path
-      }, item.label);
+      }, translation(item.label));
     });
   };
   return /*#__PURE__*/React.createElement(BaseMenu, _extends({

package/es/components/dataSourceComponents/dataSourceMenu/index.d.ts

@@ -1,2 +1,8 @@
-declare const _default: any;
-export default _default;
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
+export default DataSourceMenu;

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

@@ -19,5 +19,5 @@ export interface PisellAnchorProps {
      */
     platform?: 'pc' | 'h5';
 }
-declare const PisellAnchor: React.ForwardRefExoticComponent<PisellAnchorProps & React.RefAttributes<any>>;
+declare const PisellAnchor: React.FC<PisellAnchorProps>;
 export default PisellAnchor;

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/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/productCard/locales.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     en: {
         'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
         'pisell2.product.card.discount.reason': string;
         'pisell2.product.card.discount.note': string;
         'pisell2.product.card.discount.add.note': string;
@@ -14,6 +15,7 @@ declare const _default: {
     };
     'zh-CN': {
         'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
         'pisell2.product.card.discount.reason': string;
         'pisell2.product.card.discount.note': string;
         'pisell2.product.card.discount.add.note': string;
@@ -27,6 +29,7 @@ declare const _default: {
     };
     'zh-HK': {
         'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
         'pisell2.product.card.discount.reason': string;
         'pisell2.product.card.discount.note': string;
         'pisell2.product.card.discount.add.note': string;

package/es/components/productCard/locales.js

@@ -1,7 +1,10 @@
 export default {
   'en': {
     'pisell2.product.card.day': function pisell2ProductCardDay(val) {
-      return "".concat(val > 1 ? 'days' : 'day');
+      return "".concat(val > 1 ? ' days' : ' day');
+    },
+    'pisell2.product.card.day.event': function pisell2ProductCardDayEvent(val) {
+      return "".concat(val > 1 ? ' events' : ' event');
     },
     'pisell2.product.card.discount.reason': 'Discount reason',
     'pisell2.product.card.discount.note': 'Note',
@@ -18,6 +21,9 @@ export default {
     'pisell2.product.card.day': function pisell2ProductCardDay(val) {
       return '天';
     },
+    'pisell2.product.card.day.event': function pisell2ProductCardDayEvent(val) {
+      return '个活动';
+    },
     'pisell2.product.card.discount.reason': '折扣原因',
     'pisell2.product.card.discount.note': '备注',
     'pisell2.product.card.discount.add.note': '添加备注',
@@ -33,6 +39,9 @@ export default {
     'pisell2.product.card.day': function pisell2ProductCardDay(val) {
       return '天';
     },
+    'pisell2.product.card.day.event': function pisell2ProductCardDayEvent(val) {
+      return '个活動';
+    },
     'pisell2.product.card.discount.reason': '折扣原因',
     'pisell2.product.card.discount.note': '備註',
     'pisell2.product.card.discount.add.note': '添加備註',

package/es/components/productCard/utils.js

@@ -68,7 +68,7 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
   dayjs.locale(localeTypes[locale]);
   var startDate = dayjs(item === null || item === void 0 ? void 0 : item.start_date);
   var endDate = dayjs(item === null || item === void 0 ? void 0 : item.end_date);
-  var diffInDays = endDate.diff(startDate, 'day');
+  var diffInDays = (item === null || item === void 0 ? void 0 : item.custom_day_count) || endDate.diff(startDate, 'day');
   var _format = isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
 
   // 是否自定义格式
@@ -83,6 +83,12 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
     endDate = dayjs("".concat(item === null || item === void 0 ? void 0 : item.end_date, " ").concat(item === null || item === void 0 ? void 0 : item.end_time));
   }
   var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
-  var duration = "".concat(diffInDays, " ").concat(locales.getText('pisell2.product.card.day')(diffInDays));
+
+  // 自定义文案
+  var text = locales.getText('pisell2.product.card.day')(diffInDays);
+  if (item !== null && item !== void 0 && item.custom_day_count) {
+    text = locales.getText('pisell2.product.card.day.event')(diffInDays);
+  }
+  var duration = "".concat(diffInDays).concat(text);
   return "".concat(date, " (").concat(duration, ")");
 };

package/es/components/virtual-keyboard/Number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;