@pisell/materials 1.8.7 → 1.8.9

package/lib/components/PisellTabbar/components/TabbarLevel.js

@@ -1,295 +0,0 @@
-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/PisellTabbar/components/TabbarLevel.tsx
-var TabbarLevel_exports = {};
-__export(TabbarLevel_exports, {
-  default: () => TabbarLevel_default
-});
-module.exports = __toCommonJS(TabbarLevel_exports);
-var import_react = __toESM(require("react"));
-var import_PisellSuperTabs = __toESM(require("../../PisellSuperTabs"));
-var import_PisellCards = __toESM(require("../../PisellCards"));
-var import_iconfont = __toESM(require("../../iconfont"));
-var import_constants = require("../constants");
-var TabbarLevel = (0, import_react.memo)((props) => {
-  const {
-    skuId,
-    dataSource,
-    activePanelKey,
-    level,
-    setActivePanelKey,
-    expand,
-    handleExpand,
-    renderChildren,
-    levelConfig: customLevelConfig,
-    expandConfig: customExpandConfig
-  } = props;
-  const levelConfig = {
-    ...import_constants.DEFAULT_LEVEL_CONFIG[level],
-    ...customLevelConfig
-  };
-  const expandConfig = customExpandConfig || (0, import_constants.getExpandConfig)();
-  const renderLevel1Card = (cardProps) => {
-    var _a;
-    const { dataSource: itemData } = cardProps;
-    let _text = itemData.name;
-    let _icon = itemData.icon;
-    if (itemData.key === "expand") {
-      _text = expandConfig[expand ? "active" : "inactive"].text;
-      _icon = expandConfig[expand ? "active" : "inactive"].icon;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_PisellCards.default.GraphicTextCard,
-      {
-        ...cardProps,
-        text: _text,
-        icon: _icon,
-        variant: "vertical-image",
-        widthMode: "fixed",
-        width: levelConfig.cardWidth,
-        graphicConfig: {
-          width: "100%",
-          height: levelConfig.cardHeight,
-          background: "#fff",
-          iconSize: 30
-        },
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: "#fff",
-          borderRadius: 8,
-          border: `4px solid ${levelConfig.superTabsBg}`
-        },
-        textConfig: {
-          textAlign: "center",
-          color: "#fff",
-          fontWeight: 400
-        },
-        active: {
-          value: true,
-          style: {
-            ...(_a = cardProps.active) == null ? void 0 : _a.style,
-            color: "#5D3F9F"
-          }
-        }
-      }
-    );
-  };
-  const renderLevel1NormalCard = (cardProps) => {
-    var _a;
-    const { dataSource: itemData } = cardProps;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_PisellCards.default.GraphicTextCard,
-      {
-        ...cardProps,
-        text: itemData.name,
-        image: itemData.icon,
-        variant: "card",
-        widthMode: "fixed",
-        width: levelConfig.cardWidth,
-        textConfig: {
-          color: "#FFF"
-        },
-        active: {
-          ...cardProps.active,
-          style: {
-            ...(_a = cardProps.active) == null ? void 0 : _a.style,
-            color: "#000000"
-          }
-        },
-        style: {
-          backgroundClip: "padding-box"
-        },
-        graphicConfig: {
-          width: "100%",
-          height: `${levelConfig.cardHeight}px`,
-          dataSource: {
-            alt: itemData.icon ? void 0 : itemData.name,
-            text: itemData.name === "All" ? "All" : void 0
-          }
-        }
-      }
-    );
-  };
-  const renderLevelNCard = (cardProps) => {
-    var _a;
-    const { dataSource: itemData } = cardProps;
-    let _text = itemData.name;
-    let _icon = itemData.icon;
-    if (itemData.key === "expand") {
-      _text = expandConfig[expand ? "active" : "inactive"].text;
-      _icon = expandConfig[expand ? "active" : "inactive"].icon;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_PisellCards.default.TextCard,
-      {
-        ...cardProps,
-        text: _text,
-        variant: "outlined",
-        widthMode: "fixed",
-        prefixIcon: itemData.key === "expand" ? /* @__PURE__ */ import_react.default.createElement(
-          import_iconfont.default,
-          {
-            type: expandConfig[expand ? "active" : "inactive"].icon,
-            style: { color: "#fff", fontSize: 20 }
-          }
-        ) : void 0,
-        textConfig: {
-          textAlign: "center",
-          color: "#FFF",
-          flex: "none"
-        },
-        style: {
-          borderRadius: "8px",
-          background: "rgba(0, 0, 0, 0.50)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          height: levelConfig.cardHeight
-        },
-        width: levelConfig.cardWidth,
-        active: {
-          ...cardProps.active,
-          style: {
-            ...(_a = cardProps.active) == null ? void 0 : _a.style,
-            color: "#000000",
-            background: "#ffffff"
-          }
-        }
-      }
-    );
-  };
-  const renderLevelNNormalCard = (cardProps) => {
-    var _a;
-    const { dataSource: itemData } = cardProps;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_PisellCards.default.TextCard,
-      {
-        ...cardProps,
-        text: itemData.name,
-        variant: "outlined",
-        widthMode: "fixed",
-        textConfig: {
-          textAlign: "center",
-          color: "#FFF",
-          maxLines: 2,
-          ellipsis: true
-        },
-        style: {
-          height: levelConfig.cardHeight,
-          borderRadius: "8px",
-          background: "rgba(0, 0, 0, 0.50)"
-        },
-        width: levelConfig.cardWidth,
-        active: {
-          ...cardProps.active,
-          style: {
-            ...(_a = cardProps.active) == null ? void 0 : _a.style,
-            color: "#000000",
-            background: "#ffffff"
-          }
-        }
-      }
-    );
-  };
-  const renderItem = (itemProps) => {
-    const { dataSource: itemData } = itemProps;
-    if (itemData == null ? void 0 : itemData.customClick) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_PisellCards.default.MultilevelCard,
-        {
-          ...itemProps,
-          card: (cardProps) => {
-            return renderLevelNCard(cardProps);
-          },
-          onClick: handleExpand
-        }
-      );
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_PisellCards.default.MultilevelCard,
-      {
-        ...itemProps,
-        card: (cardProps) => {
-          return renderLevelNNormalCard(cardProps);
-        },
-        panel: (panelProps) => {
-          var _a, _b;
-          if ((_b = (_a = panelProps == null ? void 0 : panelProps.dataSource) == null ? void 0 : _a.children) == null ? void 0 : _b.length) {
-            return renderChildren == null ? void 0 : renderChildren(panelProps);
-          }
-          return null;
-        },
-        panelContainer: () => document.querySelector(`.pisell-super-tabs-slot-bottom-${skuId}`)
-      }
-    );
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_PisellSuperTabs.default,
-    {
-      id: skuId,
-      tabItemStyle: {},
-      dataSource,
-      value: activePanelKey,
-      onChange: setActivePanelKey,
-      rowKey: "id",
-      style: {
-        flex: 1,
-        background: levelConfig.superTabsBg
-      },
-      gridProps: {
-        direction: "horizontal",
-        gap: 4,
-        wrap: expand ? "wrap" : "nowrap",
-        startSlot: level === "level1" ? null : /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: levelConfig.paddingLeft } }, /* @__PURE__ */ import_react.default.createElement(
-          import_iconfont.default,
-          {
-            type: "pisell2-trend-down-01",
-            style: { color: "#fff", fontSize: 24, marginRight: 8 }
-          }
-        ))
-      },
-      scrollViewProps: {
-        style: {
-          padding: "4px 8px"
-        },
-        overflow: !expand ? "x" : "hidden",
-        scrollbarStyle: "none",
-        scrollActionsConfig: {
-          type: "lrArrows",
-          show: true
-        }
-      },
-      renderItem
-    }
-  );
-});
-TabbarLevel.displayName = "TabbarLevel";
-var TabbarLevel_default = TabbarLevel;

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

