@pisell/materials 1.0.983 → 1.0.988

package/es/components/{PisellProcedure/components/ProcedureSummary.js → PisellTabbar/hooks/useExpand.js}

@@ -10,90 +10,67 @@ 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, useMemo, useCallback, useEffect } from 'react';
-import { Button } from 'antd';
-import { UpOutlined, DownOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
+import { useState, useCallback } from 'react';
+
 /**
- * ProcedureSummary 组件
- * 信息总结区域，展示实时反馈信息
+ * useExpand Hook 参数
  */
-var ProcedureSummary = function ProcedureSummary(_ref) {
-  var current = _ref.current,
-    summaryRender = _ref.summaryRender,
-    width = _ref.width,
-    collapsible = _ref.collapsible,
-    defaultCollapsed = _ref.defaultCollapsed,
-    onCollapseChange = _ref.onCollapseChange,
-    summaryExtra = _ref.summaryExtra,
-    className = _ref.className,
-    style = _ref.style,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible;
-  /**
-   * 折叠状态
-   */
-  var _useState = useState(defaultCollapsed),
-    _useState2 = _slicedToArray(_useState, 2),
-    collapsed = _useState2[0],
-    setCollapsed = _useState2[1];
 
-  /**
-   * 同步默认折叠状态
-   */
-  useEffect(function () {
-    setCollapsed(defaultCollapsed);
-  }, [defaultCollapsed]);
+/**
+ * useExpand Hook 返回值
+ */
 
-  /**
-   * 合并类名
-   */
-  var mergedClassName = useMemo(function () {
-    return classNames('pisell-procedure-summary', {
-      'pisell-procedure-summary-collapsed': collapsed,
-      'pisell-procedure-summary-collapsible': collapsible
-    }, className);
-  }, [collapsed, collapsible, className]);
+/**
+ * Tabbar 展开状态管理 Hook
+ * 用于管理多层级的展开/收起状态
+ * 
+ * @param props - Hook 配置参数
+ * @returns 展开状态和操作方法
+ * 
+ * @example
+ * ```tsx
+ * const { expand, toggleExpand, getExpand } = useExpand({
+ *   initialExpand: { level1: false }
+ * });
+ * 
+ * <button onClick={() => toggleExpand('level1')}>
+ *   {getExpand('level1') ? '收起' : '展开'}
+ * </button>
+ * ```
+ */
+var useExpand = function useExpand() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$initialExpand = props.initialExpand,
+    initialExpand = _props$initialExpand === void 0 ? {} : _props$initialExpand;
+  var _useState = useState(_objectSpread({
+      level1: false,
+      level2: false,
+      level3: false
+    }, initialExpand)),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
 
   /**
-   * 合并样式
+   * 切换指定层级的展开状态
    */
-  var mergedStyle = useMemo(function () {
-    var baseStyle = _objectSpread({}, style);
-    if (width) {
-      baseStyle.width = typeof width === 'number' ? "".concat(width, "px") : width;
-    }
-    if (!visible) {
-      baseStyle.display = 'none';
-    }
-    return baseStyle;
-  }, [style, width, visible]);
+  var toggleExpand = useCallback(function (level) {
+    setExpand(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, level, !prev[level]));
+    });
+  }, []);
 
   /**
-   * 处理折叠/展开
+   * 获取指定层级的展开状态
    */
-  var handleToggleCollapse = useCallback(function () {
-    var newCollapsed = !collapsed;
-    setCollapsed(newCollapsed);
-    onCollapseChange === null || onCollapseChange === void 0 || onCollapseChange(newCollapsed);
-  }, [collapsed, onCollapseChange]);
-  if (!summaryRender) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: mergedClassName,
-    style: mergedStyle
-  }, collapsible && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-procedure-summary-header"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    icon: collapsed ? /*#__PURE__*/React.createElement(DownOutlined, null) : /*#__PURE__*/React.createElement(UpOutlined, null),
-    onClick: handleToggleCollapse,
-    className: "pisell-procedure-summary-toggle"
-  }, collapsed ? '展开' : '收起')), !collapsed && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-procedure-summary-content"
-  }, summaryRender(current)), !collapsed && summaryExtra && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-procedure-summary-extra"
-  }, summaryExtra));
+  var getExpand = useCallback(function (level) {
+    return expand[level];
+  }, [expand]);
+  return {
+    expand: expand,
+    setExpand: setExpand,
+    toggleExpand: toggleExpand,
+    getExpand: getExpand
+  };
 };
-export default ProcedureSummary;
+export default useExpand;

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

@@ -0,0 +1,7 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+import PisellTabbar from './PisellTabbar';
+export type { PisellTabbarProps, TabbarDataSource, LevelType } from './types';
+export default PisellTabbar;

package/es/components/PisellTabbar/index.js

@@ -0,0 +1,7 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+
+import PisellTabbar from "./PisellTabbar";
+export default PisellTabbar;

package/es/components/PisellTabbar/locales.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    en: {
+        expand: string;
+        minimize: string;
+    };
+    "zh-CN": {
+        expand: string;
+        minimize: string;
+    };
+    "zh-HK": {
+        expand: string;
+        minimize: string;
+    };
+};
+export default _default;

package/es/components/PisellTabbar/locales.js

@@ -0,0 +1,14 @@
+export default {
+  en: {
+    expand: 'Expand',
+    minimize: 'Minimize'
+  },
+  "zh-CN": {
+    expand: '展开',
+    minimize: '折叠'
+  },
+  "zh-HK": {
+    expand: '展開',
+    minimize: '摺疊'
+  }
+};

package/es/components/PisellTabbar/mock.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    id: number;
+    shop_id: number;
+    parent_id: number;
+    name: string;
+    slug: string;
+    icon: string;
+    status: string;
+    last_applicable_time: number;
+    sort: number;
+    create_account_id: number;
+    update_account_id: number;
+    created_at: string;
+    updated_at: string;
+    children: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        children: {
+            id: number;
+            shop_id: number;
+            parent_id: number;
+            name: string;
+            slug: string;
+            icon: string;
+            status: string;
+            last_applicable_time: number;
+            sort: number;
+            create_account_id: number;
+            update_account_id: number;
+            created_at: string;
+            updated_at: string;
+            children: never[];
+        }[];
+    }[];
+}[];
+export default _default;