@pisell/materials 6.7.3 → 6.7.4

package/es/components/PisellSteps/hooks/useStepsState.js

@@ -1,60 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 { useState, useCallback, useEffect, useRef } from 'react';
-
-/**
- * 管理步骤条状态的 Hook（支持受控和非受控模式）
- * 
- * @param current - 受控模式下的当前步骤
- * @param defaultCurrent - 非受控模式下的默认当前步骤
- * @param onChange - 步骤变更回调函数
- * @returns [currentStep, setCurrentStep] - 当前步骤和设置步骤的函数
- */
-export function useStepsState(current) {
-  var defaultCurrent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var onChange = arguments.length > 2 ? arguments[2] : undefined;
-  // 内部状态（非受控模式使用）
-  var _useState = useState(defaultCurrent),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerCurrent = _useState2[0],
-    setInnerCurrent = _useState2[1];
-
-  // 记录上一次的步骤，用于判断变更方向
-  var previousCurrentRef = useRef(defaultCurrent);
-
-  // 判断是否为受控模式
-  var isControlled = current !== undefined;
-
-  // 当前步骤值
-  var currentStep = isControlled ? current : innerCurrent;
-
-  // 设置步骤的函数
-  var setCurrentStep = useCallback(function (value) {
-    var previousCurrent = previousCurrentRef.current;
-
-    // 非受控模式下更新内部状态
-    if (!isControlled) {
-      setInnerCurrent(value);
-    }
-
-    // 触发 onChange 回调
-    if (onChange && value !== previousCurrent) {
-      onChange(value);
-    }
-
-    // 更新上一次步骤记录
-    previousCurrentRef.current = value;
-  }, [isControlled, onChange]);
-
-  // 受控模式下，同步更新 previousCurrentRef
-  useEffect(function () {
-    if (isControlled && current !== undefined) {
-      previousCurrentRef.current = current;
-    }
-  }, [current, isControlled]);
-  return [currentStep, setCurrentStep];
-}

package/es/components/PisellSteps/index.js

@@ -1,2 +0,0 @@
-import PisellSteps from "./PisellSteps";
-export default PisellSteps;

package/es/components/PisellSteps/types.js

@@ -1 +0,0 @@
-export {};

package/es/components/PisellSteps/utils/index.js

@@ -1,118 +0,0 @@
-/**
- * 计算当前步骤的进度百分比
- * 
- * @param current - 当前步骤索引
- * @param total - 总步骤数
- * @returns 进度百分比（0-100）
- */
-export function calculateProgress(current, total) {
-  if (total <= 0) return 0;
-  if (current < 0) return 0;
-  if (current >= total) return 100;
-  return Math.round((current + 1) / total * 100);
-}
-
-/**
- * 判断步骤是否可点击
- * 
- * @param index - 步骤索引
- * @param current - 当前步骤索引
- * @param status - 步骤状态
- * @param clickable - 全局是否可点击
- * @param allowClickFinished - 是否允许点击已完成步骤
- * @returns 是否可点击
- */
-export function isStepClickable(index, current, status, clickable, allowClickFinished) {
-  // 全局不允许点击
-  if (!clickable) {
-    return false;
-  }
-
-  // 当前步骤不可点击（避免重复触发）
-  if (index === current) {
-    return false;
-  }
-
-  // 已完成的步骤
-  if (status === 'finish' || index < current) {
-    return allowClickFinished;
-  }
-
-  // 等待中的步骤默认不可点击
-  if (status === 'wait') {
-    return false;
-  }
-
-  // 错误状态的步骤可以点击（用于修正）
-  if (status === 'error') {
-    return true;
-  }
-  return true;
-}
-
-/**
- * 获取步骤状态
- * 
- * @param index - 步骤索引
- * @param current - 当前步骤索引
- * @param customStatus - 自定义状态（优先级最高）
- * @returns 步骤状态
- */
-export function getStepStatus(index, current, customStatus) {
-  // 如果有自定义状态，直接返回
-  if (customStatus) {
-    return customStatus;
-  }
-
-  // 根据索引和当前步骤判断状态
-  if (index < current) {
-    return 'finish';
-  } else if (index === current) {
-    return 'process';
-  } else {
-    return 'wait';
-  }
-}
-
-/**
- * 合并步骤类名
- * 
- * @param baseClass - 基础类名
- * @param status - 步骤状态
- * @param customClass - 自定义类名
- * @returns 合并后的类名
- */
-export function mergeStepClassName(baseClass, status, customClass) {
-  var classes = [baseClass];
-
-  // 添加状态类名
-  classes.push("".concat(baseClass, "-").concat(status));
-
-  // 添加自定义类名
-  if (customClass) {
-    classes.push(customClass);
-  }
-  return classes.join(' ');
-}
-
-/**
- * 判断步骤变更方向
- * 
- * @param from - 原步骤索引
- * @param to - 目标步骤索引
- * @returns 变更方向
- */
-export function getChangeDirection(from, to) {
-  return to > from ? 'forward' : 'backward';
-}
-
-/**
- * 验证步骤索引是否有效
- * 
- * @param index - 步骤索引
- * @param total - 总步骤数
- * @returns 是否有效
- */
-export function isValidStepIndex(index, total) {
-  return index >= 0 && index < total;
-}