@@ -1 +0,0 @@
-export { default as TabbarLevel } from './TabbarLevel';

package/lib/components/PisellTabbar/constants.d.ts

@@ -1,46 +0,0 @@
-import { TabbarLevelConfig, ExpandConfig, LevelType } from './types';
-/**
- * 默认层级配置
- */
-export declare const DEFAULT_LEVEL_CONFIG: Record<LevelType, TabbarLevelConfig>;
-/**
- * 获取展开配置
- */
-export declare const getExpandConfig: () => ExpandConfig;
-/**
- * 默认数据项配置
- */
-export declare const DEFAULT_ITEMS: {
-    all: {
-        id: string;
-        shop_id: number;
-        parent_id: number;
-        name: any;
-        slug: string;
-        icon: string;
-    };
-    search: {
-        id: string;
-        shop_id: number;
-        parent_id: number;
-        name: string;
-        slug: string;
-        key: string;
-        icon: string;
-        customClick: boolean;
-    };
-    expand: {
-        id: string;
-        shop_id: number;
-        parent_id: number;
-        key: string;
-        icon: string;
-        name: string;
-        slug: string;
-        customClick: boolean;
-    };
-};
-/**
- * 获取层级对应的添加项配置
- */
-export declare const LEVEL_ADD_ITEMS: Record<LevelType, ('all' | 'search' | 'expand')[]>;

