@pisell/materials 1.0.365 → 1.0.366

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://at.alicdn.com/t/c/font_4075221_zzvy4hs6j7o.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://at.alicdn.com/t/c/font_4075221_v55dw714o2.js' // 在 iconfont.cn 上生成
 });
 
 var IconFont = function IconFont(props) {

package/es/components/page/index.js

@@ -44,15 +44,16 @@ var localeDateMap = {
   }
 };
 var Page = function Page(props) {
-  var _context$appHelper, _localeDateMap;
+  var _context$appHelper, _context$engine, _context$engine$props, _localeDateMap;
   var children = props.children,
     style = props.style,
-    locale = props.locale,
+    propsLocale = props.locale,
     others = _objectWithoutProperties(props, _excluded);
   var context = useEngineContext();
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {},
     platform = _ref.platform,
     themeColor = _ref.themeColor;
+  var locale = propsLocale || (context === null || context === void 0 ? void 0 : (_context$engine = context.engine) === null || _context$engine === void 0 ? void 0 : (_context$engine$props = _context$engine.props) === null || _context$engine$props === void 0 ? void 0 : _context$engine$props.locale) || 'en';
   var theme = useMemo(function () {
     return {
       components: {
@@ -141,7 +142,7 @@ var Page = function Page(props) {
       },
 
       token: {
-        colorPrimary: '#7F56D9',
+        colorPrimary: themeColor || '#7F56D9',
         // colorPrimaryBg: '#F9F5FF',
         // colorPrimaryBgHover: '#F4EBFF',
         // colorPrimaryBorder: '#E9D7FE',
@@ -223,7 +224,9 @@ var Page = function Page(props) {
     locale: localMap[locale],
     prefixCls: props.prefixCls || 'pisell-lowcode',
     theme: props.theme || theme
-  }), /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(LocalizationProvider, {
+  }), /*#__PURE__*/React.createElement(App, {
+    component: false
+  }, /*#__PURE__*/React.createElement(LocalizationProvider, {
     dateAdapter: AdapterDayjs,
     adapterLocale: (localeDateMap === null || localeDateMap === void 0 ? void 0 : (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || 'en'
   }, /*#__PURE__*/React.createElement(ThemeProvider, {
@@ -232,9 +235,11 @@ var Page = function Page(props) {
     value: {
       locale: locale
     }
-  }, /*#__PURE__*/React.createElement(PisellConfigProvider, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(PisellConfigProvider, {
+    locale: locale
+  }, /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, style), {}, {
-      '--theme-color': '#7F56D9'
+      '--theme-color': themeColor || '#7F56D9'
     })
   }, children)))))));
 };

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

@@ -2,15 +2,14 @@
 export interface PisellContextType {
     platform: 'h5' | 'pc' | 'ipad';
     symbol?: string;
+    locale?: string;
 }
 export declare const PisellContext: import("react").Context<PisellContextType>;
 declare class GlobalConfig {
     private config;
     constructor();
     setConfig(config: PisellContextType): void;
-    getConfig(): {
-        platform: "h5" | "ipad" | "pc";
-    };
+    getConfig(): PisellContextType;
 }
 export declare const globalConfig: GlobalConfig;
 export default PisellContext;

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

@@ -4,6 +4,7 @@ interface PisellConfigProviderType {
     platform?: PisellContextType['platform'];
     children: React.ReactNode;
     symbol?: string;
+    locale?: string;
 }
 declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
 export default PisellConfigProvider;

package/es/components/pisell-config-provider/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { App } from "antd";
+import { App } from 'antd';
 import PisellContext, { globalConfig } from "./context";
 import { useResponsive } from "../../hooks";
 import useEngineContext from "../../hooks/useEngineContext";
@@ -13,14 +13,16 @@ var PisellConfigProvider = function PisellConfigProvider(props) {
   var _context$appHelper;
   var children = props.children,
     propsPlatform = props.platform,
-    propsSymbol = props.symbol;
+    propsSymbol = props.symbol,
+    locale = props.locale;
   var platform = useResponsive();
   var context = useEngineContext();
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
     getSymbolic = _ref.getSymbolic;
   var config = {
     platform: propsPlatform || platformMap[platform],
-    symbol: propsSymbol || (getSymbolic === null || getSymbolic === void 0 ? void 0 : getSymbolic()) || ''
+    symbol: propsSymbol || (getSymbolic === null || getSymbolic === void 0 ? void 0 : getSymbolic()) || '',
+    locale: locale || 'en'
   };
   var staticFunction = App.useApp();
   setMessage(staticFunction.message);

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AlertProps } from 'antd';
+import './index.less';
+export interface PisellAlertProps extends AlertProps {
+    showDismiss?: boolean;
+    dismiss?: React.ReactNode;
+    showView?: boolean;
+    view?: React.ReactNode;
+    onViewClick?: (e: any) => void;
+}
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
+export default PisellAlert;

package/es/components/pisellAlert/index.js

@@ -0,0 +1,67 @@
+var _excluded = ["message", "description", "type", "showIcon", "icon", "closable", "className", "showDismiss", "dismiss", "showView", "view", "onViewClick"];
+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 _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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+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 } from 'react';
+import { Alert } from 'antd';
+import classNames from 'classnames';
+import IconFont from "../iconfont";
+import "./index.less";
+var iconMap = {
+  success: 'pisell2-check-circle',
+  warning: 'pisell2-alert-circle',
+  error: 'pisell2-alert-circle',
+  info: 'pisell2-alert-circle'
+};
+var PisellAlert = function PisellAlert(props) {
+  var message = props.message,
+    description = props.description,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'success' : _props$type,
+    showIcon = props.showIcon,
+    icon = props.icon,
+    closable = props.closable,
+    className = props.className,
+    showDismiss = props.showDismiss,
+    dismiss = props.dismiss,
+    showView = props.showView,
+    view = props.view,
+    onViewClick = props.onViewClick,
+    others = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return visible && /*#__PURE__*/React.createElement(Alert, _extends({}, others, {
+    icon: /*#__PURE__*/React.createElement("div", {
+      className: "pisell-alert-type-icon"
+    }, icon || /*#__PURE__*/React.createElement(IconFont, {
+      type: iconMap[type]
+    })),
+    message: message,
+    description: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, description), (showDismiss || showView) && /*#__PURE__*/React.createElement("div", {
+      className: "pisell-alert-action-wrap"
+    }, showDismiss && /*#__PURE__*/React.createElement("span", {
+      className: "pisell-action-item pisell-action-dismiss",
+      onClick: function onClick(e) {
+        var _props$onClose;
+        setVisible(false);
+        props === null || props === void 0 ? void 0 : (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props, e);
+      }
+    }, dismiss), showView && /*#__PURE__*/React.createElement("span", {
+      className: "pisell-action-item pisell-action-view",
+      onClick: onViewClick
+    }, view))),
+    type: type,
+    showIcon: showIcon,
+    closable: closable,
+    className: classNames(className, 'pisell-alert-wrap')
+  }));
+};
+export default PisellAlert;

