@pisell/materials 6.0.21 → 6.1.1

package/es/components/iconfont/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { createFromIconfontCN } from '@ant-design/icons';
 import React from 'react';
 var MyIcon = createFromIconfontCN({
-  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.3.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.4.js' // 在 iconfont.cn 上生成
 });
 var IconFont = function IconFont(props) {
   return /*#__PURE__*/React.createElement(MyIcon, _extends({}, props, {

package/es/components/list/index.js

@@ -1,8 +1,8 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["className", "paginationType", "pagination", "footer", "header", "listHeight", "loadMoreData", "arrow"];
 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); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -47,7 +47,7 @@ var List = function List(props) {
   var position = useScroll(listRef);
   var isShowDownArrow = useMemo(function () {
     var _listRef$current, _listRef$current2;
-    return arrow && (listRef === null || listRef === void 0 ? void 0 : listRef.current) && ((position === null || position === void 0 ? void 0 : position.top) || 0) + (listRef === null || listRef === void 0 || (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.clientHeight) < ((_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollHeight);
+    return arrow && (listRef === null || listRef === void 0 ? void 0 : listRef.current) && ((position === null || position === void 0 ? void 0 : position.top) || 0) + (listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.clientHeight) < ((_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollHeight);
   }, [position, arrow]);
   var isShowUpArrow = useMemo(function () {
     return arrow && ((position === null || position === void 0 ? void 0 : position.top) || 0) > 0;
@@ -90,13 +90,13 @@ var List = function List(props) {
         }),
         scrollableTarget: scrollListId
       }, /*#__PURE__*/React.createElement(AntList, _extends({}, others, {
-        className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 || (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.oneLine))
+        className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.oneLine))
       }))), isShowDownArrow && downArrow), _footer && /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefix, "scroll-footer-wrap")
       }, _footer));
     }
     return /*#__PURE__*/React.createElement(AntList, _extends({}, props, {
-      className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 || (_props$grid2 = props.grid) === null || _props$grid2 === void 0 ? void 0 : _props$grid2.oneLine))
+      className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid2 = props.grid) === null || _props$grid2 === void 0 ? void 0 : _props$grid2.oneLine))
     }));
   }, [props, _footer, isShowDownArrow, isShowUpArrow, scrollListId]);
   return list;

package/es/components/pisell-config-provider/index.js

@@ -25,8 +25,10 @@ var PisellConfigProvider = function PisellConfigProvider(props) {
     platform: propsPlatform || platformMap[platform],
     // 设置符号，优先使用父组件传入的，如果没有则从主项目获取
     symbol: propsSymbol || (getSymbolic === null || getSymbolic === void 0 ? void 0 : getSymbolic()) || '',
-    locale: locale || 'en'
+    locale: locale || 'en',
+    getSymbolic: getSymbolic
   };
+  console.log(config, 'config');
   var staticFunction = App.useApp();
   setMessage(staticFunction.message);
   setModal(staticFunction.modal);

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

@@ -25,7 +25,6 @@
 
         &-title {
           color: var(--Gray-900, #101828);
-          font-family: Inter;
           font-size: 16px;
           font-weight: 600;
           line-height: 40px;
@@ -114,7 +113,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 +133,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 +169,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 +186,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

@@ -54,7 +54,7 @@ var PisellAvatar = function PisellAvatar(_ref) {
   var mergedStyle = _objectSpread(_objectSpread({}, style), {}, {
     width: sizeMap[size],
     height: sizeMap[size],
-    fontSize: children || icon ? fontSizeMap[size] : undefined,
+    fontSize: fontSizeMap[size],
     lineHeight: "".concat(sizeMap[size], "px"),
     borderRadius: shape === 'square' ? "".concat(borderRadius, "px") : '50%'
   });
@@ -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.js

@@ -1,5 +1,10 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
+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, { useEffect } from 'react';
 import { Card } from 'antd';
 import classNames from 'classnames';
 import "./index.less";
@@ -9,8 +14,32 @@ import "./index.less";
  * @constructor
  */
 var PisellCard = function PisellCard(props) {
-  return /*#__PURE__*/React.createElement(Card, _extends({}, props, {
-    className: classNames('pisell-card-wrap', props.className)
-  }));
+  var _props$borderRadius = props.borderRadius,
+    borderRadius = _props$borderRadius === void 0 ? 12 : _props$borderRadius,
+    _props$padding = props.padding,
+    padding = _props$padding === void 0 ? 16 : _props$padding,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    style = props.style,
+    className = props.className,
+    _props$isClickable = props.isClickable,
+    isClickable = _props$isClickable === void 0 ? true : _props$isClickable;
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
+    style: _objectSpread({
+      '--card-padding': "".concat(padding, "px"),
+      '--card-borderRadius': "".concat(borderRadius, "px")
+    }, style),
+    className: classNames('pisell-card-wrap', selected && 'pisell-card-wrap-selected', disabled && 'pisell-card-wrap-disabled', !isClickable && 'pisell-card-wrap-clickable', className)
+  });
+  return /*#__PURE__*/React.createElement(Card, cardProps);
 };
 export default PisellCard;

package/es/components/pisellCard/index.less

@@ -1,9 +1,36 @@
 .pisell-card-wrap {
-  border-radius: 12px;
+  border-radius: var(--card-borderRadius, 12px);
+  box-sizing: border-box;
+  cursor: pointer;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  &.pisell-card-wrap-selected {
+    border-width: 2px;
+    border-color: var(--theme-color, #7f56d9);
+  }
+  &.pisell-card-wrap-disabled {
+    cursor: not-allowed;
+    opacity: 0.4;
+    // pointer-events: none;
+
+    &:hover,
+    &:active,
+    &.focus {
+      background-color: inherit;
+      color: inherit;
+      text-decoration: none;
+    }
+  }
   .pisell-lowcode-card-body {
-    padding: 16px;
+    padding: var(--card-padding, 16px);
+  }
+  &:hover {
+    background: var(--Gray-50, #f9fafb);
   }
+}
+
+&.pisell-card-wrap-clickable {
+  cursor: initial;
   &:hover {
-    background: var(--Gray-50, #F9FAFB);
+    background: none;
   }
-}
+}