@pisell/materials 6.11.11 → 6.11.13

package/lib/components/productCard/cartSkuCard/index.js

@@ -47,6 +47,8 @@ var import_swipeAction = require("./components/swipeAction");
 var import_Note = __toESM(require("./components/Note"));
 var import_AmountFooter = __toESM(require("./components/AmountFooter"));
 var import_MultiDay = __toESM(require("./components/MultiDay"));
+var import_Promotion = __toESM(require("./components/Promotion"));
+var import_Gift = __toESM(require("./components/Gift"));
 var import_index = require("./index.less");
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
@@ -58,12 +60,15 @@ var CartSkuCard = (props) => {
   const {
     dataSource = import_status.defaultValue.dataSource,
     isShowImage = import_status.defaultValue.isShowImage,
+    isShowOriginalPrice = import_status.defaultValue.isShowOriginalPrice,
     isShowHolder = import_status.defaultValue.isShowHolder,
     isShowNote = import_status.defaultValue.isShowNote,
     isShowDelete = import_status.defaultValue.isShowDelete,
     isShowAmountFooter = import_status.defaultValue.isShowAmountFooter,
     isShowPackageNote = import_status.defaultValue.isShowPackageNote,
     isShowEditProduct = import_status.defaultValue.isShowEditProduct,
+    disabledClick = import_status.defaultValue.disabledClick,
+    disabledEditClick = import_status.defaultValue.disabledEditClick,
     onEditProduct,
     onAction,
     onDelete,
@@ -71,6 +76,8 @@ var CartSkuCard = (props) => {
     onLike,
     onCard,
     onChangeResource,
+    onPromotion,
+    onGift,
     onChangeHolder,
     type,
     rightActions = [],
@@ -126,6 +133,16 @@ var CartSkuCard = (props) => {
   const hideDivider = (0, import_react.useMemo)(() => {
     return false;
   }, [dataSource]);
+  const renderPromotion = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = dataSource == null ? void 0 : dataSource.promotions) == null ? void 0 : _a2.length) ? /* @__PURE__ */ import_react.default.createElement(
+      import_Promotion.default,
+      {
+        promotions: dataSource == null ? void 0 : dataSource.promotions,
+        onClick: (item) => onPromotion == null ? void 0 : onPromotion(item)
+      }
+    ) : null;
+  }, [dataSource == null ? void 0 : dataSource.promotions, dataSource == null ? void 0 : dataSource.num]);
   const renderA2 = () => {
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
       import_basicInfo.default,
@@ -135,7 +152,7 @@ var CartSkuCard = (props) => {
         isMainProduct: true,
         maxSpecsCount
       }
-    ), /* @__PURE__ */ import_react.default.createElement(import_discountReason.default, { dataSource }), isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement(import_discountReason.default, { dataSource }), renderPromotion, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
       import_Note.default,
       {
         ...other,
@@ -167,7 +184,11 @@ var CartSkuCard = (props) => {
         isShowImage,
         dataSource,
         isMainProduct: true,
-        type
+        type,
+        isShowOriginalPrice,
+        isShowEditProduct,
+        disabledEditClick,
+        onEditProduct
       }
     ), /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
       import_sales.default,
@@ -183,7 +204,7 @@ var CartSkuCard = (props) => {
         hideDivider,
         type: "total"
       }
-    ) : null, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+    ) : null, renderPromotion, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
       import_Note.default,
       {
         ...other,
@@ -214,16 +235,27 @@ var CartSkuCard = (props) => {
         isShowImage,
         dataSource,
         isMainProduct: true,
+        type,
+        isShowOriginalPrice,
+        isShowEditProduct,
+        disabledEditClick,
+        onEditProduct
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_packages.default,
+      {
+        dataSource,
+        isShowImage,
         type
       }
-    ), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage, type }), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
+    ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
       import_AmountFooter.default,
       {
         item: dataSource,
         hideDivider,
         type: "total"
       }
