@pisell/materials 6.7.4 → 6.8.2

package/lib/components/PisellTabbar2/hooks/useActiveKey.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar2/hooks/useActiveKey.ts
+var useActiveKey_exports = {};
+__export(useActiveKey_exports, {
+  default: () => useActiveKey_default
+});
+module.exports = __toCommonJS(useActiveKey_exports);
+var import_react = require("react");
+var useActiveKey = (props) => {
+  const { initialActiveKey = [], onChange } = props;
+  const [activeKey, _setActiveKey] = (0, import_react.useState)(initialActiveKey);
+  const [panelVisible, setPanelVisible] = (0, import_react.useState)(false);
+  const setActiveKey = (level, key, cKey) => {
+    const newActiveKey = [...activeKey];
+    if (key === newActiveKey[level]) {
+      if (level === 0 || level === 1) {
+        setPanelVisible(!panelVisible);
+        return;
+      }
+      return;
+    }
+    if (level === 0) {
+      setPanelVisible(true);
+    }
+    if (level === 1) {
+      setPanelVisible(false);
+    }
+    newActiveKey.splice(level + 1);
+    newActiveKey[level] = String(key);
+    if (cKey !== void 0) {
+      newActiveKey[level + 1] = String(cKey);
+      if (level === 0) {
+        newActiveKey[level + 2] = String(0);
+      }
+    }
+    _setActiveKey(newActiveKey);
+    onChange == null ? void 0 : onChange(newActiveKey);
+  };
+  const getActiveKey = (level) => {
+    return activeKey[level];
+  };
+  return {
+    activeKey,
+    setActiveKey,
+    getActiveKey,
+    panelVisible,
+    /**
+     * 内部设置方法，用于同步外部传入的 value
+     * 会进行深比较，避免不必要的更新
+     */
+    _setActiveKey: (value) => {
+      if (JSON.stringify(value) !== JSON.stringify(activeKey)) {
+        _setActiveKey(value || initialActiveKey);
+      }
+    }
+  };
+};
+var useActiveKey_default = useActiveKey;

package/lib/components/PisellTabbar2/hooks/useExpand.d.ts

@@ -0,0 +1,41 @@
+import { ExpandState, LevelType } from '../types';
+/**
+ * useExpand Hook 参数
+ */
+interface UseExpandProps {
+    /** 初始展开状态 */
+    initialExpand?: Partial<ExpandState>;
+}
+/**
+ * useExpand Hook 返回值
+ */
+interface UseExpandReturn {
+    /** 展开状态 */
+    expand: ExpandState;
+    /** 设置展开状态 */
+    setExpand: (state: ExpandState) => void;
+    /** 切换指定层级的展开状态 */
+    toggleExpand: (level: LevelType) => void;
+    /** 获取指定层级的展开状态 */
+    getExpand: (level: LevelType) => boolean;
+}
+/**
+ * Tabbar 展开状态管理 Hook
+ * 用于管理多层级的展开/收起状态
+ *
+ * @param props - Hook 配置参数
+ * @returns 展开状态和操作方法
+ *
+ * @example
+ * ```tsx
+ * const { expand, toggleExpand, getExpand } = useExpand({
+ *   initialExpand: { level1: false }
+ * });
+ *
+ * <button onClick={() => toggleExpand('level1')}>
+ *   {getExpand('level1') ? '收起' : '展开'}
+ * </button>
+ * ```
+ */
+declare const useExpand: (props?: UseExpandProps) => UseExpandReturn;
+export default useExpand;

package/lib/components/PisellTabbar2/hooks/useExpand.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar2/hooks/useExpand.ts
+var useExpand_exports = {};
+__export(useExpand_exports, {
+  default: () => useExpand_default
+});
+module.exports = __toCommonJS(useExpand_exports);
+var import_react = require("react");
+var useExpand = (props = {}) => {
+  const { initialExpand = {} } = props;
+  const [expand, setExpand] = (0, import_react.useState)({
+    level1: false,
+    level2: false,
+    level3: false,
+    ...initialExpand
+  });
+  const toggleExpand = (0, import_react.useCallback)((level) => {
+    setExpand((prev) => ({
+      ...prev,
+      [level]: !prev[level]
+    }));
+  }, []);
+  const getExpand = (0, import_react.useCallback)(
+    (level) => {
+      return expand[level];
+    },
+    [expand]
+  );
+  return {
+    expand,
+    setExpand,
+    toggleExpand,
+    getExpand
+  };
+};
+var useExpand_default = useExpand;

package/lib/components/PisellTabbar2/index.d.ts

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

package/lib/components/PisellTabbar2/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar2/index.tsx
+var PisellTabbar2_exports = {};
+__export(PisellTabbar2_exports, {
+  default: () => import_PisellTabbar.default
+});
+module.exports = __toCommonJS(PisellTabbar2_exports);
+var import_PisellTabbar = __toESM(require("./PisellTabbar"));

package/lib/components/PisellTabbar2/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/lib/components/PisellTabbar2/locales.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar2/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    expand: "Expand",
+    minimize: "Minimize"
+  },
+  "zh-CN": {
+    expand: "展开",
+    minimize: "折叠"
+  },
+  "zh-HK": {
+    expand: "展開",
+    minimize: "摺疊"
+  }
+};

package/lib/components/PisellTabbar2/mock.d.ts

@@ -0,0 +1,205 @@
+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;
+    childrenMaxLevel: number;
+    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;
+        childrenMaxLevel: number;
+        children?: undefined;
+    } | {
+        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;
+        childrenMaxLevel?: undefined;
+        children?: undefined;
+    } | {
+        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;
+        childrenMaxLevel: number;
+        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;
+            childrenMaxLevel: number;
+            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[];
+            }[];
+        } | {
+            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[];
+            childrenMaxLevel?: undefined;
+        })[];
+    } | {
+        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[];
+            }[];
+        }[];
+        childrenMaxLevel?: undefined;
+    })[];
+} | {
+    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[];
+        }[];
+    }[];
+    childrenMaxLevel?: undefined;
+})[];
+export default _default;