@pisell/materials 1.0.364 → 1.0.366

package/lib/components/pisellInformationEntry/index.js

@@ -0,0 +1,162 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellInformationEntry/index.tsx
+var pisellInformationEntry_exports = {};
+__export(pisellInformationEntry_exports, {
+  default: () => pisellInformationEntry_default
+});
+module.exports = __toCommonJS(pisellInformationEntry_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_iconfont = __toESM(require("../iconfont"));
+var import_constants = require("./constants");
+var import_Scan = __toESM(require("./Scan"));
+var import_button = __toESM(require("../button"));
+var import_Input = __toESM(require("./Input"));
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var CardButton = (props) => {
+  const { icon, children, ...others } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_pisellCard.default, { ...others }, /* @__PURE__ */ import_react.default.createElement("div", null, icon), /* @__PURE__ */ import_react.default.createElement("div", null, children));
+};
+var PisellInformationEntry = (props) => {
+  const {
+    platform: propsPlatform,
+    title,
+    entryModes = [],
+    searchDescribe,
+    onChange
+  } = props;
+  const config = (0, import_usePisellConfig.default)();
+  const { platform } = config;
+  const [currentType, setCurrentType] = (0, import_react.useState)(
+    null
+  );
+  const [availableEntryModes, setAvailableEntryModes] = (0, import_react.useState)(entryModes);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const getEntryModes = async () => {
+      let available = entryModes;
+      if (!await (0, import_utils.hasCamera)()) {
+        available = entryModes.filter((item) => item.type !== "scanCode");
+      }
+      if (available.length === 1) {
+        setCurrentType(available[0].type);
+      }
+      setAvailableEntryModes(available);
+    };
+    getEntryModes();
+  }, [entryModes]);
+  const handleChange = (val) => {
+    onChange == null ? void 0 : onChange(val);
+  };
+  const handleEntryClick = (type) => {
+    if (import_constants.passiveModeType.includes(type)) {
+      return;
+    }
+    setCurrentType(type);
+  };
+  const { isHasInput, isHasNfc, isHasScanner, isHasScanCode } = (0, import_react.useMemo)(() => {
+    let isHasScanCode2 = false;
+    let isHasInput2 = false;
+    let isHasScanner2 = false;
+    let isHasNfc2 = false;
+    availableEntryModes.forEach((item) => {
+      if (item.type === "scanCode") {
+        isHasScanCode2 = true;
+      }
+      if (item.type === "input") {
+        isHasInput2 = true;
+      }
+      if (item.type === "scanner") {
+        isHasScanner2 = true;
+      }
+      if (item.type === "nfc") {
+        isHasNfc2 = true;
+      }
+    });
+    return {
+      isHasScanCode: isHasScanCode2,
+      isHasInput: isHasInput2,
+      isHasScanner: isHasScanner2,
+      isHasNfc: isHasNfc2
+    };
+  }, [availableEntryModes]);
+  const isShowEntryModes = (0, import_react.useMemo)(() => {
+    if (!currentType) {
+      return true;
+    }
+    if (availableEntryModes.length === 1 && import_constants.passiveModeType.includes(availableEntryModes[0].type)) {
+      return true;
+    }
+    return false;
+  }, [currentType, availableEntryModes]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-title" }, /* @__PURE__ */ import_react.default.createElement("span", null, title), currentType && isHasScanCode && isHasInput && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-title-action-wrap" }, isHasScanCode && /* @__PURE__ */ import_react.default.createElement(
+    import_button.default,
+    {
+      size: "large",
+      type: currentType === "scanCode" ? "primary" : "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: import_constants.entryModeTextIcon["scanCode"].icon }),
+      onClick: () => handleEntryClick("scanCode")
+    }
+  ), isHasInput && /* @__PURE__ */ import_react.default.createElement(
+    import_button.default,
+    {
+      size: "large",
+      type: currentType === "input" ? "primary" : "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: import_constants.entryModeTextIcon["input"].icon }),
+      onClick: () => handleEntryClick("input")
+    }
+  ))), isShowEntryModes && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-modes" }, availableEntryModes.map((item) => {
+    const detail = import_constants.entryModeTextIcon[item.type];
+    return /* @__PURE__ */ import_react.default.createElement(
+      CardButton,
+      {
+        bordered: !import_constants.passiveModeType.includes(item.type),
+        icon: /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            type: detail.icon,
+            className: "pisell-card-button-icon"
+          }
+        ),
+        className: (0, import_classnames.default)("pisell-information-entry-item", {
+          ["pisell-entry-ready"]: import_constants.passiveModeType.includes(item.type)
+        }),
+        onClick: () => handleEntryClick(item.type)
+      },
+      item.name || detail.text
+    );
+  })), /* @__PURE__ */ import_react.default.createElement("div", null, currentType === "scanCode" && /* @__PURE__ */ import_react.default.createElement(import_Scan.default, { onChange: handleChange, onCancel: () => setCurrentType(null) }), currentType === "input" && /* @__PURE__ */ import_react.default.createElement(import_Input.default, { onChange: handleChange, searchDescribe })));
+};
+var pisellInformationEntry_default = PisellInformationEntry;

