@pisell/materials 6.11.55 → 6.11.56

package/es/components/drawer/index.js

@@ -1,4 +1,5 @@
-var _excluded = ["others"];
+var _excluded = ["others", "rootClassName"],
+  _excluded2 = ["rootClassName"];
 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 _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 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; }
@@ -43,7 +44,11 @@ var Title = function Title(props) {
 };
 var Drawer = function Drawer(props) {
   var others = props.others,
+    rootClassName = props.rootClassName,
     resetProps = _objectWithoutProperties(props, _excluded);
+  var _ref = others || {},
+    othersRootClassName = _ref.rootClassName,
+    restOthers = _objectWithoutProperties(_ref, _excluded2);
   var operateMode = props.operateMode,
     headerStyle = props.headerStyle,
     placement = props.placement,
@@ -104,12 +109,14 @@ var Drawer = function Drawer(props) {
       };
     }
     return _objectSpread({
-      rootClassName: "".concat(prefix, "basic-drawer-root"),
-      closeIcon: /*#__PURE__*/React.createElement(XClose, {
+      closeIcon: /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefix, "drawer-header-close-icon")
-      })
+      }, /*#__PURE__*/React.createElement(XClose, null))
     }, headerStyle);
   }, [operateMode, placement, onClose, persistentState, setPersistentState]);
-  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, resetProps, innerProps, otherProps, others));
+  var mergedRootClassName = classNames(operateMode !== 'outside' && "".concat(prefix, "basic-drawer-root"), rootClassName, othersRootClassName);
+  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, resetProps, innerProps, otherProps, restOthers, {
+    rootClassName: mergedRootClassName || undefined
+  }));
 };
 export default Drawer;

package/lib/components/drawer/index.js

