@pisell/materials 6.4.18 → 6.4.19

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { ModeType } from './type';
+import './style.less';
+export interface WithModeProps {
+    renderMode?: ModeType;
+    value?: any;
+    onChange?: (value: any) => void;
+    [key: string]: any;
+}
+/**
+ * @title: 增加renderMode属性
+ * @description: 基于renderMode属性控制渲染模式
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:13:18
+ */
+export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
+    renderMode: ModeType;
+}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
+export interface WithFormItemProps {
+    name: string;
+    label?: string;
+    mode?: ModeType;
+    [key: string]: any;
+}
+export declare const formItemNameReplace: (name: string) => string;
+export declare const formItemNameReverse: (name: string) => string;
+export declare const isValidDomain: (value: string) => boolean;
+/**
+ * @title: 追加formItem层
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:14:25
+ */
+export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
+    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
+    innerProps?: Record<string, any> | undefined;
+} | undefined) => React.FC<P & WithFormItemProps>;
+export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    dataSource?: any;
+}) => JSX.Element;
+export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+}) => JSX.Element;
+export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
+export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
+export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
+export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
+export declare const setFormFieldsUntouched: (form: FormInstance) => void;

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -389,7 +389,9 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
           rules: rules
         });
       }
-      return _objectSpread(_objectSpread({}, otherProps || {}), (overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps) || {}) || {};
+      return _objectSpread(_objectSpread(_objectSpread({}, otherProps || {}), (overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps) || {}), {}, {
+        onChange: undefined
+      });
     }, [overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps, otherProps]);
     return /*#__PURE__*/React.createElement(Form.Item, _extends({
       required: required,

package/es/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getCountryDataList: () => Promise<any>;
+export interface Country {
+    id: number;
+    name: {
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+        original: string;
+    };
+    code: string;
+    calling_code: string;
+    currency_code: string;
+    sort: number;
+    status: string;
+    created_at: string;
+    updated_at: string;
+    prefix: string;
+}
+export declare const useCountries: () => {
+    data: Country[];
+};

package/es/components/dataSourceComponents/fields/Input.Mobile/serve.js

@@ -65,11 +65,13 @@ export var useCountries = function useCountries() {
     data = _useRequest.data,
     run = _useRequest.run;
   useEffect(function () {
+    debugger;
     if (!isShop) {
       run();
     }
   }, [isShop]);
   var currentData = useMemo(function () {
+    debugger;
     if (isShop) {
       var _appHelper$utils;
       var codeList = appHelper === null || appHelper === void 0 || (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 || (_appHelper$utils = _appHelper$utils.store) === null || _appHelper$utils === void 0 || (_appHelper$utils = _appHelper$utils.getState()) === null || _appHelper$utils === void 0 || (_appHelper$utils = _appHelper$utils.global) === null || _appHelper$utils === void 0 ? void 0 : _appHelper$utils.codeList;

package/es/components/dataSourceComponents/fields/Upload/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Upload: React.FC<import("./type").UploadProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Upload;

package/es/components/dataSourceComponents/fields/Upload/index.js

@@ -29,10 +29,11 @@ var Upload = withFormItem(UploadWithMode, {
           }
         }
       };
+      return {
+        rules: [].concat(_toConsumableArray((others === null || others === void 0 ? void 0 : others.rules) || []), [rule])
+      };
     }
-    return {
-      rules: [].concat(_toConsumableArray((others === null || others === void 0 ? void 0 : others.rules) || []), [rule])
-    };
+    return {};
   }
 });
 export default Upload;

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

@@ -0,0 +1,8 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
+import React from 'react';
+interface IconFontProps extends IconComponentProps {
+    type: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;

package/es/components/iconfont/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { createFromIconfontCN } from '@ant-design/icons';
 import React from 'react';
 var MyIcon = createFromIconfontCN({
-  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.16.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.18.js' // 在 iconfont.cn 上生成
 });
 var IconFont = function IconFont(props) {
   return /*#__PURE__*/React.createElement(MyIcon, _extends({}, props, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { PisellAdjustPriceProps } from './type';
 declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;

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

@@ -0,0 +1,103 @@
+import React from 'react';
+import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
+import { PisellContextType } from '../pisell-config-provider/context';
+import { PisellWalletPassCardProps, FormatOption } 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;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any, index: number, data: any) => void;
+    /** 是否展示状态标识 */
+    showStatus?: boolean;
+    /** 名称标题字号字重颜色配置 */
+    nameTitleStyle?: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    /** 开启编辑金额 */
+    enableEditAmount?: boolean;
+    /** 编辑金额事件 */
+    onConfirmEditAmount?: (value: number, index: number, data: any) => void;
+    /** 是否使用外部详情处理 */
+    useExternalDetail?: boolean;
+    /** 详情事件 */
+    onDetail?: (value: any, index: number) => void;
+    /** 自定义余额格式化函数，如果提供则优先使用 */
+    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义余额标题格式化函数，如果提供则优先使用 */
+    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额格式化函数，如果提供则优先使用 */
+    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
+    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 编辑金额前事件 */
+    onBeforeEditAmount?: (value: any, index: number, data: any) => Promise<any> | boolean | void;
+    /** 选项点击事件 */
+    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: any) => void;
+    /** 是否展示选中状态的背景色 */
+    showActiveBackground?: boolean;
+}
+declare const _default: React.NamedExoticComponent<PisellCardListProps>;
+export default _default;

package/es/components/pisellText/components/Editable/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+export declare type MultiLanguageValue = {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+};
+export interface EditableConfig {
+    /** 是否禁用编辑 */
+    disabled?: boolean;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 编辑图标 */
+    icon?: React.ReactNode;
+}
+export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 文本内容，支持字符串或多语言对象 */
+    value?: string | MultiLanguageValue;
+    /** 子节点内容，优先级高于 value */
+    children?: string;
+    /** 可编辑配置，boolean 时使用默认配置 */
+    editable?: boolean | EditableConfig;
+    /** 编辑变更回调 */
+    onChange?: (value: string | MultiLanguageValue) => void;
+    /** 输入框尺寸 */
+    size?: 'large' | 'middle' | 'small';
+}
+declare const Editable: React.FC<EditableProps>;
+export default Editable;

package/es/components/pisellText/components/Editable/index.js

@@ -0,0 +1,130 @@
+var _excluded = ["value", "children", "editable", "onChange", "className", "size"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useMemo } from 'react';
+import { Input } from 'antd';
+import Icon from "../../../icon";
+import { locales } from '@pisell/utils';
+import classNames from 'classnames';
+import useEngineContext from "../../../../hooks/useEngineContext";
+import Translation from "../../../translation";
+import "./index.less";
+var Editable = function Editable(props) {
+  var value = props.value,
+    children = props.children,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? false : _props$editable,
+    onChange = props.onChange,
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    others = _objectWithoutProperties(props, _excluded);
+  var context = useEngineContext();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  // 解析编辑配置
+  var editableConfig = useMemo(function () {
+    if (typeof editable === 'boolean') {
+      return editable ? {} : null;
+    }
+    return editable || null;
+  }, [editable]);
+  var currentLocale = useMemo(function () {
+    var _context$appHelper$ut;
+    var locale = (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get('umi_locale');
+    return locales.formatLocale(locale);
+  }, []);
+  var displayValue = useMemo(function () {
+    if (typeof children === 'string') return children;
+    if (typeof value === 'string') {
+      return value;
+    }
+    if (value && _typeof(value) === 'object') {
+      return value[currentLocale] || '';
+    }
+    return '';
+  }, [value, currentLocale, children]);
+
+  // 判断是否为多语言对象
+  var isMultiLanguage = useMemo(function () {
+    return !!value && _typeof(value) === 'object';
+  }, [value]);
+
+  // 编辑功能
+  var handleEdit = function handleEdit() {
+    if (editableConfig !== null && editableConfig !== void 0 && editableConfig.disabled) return;
+    setIsEditing(true);
+  };
+  var handleInputChange = function handleInputChange(newValue) {
+    if (!onChange) return;
+    onChange(newValue);
+  };
+
+  // 编辑模式渲染
+  if (isEditing && editableConfig) {
+    // 如果是多语言对象，使用 Translation 组件
+    if (isMultiLanguage) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('pisell-text-editable-editing', className)
+      }, /*#__PURE__*/React.createElement(Translation, {
+        value: value,
+        onChange: handleInputChange,
+        onPressEnter: function onPressEnter() {
+          return setIsEditing(false);
+        }
+        // onBlur={() => setIsEditing(false)}
+        ,
+        maxLength: editableConfig.maxLength,
+        size: size,
+        autoFocus: true
+      }));
+    }
+
+    // 普通字符串，使用 Input 组件
+    return /*#__PURE__*/React.createElement(Input, {
+      value: displayValue,
+      onChange: function onChange(e) {
+        return handleInputChange(e.target.value);
+      },
+      onPressEnter: function onPressEnter() {
+        return setIsEditing(false);
+      }
+      // onBlur={() => setIsEditing(false)}
+      ,
+      maxLength: editableConfig.maxLength,
+      size: size,
+      autoFocus: true,
+      className: classNames('pisell-text-editable-input', className),
+      style: others.style
+    });
+  }
+
+  // 正常显示模式
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames('pisell-text-editable', className, {
+      'pisell-text-editable-enabled': editableConfig && !editableConfig.disabled
+    })
+  }, others), displayValue, editableConfig && !editableConfig.disabled && !isEditing && /*#__PURE__*/React.createElement("span", {
+    className: "pisell-text-editable-edit-icon",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      handleEdit();
+    },
+    title: "\u70B9\u51FB\u7F16\u8F91"
+  }, editableConfig.icon || /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-edit-05",
+    size: 16
+  })));
+};
+export default Editable;

