@pisell/materials 1.8.6 → 1.8.8

package/lib/components/pisellFind/PisellFind.stories.js

@@ -0,0 +1,343 @@
+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/pisellFind/PisellFind.stories.tsx
+var PisellFind_stories_exports = {};
+__export(PisellFind_stories_exports, {
+  Basic: () => Basic,
+  DrawerMode: () => DrawerMode,
+  InputMode: () => InputMode,
+  MultiFieldSearch: () => MultiFieldSearch,
+  NoHistory: () => NoHistory,
+  Playground: () => Playground,
+  TableFind: () => TableFind,
+  WithConfirmButton: () => WithConfirmButton,
+  WithRef: () => WithRef,
+  default: () => PisellFind_stories_default
+});
+module.exports = __toCommonJS(PisellFind_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index");
+var import_antd = require("antd");
+var meta = {
+  title: "Plus Components/PisellFind",
+  component: import_index.PisellFind,
+  parameters: {
+    layout: "padded",
+    docs: {
+      description: {
+        component: "基于 PisellLookup 的组件内查找组件，专门为已加载数据的查找场景优化。"
+      }
+    }
+  },
+  tags: ["autodocs"]
+};
+var PisellFind_stories_default = meta;
+var mockProducts = [
+  { id: 1, name: "iPhone 15 Pro", price: 7999, category: "手机", stock: 100 },
+  { id: 2, name: "iPhone 14", price: 5999, category: "手机", stock: 150 },
+  { id: 3, name: "MacBook Pro", price: 12999, category: "电脑", stock: 50 },
+  { id: 4, name: "MacBook Air", price: 7999, category: "电脑", stock: 80 },
+  { id: 5, name: "iPad Air", price: 4799, category: "平板", stock: 120 },
+  { id: 6, name: "iPad Pro", price: 6799, category: "平板", stock: 60 },
+  { id: 7, name: "AirPods Pro", price: 1899, category: "耳机", stock: 200 },
+  { id: 8, name: "Apple Watch", price: 2999, category: "手表", stock: 90 }
+];
+var Basic = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.List.Item.Meta,
+          {
+            title: item.name,
+            description: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { color: "blue" }, item.category), /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#ff4d4f", fontWeight: "bold" } }, "¥", item.price), /* @__PURE__ */ import_react.default.createElement("span", null, "库存: ", item.stock))
+          }
+        ))
+      }
+    ));
+  }
+};
+var TableFind = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    const columns = [
+      { title: "商品名称", dataIndex: "name", key: "name" },
+      { title: "价格", dataIndex: "price", key: "price", render: (v) => `¥${v}` },
+      { title: "分类", dataIndex: "category", key: "category", render: (v) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, v) },
+      { title: "库存", dataIndex: "stock", key: "stock" }
+    ];
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16, display: "flex", justifyContent: "space-between", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "商品列表"), /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns,
+        pagination: { pageSize: 10 }
+      }
+    ));
+  }
+};
+var InputMode = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        triggerType: "input",
+        placeholder: "搜索商品名称",
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 16 } }, filteredData.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { key: item.id, size: "small" }, /* @__PURE__ */ import_react.default.createElement("h4", null, item.name), /* @__PURE__ */ import_react.default.createElement("p", { style: { color: "#ff4d4f", fontWeight: "bold" } }, "¥", item.price), /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, item.category), /* @__PURE__ */ import_react.default.createElement("span", null, "库存: ", item.stock))))));
+  }
+};
+var WithRef = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    const findRef = (0, import_react.useRef)(null);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = findRef.current) == null ? void 0 : _a.open();
+    } }, "打开查找"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = findRef.current) == null ? void 0 : _a.close();
+    } }, "关闭查找"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = findRef.current) == null ? void 0 : _a.setKeyword("iPhone");
+    } }, "搜索 iPhone"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      const keyword = (_a = findRef.current) == null ? void 0 : _a.getKeyword();
+      alert(`当前关键词: ${keyword}`);
+    } }, "获取关键词")), /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        ref: findRef,
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns: [
+          { title: "商品名称", dataIndex: "name" },
+          { title: "价格", dataIndex: "price", render: (v) => `¥${v}` }
+        ],
+        style: { marginTop: 16 }
+      }
+    ));
+  }
+};
+var WithConfirmButton = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        showConfirmButton: true,
+        confirmButtonText: "Search",
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.List.Item.Meta,
+          {
+            title: item.name,
+            description: `¥${item.price}`
+          }
+        ))
+      }
+    ));
+  }
+};
+var NoHistory = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        showHistory: false,
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, item.name)
+      }
+    ));
+  }
+};
+var MultiFieldSearch = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        buttonText: "搜索商品",
+        onSearch: (keyword) => {
+          const kw = keyword.toLowerCase();
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(kw) || item.category.toLowerCase().includes(kw)
+          );
+          setFilteredData(filtered);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("p", { style: { marginTop: 8, color: "#999", fontSize: 12 } }, "支持搜索商品名称和分类")), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns: [
+          { title: "商品名称", dataIndex: "name" },
+          { title: "价格", dataIndex: "price", render: (v) => `¥${v}` },
+          { title: "分类", dataIndex: "category", render: (v) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, v) },
+          { title: "库存", dataIndex: "stock" }
+        ]
+      }
+    ));
+  }
+};
+var DrawerMode = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        displayType: "drawer",
+        drawerPlacement: "right",
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.List.Item.Meta,
+          {
+            title: item.name,
+            description: `¥${item.price}`
+          }
+        ))
+      }
+    ));
+  }
+};
+var Playground = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        triggerType: "button",
+        buttonText: "Find",
+        showConfirmButton: false,
+        showHistory: true,
+        maxHistoryCount: 10,
+        size: "middle",
+        disabled: false,
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns: [
+          { title: "商品名称", dataIndex: "name" },
+          { title: "价格", dataIndex: "price", render: (v) => `¥${v}` },
+          { title: "分类", dataIndex: "category", render: (v) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, v) }
+        ]
+      }
+    ));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Basic,
+  DrawerMode,
+  InputMode,
+  MultiFieldSearch,
+  NoHistory,
+  Playground,
+  TableFind,
+  WithConfirmButton,
+  WithRef
+});

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { PisellLookupProps, PisellLookupRef } from '../pisellLookup';
+/**
+ * PisellFind Props
+ * 继承 PisellLookup 的所有 Props
+ */
+export declare type PisellFindProps = PisellLookupProps;
+/**
+ * PisellFind Ref
+ * 继承 PisellLookup 的所有 Ref 方法
+ */
+export declare type PisellFindRef = PisellLookupRef;
+/**
+ * PisellFind 组件
+ * 基于 PisellLookup 的组件内查找优化版本
+ *
+ * 核心特点：
+ * - 默认使用 button 触发器
+ * - 默认不显示确认按钮（输入即搜索）
+ * - 默认开启搜索历史
+ * - 默认不展示结果区（结果在页面其他位置展示）
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <PisellFind
+ *   onSearch={(keyword) => {
+ *     const filtered = data.filter(item => item.name.includes(keyword));
+ *     setFilteredData(filtered);
+ *   }}
+ * />
+ *
+ * // 切换为 Input 模式
+ * <PisellFind
+ *   triggerType="input"
+ *   onSearch={(keyword) => filterData(keyword)}
+ * />
+ * ```
+ */
+export declare const PisellFind: React.ForwardRefExoticComponent<PisellLookupProps & React.RefAttributes<PisellLookupRef>>;