package/es/components/PisellSuperTabs/PisellSuperTabs.js

@@ -1,127 +0,0 @@
-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';
-import classNames from 'classnames';
-import { useTabsState } from "./hooks";
-import { getRowKey } from "./utils";
-import PisellBasicGrid from "../PisellBasicGrid";
-import { PisellScrollView } from "../PisellScrollView";
-import "./PisellSuperTabs.less";
-
-/**
- * PisellSuperTabs 组件
- * @description 通用导航框架封装的全能型 Tab 组件
- * @template T - 数据源项的类型
- */
-var PisellSuperTabs = function PisellSuperTabs(props) {
-  var className = props.className,
-    style = props.style,
-    _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
-    _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
-    value = props.value,
-    id = props.id,
-    defaultValue = props.defaultValue,
-    onChange = props.onChange,
-    _renderItem = props.renderItem,
-    _props$gridProps = props.gridProps,
-    gridProps = _props$gridProps === void 0 ? {} : _props$gridProps,
-    _props$scrollViewProp = props.scrollViewProps,
-    scrollViewProps = _props$scrollViewProp === void 0 ? {} : _props$scrollViewProp,
-    children = props.children,
-    slotLeft = props.slotLeft,
-    slotRight = props.slotRight,
-    slotTop = props.slotTop,
-    slotBottom = props.slotBottom,
-    tabItemClassName = props.tabItemClassName,
-    tabItemStyle = props.tabItemStyle,
-    slotLeftClassName = props.slotLeftClassName,
-    slotRightClassName = props.slotRightClassName,
-    slotTopClassName = props.slotTopClassName,
-    slotBottomClassName = props.slotBottomClassName,
-    slotLeftStyle = props.slotLeftStyle,
-    slotRightStyle = props.slotRightStyle,
-    slotTopStyle = props.slotTopStyle,
-    slotBottomStyle = props.slotBottomStyle;
-
-  // 状态管理：处理受控/非受控模式
-  var _useTabsState = useTabsState({
-      value: value,
-      defaultValue: defaultValue,
-      onChange: onChange
-    }),
-    activeKey = _useTabsState.activeKey,
-    handleTabChange = _useTabsState.handleTabChange;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-super-tabs', className),
-    style: style,
-    id: id
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-super-tabs-slot-top-' + id, slotTopClassName),
-    style: slotTopStyle
-  }, slotTop), /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-super-tabs-slot-left-' + id, slotLeftClassName),
-    style: slotLeftStyle
-  }, slotLeft), /*#__PURE__*/React.createElement(PisellScrollView, scrollViewProps, /*#__PURE__*/React.createElement(PisellBasicGrid, _extends({}, gridProps, {
-    dataSource: dataSource,
-    rowKey: rowKey,
-    renderItem: function renderItem(item, index) {
-      // 获取当前项的 key
-      var key = getRowKey(item, index, rowKey);
-
-      // 判断是否激活
-      var active = key === String(activeKey);
-
-      // 渲染内容
-      // 支持两种模式：函数模式和插槽模式
-      var content;
-      if (_renderItem) {
-        if (typeof _renderItem === 'function') {
-          // 函数模式：调用用户自定义渲染函数
-          content = _renderItem({
-            dataSource: item,
-            index: index,
-            onClick: function onClick() {
-              if (item.customClick) {
-                return;
-              }
-              handleTabChange(key, item);
-            },
-            tabsState: {
-              activeKey: activeKey,
-              handleTabChange: handleTabChange
-            },
-            tabsProps: props,
-            active: {
-              value: active
-            }
-          });
-        } else {
-          // 插槽模式：直接使用 renderItem
-          content = _renderItem;
-        }
-      } else {
-        content = item['label'];
-      }
-
-      // 包裹点击事件处理
-      return /*#__PURE__*/React.createElement("div", {
-        key: key,
-        className: classNames('pisell-super-tabs-item', {
-          'pisell-super-tabs-item--active': active
-        }, tabItemClassName),
-        style: tabItemStyle
-      }, content);
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-super-tabs-content"
-  }, children), /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-super-tabs-slot-right-' + id, slotRightClassName),
-    style: slotRightStyle
-  }, slotRight), /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-super-tabs-slot-bottom-' + id, slotBottomClassName),
-    style: slotBottomStyle
-  }, slotBottom));
-};
-PisellSuperTabs.displayName = 'PisellSuperTabs';
-export default PisellSuperTabs;

