@pisell/materials 1.0.775 → 1.0.777

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
+import { PisellContextType } from '../pisell-config-provider/context';
+import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
+import './index.less';
+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;
+    /** 卡片大小 */
+    type?: 'default' | 'mini';
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any, index: number) => void;
+}
+declare const _default: React.NamedExoticComponent<PisellCardListProps>;
+export default _default;

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

@@ -0,0 +1,36 @@
+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'];
+    direction?: 'horizontal' | 'vertical';
+    fullWidth?: boolean;
+    gap?: number;
+    padding?: number;
+    options: PisellCheckboxGroupOption[];
+    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
+    value?: PisellCheckboxGroupValue;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => 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;

package/es/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PisellDatePicker: (props: any) => JSX.Element;
 export default PisellDatePicker;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+    /** 最大宽度 */
+    maxWidth?: number;
+    [key: string]: any;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+export default PisellEmpty;

package/es/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;

package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -0,0 +1,4 @@
+export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
+    activeNativeScanner: () => void;
+    isTerminal: any;
+};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export declare type EntryModeType = {
+    /**
+     * 录入模式名称
+     * scanCode: 扫码录入
+     * input: 手动录入
+     * scanner: 扫码枪录入
+     * nfc: NFC录入
+     */
+    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
+    /**
+     * 录入模式文案 没有使用默认文案
+     */
+    name?: string;
+};
+export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 录入模式 */
+    entryModes: EntryModeType[];
+    /** 标题文案 */
+    title?: React.ReactNode;
+    /** 搜索框描述文案 */
+    searchDescribe?: React.ReactNode;
+    /** 录入信息值改变 */
+    onChange?: (val: string) => void;
+    /** 录入类型切换时候触发的 */
+    onChangeType?: (val: null | EntryModeType['type']) => void;
+}
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+export default PisellInformationEntry;

package/es/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/es/components/pisellInput/components/Copy/index.d.ts

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

package/es/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/es/components/pisellInput/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/es/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/es/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

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

@@ -0,0 +1,82 @@
+import './index.less';
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance?: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 是否展示禁用原因 */
+    showDisabledReason?: boolean;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+export default PisellWalletPassCard;

package/es/components/productCard/components/Action/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Action: ({ item, onAction }: any) => JSX.Element;
 export default Action;

package/es/components/productCard/components/AmountFooter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
 export default Footer;

package/es/components/productCard/components/Divider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Divider: ({ type }: any) => JSX.Element;
 export default Divider;

package/es/components/productCard/components/Header/DeleteButton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
 export default DeleteButton;

package/es/components/productCard/components/Header/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Header: (props: any) => JSX.Element;
 export default Header;

package/es/components/productCard/components/MultiDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
 export default MultiDay;

package/es/components/productCard/components/Note/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Note: (props: any) => JSX.Element | null;
 export default Note;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/es/components/productCard/components/Packages/components/options/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
 export default Options;

package/es/components/productCard/components/Packages/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Packages: ({ item, isShowPackageNote }: any) => JSX.Element | null;
 export default Packages;

package/es/components/productCard/components/Sales/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Sales: ({ item, isShowNote }: any) => JSX.Element | null;
 export default Sales;

package/es/components/productCard/components/Time/components/Like/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import './index.less';
-declare const Like: ({ status, onLike, className, style, }: {
+declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
     style?: any;
     status: string;
     onLike?: any;
     className?: string | undefined;
+    isShowChangeResource?: boolean | undefined;
 }) => JSX.Element;
 export default Like;

package/es/components/productCard/components/Time/components/Like/index.js

@@ -7,9 +7,12 @@ var Like = function Like(_ref) {
   var status = _ref.status,
     onLike = _ref.onLike,
     className = _ref.className,
-    style = _ref.style;
+    style = _ref.style,
+    isShowChangeResource = _ref.isShowChangeResource;
   var url = status === 'like' ? likeHeart : likeHideHeart;
-  return /*#__PURE__*/React.createElement("img", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-product-card-like-wrap ".concat(isShowChangeResource ? 'pisell-lowcode-change-resource-like-wrap' : '')
+  }, /*#__PURE__*/React.createElement("img", {
     style: style,
     src: url,
     className: classNames('like-icon', className),
@@ -21,6 +24,6 @@ var Like = function Like(_ref) {
       e.stopPropagation();
       onLike === null || onLike === void 0 || onLike(status === 'like' ? 'common' : 'like');
     }
-  });
+  }));
 };
 export default Like;

package/es/components/productCard/components/Time/components/Like/index.less