@@ -62,7 +62,8 @@ var Title = (props) => {
   );
 };
 var Drawer = (props) => {
-  const { others, ...resetProps } = props;
+  const { others, rootClassName, ...resetProps } = props;
+  const { rootClassName: othersRootClassName, ...restOthers } = others || {};
   const {
     operateMode,
     headerStyle,
@@ -127,18 +128,23 @@ var Drawer = (props) => {
       };
     }
     return {
-      rootClassName: `${prefix}basic-drawer-root`,
-      closeIcon: /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { className: `${prefix}drawer-header-close-icon` }),
+      closeIcon: /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}drawer-header-close-icon` }, /* @__PURE__ */ import_react.default.createElement(import_XClose.default, null)),
       ...headerStyle
     };
   }, [operateMode, placement, onClose, persistentState, setPersistentState]);
+  const mergedRootClassName = (0, import_classnames.default)(
+    operateMode !== "outside" && `${prefix}basic-drawer-root`,
+    rootClassName,
+    othersRootClassName
+  );
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Drawer,
     {
       ...resetProps,
       ...innerProps,
       ...otherProps,
-      ...others
+      ...restOthers,
+      rootClassName: mergedRootClassName || void 0
     }
   );
 };

package/lowcode/pisell-record-board-calendar-view/meta.ts

@@ -9,7 +9,7 @@ const PisellRecordBoardCalendarViewMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "6.11.54",
+    "version": "6.11.55",
     "exportName": "PisellRecordBoardCalendarView",
     "main": "src/index.tsx",
     "destructuring": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.11.55",
+  "version": "6.11.56",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -99,8 +99,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "3.0.8",
-    "@pisell/utils": "3.0.2",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "3.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { PaginationProps } from 'antd';
-import './index.less';
-declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
-export declare const paginationConfig: {
-    className: string;
-    defaultCurrent: number;
-    /** 无 props 上下文时仅能根据 total + range 近似推算（见 resolveCurrentPage） */
-    showTotal: (totalRecords: number, range: [number, number]) => any;
-    responsive: boolean;
-    size: string;
-};
-export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => React.JSX.Element;

package/es/components/PisellCards/components/MultilevelCard/components/PanelWrapper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { PanelWrapperProps } from '../types';
-/**
- * PanelWrapper 组件
- * 次级面板包装器，负责展开/收起动画和样式处理
- */
-export declare const PanelWrapper: React.FC<PanelWrapperProps>;

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

@@ -1,37 +0,0 @@
-/**
- * PisellLayouts 命名空间
- * 布局组件集合
- *
- * @example
- * import { PisellLayouts } from '@pisell/materials';
- *
- * <PisellLayouts.BasicGrid columns={3} gap={16}>
- *   {items.map(item => <Card key={item.id} {...item} />)}
- * </PisellLayouts.BasicGrid>
- *
- * <PisellLayouts.ScrollView direction="horizontal">
- *   <Content />
- * </PisellLayouts.ScrollView>
- */
-declare const PisellLayouts: {
-    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
-    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
-    FloorMapLayout: <T_1 extends import("../pisellFloorMapLayout").FloorMapItemBase = import("../pisellFloorMapLayout").FloorMapItemBase>(props: import("../pisellFloorMapLayout").PisellFloorMapLayoutProps<T_1> & {
-        ref?: import("react").Ref<import("../pisellFloorMapLayout").PisellFloorMapLayoutRef | null> | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    Layout: import("../pisellLayout").CompoundedComponent;
-    Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
-    Footer: import("react").FC<import("../pisellLayout/footer").PisellFooterProps>;
-    Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
-    Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
-    Container: <T_2 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_2>) => any;
-    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
-    ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
-};
-export default PisellLayouts;
-export type { PisellBasicGridProps } from '../PisellBasicGrid';
-export type { PisellScrollViewProps } from '../PisellScrollView';
-export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapFullscreenMode, FloorMapLayoutContextValue, FloorMapLayoutProviderProps, } from '../pisellFloorMapLayout';
-export { FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, } from '../pisellFloorMapLayout';
-export type { PisellLayoutProps, CompoundedComponent } from '../pisellLayout';
-export type { PisellRowProps } from '../pisellRow';

package/es/components/PisellSteps/PisellSteps.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './PisellSteps.less';
-import type { PisellStepsProps } from './types';
-/**
- * PisellSteps 步骤条组件
- *
- * 基于 Ant Design Steps 组件进行二次封装和增强
- * 支持多种展示样式、布局方式和丰富的交互功能
- *
- * @author Pisell Team
- * @version 1.0.0
- */
-declare const PisellSteps: React.FC<PisellStepsProps>;
-export default PisellSteps;

package/es/components/PisellSuperTabs/PisellSuperTabs.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './PisellSuperTabs.less';
-import type { PisellSuperTabsProps } from './types';
-interface PisellSuperTabsRef {
-    scrollItemByRowKey: (key: string) => void;
-}
-declare const _default: React.ForwardRefExoticComponent<PisellSuperTabsProps<unknown> & React.RefAttributes<PisellSuperTabsRef>>;
-export default _default;

package/es/components/PisellSuperTabs/hooks/useTabsState.d.ts

@@ -1,7 +0,0 @@
-import { UseTabsStateParams, UseTabsStateReturn } from '../types';
-/**
- * Tabs 状态管理 Hook
- * @description 处理受控/非受控模式的状态管理
- * @template T - 数据项类型
- */
-export declare const useTabsState: <T = any>(params: UseTabsStateParams<T>) => UseTabsStateReturn<T>;

package/es/components/PisellSuperTabs/types.d.ts

@@ -1,212 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import type { PisellBasicGridProps } from '../PisellBasicGrid/types';
-import type { PisellScrollViewProps } from '../PisellScrollView/types';
-import type { PisellBasicCardProps } from '../PisellCards/types';
-/**
- * useTabsState Hook 参数
- */
-export interface UseTabsStateParams<T = any> {
-    isControlled: boolean;
-    /**
-     * 当前激活的 Tab key（受控）
-     */
-    value?: string;
-    /**
-     * 默认激活的 Tab key（非受控）
-     */
-    defaultValue?: string;
-    /**
-     * Tab 切换时的回调
-     */
-    onChange?: (key: string, item: T) => void;
-}
-/**
- * useTabsState Hook 返回值
- */
-export interface UseTabsStateReturn<T = any> {
-    /**
-     * 当前激活的 Tab key
-     */
-    activeKey: string | undefined;
-    /**
-     * 切换 Tab 的方法
-     */
-    handleTabChange: (key: string, item: T) => void;
-}
-export interface RenderItemProps<T = any> extends PisellBasicCardProps {
-    index: number;
-    tabsState: UseTabsStateReturn<T>;
-    tabsProps: PisellSuperTabsProps<T>;
-}
-/**
- * PisellSuperTabs 组件 Props
- * @template T - 数据源项的类型
- * @description 通用导航框架封装的全能型 Tab 组件
- */
-export interface PisellSuperTabsProps<T = any> {
-    isControlled?: boolean;
-    /**
-     * 自定义类名
-     * @description 添加到最外层容器的类名
-     */
-    className?: string;
-    tabItemClassName?: string;
-    tabItemStyle?: CSSProperties;
-    /**
-     * 自定义样式
-     * @description 添加到最外层容器的样式
-     */
-    style?: CSSProperties;
-    /**
-     * 唯一标识
-     * @description 必填，用于区分不同的 TabItem
-     */
-    id?: string;
-    /**
-     * 数据源
-     * @description 支持多级嵌套，递归字段为 children
-     * @example
-     * [
-     *   { key: 'home', label: '首页' },
-     *   { key: 'products', label: '产品', children: [...] }
-     * ]
-     */
-    dataSource?: T[];
-    /**
-     * 数据项的唯一标识字段
-     * @default 'key'
-     * @description 可以是字符串（字段名）或函数（自定义获取逻辑）
-     * @example
-     * // 字符串形式
-     * rowKey="id"
-     *
-     * // 函数形式
-     * rowKey={(record, index) => `${record.type}-${index}`}
-     */
-    rowKey?: string | ((record: T, index: number) => string);
-    /**
-     * 当前激活的 Tab key
-     * @description 受控模式，需配合 onChange 使用
-     */
-    value?: string;
-    /**
-     * 默认激活的 Tab key
-     * @description 非受控模式，仅初始化时生效
-     */
-    defaultValue?: string;
-    /**
-     * Tab 切换时的回调
-     * @param key - 切换到的 Tab key
-     * @param item - 切换到的数据项
-     */
-    onChange?: (key: string, item: T) => void;
-    /**
-     * 自定义 TabItem 渲染
-     * @description 支持两种模式：
-     * 1. 函数模式：(item, index, active) => ReactNode
-     * 2. 插槽模式：直接传入 ReactNode
-     * @example
-     * // 函数模式
-     * renderItem={(item, index, active) => (
-     *   <PisellCards.TabCard
-     *     {...item}
-     *     active={{ value: active }}
-     *   />
-     * )}
-     *
-     * // 插槽模式
-     * renderItem={<PisellCards.TabCard />}
-     */
-    renderItem?: ((props: RenderItemProps<T>) => ReactNode) | ReactNode;
-    /**
-     * PisellBasicGrid 组件的配置
-     * @description 透传给 PisellBasicGrid 组件的所有 Props
-     * @see PisellBasicGridProps
-     * @example
-     * gridProps={{
-     *   direction: 'horizontal',
-     *   gap: 16,
-     *   wrap: 'wrap',
-     *   columns: 4,
-     * }}
-     */
-    gridProps?: Omit<PisellBasicGridProps<T>, 'dataSource' | 'renderItem' | 'rowKey' | 'children'>;
-    /**
-     * PisellScrollView 组件的配置
-     * @description 透传给 PisellScrollView 组件的所有 Props
-     * @see PisellScrollViewProps
-     * @example
-     * scrollViewProps={{
-     *   overflow: 'x',
-     *   scrollbarStyle: 'thin',
-     *   scrollActionsConfig: { show: true, type: 'lrArrows' },
-     * }}
-     */
-    scrollViewProps?: Omit<PisellScrollViewProps, 'children'>;
-    children?: ReactNode;
-    /**
-     * 左侧插槽
-     */
-    slotLeft?: ReactNode;
-    slotLeftClassName?: string;
-    slotLeftStyle?: CSSProperties;
-    /**
-     * 右侧插槽
-     */
-    slotRight?: ReactNode;
-    slotRightClassName?: string;
-    slotRightStyle?: CSSProperties;
-    /**
-     * 顶部插槽
-     */
-    slotTop?: ReactNode;
-    slotTopClassName?: string;
-    slotTopStyle?: CSSProperties;
-    /**
-     * 底部插槽
-     */
-    slotBottom?: ReactNode;
-    slotBottomClassName?: string;
-    slotBottomStyle?: CSSProperties;
-    __designMode?: boolean;
-}
-/**
- * 数据项基础类型
- * @description 建议数据源中的每一项都包含这些字段
- */
-export interface TabDataItem {
-    /**
-     * 唯一标识
-     * @description 必填，用于区分不同的 TabItem
-     */
-    key: string;
-    /**
-     * 标签文本
-     */
-    label?: string;
-    /**
-     * 图标
-     */
-    icon?: ReactNode;
-    /**
-     * 徽章配置
-     */
-    badge?: {
-        count?: number;
-        dot?: boolean;
-        text?: string;
-    };
-    /**
-     * 子级数据（多级嵌套）
-     * @description 用于多级导航场景，具体渲染逻辑由 Card 组件实现
-     */
-    children?: TabDataItem[];
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
-    /**
-     * 其他自定义字段
-     */
-    [key: string]: any;
-}

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import './PisellTabbar.less';
-import { PisellTabbarProps } from './types';
-/**
- * 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/es/components/PisellTabbar/constants.d.ts

@@ -1,47 +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: any;
-        text: any;
-        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/es/components/PisellTabbar/hooks/useActiveKey.d.ts

@@ -1,55 +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;
-    /** 设置缓存key */
-    setCacheActiveKey: (val: (string | number)[]) => void;
-    /** 重置value为缓存key */
-    resetActiveKey: () => void;
-    /** 获取缓存key */
-    getCacheActiveKey: () => (string | number)[];
-}
-/**
- * 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/es/components/PisellTabbar/hooks/useExpand.d.ts

@@ -1,42 +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;
-    closeAll: () => void;
-}
-/**
- * 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/es/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import '../../PisellTabbar.less';
-import { PisellTabbarProps } from '../../types';
-declare const _default: React.ForwardRefExoticComponent<PisellTabbarProps & React.RefAttributes<unknown>>;
-export default _default;

package/es/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')[]>;