package/lib/components/PisellTabbar/hooks/useActiveKey.d.ts

@@ -1,49 +0,0 @@
-/**
- * useActiveKey Hook 参数
- */
-interface UseActiveKeyProps {
-    /** 初始激活的 key 数组（对应多层级） */
-    initialActiveKey?: (string | number)[];
-    /** key 变化回调 */
-    onChange?: (value: (string | number)[]) => void;
-}
-/**
- * useActiveKey Hook 返回值
- */
-interface UseActiveKeyReturn {
-    /** 当前激活的 key 数组 */
-    activeKey: (string | number)[];
-    /** 设置指定层级的激活 key */
-    setActiveKey: (level: number, key: string | number, cKey?: string | number) => void;
-    /** 获取指定层级的激活 key */
-    getActiveKey: (level: number) => string | number;
-    /** 内部设置方法（用于同步外部值） */
-    _setActiveKey: (value: (string | number)[]) => void;
-}
-/**
- * Tabbar 激活状态管理 Hook
- *
- * 用于管理多层级 Tabbar 的激活状态，支持级联选择
- *
- * @param props - Hook 配置参数
- * @returns 激活状态和操作方法
- *
- * @example
- * ```tsx
- * const { activeKey, setActiveKey, getActiveKey } = useActiveKey({
- *   initialActiveKey: [1, 10],
- *   onChange: (value) => console.log('当前选中:', value)
- * });
- *
- * // 设置第 0 层级的 key，并清除后续层级
- * setActiveKey(0, '2');
- *
- * // 设置第 0 层级的 key，并同时设置第 1 层级
- * setActiveKey(0, '2', '20');
- *
- * // 获取第 0 层级的 key
- * const level0Key = getActiveKey(0);
- * ```
- */
-declare const useActiveKey: (props: UseActiveKeyProps) => UseActiveKeyReturn;
-export default useActiveKey;

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

@@ -1,41 +0,0 @@
-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/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { PisellTabbarProps } from '../../types';
-import '../../PisellTabbar.less';
-/**
- * PisellTabbar - 多层级 Tabbar 组件
- *
- * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
- *
- * @component
- * @example
- * ```tsx
- * <PisellTabbar
- *   dataSource={categoryData}
- *   value={[1, 10, 100]}
- *   onChange={(value) => console.log('当前选中:', value)}
- * />
- * ```
- */
-declare const PisellTabbar: React.FC<PisellTabbarProps>;
-export default PisellTabbar;

package/lib/components/PisellTabbar/template/Template1/constants.d.ts

@@ -1,10 +0,0 @@
-import { TabbarLevelConfig, LevelType } from '../../types';
-export { getExpandConfig, DEFAULT_ITEMS } from '../../constants';
-/**
- * 默认层级配置
- */
-export declare const DEFAULT_LEVEL_CONFIG: Record<LevelType, TabbarLevelConfig>;
-/**
- * 获取层级对应的添加项配置
- */
-export declare const LEVEL_ADD_ITEMS: Record<LevelType, ('all' | 'search' | 'expand')[]>;

package/lib/components/PisellTabbar/types.d.ts