package/es/components/pisellAlert/index.less

@@ -0,0 +1,149 @@
+.pisell-alert-wrap {
+  border-radius: 12px;
+  padding: 16px;
+  position: relative;
+  .pisell-lowcode-alert-close-icon {
+    font-size: 18px;
+    padding: 9px;
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    color: inherit;
+    .anticon-close {
+      color: inherit;
+    }
+  }
+  .pisell-alert-type-icon {
+    font-size: 20px;
+    top: 4px;
+    margin-right: 16px;
+    &:before {
+      position: absolute;
+      content: '';
+      width: 28px;
+      height: 28px;
+      border-radius: 20px;
+      border-width: 2px;
+      border-style: solid;
+      border-color: inherit;
+      opacity: 0.3;
+      z-index: 2;
+      top: -4px;
+      left: -4px;
+    }
+    &:after {
+      position: absolute;
+      z-index: 2;
+      content: '';
+      width: 36px;
+      height: 36px;
+      border-radius: 20px;
+      border-width: 2px;
+      border-style: solid;
+      border-color: inherit;
+      opacity: 0.1;
+      top: -8px;
+      left: -8px;
+    }
+  }
+  .pisell-lowcode-alert-message {
+    color: inherit;
+    font-weight: 600;
+  }
+  .pisell-lowcode-alert-description {
+    color: inherit;
+  }
+  .pisell-alert-action-wrap {
+    margin-top: 12px;
+    display: flex;
+    gap: 12px;
+    .pisell-action-item {
+      cursor: pointer;
+      font-weight: 600;
+    }
+  }
+}
+
+.pisell-lowcode-alert-success {
+  border: 1px solid var(--Success-600, #079455);
+  background: var(--Success-25, #f6fef9);
+  color: var(--Success-700, #067647);
+  .pisell-alert-type-icon {
+    color: #079455;
+    line-height: 1;
+    position: relative;
+  }
+  .pisell-alert-action-wrap {
+    .pisell-action-item.pisell-action-dismiss {
+      color: var(--Success-600, #079455);
+    }
+  }
+  .pisell-lowcode-alert-close-icon {
+    .anticon-close {
+      color: #17B26A;
+    }
+  }
+}
+
+.pisell-lowcode-alert-info {
+  border: 1px solid var(--Blue-300, #84caff);
+  background: var(--Blue-50, #eff8ff);
+  color: var(--Blue-700, #175CD3);
+  .pisell-alert-type-icon {
+    color: #1570ef;
+    line-height: 1;
+    position: relative;
+  }
+  .pisell-alert-action-wrap {
+    .pisell-action-item.pisell-action-dismiss {
+      color: var(--Blue-600, #1570EF);
+    }
+  }
+  .pisell-lowcode-alert-close-icon {
+    .anticon-close {
+      color: #2E90FA
+    }
+  }
+}
+
+.pisell-lowcode-alert-warning {
+  border: 1px solid var(--Warning-300, #fec84b);
+  background: var(--Warning-25, #fffcf5);
+  color: var(--Warning-700, #B54708);
+  .pisell-alert-type-icon {
+    color: #dc6803;
+    line-height: 1;
+    position: relative;
+  }
+  .pisell-alert-action-wrap {
+    .pisell-action-item.pisell-action-dismiss {
+      color: var(--Warning-600, #DC6803);
+    }
+  }
+  .pisell-lowcode-alert-close-icon {
+    .anticon-close {
+      color: #F79009
+    }
+  }
+}
+
+.pisell-lowcode-alert-error {
+  border: 1px solid var(--Error-300, #fda29b);
+  background: var(--Error-25, #fffbfa);
+  color: var(--Error-700, #B42318);
+  .pisell-alert-type-icon {
+    color: #d92d20;
+    line-height: 1;
+    position: relative;
+  }
+  .pisell-alert-action-wrap {
+    .pisell-action-item.pisell-action-dismiss {
+      color: var(--Error-600, #D92D20);
+    }
+  }
+  .pisell-lowcode-alert-close-icon {
+    .anticon-close {
+      color: #F04438
+    }
+  }
+}

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

@@ -1,47 +1,7 @@
 import React from 'react';
+import { CardProps } from 'antd';
 import './index.less';
-export interface PisellCardProps {
-    id: number;
-    /** 商品名称 */
-    name: string;
-    /** 二维码 */
-    qrCode: string;
-    /** 共享店铺名称 */
-    storeName: string;
-    /** 余额 */
-    balance: number;
-    /** 识别码编号 */
-    code: string;
-    /** 有效期 */
-    validDate: string;
-    /** 使用金额 */
-    redeem: number;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 禁用原因 */
-    disabledReason?: string;
-    /** 封面图 */
-    cover?: string;
-    /** 是否选中 */
-    active?: boolean;
-    /** 是否展示商品名称 */
-    showName?: boolean;
-    /** 是否展示共享店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示使用金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示识别码编号 */
-    showCode?: boolean;
-    /** 是否展示有效期 */
-    showValidDate?: boolean;
-    /** 是否展示右上角详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示qrCode */
-    showQrCode?: boolean;
-    /** 是否展示封面 */
-    showCover?: boolean;
+export interface PisellCardProps extends CardProps {
 }
 declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
 export default PisellCard;

package/es/components/pisellCard/index.js

@@ -1,84 +1,11 @@
+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); }
 import React from 'react';
+import { Card } from 'antd';
 import classNames from 'classnames';
-import QRCode from "../qrcode";
-import Iconfont from "../iconfont";
-import Amount from "../pisellText/components/Amount";
-
-// @ts-ignore
-import bg from "./bg.jpeg";
 import "./index.less";
 var PisellCard = function PisellCard(props) {
-  var id = props.id,
-    code = props.code,
-    qrCode = props.qrCode,
-    balance = props.balance,
-    disabledReason = props.disabledReason,
-    name = props.name,
-    storeName = props.storeName,
-    redeem = props.redeem,
-    validDate = props.validDate,
-    disabled = props.disabled,
-    active = props.active,
-    cover = props.cover,
-    _props$showCover = props.showCover,
-    showCover = _props$showCover === void 0 ? true : _props$showCover,
-    _props$showDetail = props.showDetail,
-    showDetail = _props$showDetail === void 0 ? true : _props$showDetail,
-    _props$showBalance = props.showBalance,
-    showBalance = _props$showBalance === void 0 ? true : _props$showBalance,
-    _props$showRedeem = props.showRedeem,
-    showRedeem = _props$showRedeem === void 0 ? true : _props$showRedeem,
-    _props$showName = props.showName,
-    showName = _props$showName === void 0 ? true : _props$showName,
-    _props$showCode = props.showCode,
-    showCode = _props$showCode === void 0 ? true : _props$showCode,
-    _props$showStoreName = props.showStoreName,
-    showStoreName = _props$showStoreName === void 0 ? true : _props$showStoreName,
-    _props$showValidDate = props.showValidDate,
-    showValidDate = _props$showValidDate === void 0 ? true : _props$showValidDate,
-    _props$showQrCode = props.showQrCode,
-    showQrCode = _props$showQrCode === void 0 ? true : _props$showQrCode;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-card', {
-      'pisell-card-disabled': disabled
-    }),
-    style: showCover ? {
-      backgroundImage: "url('".concat(cover || bg, "')")
-    } : {}
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-name-wrap"
-  }, /*#__PURE__*/React.createElement("span", null, showName && name), showDetail && /*#__PURE__*/React.createElement("span", null, "Detail")), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-store-name"
-  }, showStoreName && storeName), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-amount-wrap"
-  }, showRedeem && !disabled && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-amount-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-amount-item-label"
-  }, "Redeem"), /*#__PURE__*/React.createElement(Amount, {
-    className: "pisell-card-amount-item-value",
-    useThousandsSeparator: true,
-    value: redeem
-  })), showBalance && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-amount-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-amount-item-label"
-  }, "Balance", disabled ? ': ' : ''), /*#__PURE__*/React.createElement(Amount, {
-    className: "pisell-card-amount-item-value",
-    useThousandsSeparator: true,
-    value: balance
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-code-wrap"
-  }, /*#__PURE__*/React.createElement("div", null, showCode && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, "Valid to ", validDate)), showQrCode && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-qr-code"
-  }, /*#__PURE__*/React.createElement(QRCode, {
-    value: qrCode,
-    size: 60
-  }))), (disabled || disabledReason) && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-warn-message"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    className: "pisell-card-icon",
-    type: "pisell2-alert-circle"
-  }), /*#__PURE__*/React.createElement("span", null, disabledReason)));
+  return /*#__PURE__*/React.createElement(Card, _extends({}, props, {
+    className: classNames('pisell-card-wrap', props.className)
+  }));
 };
 export default PisellCard;

