@pisell/materials 3.2.26 → 3.2.28

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

@@ -37,6 +37,7 @@ var import_utils = require("../../utils");
 var import_Divider = __toESM(require("../Divider"));
 var import_Like = __toESM(require("./components/Like"));
 var import_SelectResource = __toESM(require("./components/SelectResource"));
+var import_SelectHolder = __toESM(require("./components/SelectHolder"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var Time = ({
@@ -44,7 +45,11 @@ var Time = ({
   isShowHolder,
   onLike,
   isShowChangeResource,
-  changeResource
+  changeResource,
+  changeHolder,
+  isShowChangeHolder,
+  holderMode,
+  onAddHolder
 }) => {
   const {
     start_date,
@@ -54,38 +59,95 @@ var Time = ({
     relation_form_name,
     like_status,
     resources,
-    is_hide_like
+    is_hide_like,
+    holder_id,
+    holders,
+    // 多个资源数据
+    multiResources,
+    isShowAddHolderButton
   } = item;
   const isShow = (0, import_react.useMemo)(() => {
     return start_date && end_date || isShowHolder && holder_title || resource_id || relation_form_name || isShowChangeResource;
   }, [start_date, isShowHolder, holder_title, resource_id]);
-  console.log("isShowChangeResource33", resources, isShowChangeResource);
-  return isShow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-time-wrap` }, start_date && end_date ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-date` }, (0, import_utils.getServiceTime)(item, start_date)) : null, isShowHolder && holder_title ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-holder-wrap` }, holder_title) : null, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: "inside" }) : null, resource_id || relation_form_name || isShowChangeResource ? /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `${prefix}product-technician ${isShowChangeResource ? "pisell-lowcode-change-resource" : ""}`
-    },
-    resource_id && !is_hide_like ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-card-like-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+  const holderCom = (0, import_react.useMemo)(() => {
+    if (!isShowHolder) return null;
+    if (isShowChangeHolder) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_SelectHolder.default,
+        {
+          lists: holders,
+          value: holder_id,
+          onChange: changeHolder,
+          holderMode,
+          isShowAddHolderButton: true,
+          onAddHolder
+        }
+      );
+    }
+    if (holder_title) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-holder-wrap` }, holder_title);
+    }
+  }, [
+    isShowHolder,
+    holder_id,
+    holder_title,
+    holderMode,
+    holders,
+    isShowAddHolderButton
+  ]);
+  const likeCom = (0, import_react.useCallback)((status, item2) => {
+    return /* @__PURE__ */ import_react.default.createElement(
       import_Like.default,
       {
         style: { marginRight: 4 },
-        status: like_status,
+        status,
         onLike: (e) => {
           onLike({
-            ...item,
+            ...item2,
             like_status: e
           });
         }
       }
-    )) : null,
-    isShowChangeResource ? /* @__PURE__ */ import_react.default.createElement(
+    );
+  }, []);
+  const resourceCom = (0, import_react.useCallback)((item2) => {
+    if (!isShowChangeResource) {
+      return item2 == null ? void 0 : item2.name;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
       import_SelectResource.default,
       {
-        lists: resources,
-        value: resource_id,
+        lists: item2 == null ? void 0 : item2.lists,
+        value: item2 == null ? void 0 : item2.id,
+        allowClear: item2 == null ? void 0 : item2.allowClear,
         onChange: changeResource
       }
-    ) : relation_form_name
+    );
+  }, []);
+  const likeAndResourceCom = (0, import_react.useMemo)(() => {
+    if ((multiResources == null ? void 0 : multiResources.length) > 0) {
+      return multiResources.map((resourceItem) => {
+        return /* @__PURE__ */ import_react.default.createElement("div", { key: resourceItem == null ? void 0 : resourceItem.id }, (resourceItem == null ? void 0 : resourceItem.id) && !is_hide_like ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-card-like-wrap` }, likeCom(resourceItem == null ? void 0 : resourceItem.status, resourceItem)) : null, resourceCom(resourceItem));
+      });
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, resource_id && !is_hide_like ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-card-like-wrap` }, likeCom(like_status, item)) : null, resourceCom({
+      name: relation_form_name,
+      id: resource_id,
+      lists: resources
+    }));
+  }, [
+    multiResources,
+    resource_id,
+    resources,
+    relation_form_name,
+    is_hide_like
+  ]);
+  return isShow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-time-wrap` }, start_date && end_date ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-date` }, (0, import_utils.getServiceTime)(item, start_date)) : null, holderCom, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: "inside" }) : null, likeAndResourceCom ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefix}product-technician ${isShowChangeResource ? "pisell-lowcode-change-resource" : ""} ${(multiResources == null ? void 0 : multiResources.length) > 0 ? "pisell-lowcode-multi-resources" : ""}`
+    },
+    likeAndResourceCom
   ) : null)) : null;
 };
 var Time_default = Time;

package/lib/components/productCard/components/Time/index.less

@@ -33,6 +33,18 @@
     align-items: center;
   }
 
+  &-multi-resources {
+    flex-direction: column;
+    align-items: start !important;
+    > div {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      width: 100%;
+    }
+  }
+
   &-product-card-like-wrap {
     display: flex;
     justify-content: center;

package/lib/components/productCard/index.js

@@ -68,6 +68,7 @@ var ProductCard = (props) => {
     onLike,
     onCard,
     onChangeResource,
+    onChangeHolder,
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -135,8 +136,12 @@ var ProductCard = (props) => {
             item: dataSource,
             isShowHolder,
             isShowChangeResource: other == null ? void 0 : other.isShowChangeResource,
+            isShowChangeHolder: other == null ? void 0 : other.isShowChangeHolder,
+            holderMode: other == null ? void 0 : other.holderMode,
             onLike: (item) => onLike == null ? void 0 : onLike(item),
-            changeResource: onChangeResource
+            changeResource: onChangeResource,
+            changeHolder: onChangeHolder,
+            onAddHolder: other == null ? void 0 : other.onAddHolder
           }
         ),
         /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),

package/lib/components/productCard/utils.js

@@ -80,8 +80,8 @@ var getServiceTime = (item, currentDate) => {
     _format = isEn2 ? (_c = item == null ? void 0 : item.format) == null ? void 0 : _c[0] : (_d = item == null ? void 0 : item.format) == null ? void 0 : _d[1];
   }
   if (item == null ? void 0 : item.show_time) {
-    startDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.start_date} ${item == null ? void 0 : item.start_time}`);
-    endDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}`);
+    startDate = (0, import_dayjs.default)((item == null ? void 0 : item.start_time) ? `${item == null ? void 0 : item.start_date} ${item == null ? void 0 : item.start_time}` : startDate.format("YYYY-MM-DD HH:mm"));
+    endDate = (0, import_dayjs.default)((item == null ? void 0 : item.end_time) ? `${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}` : endDate.format("YYYY-MM-DD HH:mm"));
   }
   if ((item == null ? void 0 : item.duration_type) === "minutes") {
     diffInDays = endDate.diff(startDate, "minute");

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/lowcode/product-card/meta.ts

@@ -77,6 +77,31 @@ export default {
           setter: "BoolSetter",
           defaultValue: false,
         },
+        {
+          name: "holderMode",
+          title: {
+            label: "holder 选择",
+            tip: "holderMode | holder 选择模式",
+          },
+          condition(target) {
+            return !!target.getProps().getPropValue("isShowChangeHolder");
+          },
+          setter: {
+            componentName: "RadioGroupSetter",
+            props: {
+              options: [
+                {
+                  title: "单选",
+                  value: "single",
+                },
+                {
+                  title: "多选",
+                  value: "multiple",
+                },
+              ],
+            },
+          },
+        },
         {
           name: "isShowChangeResource",
           title: { label: "更改资源", tip: "更改商品资源" },

package/lowcode/product-card/snippets.ts

@@ -11,12 +11,25 @@ export default [
           num: 1,
           price: 100,
           total: 120,
-          symbol: '&'
+          symbol: '&',
+          isShowChangeResource: true,
+          resource_id: 3,
+          isShowChangeHolder: true,
+          holderMode: 'single',
+          holder_id: 2,
+          holders: [{
+            label: 'holder1',
+            id: 1
+          }, {
+            label: 'holder2',
+            id: 2
+          }]
         },
         isShowImage: true,
         isShowHolder: true,
         isShowNote: true,
         isShowDelete: true,
+        holderMode: "single",
       },
     },
   },

package/package.json

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

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

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

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,38 +0,0 @@
-import { Drawer } from 'antd';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: import("react").ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: import("react").ReactNode;
-    Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -1,97 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from '../type';
-import { OperationItem } from '../type';
-interface UseTablePropsProps {
-    data: any;
-    originProps: DataSourceTableProps;
-    openDrawer: (type: OperationItem) => void;
-    closeDrawer: () => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    tableRef: any;
-}
-/**
- * 处理table的props
- * 转换title
- * @param props
- * @returns
- */
-declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: JSX.Element | null;
-    onRow: (record: any) => any;
-    actionButtons: any[] | null;
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    operation?: {
-        show: boolean;
-        title: string; /**
-         * 处理table的props
-         * 转换title
-         * @param props
-         * @returns
-         */
-        width: number;
-        align: "center" | "left" | "right";
-        fixed: false | "left" | "right";
-        type: "button" | "link";
-        items: OperationItem[];
-    } | undefined;
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    } | undefined;
-    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    } | undefined;
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
-        openTitle: string;
-        key: string;
-    } | undefined;
-    filterBy?: Record<string, any> | undefined;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    } | undefined;
-    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
-};
-export default useTableProps;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,78 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-};
-export interface DataSourceTableProps {
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-}

package/es/components/drag-sort-tree/index.d.ts

@@ -1,4 +0,0 @@
-import './index.less';
-import { SortType } from './types';
-declare const DragSortTree: (props: SortType) => JSX.Element;
-export default DragSortTree;

package/es/components/login-and-register/index.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import './index.less';
-/**
- * loginAndRegister组件的属性接口
- */
-export interface loginAndRegisterProps {
-    /** Logo相关配置 */
-    showLogo?: boolean;
-    logo?: string;
-    logoPosition?: 'left' | 'center' | 'right';
-    logoSize?: {
-        width?: number;
-        height?: number;
-    };
-    /** 标题相关配置 */
-    title?: string;
-    showTitle?: boolean;
-    titleAlign?: 'left' | 'center' | 'right';
-    /** 副标题相关配置 */
-    subtitle?: string;
-    showSubtitle?: boolean;
-    subtitleAlign?: 'left' | 'center' | 'right';
-    /** 登录方式配置 */
-    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
-    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
-    /** 表单配置 */
-    emailLabel?: string;
-    passwordLabel?: string;
-    emailPlaceholder?: string;
-    passwordPlaceholder?: string;
-    emailRules?: any[];
-    buttonText?: string;
-    rememberMeText?: string;
-    forgotPasswordText?: string;
-    showRememberMe?: boolean;
-    showForgotPassword?: boolean;
-    /** 社交登录配置 */
-    socialLoginTexts?: {
-        google?: string;
-        facebook?: string;
-        apple?: string;
-    };
-    /** 底部配置 */
-    showFooter?: boolean;
-    showSignUp?: boolean;
-    signUpText?: string;
-    signUpLink?: string;
-    signUpPosition?: 'left' | 'center' | 'right';
-    otherLinks?: Array<{
-        text: string;
-        url: string;
-    }>;
-    otherLinksPosition?: 'left' | 'center' | 'right';
-    /** 登录/注册切换配置 */
-    showTabs?: boolean;
-    loginTabText?: string;
-    registerTabText?: string;
-    /** 注册表单配置 */
-    registerEmailPlaceholder?: string;
-    registerPasswordPlaceholder?: string;
-    registerButtonText?: string;
-    /** 事件回调 */
-    onLogin?: (values: {
-        email: string;
-        loginMethod: string;
-    }) => void;
-    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
-    onSignUp?: () => void;
-    onRegister?: (values: {
-        email: string;
-        password: string;
-    }) => void;
-    /** 新增背景图片属性 */
-    backgroundImage?: string;
-}
-/**
- * Saas登录组件
- * @param props - 组件属性
- * @returns React组件
- */
-declare const loginAndRegister: React.FC<loginAndRegisterProps>;
-export default loginAndRegister;

package/es/components/pisell-config-provider/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { PisellContextType } from './context';
-interface PisellConfigProviderType {
-    platform?: PisellContextType['platform'];
-    children: React.ReactNode;
-    /** 货币符号 */
-    symbol?: string;
-    /** 当前语言环境 */
-    locale?: string;
-}
-declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
-export default PisellConfigProvider;

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

@@ -1,43 +0,0 @@
-import React from 'react';
-import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
-import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
-export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
-    platform?: PisellContextType['platform'];
-    /** 当用户查看完所有记录时，底部会显示此消息 */
-    endMessage?: React.ReactNode;
-    /** 加载下次数据时的加载站位 */
-    loader?: React.ReactNode;
-    /** 是否有更多数据 */
-    hasMore: boolean;
-    /** 加载更多数据回调 */
-    loadMoreData?: () => Promise<void>;
-    /** 当前list数据 */
-    data: PisellWalletPassCardProps[];
-    /** list空数据时展示内容 */
-    empty?: React.ReactNode;
-    /** 是否展示空状态 */
-    showEmpty?: boolean;
-    /** 是否展示卡片名称 */
-    showName?: boolean;
-    /** 是否展示店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示核销金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示编码 */
-    showCode?: boolean;
-    /** 是否展示到期时间 */
-    showValidDate?: boolean;
-    /** 是否展示详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示二维码 */
-    showQrCode?: boolean;
-    /** 是否展示封面图 */
-    showCover?: boolean;
-    /** 是否余额货币单位 */
-    showBalanceSymbol?: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => JSX.Element>;
-export default _default;

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellCheckboxGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    [key: string]: any;
-}
-declare type PisellCheckboxGroupValue = string | string[] | any;
-export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    gap?: number;
-    padding?: number;
-    options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
-    value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean) => React.ReactNode;
-    rowKey?: string;
-    mode?: 'multiple' | 'single';
-    iconPosition?: 'left' | 'right' | 'hide';
-    optionClassName?: string;
-    optionActiveClassName?: string;
-}
-/**
- * @title: PisellCheckboxGroup
- * @description: 选中组件
- * @param {PisellCheckboxGroupProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:34
- */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
-export default PisellCheckboxGroup;