package/es/components/PisellSuperTabs/PisellSuperTabs.less

@@ -1,35 +0,0 @@
-/**
- * PisellSuperTabs 组件样式
- */
-
-.pisell-super-tabs {
-  // 基础容器样式
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  position: relative;
-
-  // TabItem 基础样式
-  &-item {
-    // 基础样式
-    cursor: pointer;
-    user-select: none;
-    box-sizing: border-box;
-    height: 100%;
-    // 过渡动画
-    // transition: all 0.3s ease;
-
-    // 激活状态
-    &--active {
-      // 激活状态由具体的 Card 组件自己实现
-      // 这里只提供一个默认的 class，方便外部自定义样式
-    }
-
-    // 禁用样式（预留）
-    &--disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-      pointer-events: none;
-    }
-  }
-}

package/es/components/PisellSuperTabs/components/index.js

@@ -1 +0,0 @@
-// 子组件

package/es/components/PisellSuperTabs/hooks/index.js

@@ -1 +0,0 @@
-export { useTabsState } from "./useTabsState";

package/es/components/PisellSuperTabs/hooks/useTabsState.js

@@ -1,50 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 { useState, useCallback, useMemo } from 'react';
-/**
- * Tabs 状态管理 Hook
- * @description 处理受控/非受控模式的状态管理
- * @template T - 数据项类型
- */
-export var useTabsState = function useTabsState(params) {
-  var value = params.value,
-    defaultValue = params.defaultValue,
-    onChange = params.onChange;
-
-  // 内部状态（非受控模式使用）
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerValue = _useState2[0],
-    setInnerValue = _useState2[1];
-
-  // 判断是否为受控模式
-  var isControlled = useMemo(function () {
-    return value !== undefined;
-  }, [value]);
-
-  // 当前激活的 key
-  // 受控模式：使用外部 value
-  // 非受控模式：使用内部 innerValue
-  var activeKey = isControlled ? value : innerValue;
-
-  /**
-   * 切换 Tab 的处理函数
-   */
-  var handleTabChange = useCallback(function (key, item) {
-    // 非受控模式：更新内部状态
-    if (!isControlled) {
-      setInnerValue(key);
-    }
-
-    // 触发 onChange 回调
-    onChange === null || onChange === void 0 || onChange(key, item);
-  }, [isControlled, onChange]);
-  return {
-    activeKey: activeKey,
-    handleTabChange: handleTabChange
-  };
-};

package/es/components/PisellSuperTabs/index.js

@@ -1,2 +0,0 @@
-import PisellSuperTabs from "./PisellSuperTabs";
-export default PisellSuperTabs;

package/es/components/PisellSuperTabs/types.js

@@ -1 +0,0 @@
-export {};

package/es/components/PisellSuperTabs/utils/getRowKey.js