package/es/components/pisellCard/index.less

@@ -1,89 +1,9 @@
-.pisell-card {
-  padding: 16px;
-  color: var(--Gray-900, #101828);
-  font-size: 14px;
-  font-style: normal;
-  position: relative;
-  overflow: hidden;
+.pisell-card-wrap {
   border-radius: 12px;
-  background-size: cover;
-  height: 190px;
-  .pisell-card-name-wrap {
-    display: flex;
-    justify-content: space-between;
-    font-weight: 500;
-    line-height: 20px;
+  .pisell-lowcode-card-body {
+    padding: 16px;
   }
-  .pisell-card-store-name {
-    height: 20px;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 18px; /* 150% */
-    margin-bottom: 22px;
-  }
-  .pisell-card-amount-wrap {
-    display: flex;
-    margin-bottom: 4px;
-    .pisell-card-amount-item {
-      display: flex;
-      flex-direction: column;
-      margin-right: 16px;
-      .pisell-card-amount-item-label {
-        color: var(--Gray-500, #667085);
-        font-weight: 400;
-        line-height: 20px;
-        height: 20px;
-      }
-      .pisell-card-amount-item-value {
-        font-size: 20px;
-        font-weight: 600;
-        line-height: 30px;
-      }
-    }
-  }
-  .pisell-card-code-wrap {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-    .pisell-card-qr-code {
-      position: absolute;
-      top: -16px;
-      right: -6px;
-    }
-  }
-  .pisell-lowcode-qrcode {
-    padding: 6px;
-  }
-  .pisell-card-warn-message {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    left: 0;
-    background: var(--Warning-200, #FEDF89);
-    display: flex;
-    padding: 10px 16px;
-    color: var(--Gray-900, #101828);
-    font-weight: 600;
-    line-height: 20px;
-    .pisell-card-icon {
-      font-size: 20px;
-      color: #DC6803;
-      margin-right: 6px;
-    }
-  }
-}
-.pisell-card-disabled {
-  color: var(--Gray-500, #667085);
-  padding-bottom: 36px;
-  .pisell-card-amount-wrap {
-    .pisell-card-amount-item {
-      flex-direction: row;
-      align-items: center;
-      .pisell-card-amount-item-value {
-        font-size: 14px;
-        font-weight: 400;
-        line-height: 20px;
-      }
-    }
+  &:hover {
+    background: var(--Gray-50, #F9FAFB);
   }
 }

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

@@ -1,14 +1,16 @@
 import React from 'react';
 import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
 import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellCardProps } from "../pisellCard";
+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>;
-    data: PisellCardProps[];
+    data: PisellWalletPassCardProps[];
+    empty?: React.ReactNode;
+    showEmpty?: boolean;
     showName?: boolean;
     showStoreName?: boolean;
     showRedeem?: boolean;
@@ -18,6 +20,7 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     showDetail?: boolean;
     showQrCode?: boolean;
     showCover?: boolean;
+    showBalanceSymbol?: boolean;
 }
-declare const PisellCardList: (props: PisellCardListProps) => React.JSX.Element;
-export default PisellCardList;
+declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => React.JSX.Element>;
+export default _default;