package/es/components/pisellText/components/Editable/index.less

@@ -0,0 +1,40 @@
+.pisell-text-editable {
+  position: relative;
+  
+  &-enabled {
+    cursor: pointer;
+  }
+  
+  &-edit-icon {
+    margin-left: 4px;
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 12px;
+    opacity: 1;
+    cursor: pointer;
+    pointer-events: auto;
+    z-index: 1;
+    
+    &:hover {
+      color: #1890ff;
+    }
+    
+    // 确保内部的图标不会阻止点击事件
+    * {
+      pointer-events: none;
+    }
+  }
+  
+  &-input {
+    min-width: 100px;
+    
+    &.ant-input {
+      border: 1px solid #1890ff;
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+  }
+  
+  &-editing {
+    display: inline-block;
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const PisellText: {
+    (props: PisellTextProps): JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
+    Editable: React.FC<import("./components/Editable").EditableProps>;
+};
+export default PisellText;

package/es/components/pisellText/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import Amount from "./components/Amount";
+import Editable from "./components/Editable";
 var PisellText = function PisellText(props) {
   return /*#__PURE__*/React.createElement("span", props);
 };
 PisellText.Amount = Amount;
+PisellText.Editable = Editable;
 export default PisellText;

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

@@ -0,0 +1,136 @@
+import React from 'react';
+import './index.less';
+export interface FormatOption {
+    /** 原始 DOM 元素 */
+    originDom: React.ReactNode;
+    /** 是否选中状态 */
+    active: boolean;
+    /** 完整的组件数据 */
+    data: PisellWalletPassCardProps;
+}
+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 | ((data: any) => 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;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    /** 编辑金额事件 */
+    onConfirmEditAmount?: (value: number) => void;
+    /** 详情按钮点击事件 */
+    onDetail?: (data: {
+        id: number;
+        name: string;
+        storeName: string;
+        balance?: number;
+        redeem?: number;
+        code: string;
+        validDate: string;
+        originData?: any;
+    }) => void;
+    /** 是否使用外部详情处理（当为 true 且提供了 onDetail 时，不显示内部模态框） */
+    useExternalDetail?: boolean;
+    /** 单选或者多选 */
+    mode?: 'multiple' | 'single';
+    /** 是否展示选中图标 */
+    showActiveIcon?: boolean;
+    /** 开启编辑金额 */
+    enableEditAmount?: boolean;
+    /** 显示状态标识 */
+    showStatus?: boolean;
+    /** 名称标题字号字重颜色配置 */
+    nameTitleStyle?: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    /** 卡片状态 */
+    cardStatus?: 'used' | 'expired' | 'disabled' | 'conflict' | 'lastPayment';
+    /** 自定义余额格式化函数，如果提供则优先使用 */
+    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义余额标题格式化函数，如果提供则优先使用 */
+    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额格式化函数，如果提供则优先使用 */
+    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
+    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 最大使用金额 */
+    maxRedeem?: number;
+    /** 编辑金额前事件 */
+    onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+export default PisellWalletPassCard;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProductCardTypes } from './types';
+import './index.less';
+declare const ProductCard: React.FC<ProductCardTypes> & {
+    V2: any;
+};
+export default ProductCard;

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

@@ -0,0 +1,31 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+/**
+ * @title: 是否英文
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:49
+ */
+export declare const isEn: (item: any) => boolean;
+/**
+ * @title: 跨日预约时间
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:50
+ */
+export declare const formatMultiDayDate: (item: any) => string;
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export declare const getServiceTime: (item: any, currentDate: any) => string;