@pisell/materials 1.0.363 → 1.0.364

package/lib/components/pisell-config-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAgB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAK3E,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAQD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwB5D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,61 @@
+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/pisell-config-provider/index.tsx
+var pisell_config_provider_exports = {};
+__export(pisell_config_provider_exports, {
+  default: () => pisell_config_provider_default
+});
+module.exports = __toCommonJS(pisell_config_provider_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_context = __toESM(require("./context"));
+var import_hooks = require("../../hooks");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_pisellMessage = require("../pisellMessage");
+var platformMap = {
+  phone: "h5",
+  pc: "pc",
+  ipad: "ipad"
+};
+var PisellConfigProvider = (props) => {
+  var _a;
+  const { children, platform: propsPlatform, symbol: propsSymbol } = props;
+  const platform = (0, import_hooks.useResponsive)();
+  const context = (0, import_useEngineContext.default)();
+  const { getSymbolic } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const config = {
+    platform: propsPlatform || platformMap[platform],
+    symbol: propsSymbol || (getSymbolic == null ? void 0 : getSymbolic()) || ""
+  };
+  const staticFunction = import_antd.App.useApp();
+  (0, import_pisellMessage.setMessage)(staticFunction.message);
+  import_context.globalConfig.setConfig(config);
+  return /* @__PURE__ */ import_react.default.createElement(import_context.default.Provider, { value: config }, children);
+};
+var pisell_config_provider_default = PisellConfigProvider;

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

@@ -0,0 +1,48 @@
+import React from 'react';
+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;
+}
+declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
+export default PisellCard;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU;IACV,MAAM,EAAE,MAAM,CAAC;IACf,aAAa;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS;IACT,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,UAAU;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,sBAsFzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/pisellCard/index.js

@@ -0,0 +1,97 @@
+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/pisellCard/index.tsx
+var pisellCard_exports = {};
+__export(pisellCard_exports, {
+  default: () => pisellCard_default
+});
+module.exports = __toCommonJS(pisellCard_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_qrcode = __toESM(require("../qrcode"));
+var import_iconfont = __toESM(require("../iconfont"));
+var import_Amount = __toESM(require("../pisellText/components/Amount"));
+var import_bg = __toESM(require("./bg.jpeg"));
+var import_index = require("./index.less");
+var PisellCard = (props) => {
+  const {
+    id,
+    code,
+    qrCode,
+    balance,
+    disabledReason,
+    name,
+    storeName,
+    redeem,
+    validDate,
+    disabled,
+    active,
+    cover,
+    showCover = true,
+    showDetail = true,
+    showBalance = true,
+    showRedeem = true,
+    showName = true,
+    showCode = true,
+    showStoreName = true,
+    showValidDate = true,
+    showQrCode = true
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-card", {
+        "pisell-card-disabled": disabled
+      }),
+      style: showCover ? {
+        backgroundImage: `url('${cover || import_bg.default}')`
+      } : {}
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, showName && name), showDetail && /* @__PURE__ */ import_react.default.createElement("span", null, "Detail")),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, showStoreName && storeName),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-wrap" }, showRedeem && !disabled && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, "Redeem"), /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        className: "pisell-card-amount-item-value",
+        useThousandsSeparator: true,
+        value: redeem
+      }
+    )), showBalance && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, "Balance", disabled ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        className: "pisell-card-amount-item-value",
+        useThousandsSeparator: true,
+        value: balance
+      }
+    ))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-code-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", null, showCode && /* @__PURE__ */ import_react.default.createElement("div", null, code), showValidDate && /* @__PURE__ */ import_react.default.createElement("div", null, "Valid to ", validDate)), showQrCode && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-qr-code" }, /* @__PURE__ */ import_react.default.createElement(import_qrcode.default, { value: qrCode, size: 60 }))),
+    (disabled || disabledReason) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-warn-message" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "pisell-card-icon", type: "pisell2-alert-circle" }), /* @__PURE__ */ import_react.default.createElement("span", null, disabledReason))
+  );
+};
+var pisellCard_default = PisellCard;

package/lib/components/pisellCard/index.less

