@pisell/materials 6.8.16 → 6.9.1

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/index.js

@@ -0,0 +1,43 @@
+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/pisellGridPro/ToolBar/index.tsx
+var ToolBar_exports = {};
+__export(ToolBar_exports, {
+  default: () => ToolBar_default
+});
+module.exports = __toCommonJS(ToolBar_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Toolbar = (props) => {
+  const { className, style, tabs, topLeft, topRight, bottomLeft, bottomRight } = props;
+  const toolbarClassName = (0, import_classnames.default)("pisell-grid-pro-toolbar", className);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: toolbarClassName, style }, tabs && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-toolbar-row" }, tabs), (topLeft || topRight) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-toolbar-row toolbar-row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "toolbar-row-left" }, topLeft), /* @__PURE__ */ import_react.default.createElement("div", { className: "toolbar-row-right" }, topRight)), (bottomLeft || bottomRight) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-toolbar-row toolbar-row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "toolbar-row-left" }, bottomLeft), /* @__PURE__ */ import_react.default.createElement("div", { className: "toolbar-row-right" }, bottomRight)));
+};
+var ToolBar_default = Toolbar;

package/lib/components/pisellGridPro/ToolBar/index.less

@@ -0,0 +1,42 @@
+/**
+ * PisellGridProToolbar 组件样式
+ * @description 根据 Figma 设计编写 (node-id=12890-101101)
+ */
+
+.pisell-grid-pro-toolbar {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding-bottom: 16px;
+  gap: 12px;
+  background: #ffffff;
+
+  /**
+   * 工具栏行通用样式
+   */
+  &-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+    align-self: stretch;
+  }
+  .toolbar-row {
+    justify-content: space-between;
+    &-left {
+      display: flex;
+      flex-direction: row;
+      align-items: flex-start;
+      gap: 8px;
+      flex: 1;
+    }
+
+    &-right {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 12px;
+      flex-shrink: 0;
+    }
+  }
+}

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/ToolBar/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/pisellGridPro/ToolBar/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

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/components/StatCard/index.js