package/lib/components/pisellFind/index.js

@@ -0,0 +1,68 @@
+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/pisellFind/index.tsx
+var pisellFind_exports = {};
+__export(pisellFind_exports, {
+  PisellFind: () => PisellFind
+});
+module.exports = __toCommonJS(pisellFind_exports);
+var import_react = __toESM(require("react"));
+var import_pisellLookup = require("../pisellLookup");
+var import_locales = require("../../locales");
+var PisellFind = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    // 提取需要设置默认值的 Props
+    triggerType = "button",
+    buttonText = (0, import_locales.getText)("pisell-find-button-text"),
+    placeholder = (0, import_locales.getText)("pisell-find-placeholder"),
+    showConfirmButton = false,
+    showHistory = true,
+    historyKey = "pisell_find_history",
+    // 透传其他所有 Props
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pisellLookup.PisellLookup,
+    {
+      ref,
+      triggerType,
+      buttonText,
+      placeholder,
+      showConfirmButton,
+      showHistory,
+      historyKey,
+      ...restProps
+    }
+  );
+});
+PisellFind.displayName = "PisellFind";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellFind
+});

package/lib/components/pisellGridPro/GridPro.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+export interface GridProProps {
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const PisellGridPro: (props: GridProProps) => JSX.Element;
+export default PisellGridPro;

package/lib/components/pisellGridPro/GridView/index.d.ts

@@ -0,0 +1,5 @@
+import './index.less';
+import { GridViewProps } from './type';
+export type { GridViewProps };
+declare const GridView: (props: GridViewProps) => JSX.Element;
+export default GridView;

package/lib/components/pisellGridPro/GridView/type.d.ts

@@ -0,0 +1,3 @@
+import { PisellScrollViewProps } from '../../PisellScrollView/types';
+export interface GridViewProps extends PisellScrollViewProps {
+}

package/lib/components/pisellGridPro/ToolBar/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+import { ToolBarProps } from './type';
+export type { ToolBarProps };
+declare const Toolbar: React.FC<ToolBarProps>;
+export default Toolbar;

package/lib/components/pisellGridPro/ToolBar/type.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface ToolBarProps {
+    className?: string;
+    style?: React.CSSProperties;
+    tabs?: React.ReactNode;
+    topLeft?: React.ReactNode;
+    topRight?: React.ReactNode;
+    bottomLeft?: React.ReactNode;
+    bottomRight?: React.ReactNode;
+}

package/lib/components/pisellGridPro/components/DataCard/components/StatCard/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StatCardItem } from '../../types';
+import './index.less';
+/**
+ * StatCard 统计卡片组件
+ * @description 用于展示单个统计数据，包含标题、数值和对比信息
+ * @author Pisell Team
+ */
+declare const StatCard: React.FC<StatCardItem>;
+export default StatCard;