package/lib/components/pisellInformationEntry/index.less

@@ -0,0 +1,40 @@
+.pisell-information-entry-wrap {
+  .pisell-information-entry-title {
+    color: var(--Gray-900, #101828);
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px; /* 155.556% */
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 20px;
+    .pisell-information-entry-title-action-wrap {
+      display: flex;
+      gap: 10px;
+    }
+  }
+  .pisell-information-entry-modes {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+    .pisell-information-entry-item {
+      flex: 1;
+      text-align: center;
+      cursor: pointer;
+      min-width: 165px;
+      .pisell-card-button-icon {
+        height: 48px;
+        font-size: 36px;
+      }
+    }
+    .pisell-entry-ready {
+      background: var(--Gray-50, #f9fafb);
+      cursor: inherit;
+      .pisell-card-button-icon {
+        font-size: 60px;
+      }
+    }
+  }
+}

package/lib/components/pisellInformationEntry/utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 判断设备是否包含摄像头
+ */
+export declare const hasCamera: () => Promise<boolean>;

package/lib/components/pisellInformationEntry/utils.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellInformationEntry/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  hasCamera: () => hasCamera
+});
+module.exports = __toCommonJS(utils_exports);
+var hasCamera = async () => {
+  try {
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const hasVideoInput = devices.some(
+      (device) => device.kind === "videoinput"
+    );
+    return hasVideoInput;
+  } catch (error) {
+    console.error("Error accessing media devices:", error);
+    return false;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hasCamera
+});

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -9,4 +9,3 @@ export declare type BankCardProps = InputProps & {
 };
 declare const BankCard: (props: BankCardProps) => React.JSX.Element;
 export default BankCard;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellInput/components/BankCard/utils.d.ts

@@ -9,4 +9,3 @@ export declare const bankTypeMap: {
 };
 export declare const getCardImgByType: (type: keyof typeof bankTypeMap) => any;
 export declare const getBankCardTypeImg: (val: number | string) => any;
-//# sourceMappingURL=utils.d.ts.map

package/lib/components/pisellInput/components/Copy/index.d.ts

@@ -9,4 +9,3 @@ export interface CopyProps extends InputProps {
 }
 declare const Copy: (props: CopyProps) => React.JSX.Element;
 export default Copy;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -10,4 +10,3 @@ export interface SecurityCodeProps extends Omit<InputProps, 'onChange'> {
 }
 declare const SecurityCode: (props: SecurityCodeProps) => React.JSX.Element;
 export default SecurityCode;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellInput/index.d.ts

@@ -11,4 +11,3 @@ declare const PisellInput: {
     Copy: (props: import("./components/Copy").CopyProps) => React.JSX.Element;
 };
 export default PisellInput;
-//# sourceMappingURL=index.d.ts.map

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

@@ -13,4 +13,3 @@ export interface PisellLoadingProps extends SpinProps {
 }
 declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
 export default PisellLoading;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellMessage/index.d.ts