@@ -0,0 +1,74 @@
+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/pisellGridPro/components/DataCard/components/StatCard/index.tsx
+var StatCard_exports = {};
+__export(StatCard_exports, {
+  default: () => StatCard_default
+});
+module.exports = __toCommonJS(StatCard_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var StatCard = (props) => {
+  const {
+    title,
+    value,
+    compareValue,
+    trend,
+    comparePrefix = "v.s. pre",
+    showCompare = true,
+    style,
+    className,
+    onClick
+  } = props;
+  const cardClassName = (0, import_classnames.default)(
+    "stat-card",
+    {
+      "stat-card-clickable": !!onClick
+    },
+    className
+  );
+  const compareClassName = (0, import_classnames.default)("stat-card-compare", {
+    "trend-up": trend === "up",
+    "trend-down": trend === "down"
+  });
+  const renderTrendIcon = () => {
+    if (!trend) return null;
+    if (trend === "up") {
+      return /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowUpOutlined, { className: "trend-icon" });
+    }
+    if (trend === "down") {
+      return /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowDownOutlined, { className: "trend-icon" });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: cardClassName, style, onClick }, title && /* @__PURE__ */ import_react.default.createElement("div", { className: "stat-card-title" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "stat-card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "stat-card-value" }, value), showCompare && compareValue && /* @__PURE__ */ import_react.default.createElement("div", { className: compareClassName }, /* @__PURE__ */ import_react.default.createElement("span", { className: "compare-prefix" }, comparePrefix), /* @__PURE__ */ import_react.default.createElement("span", { className: "compare-value" }, compareValue), renderTrendIcon())));
+};
+var StatCard_default = StatCard;

package/lib/components/pisellGridPro/components/DataCard/components/StatCard/index.less

@@ -0,0 +1,156 @@
+/**
+ * StatCard 统计卡片组件样式
+ * @description 单个统计卡片的样式定义
+ */
+
+.stat-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 16px;
+  background: #ffffff;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  transition: all 0.2s ease;
+
+  /**
+     * 可点击卡片样式
+     */
+  &-clickable {
+    cursor: pointer;
+
+    &:hover {
+      border-color: #d9d9d9;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+      transform: translateY(-2px);
+    }
+
+    &:active {
+      transform: translateY(0);
+    }
+  }
+
+  /**
+     * 卡片标题
+     */
+  &-title {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 22px;
+    color: #8c8c8c;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /**
+     * 内容区域（数值 + 对比信息横向排列）
+     */
+  &-content {
+    display: flex;
+    align-items: baseline;
+    gap: 12px;
+  }
+
+  /**
+     * 主数值
+     */
+  &-value {
+    font-size: 30px;
+    font-weight: 600;
+    line-height: 38px;
+    color: #1a1a1a;
+    flex-shrink: 0;
+  }
+
+  /**
+     * 对比信息区域
+     */
+  &-compare {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 14px;
+    line-height: 22px;
+    flex-shrink: 0;
+    white-space: nowrap;
+
+    // 前缀文本
+    .compare-prefix {
+      color: #8c8c8c;
+    }
+
+    // 对比数值
+    .compare-value {
+      font-weight: 500;
+    }
+
+    // 趋势图标
+    .trend-icon {
+      font-size: 10px;
+    }
+
+    // 增长趋势（绿色）
+    &.trend-up {
+      .compare-value,
+      .trend-icon {
+        color: #52c41a;
+      }
+    }
+
+    // 下降趋势（红色）
+    &.trend-down {
+      .compare-value,
+      .trend-icon {
+        color: #ff4d4f;
+      }
+    }
+  }
+
+  /**
+     * 响应式适配：平板
+     */
+  @media (max-width: 1024px) {
+    &-value {
+      font-size: 28px;
+      line-height: 36px;
+    }
+
+    &-compare {
+      font-size: 12px;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 2px;
+    }
+  }
+
+  /**
+     * 响应式适配：移动端
+     */
+  @media (max-width: 768px) {
+    padding: 12px;
+
+    &-title {
+      font-size: 12px;
+      margin-bottom: 6px;
+    }
+
+    &-value {
+      font-size: 24px;
+      line-height: 32px;
+    }
+
+    &-content {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 8px;
+    }
+
+    &-compare {
+      flex-direction: row;
+      align-items: center;
+    }
+  }
+}

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/index.js

@@ -0,0 +1,50 @@
+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/pisellGridPro/components/DataCard/index.tsx
+var DataCard_exports = {};
+__export(DataCard_exports, {
+  default: () => DataCard_default
+});
+module.exports = __toCommonJS(DataCard_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_StatCard = __toESM(require("./components/StatCard"));
+var import_index = require("./index.less");
+var DataCard = (props) => {
+  const { dataItems = [], className, style } = props;
+  const dataCardClassName = (0, import_classnames.default)("pisell-grid-pro-datacard", className);
+  if (dataItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: dataCardClassName, style }, dataItems.map((item) => {
+    const { key, ...rest } = item;
+    return /* @__PURE__ */ import_react.default.createElement(import_StatCard.default, { key, ...rest });
+  }));
+};
+var DataCard_default = DataCard;

package/lib/components/pisellGridPro/components/DataCard/index.less

@@ -0,0 +1,41 @@
+/**
+ * PisellGridProDataCard 组件样式
+ * @description GridPro 数据卡片容器样式定义
+ */
+
+.pisell-grid-pro-datacard {
+  display: flex;
+  gap: 16px;
+  padding-bottom: 16px;
+  background: #ffffff;
+
+  /**
+   * 响应式适配：平板
+   */
+  @media (max-width: 1024px) {
+    gap: 12px;
+    padding: 12px 16px;
+    flex-wrap: wrap;
+
+    // 卡片在平板上每行显示 3 个
+    .stat-card {
+      flex: 1 1 calc(33.333% - 8px);
+      min-width: 200px;
+    }
+  }
+
+  /**
+   * 响应式适配：移动端
+   */
+  @media (max-width: 768px) {
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px 16px;
+
+    // 卡片在移动端每行显示 1 个
+    .stat-card {
+      flex: 1 1 100%;
+      min-width: auto;
+    }
+  }
+}

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/DataCard/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/pisellGridPro/components/DataCard/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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/Footer/index.js

@@ -0,0 +1,43 @@
+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/pisellGridPro/components/Footer/index.tsx
+var Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Footer = (props) => {
+  const { className, style, children } = props;
+  const footerClassName = (0, import_classnames.default)("pisell-grid-pro-footer", className);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: footerClassName, style }, children);
+};
+var Footer_default = Footer;

package/lib/components/pisellGridPro/components/Footer/index.less

@@ -0,0 +1,11 @@
+// /**
+//  * PisellGridProFooter 组件样式
+//  * @description 根据 Figma 设计编写 (node-id=12890-100581)
+//  */
+
+.pisell-grid-pro-footer {
+  padding: 10px 0px 6px;
+  gap: 12px;
+  background: #ffffff;
+  border-top: 1px solid #eaecf0;
+}

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/components/Header/index.js

@@ -0,0 +1,43 @@
+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/pisellGridPro/components/Header/index.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Header = (props) => {
+  const { title, badge, subTitle, actionsList, className, style } = props;
+  const headerClassName = (0, import_classnames.default)("pisell-grid-pro-header", className);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: headerClassName, style }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-header-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-header-title-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-header-title" }, title || ""), badge && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-header-badge" }, badge)), subTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-header-subtitle" }, subTitle)), actionsList && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-grid-pro-header-actions" }, actionsList));
+};
+var Header_default = Header;