@@ -0,0 +1,89 @@
+.pisell-card {
+  padding: 16px;
+  color: var(--Gray-900, #101828);
+  font-size: 14px;
+  font-style: normal;
+  position: relative;
+  overflow: hidden;
+  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-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;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
+import { PisellContextType } from '../pisell-config-provider/context';
+import { PisellCardProps } from "../pisellCard";
+export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
+    platform?: PisellContextType['platform'];
+    endMessage?: React.ReactNode;
+    loader?: React.ReactNode;
+    hasMore: boolean;
+    loadMoreData?: () => Promise<void>;
+    data: PisellCardProps[];
+    showName?: boolean;
+    showStoreName?: boolean;
+    showRedeem?: boolean;
+    showBalance?: boolean;
+    showCode?: boolean;
+    showValidDate?: boolean;
+    showDetail?: boolean;
+    showQrCode?: boolean;
+    showCover?: boolean;
+}
+declare const PisellCardList: (props: PisellCardListProps) => React.JSX.Element;
+export default PisellCardList;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellCardList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAA4B,EAE1B,wBAAwB,EACzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;IAEjD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,EAAE,eAAe,EAAE,CAAC;IAExB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6CD,QAAA,MAAM,cAAc,UAAW,mBAAmB,sBA4DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/pisellCardList/index.js

@@ -0,0 +1,146 @@
+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/pisellCardList/index.tsx
+var pisellCardList_exports = {};
+__export(pisellCardList_exports, {
+  default: () => pisellCardList_default
+});
+module.exports = __toCommonJS(pisellCardList_exports);
+var import_react = __toESM(require("react"));
+var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
+var import_antd = require("antd");
+var import_pisellCheckboxGroup = __toESM(require("../pisellCheckboxGroup"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var mockList = [
+  {
+    id: 1,
+    name: "张三",
+    qrCode: "https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png",
+    storeName: "张三的店铺",
+    balance: 100,
+    code: "Walletpass code",
+    validDate: "2022-01-01",
+    redeem: 1e3,
+    disabled: false,
+    disabledReason: "",
+    cover: ""
+  },
+  {
+    id: 2,
+    name: "张三",
+    qrCode: "https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png",
+    storeName: "张三的店铺",
+    balance: 100,
+    code: "Walletpass code",
+    validDate: "2022-01-01",
+    redeem: 1e3,
+    disabled: true,
+    disabledReason: "Used maximum amount",
+    cover: ""
+  },
+  {
+    id: 3,
+    name: "张三",
+    qrCode: "https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png",
+    storeName: "张三的店铺",
+    balance: 100,
+    code: "Walletpass code",
+    validDate: "2022-01-01",
+    redeem: 1e3,
+    disabled: false,
+    disabledReason: "",
+    cover: ""
+  }
+];
+var PisellCardList = (props) => {
+  const {
+    data = mockList,
+    loadMoreData = () => {
+    },
+    endMessage,
+    loader,
+    hasMore,
+    onChange,
+    value,
+    mode,
+    showName,
+    showCode,
+    showCover,
+    showDetail,
+    showBalance,
+    showRedeem,
+    showQrCode,
+    showStoreName,
+    showValidDate
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_infinite_scroll_component.default,
+    {
+      dataLength: data.length,
+      next: loadMoreData,
+      hasMore,
+      loader: loader || /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { paragraph: { rows: 3 }, active: true }),
+      endMessage,
+      scrollableTarget: "scrollableDiv"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_pisellCheckboxGroup.default,
+      {
+        options: data,
+        value,
+        mode,
+        rowKey: "id",
+        className: "payment-list",
+        gap: 12,
+        onChange,
+        iconPosition: "hide",
+        optionClassName: "payment-item",
+        renderOption: (item, active) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_pisellCard.default,
+            {
+              ...item,
+              active,
+              showName,
+              showBalance,
+              showCode,
+              showCover,
+              showDetail,
+              showQrCode,
+              showRedeem,
+              showStoreName,
+              showValidDate
+            }
+          );
+        }
+      }
+    )
+  );
+};
+var pisellCardList_default = PisellCardList;

package/lib/components/pisellCardList/index.less

@@ -0,0 +1,75 @@
+.pisell-card {
+  padding: 16px;
+  color: var(--Gray-900, #101828);
+  font-size: 14px;
+  font-style: normal;
+  position: relative;
+  overflow: hidden;
+  border-radius: 12px;
+  .pisell-card-name-wrap {
+    display: flex;
+    justify-content: space-between;
+    font-weight: 500;
+    line-height: 20px;
+  }
+  .pisell-card-store-name {
+    height: 20px;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 18px; /* 150% */
+  }
+  .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: 0;
+    }
+  }
+  .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: 6px 16px;
+    color: var(--Warning-900, #7A2E0E);
+    font-weight: 400;
+    line-height: 20px;
+    .pisell-card-icon {
+      font-size: 20px;
+      color: #7A2E0E;
+      margin-right: 2px;
+    }
+  }
+}
+.pisell-card-disabled {
+  color: var(--Gray-500, #667085);
+  padding-bottom: 36px;
+}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellCheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+declare type PisellCheckboxGroupValue = string | string[] | any;
+export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    gap?: number;
+    padding?: number;
+    options: PisellCheckboxGroupOption[];
+    onChange?: (value: PisellCheckboxGroupValue) => void;
+    value?: PisellCheckboxGroupValue;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean) => React.ReactNode;
+    rowKey?: string;
+    mode?: 'multiple' | 'single';
+    iconPosition?: 'left' | 'right' | 'hide';
+    optionClassName?: string;
+    optionActiveClassName?: string;
+}
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => React.JSX.Element;
+export default PisellCheckboxGroup;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/pisellCheckboxGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAKtE,OAAO,cAAc,CAAC;AAItB,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AACD,aAAK,wBAAwB,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,GAAG,CAAC;AAExD,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAE5C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,EAAE,yBAAyB,EAAE,CAAC;IAErC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAErD,KAAK,CAAC,EAAE,wBAAwB,CAAC;IAEjC,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,yBAAyB,EACjC,MAAM,EAAE,OAAO,KACZ,KAAK,CAAC,SAAS,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAE7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAEzC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,sBAqI3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}