@@ -2,4 +2,3 @@ import type { MessageInstance } from 'antd/es/message/interface';
 declare let message: MessageInstance;
 declare const setMessage: (m: MessageInstance) => void;
 export { message, setMessage };
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellModal/components/Information/index.d.ts

@@ -19,4 +19,3 @@ export interface InformationProps extends PisellModalProps {
 }
 declare const Information: (props: InformationProps) => React.JSX.Element;
 export default Information;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellModal/components/Information/index.js

@@ -36,14 +36,14 @@ var import_react = __toESM(require("react"));
 var import__ = __toESM(require("../../index"));
 var import_index = require("./index.less");
 var Information = (props) => {
-  const { title, describe, ...others } = props;
+  const { title, describe, footerDivider, ...others } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import__.default,
     {
       ...others,
-      mobileModalHeight: 230,
+      mobileModalHeight: "auto",
       headerDivider: false,
-      footerDivider: false,
+      footerDivider,
       size: "small"
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-modal-information-title" }, title),

package/lib/components/pisellModal/components/Information/index.less

@@ -1,6 +1,6 @@
 .pisell-modal-information-title {
   color: var(--Gray-900, #101828);
-  font-size: 18px;
+  font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 28px; /* 155.556% */
@@ -8,8 +8,9 @@
 }
 .pisell-modal-information-describe {
   color: var(--Gray-900, #101828);
-  font-size: 14px;
+  font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; /* 142.857% */
+  margin-bottom: 16px;
 }

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

@@ -4,4 +4,3 @@ export interface IpadModalProps extends PcModalProps {
 }
 declare const IpadModal: (props: IpadModalProps) => React.JSX.Element;
 export default IpadModal;
-//# sourceMappingURL=index.d.ts.map

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

@@ -7,4 +7,3 @@ export interface MobileModalProps extends PcModalProps {
 }
 declare const MobileModal: (props: MobileModalProps) => React.JSX.Element;
 export default MobileModal;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellModal/components/MobileModal/index.less

@@ -24,6 +24,7 @@
       height: 100%;
       display: flex;
       flex-direction: column;
+      max-height: none;
       .pisell-lowcode-modal-close {
         padding: 10px;
         top: 8px;

package/lib/components/pisellModal/components/PcModal/index.d.ts

@@ -5,7 +5,7 @@ export interface PcModalProps extends ModalProps {
     /**
      * 弹窗大小
      * large 800
-     * middle 600
+     * middle 480
      * small 400
      * */
     size?: 'large' | 'middle' | 'small';
@@ -28,4 +28,3 @@ export interface PcModalProps extends ModalProps {
 }
 declare const PcModal: (props: PcModalProps) => React.JSX.Element;
 export default PcModal;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellModal/components/PcModal/index.less

@@ -2,11 +2,17 @@
   .pisell-pc-modal {
     .pisell-lowcode-modal-content {
       padding: 0 !important;
+      display: flex;
+      flex-direction: column;
+      max-height: 90vh;
+      min-height: 300px;
       .pisell-lowcode-modal-close {
         top: 8px;
         right: 16px;
         padding: 10px;
         box-sizing: content-box;
+        width: 24px;
+        height: 24px;
       }
       .pisell-lowcode-modal-header {
         padding: 16px 24px;
@@ -22,6 +28,8 @@
       }
       .pisell-lowcode-modal-body {
         padding: 0 24px;
+        overflow: auto;
+        flex: 1;
       }
       .pisell-lowcode-modal-footer {
         display: flex;

package/lib/components/pisellModal/components/functions/index.d.ts

@@ -10,4 +10,3 @@ export declare const error: (props: PisellModalFuncProps) => any;
 export declare const warning: (props: PisellModalFuncProps) => any;
 export declare const warn: (props: PisellModalFuncProps) => any;
 export declare const confirm: (props: PisellModalFuncProps) => any;
-//# sourceMappingURL=index.d.ts.map

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

@@ -8,4 +8,3 @@ declare const platformCpt: {
     ipad: (props: import("./IpadModal").IpadModalProps) => import("react").JSX.Element;
 };
 export { IpadModal, MobileModal, PcModal, platformCpt };
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellModal/constants.d.ts

@@ -4,4 +4,3 @@ declare const sizeMap: {
     small: number;
 };
 export { sizeMap };
-//# sourceMappingURL=constants.d.ts.map

package/lib/components/pisellModal/constants.js

@@ -24,7 +24,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 var sizeMap = {
   large: 800,
-  middle: 600,
+  middle: 480,
   small: 400
 };
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -41,4 +41,3 @@ declare const PisellModal: {
     Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
 };
 export default PisellModal;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellRow/index.d.ts

@@ -12,4 +12,3 @@ interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HT
 }
 declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
 export default PisellRow;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellScan/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BrowserMultiFormatReader } from '@zxing/library';
+import './index.less';
+export interface PisellScanProps extends Omit<React.HTMLAttributes<HTMLVideoElement>, 'onChange'> {
+    width: string | number;
+    height?: string | number;
+    borderRadius?: string | number;
+    onChange?: (val: string) => void;
+}
+export declare type PisellScanRef = {
+    codeReader: BrowserMultiFormatReader | null;
+};
+declare const PisellScan: React.ForwardRefExoticComponent<PisellScanProps & React.RefAttributes<PisellScanRef>>;
+export default PisellScan;

package/lib/components/pisellScan/index.js

@@ -0,0 +1,103 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellScan/index.tsx
+var pisellScan_exports = {};
+__export(pisellScan_exports, {
+  default: () => pisellScan_default
+});
+module.exports = __toCommonJS(pisellScan_exports);
+var import_react = __toESM(require("react"));
+var import_library = require("@zxing/library");
+var import_index = require("./index.less");
+var PisellScan = (0, import_react.forwardRef)((props, ref) => {
+  const { width, height, borderRadius, style, children, onChange, ...others } = props;
+  const videoRef = (0, import_react.useRef)(null);
+  const codeReaderRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      codeReader: codeReaderRef.current
+    };
+  });
+  (0, import_react.useEffect)(() => {
+    const codeReader = new import_library.BrowserMultiFormatReader();
+    codeReaderRef.current = codeReader;
+    let selectedDeviceId;
+    codeReaderRef.current.listVideoInputDevices().then((videoInputDevices) => {
+      selectedDeviceId = videoInputDevices[0].deviceId;
+      codeReader.decodeFromVideoDevice(
+        selectedDeviceId,
+        videoRef.current,
+        (result, err) => {
+          if (result) {
+            onChange == null ? void 0 : onChange(result.getText());
+          }
+          if (err && !(err instanceof import_library.NotFoundException)) {
+            console.error(err);
+          }
+        }
+      );
+    }).catch((err) => {
+      console.error(err);
+    });
+    return () => {
+      codeReaderRef.current.reset();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-scan-wrap",
+      style: {
+        width,
+        height,
+        borderRadius,
+        ...style
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "video",
+      {
+        ...others,
+        ref: videoRef,
+        style: {
+          width,
+          height,
+          borderRadius,
+          background: "#000",
+          ...style
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-action" }, children)
+  );
+});
+var pisellScan_default = PisellScan;

package/lib/components/pisellScan/index.less

@@ -0,0 +1,12 @@
+.pisell-scan-wrap {
+  position: relative;
+  video {
+    display: block;
+  }
+  .pisell-scan-action {
+    position: absolute;
+    width: 100%;
+    left: 0;
+    bottom: 0;
+  }
+}

package/lib/components/pisellText/components/Amount/index.d.ts

@@ -16,4 +16,3 @@ export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const Amount: (props: AmountProps) => React.JSX.Element;
 export default Amount;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ declare const PisellText: {
     Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
 };
 export default PisellText;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellToast/index.d.ts

@@ -14,4 +14,3 @@ export interface PisellToastProps {
 }
 declare const PisellToast: (props: PisellToastProps) => void;
 export default PisellToast;
-//# sourceMappingURL=index.d.ts.map

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

@@ -8,4 +8,3 @@ export interface PisellTooltipProps extends TooltipPropsWithTitle {
 }
 declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
 export default PisellTooltip;
-//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import './index.less';
+export interface PisellWalletPassCardProps {
+    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;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
+export default PisellWalletPassCard;