-    ) : null, /* @__PURE__ */ import_react.default.createElement(import_discountReason.default, { dataSource }), isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+    ) : null, /* @__PURE__ */ import_react.default.createElement(import_discountReason.default, { dataSource }), renderPromotion, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
       import_Note.default,
       {
         ...other,
@@ -245,7 +277,8 @@ var CartSkuCard = (props) => {
     }
     return renderA2();
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  if (dataSource == null ? void 0 : dataSource.isGift) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
     {
       closeOnAction: false,
@@ -258,6 +291,7 @@ var CartSkuCard = (props) => {
       {
         className: (0, import_classnames.default)(PREFIX, `${PREFIX}--${type}`),
         onClick: (e) => {
+          if (disabledClick) return;
           e.preventDefault();
           e.stopPropagation();
           onCard == null ? void 0 : onCard(dataSource);
@@ -265,7 +299,13 @@ var CartSkuCard = (props) => {
       },
       renderContent()
     )
-  );
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Gift.default,
+    {
+      ...(dataSource == null ? void 0 : dataSource.giftData) || {},
+      onClick: () => onGift == null ? void 0 : onGift(dataSource)
+    }
+  ));
 };
 var cartSkuCard_default = CartSkuCard;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/productCard/cartSkuCard/locales.js

@@ -41,7 +41,10 @@ var locales_default = {
     "pisell2.cart.sku-card.packages.title": "Items in package",
     "pisell2.cart.sku-card.sales.title": "Sales",
     "pisell2.cart.sku-card.actions.delete": "Delete",
-    "pisell2.cart.sku-card.unassigned": "Unassigned"
+    "pisell2.cart.sku-card.unassigned": "Unassigned",
+    "pisell2.cart.sku-card.gift.title": "Gift",
+    "pisell2.cart.sku-card.gift.select.title": "Select Gift",
+    "pisell2.cart.sku-card.gift.total": (num) => `${num} ${num > 1 ? "items" : "item"}`
   },
   "zh-CN": {
     ...import_locales.default["zh-CN"],
@@ -50,7 +53,10 @@ var locales_default = {
     "pisell2.cart.sku-card.packages.title": "包含的商品",
     "pisell2.cart.sku-card.sales.title": "销售",
     "pisell2.cart.sku-card.actions.delete": "删除",
-    "pisell2.cart.sku-card.unassigned": "未分配"
+    "pisell2.cart.sku-card.unassigned": "未分配",
+    "pisell2.cart.sku-card.gift.title": "赠品",
+    "pisell2.cart.sku-card.gift.select.title": "选择赠品",
+    "pisell2.cart.sku-card.gift.total": (num) => `共${num}件`
   },
   "zh-HK": {
     ...import_locales.default["zh-HK"],
@@ -59,7 +65,10 @@ var locales_default = {
     "pisell2.cart.sku-card.packages.title": "包含的商品",
     "pisell2.cart.sku-card.sales.title": "銷售",
     "pisell2.cart.sku-card.actions.delete": "刪除",
-    "pisell2.cart.sku-card.unassigned": "未分配"
+    "pisell2.cart.sku-card.unassigned": "未分配",
+    "pisell2.cart.sku-card.gift.title": "贈品",
+    "pisell2.cart.sku-card.gift.select.title": "選擇贈品",
+    "pisell2.cart.sku-card.gift.total": (num) => `共${num}件`
   },
   ja: {
     ...import_locales.default.ja,
@@ -68,7 +77,10 @@ var locales_default = {
     "pisell2.cart.sku-card.packages.title": "パッケージ内のアイテム",
     "pisell2.cart.sku-card.sales.title": "セール",
     "pisell2.cart.sku-card.actions.delete": "削除",
-    "pisell2.cart.sku-card.unassigned": "未割り当て"
+    "pisell2.cart.sku-card.unassigned": "未割り当て",
+    "pisell2.cart.sku-card.gift.title": "プレゼント",
+    "pisell2.cart.sku-card.gift.select.title": "プレゼントを選択",
+    "pisell2.cart.sku-card.gift.total": (num) => `計${num}点`
   },
   pt: {
     ...import_locales.default.pt,
@@ -77,6 +89,9 @@ var locales_default = {
     "pisell2.cart.sku-card.packages.title": "Itens no pacote",
     "pisell2.cart.sku-card.sales.title": "Vendas",
     "pisell2.cart.sku-card.actions.delete": "Excluir",
-    "pisell2.cart.sku-card.unassigned": "Não atribuído"
+    "pisell2.cart.sku-card.unassigned": "Não atribuído",
+    "pisell2.cart.sku-card.gift.title": "Brinde",
+    "pisell2.cart.sku-card.gift.select.title": "Escolher brinde",
+    "pisell2.cart.sku-card.gift.total": (num) => `${num} itens no total`
   }
 };

package/lib/components/productCard/components/Header/EditButton/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.less';
-declare const EditButton: ({ onEdit }: any) => React.JSX.Element;
+declare const EditButton: ({ onEdit, disabledEditClick }: any) => React.JSX.Element;
 export default EditButton;

package/lib/components/productCard/components/Header/EditButton/index.js

@@ -38,12 +38,13 @@ var import_iconfont = __toESM(require("../../../../iconfont"));
 var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
-var EditButton = ({ onEdit }) => {
+var EditButton = ({ onEdit, disabledEditClick }) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
       className: `${prefix}product-edit-button`,
       onClick: (e) => {
+        if (disabledEditClick) return;
         e.stopPropagation();
         onEdit == null ? void 0 : onEdit();
       },

package/lib/components/productCard/status.js

@@ -61,6 +61,9 @@ var defaultValue = {
   isShowAmountFooter: true,
   isShowPackageNote: true,
   isShowEditProduct: false,
+  isShowOriginalPrice: false,
+  disabledClick: false,
+  disabledEditClick: false,
   locale: "en-US",
   symbol: "$",
   // os层自定义错误提示

package/lib/components/select/index.less

@@ -5,16 +5,32 @@
   &-select-dropdown-render-divider {
     margin: 8px 0;
   }
+
   &-select-dropdown-render-options-wrap {
     padding: 0 5px 5px;
   }
+
+  &-select-clear {
+    color: #667085;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 36px;
+    min-height: 36px;
+    margin: -18px -6px;
+    padding: 8px 6px;
+
+    &:hover {
+      color: #344054;
+    }
+  }
 }
 
 // 添加选项间距
 .pisell-base-select-dropdown {
   .pisell-lowcode-select-item {
     margin-bottom: 4px;
-    
+
     &:last-child {
       margin-bottom: 0;
     }
@@ -27,4 +43,4 @@
 
   box-shadow: none !important;
   border-color: transparent !important;
-}
+}

package/lib/components/virtualInput/BaseVirtualInput/index.less

@@ -76,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: var(--theme-color, #7f56d9);
+  background-color: var(--color-primary, #5d3f9f);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -107,7 +107,7 @@
       right: -1px;
       transform: translateY(-50%);
       height: 1.2em;
-      background-color: var(--theme-color, #7f56d9);
+      background-color: var(--color-primary, #5d3f9f);
       pointer-events: none;
       z-index: -1;
     }

package/lib/components/virtualInput/index.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_icon = __toESM(require("../icon"));
 var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
+var import_useThemeTokens = __toESM(require("../../hooks/useThemeTokens"));
 var import_index = require("./index.less");
 var VirtualInput = (0, import_react.forwardRef)(
   ({
@@ -47,9 +48,11 @@ var VirtualInput = (0, import_react.forwardRef)(
     onClear,
     value,
     clearButtonStyle = {},
+    theme,
     ...virtualInputProps
   }, ref) => {
     const baseInputRef = (0, import_react.useRef)(null);
+    const { colorPrimary } = (0, import_useThemeTokens.default)(theme);
     const handleClear = () => {
       onClear == null ? void 0 : onClear();
     };
@@ -67,7 +70,10 @@ var VirtualInput = (0, import_react.forwardRef)(
       "div",
       {
         className: (0, import_classnames.default)("pisell-virtual-input-wrapper", wrapperClassName),
-        style: wrapperStyle
+        style: {
+          ...wrapperStyle || {},
+          ["--color-primary"]: colorPrimary
+        }
       },
       topContent,
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, allowClear && /* @__PURE__ */ import_react.default.createElement(

package/lib/hooks/useThemeTokens.js

@@ -0,0 +1,40 @@
+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/hooks/useThemeTokens.ts
+var useThemeTokens_exports = {};
+__export(useThemeTokens_exports, {
+  default: () => useThemeTokens_default
+});
+module.exports = __toCommonJS(useThemeTokens_exports);
+var import_antd = require("antd");
+var themeTokenCache = /* @__PURE__ */ new Map();
+var useThemeTokens = (themeInput) => {
+  var _a;
+  const { useToken, getDesignToken } = import_antd.theme;
+  const { token: antdToken } = useToken();
+  const overrideColorPrimary = ((_a = themeInput == null ? void 0 : themeInput.token) == null ? void 0 : _a.colorPrimary) || antdToken.colorPrimary;
+  const cached = themeTokenCache.get(overrideColorPrimary);
+  if (cached) return cached;
+  const computed = getDesignToken({
+    token: { colorPrimary: overrideColorPrimary }
+  });
+  themeTokenCache.set(overrideColorPrimary, computed);
+  return computed;
+};
+var useThemeTokens_default = useThemeTokens;

package/lib/index.d.ts

@@ -199,6 +199,7 @@ export { default as PisellSort } from './components/pisellSort';
 export type { PisellSortProps } from './components/pisellSort/type';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellTags } from './components/pisellTags';
+export type { PisellTagsProps } from './components/pisellTags';
 export { default as PisellText } from './components/pisellText';
 export { default as PisellToast, useToast } from './components/pisellToast';
 export { default as PisellTooltip } from './components/pisellTooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.11.11",
+  "version": "6.11.13",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/PisellBasicGrid/PisellBasicGrid.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { PisellBasicGridProps } from './types';
-import './PisellBasicGrid.less';
-/**
- * 使用 memo 优化组件性能
- * @description 当 props 没有变化时，避免不必要的重新渲染
- */
-declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => React.JSX.Element;
-export { MemoizedPisellBasicGrid as PisellBasicGrid };
-export default MemoizedPisellBasicGrid;

package/es/components/PisellBasicGrid/hooks/index.d.ts

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

package/es/components/PisellBasicGrid/hooks/useGridStyle.d.ts

@@ -1,37 +0,0 @@
-import type { DirectionType, WrapType, JustifyType, AlignType, AlignContentType, UseGridStyleReturn } from '../types';
-/**
- * useGridStyle Hook 参数
- */
-interface UseGridStyleParams {
-    /** 排列方向 */
-    direction?: DirectionType;
-    /** 换行控制 */
-    wrap?: WrapType;
-    /** 一行显示的元素个数 */
-    columns?: number;
-    /** 是否等分容器宽度 */
-    equalWidth?: boolean;
-    /** 统一间距 */
-    gap?: number | string;
-    /** 行间距 */
-    rowGap?: number | string;
-    /** 列间距 */
-    columnGap?: number | string;
-    /** 主轴对齐方式 */
-    justify?: JustifyType;
-    /** 交叉轴对齐方式 */
-    align?: AlignType;
-    /** 多行对齐方式 */
-    alignContent?: AlignContentType;
-}
-/**
- * 计算 Grid 布局样式的 Hook
- * @param params - 布局参数
- * @returns 容器样式和子元素样式
- * @description
- * - 根据传入的布局参数计算容器的 flex 样式
- * - 根据 columns 和 gap 计算子元素的 flex-basis
- * - 使用 useMemo 缓存计算结果，避免不必要的重复计算
- */
-export declare const useGridStyle: (params: UseGridStyleParams) => UseGridStyleReturn;
-export default useGridStyle;

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

@@ -1,6 +0,0 @@
-/**
- * PisellBasicGrid 组件导出
- * @description 基于 Flexbox 的基础布局组件
- */
-export { PisellBasicGrid, default } from './PisellBasicGrid';
-export type { PisellBasicGridProps, DirectionType, WrapType, JustifyType, AlignType, AlignContentType, BreakpointType, ResponsiveConfig, } from './types';

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

@@ -1,221 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * 排列方向类型
- * @description 控制子元素的排列方向
- */
-export declare type DirectionType = 'horizontal' | 'horizontal-reverse' | 'vertical' | 'vertical-reverse';
-/**
- * 换行类型
- * @description 控制子元素是否换行
- */
-export declare type WrapType = 'nowrap' | 'wrap' | 'wrap-reverse';
-/**
- * 主轴对齐类型
- * @description 控制子元素在主轴上的对齐方式
- */
-export declare type JustifyType = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-/**
- * 交叉轴对齐类型
- * @description 控制子元素在交叉轴上的对齐方式
- */
-export declare type AlignType = 'start' | 'end' | 'center' | 'stretch' | 'baseline';
-/**
- * 多行对齐类型
- * @description 控制多行时行与行之间的对齐方式
- */
-export declare type AlignContentType = 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';
-/**
- * 响应式断点类型
- * @description 响应式配置的断点名称
- */
-export declare type BreakpointType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-/**
- * 响应式配置类型（预留）
- * @description 用于配置不同断点下的布局属性
- */
-export interface ResponsiveConfig {
-    /** 一行显示的元素个数 */
-    columns?: number;
-    /** 间距 */
-    gap?: number | string;
-    /** 排列方向 */
-    direction?: DirectionType;
-}
-/**
- * PisellBasicGrid 组件 Props
- * @template T - 数据源项的类型
- * @description 基于 Flexbox 的基础布局组件属性定义
- */
-export interface PisellBasicGridProps<T = any> {
-    /**
-     * 子元素
-     * @description 当未传入 dataSource 时使用
-     */
-    children?: ReactNode;
-    /**
-     * 自定义类名
-     * @description 添加到容器元素的额外类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     * @description 支持所有 CSS 属性，会与组件计算的样式合并
-     */
-    style?: CSSProperties;
-    /**
-     * 排列方向
-     * @default 'horizontal'
-     * @description
-     * - horizontal: 横向排列
-     * - horizontal-reverse: 横向反向排列
-     * - vertical: 竖向排列
-     * - vertical-reverse: 竖向反向排列
-     */
-    direction?: DirectionType;
-    /**
-     * 换行控制
-     * @default 'nowrap'
-     * @description
-     * - nowrap: 不换行
-     * - wrap: 换行
-     * - wrap-reverse: 反向换行
-     */
-    wrap?: WrapType;
-    /**
-     * 一行显示的元素个数
-     * @description 设置后子元素宽度为 calc((100% - gap * (N-1)) / N)
-     * @note 优先级高于 equalWidth
-     */
-    columns?: number;
-    /**
-     * 是否等分容器宽度
-     * @default false
-     * @description 设置为 true 时，子元素会平均分配容器宽度 (flex: 1)
-     * @note 当设置了 columns 时，此属性无效
-     */
-    equalWidth?: boolean;
-    /**
-     * 间距（统一设置行列间距）
-     * @description 数字类型默认单位为 px，也可传入带单位的字符串
-     * @example gap={16} 或 gap="1rem"
-     */
-    gap?: number | string;
-    /**
-     * 行间距
-     * @description 优先级高于 gap
-     */
-    rowGap?: number | string;
-    /**
-     * 列间距
-     * @description 优先级高于 gap
-     */
-    columnGap?: number | string;
-    /**
-     * 主轴对齐方式
-     * @default 'start'
-     * @description
-     * - start: 起始对齐
-     * - end: 末尾对齐
-     * - center: 居中对齐
-     * - between: 两端对齐
-     * - around: 等间距对齐
-     * - evenly: 均匀分布
-     */
-    justify?: JustifyType;
-    /**
-     * 交叉轴对齐方式
-     * @default 'stretch'
-     * @description
-     * - start: 顶部对齐
-     * - end: 底部对齐
-     * - center: 居中对齐
-     * - stretch: 拉伸填充
-     * - baseline: 基线对齐
-     */
-    align?: AlignType;
-    /**
-     * 多行对齐方式
-     * @default 'stretch'
-     * @description 当存在多行时，控制行与行之间的对齐方式
-     * - start: 顶部对齐
-     * - end: 底部对齐
-     * - center: 居中对齐
-     * - between: 两端对齐
-     * - around: 等间距对齐
-     * - stretch: 拉伸填充
-     */
-    alignContent?: AlignContentType;
-    /**
-     * 响应式配置（预留）
-     * @description 当前版本暂不实现，后续版本迭代
-     */
-    responsive?: Partial<Record<BreakpointType, ResponsiveConfig>>;
-    /**
-     * 数据源数组
-     * @description
-     * - 当传入 dataSource 时，组件内部会自动循环渲染
-     * - dataSource 为 undefined 时，渲染 children
-     * - dataSource 为空数组时，不渲染任何内容
-     */
-    dataSource?: T[];
-    /**
-     * 渲染函数
-     * @param item - 当前数据项
-     * @param index - 当前索引
-     * @returns ReactNode
-     * @description 用于自定义每个数据项的渲染内容
-     */
-    renderItem?: (item: T, index: number) => ReactNode;
-    /**
-     * 指定每项的唯一 key
-     * @description
-     * - 传入 string 时，作为数据项的属性名获取 key
-     * - 传入函数时，通过函数返回 key
-     * - 不传时，默认使用 index 作为 key
-     * @example rowKey="id" 或 rowKey={(item, index) => `item-${item.id}`}
-     */
-    rowKey?: string | ((item: T, index: number) => string);
-    /**
-     * 前置插槽
-     * @description 在数据源渲染之前渲染
-     */
-    startSlot?: ReactNode;
-    /**
-     * 后置插槽
-     * @description 在数据源渲染之后渲染
-     */
-    endSlot?: ReactNode;
-}
-/**
- * 容器样式配置
- * @description useGridStyle Hook 返回的容器样式类型
- */
-export interface ContainerStyle extends CSSProperties {
-    display: 'flex';
-    flexDirection: CSSProperties['flexDirection'];
-    flexWrap: CSSProperties['flexWrap'];
-    justifyContent: CSSProperties['justifyContent'];
-    alignItems: CSSProperties['alignItems'];
-    alignContent?: CSSProperties['alignContent'];
-    gap?: CSSProperties['gap'];
-    rowGap?: CSSProperties['rowGap'];
-    columnGap?: CSSProperties['columnGap'];
-}
-/**
- * 子元素样式配置
- * @description useGridStyle Hook 返回的子元素样式类型
- */
-export interface ItemStyle extends CSSProperties {
-    flexBasis?: CSSProperties['flexBasis'];
-    flexGrow?: CSSProperties['flexGrow'];
-    flexShrink?: CSSProperties['flexShrink'];
-}
-/**
- * useGridStyle Hook 返回值类型
- */
-export interface UseGridStyleReturn {
-    /** 容器样式 */
-    containerStyle: ContainerStyle;
-    /** 子元素样式 */
-    itemStyle: ItemStyle;
-}