package/lib/components/pisellGridPro/components/DataCard/index.d.ts

@@ -0,0 +1,5 @@
+import { DataCardProps } from './types';
+export type { DataCardProps };
+import './index.less';
+declare const DataCard: (props: DataCardProps) => JSX.Element | null;
+export default DataCard;

package/lib/components/pisellGridPro/components/DataCard/types.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+/**
+ * PisellGridProDataCard 组件属性接口
+ */
+export interface DataCardProps {
+    /**
+     * 统计卡片数据列表
+     */
+    dataItems?: StatCardItem[];
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * 统计卡片数据项接口
+ */
+export interface StatCardItem {
+    /**
+     * 唯一标识
+     */
+    key: string;
+    /**
+     * 卡片标题
+     * @example "Total Orders"
+     */
+    title: React.ReactNode;
+    /**
+     * 主要数值
+     * @example 50 或 "$1580"
+     */
+    value: React.ReactNode;
+    /**
+     * 对比数值
+     * @example "+12" 或 "-230"
+     */
+    compareValue?: React.ReactNode;
+    /**
+     * 对比趋势
+     * @description up-增长(绿色), down-下降(红色)
+     * @default undefined
+     */
+    trend?: 'up' | 'down';
+    /**
+     * 对比前缀文本
+     * @default "v.s. pre"
+     */
+    comparePrefix?: string;
+    /**
+     * 是否显示对比信息
+     * @default true
+     */
+    showCompare?: boolean;
+    /**
+     * 自定义卡片样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 自定义卡片类名
+     */
+    className?: string;
+    /**
+     * 点击回调
+     */
+    onClick?: () => void;
+}

package/lib/components/pisellGridPro/components/Footer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+export interface FooterProps {
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const Footer: (props: FooterProps) => JSX.Element;
+export default Footer;

package/lib/components/pisellGridPro/components/Header/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+export interface HeaderProps {
+    title?: React.ReactNode;
+    badge?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    actionsList?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

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

@@ -0,0 +1,4 @@
+import { GridProProps } from './GridPro';
+export type { GridProProps };
+declare const PisellGridPro: any;
+export default PisellGridPro;

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";

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

@@ -0,0 +1,14 @@
+import type { LayoutProps } from 'antd';
+import { Layout } from 'antd';
+import React from 'react';
+export interface PisellLayoutProps extends LayoutProps {
+    children?: React.ReactNode;
+}
+export interface CompoundedComponent extends React.FC<PisellLayoutProps> {
+    Header: typeof Layout.Header;
+    Content: typeof Layout.Content;
+    Footer: typeof Layout.Footer;
+    Sider: typeof Layout.Sider;
+}
+declare const PisellLayout: CompoundedComponent;
+export default PisellLayout;