@@ -1,6 +1,27 @@
-.like-icon {
-  width: 18px;
-  height: 18px;
-  object-fit: contain;
+.pisell-lowcode-product-card-like-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   cursor: pointer;
+
+  .like-icon {
+    width: 18px;
+    height: 18px;
+    object-fit: contain;
+  }
+}
+
+.pisell-lowcode-change-resource-like-wrap {
+  display: flex;
+  width: 44px;
+  height: 44px;
+  padding: 10px 14px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  .like-icon {
+    margin-right: 0 !important;
+  }
 }

package/es/components/productCard/components/Time/components/SelectResource/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ResourceItem {
     id: string | number;
     label: string;

package/es/components/productCard/components/Time/components/SelectResource/index.js

@@ -88,7 +88,8 @@ var SelectResource = function SelectResource(_ref) {
     size: "large",
     showSearch: true,
     style: {
-      flex: 1
+      flex: 1,
+      overflow: "hidden"
     },
     onClick: function onClick(e) {
       return e.stopPropagation();

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

@@ -35,7 +35,8 @@ var Time = function Time(_ref) {
     holder_id = item.holder_id,
     holders = item.holders,
     multiResources = item.multiResources,
-    addHolderButtonText = item.addHolderButtonText;
+    addHolderButtonText = item.addHolderButtonText,
+    isMultipleResource = item.isMultipleResource;
   var holderCom = useMemo(function () {
     if (!isShowHolder) return null;
 
@@ -59,6 +60,7 @@ var Time = function Time(_ref) {
   }, [isShowHolder, holder_id, holder_title, holderMode, holders, isShowAddHolderButton, isShowChangeHolder]);
   var likeCom = useCallback(function (status, item) {
     return /*#__PURE__*/React.createElement(Like, {
+      isShowChangeResource: isShowChangeResource,
       style: {
         marginRight: 4
       },
@@ -69,7 +71,7 @@ var Time = function Time(_ref) {
         }));
       }
     });
-  }, []);
+  }, [isShowChangeResource]);
   var resourceCom = useCallback(function (item) {
     if (!isShowChangeResource) {
       return item === null || item === void 0 ? void 0 : item.name;
@@ -84,23 +86,22 @@ var Time = function Time(_ref) {
     }));
   }, [isShowChangeResource]);
   var likeAndResourceCom = useMemo(function () {
-    if ((multiResources === null || multiResources === void 0 ? void 0 : multiResources.length) > 0) {
-      return multiResources.map(function (resourceItem) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.id) + (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem._id)
-        }, resourceItem !== null && resourceItem !== void 0 && resourceItem.id && !is_hide_like && !resourceItem.is_hide_like ? /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefix, "product-card-like-wrap")
-        }, likeCom(resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.status, resourceItem)) : null, resourceCom(resourceItem));
-      });
+    if (isMultipleResource) {
+      if ((multiResources === null || multiResources === void 0 ? void 0 : multiResources.length) > 0) {
+        return multiResources.map(function (resourceItem) {
+          return /*#__PURE__*/React.createElement("div", {
+            key: (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.id) + (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem._id)
+          }, resourceItem !== null && resourceItem !== void 0 && resourceItem.id && !is_hide_like && !resourceItem.is_hide_like ? likeCom(resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.status, resourceItem) : null, resourceCom(resourceItem));
+        });
+      }
+      return null;
     }
     var _resourceCom = resourceCom({
       name: relation_form_name,
       id: resource_id,
       lists: resources
     });
-    return resource_id && !is_hide_like || _resourceCom ? /*#__PURE__*/React.createElement(React.Fragment, null, resource_id && !is_hide_like ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefix, "product-card-like-wrap")
-    }, likeCom(like_status, item)) : null, _resourceCom) : null;
+    return resource_id && !is_hide_like || _resourceCom ? /*#__PURE__*/React.createElement(React.Fragment, null, resource_id && !is_hide_like ? likeCom(like_status, item) : null, _resourceCom) : null;
   }, [multiResources, resource_id, resources, relation_form_name, is_hide_like]);
   var isShow = useMemo(function () {
     return start_date && end_date || holderCom || likeAndResourceCom;

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

@@ -36,6 +36,7 @@
   &-multi-resources {
     flex-direction: column;
     align-items: start !important;
+    gap: 6px;
     > div {
       flex: 1;
       display: flex;
@@ -45,12 +46,6 @@
     }
   }
 
-  &-product-card-like-wrap {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
   &-change-resource {
     display: flex;
     align-items: center;
@@ -58,19 +53,4 @@
     flex: 1 0 0;
     align-self: stretch;
   }
-
-  &-change-resource &-product-card-like-wrap {
-    display: flex;
-    width: 44px;
-    height: 44px;
-    padding: 10px 14px;
-    justify-content: center;
-    align-items: center;
-    border-radius: 8px;
-    border: 1px solid var(--Gray-300, #d0d5dd);
-    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-    .like-icon {
-      margin-right: 0 !important;
-    }
-  }
 }