@@ -1,33 +0,0 @@
-/**
- * 获取数据项的唯一标识
- * @param record - 数据项
- * @param index - 索引
- * @param rowKey - key 字段配置
- * @returns 唯一标识字符串
- */
-export var getRowKey = function getRowKey(record, index, rowKey) {
-  // 如果 rowKey 是函数，调用函数获取 key
-  if (typeof rowKey === 'function') {
-    return rowKey(record, index);
-  }
-
-  // 如果 rowKey 是字符串，从 record 中取对应字段的值
-  if (typeof rowKey === 'string') {
-    var key = record === null || record === void 0 ? void 0 : record[rowKey];
-    if (key !== undefined && key !== null) {
-      return String(key);
-    }
-  }
-
-  // 默认尝试从 record.key 取值
-  var defaultKey = record === null || record === void 0 ? void 0 : record.key;
-  if (defaultKey !== undefined && defaultKey !== null) {
-    return String(defaultKey);
-  }
-
-  // 如果都获取不到，使用索引作为 key（开发环境下警告）
-  if (process.env.NODE_ENV === 'development') {
-    console.warn('[PisellSuperTabs] rowKey is not found in data item, using index as fallback. This may cause issues with state management.', record);
-  }
-  return String(index);
-};

package/es/components/PisellSuperTabs/utils/index.js

@@ -1 +0,0 @@
-export { getRowKey } from "./getRowKey";

package/es/components/PisellTabbar/PisellTabbar.js