@@ -1,111 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * Tabbar 数据源项类型
- */
-export interface TabbarDataSource {
-    /** 唯一标识 */
-    id: string | number;
-    /** 店铺ID */
-    shop_id?: number;
-    /** 父级ID */
-    parent_id?: number;
-    /** 显示名称 */
-    name: string;
-    /** URL slug */
-    slug?: string;
-    /** 图标 URL 或图标名称 */
-    icon?: string;
-    /** 子级数据 */
-    children?: TabbarDataSource[];
-    /** 自定义点击事件标识 */
-    customClick?: boolean;
-    /** 唯一 key */
-    key?: string;
-}
-/**
- * 层级配置
- */
-export interface TabbarLevelConfig {
-    /** SuperTabs 背景色 */
-    superTabsBg: string;
-    /** 卡片宽度 */
-    cardWidth: number;
-    /** 卡片高度 */
-    cardHeight: number;
-    /** 左侧缩进 */
-    paddingLeft?: number;
-}
-/**
- * 展开配置
- */
-export interface ExpandConfig {
-    /** 激活状态配置 */
-    active: {
-        icon: string;
-        text: string;
-    };
-    /** 未激活状态配置 */
-    inactive: {
-        icon: string;
-        text: string;
-    };
-}
-/**
- * 展开状态
- */
-export interface ExpandState {
-    level1: boolean;
-    level2: boolean;
-    level3: boolean;
-}
-/**
- * 层级类型
- */
-export declare type LevelType = 'level1' | 'level2' | 'level3';
-/**
- * TabbarLevel 组件属性
- */
-export interface TabbarLevelProps {
-    /** SKU ID */
-    skuId: string;
-    /** 数据源 */
-    dataSource: TabbarDataSource[];
-    /** 当前激活的面板 key */
-    activePanelKey: string | number;
-    /** 层级 */
-    level: LevelType;
-    /** 设置激活面板 key */
-    setActivePanelKey: (key: string | number, item?: TabbarDataSource) => void;
-    /** 是否展开 */
-    expand: boolean;
-    /** 展开处理函数 */
-    handleExpand: () => void;
-    /** 渲染子级内容 */
-    renderChildren?: (panelProps: any) => ReactNode;
-    /** 层级配置 */
-    levelConfig?: TabbarLevelConfig;
-    /** 展开配置 */
-    expandConfig?: ExpandConfig;
-}
-/**
- * PisellTabbar 组件属性
- */
-export interface PisellTabbarProps {
-    /** 数据源 */
-    dataSource?: TabbarDataSource[];
-    /** 当前选中的值（多层级 key 数组） */
-    value?: (string | number)[];
-    /** 值变化回调 */
-    onChange?: (value: (string | number)[]) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: CSSProperties;
-    /** 层级配置（可按层级自定义） */
-    levelConfig?: Partial<Record<LevelType, Partial<TabbarLevelConfig>>>;
-    /** 展开配置 */
-    expandConfig?: ExpandConfig;
-    /** 最大层级数 */
-    maxLevel?: 1 | 2 | 3;
-    __designMode?: boolean;
-}

package/lib/components/PisellTabbar/utils/index.d.ts

@@ -1,68 +0,0 @@
-/**
- * PisellTabbar 工具函数
- */
-import { TabbarDataSource } from '../types';
-/**
- * 默认的特殊项配置
- */
-export declare const defaultItems: {
-    all: {
-        id: number;
-        shop_id: number;
-        parent_id: number;
-        name: any;
-        slug: string;
-        icon: string;
-    };
-    search: {
-        id: number;
-        shop_id: number;
-        parent_id: number;
-        name: string;
-        slug: string;
-        key: string;
-        icon: string;
-        customClick: boolean;
-    };
-    expand: {
-        id: number;
-        shop_id: number;
-        parent_id: number;
-        key: string;
-        icon: string;
-        name: string;
-        slug: string;
-        customClick: boolean;
-    };
-};
-/**
- * 向数据源添加特殊项（如 all、search、expand 按钮）
- *
- * @param dataSource - 原始数据源
- * @param keys - 要添加的特殊项 key 数组
- * @returns 添加了特殊项的新数据源
- *
- * @example
- * ```tsx
- * const newData = addDataSourceItemsByKey(categoryData, ['expand', 'all']);
- * // 返回: [expandItem, allItem, ...categoryData]
- * ```
- */
-export declare const addDataSourceItemsByKey: (dataSource: TabbarDataSource[], keys: ('all' | 'search' | 'expand')[]) => TabbarDataSource[];
-/**
- * 获取默认激活的 key 数组
- *
- * @param dataSource - 数据源
- * @param rowKey - 用作唯一标识的字段名
- * @returns 默认激活的 key 数组（多层级）
- *
- * @description
- * 默认选中第一项，如果第一项有子级，同时选中第一个子级
- *
- * @example
- * ```tsx
- * const defaultKeys = getDefaultActiveKey(categoryData, 'id');
- * // 返回: [1, 0] (第一层级的第一项ID，第二层级的第一项ID)
- * ```
- */
-export declare const getDefaultActiveKey: (dataSource: TabbarDataSource[], rowKey: string) => (string | number)[];

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { AppVersionControlProps } from './types';
-import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
-export default AppVersionControl;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: any;
-export default _default;