@@ -1,170 +0,0 @@
-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, { useCallback, useEffect, useMemo } from 'react';
-import classNames from 'classnames';
-import { TabbarLevel } from "./components";
-import { useActiveKey, useExpand } from "./hooks";
-import { addDataSourceItemsByKey, getDefaultActiveKey } from "./utils";
-import { DEFAULT_LEVEL_CONFIG, LEVEL_ADD_ITEMS } from "./constants";
-import "./PisellTabbar.less";
-
-/**
- * PisellTabbar - 多层级 Tabbar 组件
- *
- * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
- *
- * @component
- * @example
- * ```tsx
- * <PisellTabbar
- *   dataSource={categoryData}
- *   value={[1, 10, 100]}
- *   onChange={(value) => console.log('当前选中:', value)}
- * />
- * ```
- */
-var PisellTabbar = function PisellTabbar(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
-    value = props.value,
-    onChange = props.onChange,
-    className = props.className,
-    style = props.style,
-    customLevelConfig = props.levelConfig,
-    expandConfig = props.expandConfig,
-    _props$maxLevel = props.maxLevel,
-    maxLevel = _props$maxLevel === void 0 ? 3 : _props$maxLevel;
-
-  // 激活的 key 管理
-  var _useActiveKey = useActiveKey({
-      initialActiveKey: value || getDefaultActiveKey(dataSource, 'id'),
-      onChange: onChange
-    }),
-    setActiveKey = _useActiveKey.setActiveKey,
-    getActiveKey = _useActiveKey.getActiveKey,
-    _setActiveKey = _useActiveKey._setActiveKey;
-
-  // 展开状态管理
-  var _useExpand = useExpand(),
-    expand = _useExpand.expand,
-    toggleExpand = _useExpand.toggleExpand,
-    getExpand = _useExpand.getExpand;
-
-  /**
-   * 同步外部 value 到内部状态
-   */
-  useEffect(function () {
-    if (value) {
-      _setActiveKey(value);
-    }
-  }, [JSON.stringify(value)]);
-
-  /**
-   * 获取层级配置
-   */
-  var getLevelConfig = useCallback(function (level) {
-    return _objectSpread(_objectSpread({}, DEFAULT_LEVEL_CONFIG[level]), customLevelConfig === null || customLevelConfig === void 0 ? void 0 : customLevelConfig[level]);
-  }, [customLevelConfig]);
-
-  /**
-   * 处理一级 Tab 切换
-   */
-  var handleLevel1Change = useCallback(function (key, item) {
-    var _item$children;
-    setActiveKey(0, key, item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? 0 : undefined);
-  }, [setActiveKey]);
-
-  /**
-   * 处理二级 Tab 切换
-   */
-  var handleLevel2Change = useCallback(function (key, item) {
-    var _item$children2;
-    setActiveKey(1, key, item !== null && item !== void 0 && (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? 0 : undefined);
-  }, [setActiveKey]);
-
-  /**
-   * 处理三级 Tab 切换
-   */
-  var handleLevel3Change = useCallback(function (key) {
-    setActiveKey(2, key);
-  }, [setActiveKey]);
-
-  /**
-   * 渲染一级 Tabbar
-   */
-  var level1DataSource = useMemo(function () {
-    return addDataSourceItemsByKey(dataSource, LEVEL_ADD_ITEMS.level1);
-  }, [dataSource]);
-
-  /**
-   * 渲染二级 Tabbar
-   */
-  var renderLevel2 = useCallback(function (panelProps) {
-    if (maxLevel < 2) return null;
-    var _dataSource = panelProps.dataSource.children || [];
-    if (_dataSource.length) {
-      _dataSource = addDataSourceItemsByKey(_dataSource, LEVEL_ADD_ITEMS.level2);
-    }
-    return /*#__PURE__*/React.createElement(TabbarLevel, {
-      skuId: "sku-list-tabbar-".concat(panelProps.dataSource.id),
-      dataSource: _dataSource,
-      activePanelKey: getActiveKey(1),
-      level: "level2",
-      setActivePanelKey: handleLevel2Change,
-      expand: getExpand('level2'),
-      handleExpand: function handleExpand() {
-        return toggleExpand('level2');
-      },
-      renderChildren: renderLevel3,
-      levelConfig: getLevelConfig('level2'),
-      expandConfig: expandConfig
-    });
-  }, [maxLevel, getActiveKey, handleLevel2Change, getExpand, toggleExpand, getLevelConfig, expandConfig]);
-
-  /**
-   * 渲染三级 Tabbar
-   */
-  var renderLevel3 = useCallback(function (panelProps2) {
-    if (maxLevel < 3) return null;
-    var _dataSource2 = panelProps2.dataSource.children || [];
-    if (_dataSource2.length) {
-      _dataSource2 = addDataSourceItemsByKey(_dataSource2, LEVEL_ADD_ITEMS.level3);
-    }
-    return /*#__PURE__*/React.createElement(TabbarLevel, {
-      skuId: "sku-list-tabbar-".concat(panelProps2.dataSource.id),
-      dataSource: _dataSource2,
-      activePanelKey: getActiveKey(2),
-      level: "level3",
-      setActivePanelKey: handleLevel3Change,
-      expand: getExpand('level3'),
-      handleExpand: function handleExpand() {
-        return toggleExpand('level3');
-      },
-      levelConfig: getLevelConfig('level3'),
-      expandConfig: expandConfig
-    });
-  }, [maxLevel, getActiveKey, handleLevel3Change, getExpand, toggleExpand, getLevelConfig, expandConfig]);
-  return dataSource.length ? /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-tabbar', className),
-    style: style
-  }, /*#__PURE__*/React.createElement(TabbarLevel, {
-    skuId: "sku-list-tabbar",
-    dataSource: level1DataSource,
-    activePanelKey: getActiveKey(0),
-    level: "level1",
-    setActivePanelKey: handleLevel1Change,
-    expand: getExpand('level1'),
-    handleExpand: function handleExpand() {
-      return toggleExpand('level1');
-    },
-    renderChildren: renderLevel2,
-    levelConfig: getLevelConfig('level1'),
-    expandConfig: expandConfig
-  })) : null;
-};
-PisellTabbar.displayName = 'PisellTabbar';
-export default PisellTabbar;

package/es/components/PisellTabbar/PisellTabbar.less

@@ -1,26 +0,0 @@
-/**
- * PisellTabbar 组件样式
- */
-.pisell-tabbar {
-  width: 100%;
-  position: relative;
-
-  /* 层级容器样式 */
-  &-level {
-    &-wrapper {
-      position: relative;
-    }
-  }
-
-  /* 响应式适配 */
-  @media (max-width: 768px) {
-    .pisell-tabbar-level {
-      font-size: 14px;
-    }
-  }
-
-  /* 过渡动画 */
-  .pisell-super-tabs {
-    transition: all 0.3s ease;
-  }
-}