@pisell/materials 1.0.363 → 1.0.365

package/lib/components/pisellEmpty/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/pisellEmpty/index.tsx
+var pisellEmpty_exports = {};
+__export(pisellEmpty_exports, {
+  default: () => pisellEmpty_default
+});
+module.exports = __toCommonJS(pisellEmpty_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_Inbox01 = __toESM(require("@pisell/icon/es/Inbox01"));
+var import_locales = require("../../locales");
+var import_index = require("./index.less");
+var PisellEmpty = (props) => {
+  const {
+    description = (0, import_locales.getText)("pisell-empty-description-no-data"),
+    extraDescription,
+    icon,
+    footer,
+    className,
+    ...others
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Empty,
+    {
+      ...others,
+      className: (0, import_classnames.default)("pisell-empty-wrap", className),
+      image: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-icon-wrap" }, icon || /* @__PURE__ */ import_react.default.createElement(import_Inbox01.default, { style: { color: "#667085" } })),
+      description: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-description-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-description" }, description), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-extra-description" }, extraDescription))
+    },
+    footer
+  );
+};
+var pisellEmpty_default = PisellEmpty;

package/lib/components/pisellEmpty/index.less

@@ -0,0 +1,34 @@
+.pisell-empty-wrap {
+  margin: 50px auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .pisell-lowcode-empty-image {
+    height: auto;
+    margin-bottom: 0;
+  }
+  .pisell-empty-icon-wrap {
+    .anticon {
+      font-size: 44px !important;
+    }
+  }
+  .pisell-empty-wrap-description-wrap {
+    max-width: 300px;
+    .pisell-empty-wrap-description {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px; /* 142.857% */
+      margin: 12px 0;
+    }
+    .pisell-empty-wrap-extra-description {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 142.857% */
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import { PisellContextType } from "../../../pisell-config-provider/context";
+import './index.less';
+export declare type BankCardProps = InputProps & {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    onChange?: (val: string) => void;
+};
+declare const BankCard: (props: BankCardProps) => React.JSX.Element;
+export default BankCard;

package/lib/components/pisellInput/components/BankCard/index.js

@@ -0,0 +1,98 @@
+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/pisellInput/components/BankCard/index.tsx
+var BankCard_exports = {};
+__export(BankCard_exports, {
+  default: () => BankCard_default
+});
+module.exports = __toCommonJS(BankCard_exports);
+var import_react = __toESM(require("react"));
+var import_input = __toESM(require("../../../input"));
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var bankCardMaxLength = (str) => {
+  return str.slice(0, 19);
+};
+var BankCard = (props) => {
+  const { onChange, value: propsValue, ...others } = props;
+  const inputRef = (0, import_react.useRef)(null);
+  const [_value, setValue] = (0, import_react.useState)(propsValue || "");
+  const [currentBankType, setCurrentBankType] = (0, import_react.useState)();
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  (0, import_react.useEffect)(() => {
+    setValue(bankCardMaxLength(formatBankCardNumber(`${propsValue || ""}`)));
+  }, [propsValue]);
+  const formatBankCardNumber = (value) => {
+    const cleanValue = value.replace(/\D/g, "");
+    const formattedValue = cleanValue.replace(/(.{4})/g, "$1 ").trim();
+    return formattedValue;
+  };
+  const handleChange = (e) => {
+    var _a, _b;
+    const { value } = e.target;
+    setCurrentBankType((0, import_utils.getCardType)(value));
+    const formattedValue = formatBankCardNumber(value);
+    let start = ((_b = (_a = inputRef.current) == null ? void 0 : _a.input) == null ? void 0 : _b.selectionStart) || 0;
+    const val = bankCardMaxLength(formattedValue);
+    setValue(val);
+    onChange == null ? void 0 : onChange(val.replace(/\s/g, ""));
+    if (formattedValue.length > 19 || formattedValue.length < _value.length) {
+      if ([4, 9, 14, 19].includes(start)) {
+        start = start + 1;
+      }
+      setTimeout(() => {
+        var _a2;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.setSelectionRange(start, start);
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_input.default,
+    {
+      ...others,
+      suffix: currentBankType ? /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          className: "pisell-input-bank-card-suffix",
+          src: import_utils.bankTypeMap[currentBankType],
+          alt: currentBankType
+        }
+      ) : /* @__PURE__ */ import_react.default.createElement("span", null),
+      type: "tel",
+      placeholder: "XXXX XXXX XXXX XXXX",
+      size: "large",
+      ref: inputRef,
+      value: _value,
+      onChange: handleChange
+    }
+  );
+};
+var BankCard_default = BankCard;

package/lib/components/pisellInput/components/BankCard/index.less

@@ -0,0 +1,4 @@
+.pisell-input-bank-card-suffix {
+  width: 34px;
+  height: 24px;
+}

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

@@ -0,0 +1,11 @@
+export declare const getCardType: (str: string) => "jcb" | "amex" | "visa" | "masterCard" | "unionPay" | "discover" | undefined;
+export declare const bankTypeMap: {
+    jcb: any;
+    amex: any;
+    masterCard: any;
+    visa: any;
+    unionPay: any;
+    discover: any;
+};
+export declare const getCardImgByType: (type: keyof typeof bankTypeMap) => any;
+export declare const getBankCardTypeImg: (val: number | string) => any;

package/lib/components/pisellInput/components/BankCard/utils.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/pisellInput/components/BankCard/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  bankTypeMap: () => bankTypeMap,
+  getBankCardTypeImg: () => getBankCardTypeImg,
+  getCardImgByType: () => getCardImgByType,
+  getCardType: () => getCardType
+});
+module.exports = __toCommonJS(utils_exports);
+var import_JCB = __toESM(require("./cardPng/JCB.png"));
+var import_AMEX = __toESM(require("./cardPng/AMEX.png"));
+var import_MasterCard = __toESM(require("./cardPng/MasterCard.png"));
+var import_VISA = __toESM(require("./cardPng/VISA.png"));
+var import_UnionPay = __toESM(require("./cardPng/UnionPay.png"));
+var import_Discover = __toESM(require("./cardPng/Discover.png"));
+var isJcb = (str) => {
+  return str.startsWith("35");
+};
+var isAmex = (str) => {
+  return str.startsWith("34") || str.startsWith("37");
+};
+var isMasterCard = (str) => {
+  return str.startsWith("51") || str.startsWith("52") || str.startsWith("53") || str.startsWith("54") || str.startsWith("55") || str.startsWith("22") || str.startsWith("23") || str.startsWith("24") || str.startsWith("25") || str.startsWith("26") || str.startsWith("27");
+};
+var isVisa = (str) => {
+  return str.startsWith("4");
+};
+var isUnionPay = (str) => {
+  return str.startsWith("62") || str.startsWith("81");
+};
+var isDiscover = (str) => {
+  return str.startsWith("60") || str.startsWith("64") || str.startsWith("65");
+};
+var getCardType = (str) => {
+  if (isJcb(str)) {
+    return "jcb";
+  }
+  if (isAmex(str)) {
+    return "amex";
+  }
+  if (isVisa(str)) {
+    return "visa";
+  }
+  if (isMasterCard(str)) {
+    return "masterCard";
+  }
+  if (isUnionPay(str)) {
+    return "unionPay";
+  }
+  if (isDiscover(str)) {
+    return "discover";
+  }
+};
+var bankTypeMap = {
+  jcb: import_JCB.default,
+  amex: import_AMEX.default,
+  masterCard: import_MasterCard.default,
+  visa: import_VISA.default,
+  unionPay: import_UnionPay.default,
+  discover: import_Discover.default
+};
+var getCardImgByType = (type) => {
+  return bankTypeMap[type] || "";
+};
+var getBankCardTypeImg = (val) => {
+  const type = getCardType(`${val || ""}`);
+  return type ? bankTypeMap[type] : null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  bankTypeMap,
+  getBankCardTypeImg,
+  getCardImgByType,
+  getCardType
+});

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps, ButtonProps } from 'antd';
+import { PisellContextType } from "../../../pisell-config-provider/context";
+export interface CopyProps extends InputProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 后缀button的透传配置 */
+    buttonProps?: ButtonProps;
+}
+declare const Copy: (props: CopyProps) => React.JSX.Element;
+export default Copy;

package/lib/components/pisellInput/components/Copy/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/pisellInput/components/Copy/index.tsx
+var Copy_exports = {};
+__export(Copy_exports, {
+  default: () => Copy_default
+});
+module.exports = __toCommonJS(Copy_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_input = __toESM(require("../../../input"));
+var import_icon = __toESM(require("../../../icon"));
+var import_locales = require("../../../../locales");
+var Copy = (props) => {
+  const { buttonProps } = props;
+  const inputRef = (0, import_react.useRef)(null);
+  const handleCopyClick = async (e) => {
+    var _a, _b, _c;
+    (_a = buttonProps == null ? void 0 : buttonProps.onClick) == null ? void 0 : _a.call(buttonProps, e);
+    await (0, import_utils.copyToClipboard)(((_c = (_b = inputRef.current) == null ? void 0 : _b.input) == null ? void 0 : _c.value) || "");
+    import_antd.message.success((0, import_locales.getText)("pisell-input-copy-success"));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_input.default, { ...props, ref: inputRef, disabled: props.disabled ?? true, size: "large" }), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "large",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-copy-03" }),
+      ...buttonProps,
+      onClick: handleCopyClick,
+      children: (buttonProps == null ? void 0 : buttonProps.children) || (0, import_locales.getText)("pisell-input-copy")
+    }
+  ));
+};
+var Copy_default = Copy;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
+import { PisellContextType } from "../../../pisell-config-provider/context";
+export interface SecurityCodeProps extends Omit<InputProps, 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    onChange?: (val: string) => void;
+    showCVCIcon?: boolean;
+}
+declare const SecurityCode: (props: SecurityCodeProps) => React.JSX.Element;
+export default SecurityCode;

package/lib/components/pisellInput/components/SecurityCode/index.js

@@ -0,0 +1,74 @@
+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/pisellInput/components/SecurityCode/index.tsx
+var SecurityCode_exports = {};
+__export(SecurityCode_exports, {
+  default: () => SecurityCode_default
+});
+module.exports = __toCommonJS(SecurityCode_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_input = __toESM(require("../../../input"));
+var import_card = __toESM(require("./card.png"));
+var import_index = require("./index.less");
+var SecurityCode = (props) => {
+  const { maxLength, showCVCIcon = true } = props;
+  const [state, setState] = (0, import_ahooks.useControllableValue)(props, {
+    defaultValue: ""
+  });
+  const handleChange = (e) => {
+    const { value } = e.target;
+    let numberValue = value.replace(/\D/g, "");
+    if (maxLength) {
+      numberValue = numberValue.slice(0, maxLength);
+    }
+    setState == null ? void 0 : setState(numberValue);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_input.default,
+    {
+      ...props,
+      value: state,
+      onChange: handleChange,
+      maxLength,
+      size: "large",
+      placeholder: "CVC",
+      type: "number",
+      suffix: showCVCIcon && /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          className: "pisell-security-code-suffix",
+          src: import_card.default,
+          alt: "security code img"
+        }
+      )
+    }
+  );
+};
+var SecurityCode_default = SecurityCode;

package/lib/components/pisellInput/components/SecurityCode/index.less

@@ -0,0 +1,4 @@
+.pisell-security-code-suffix {
+  width: 34px;
+  height: 24px;
+}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+declare const PisellInput: {
+    (props: InputProps & {
+        /** 平台 */
+        platform?: PisellContextType['platform'];
+    }): React.JSX.Element;
+    BankCard: (props: import("./components/BankCard").BankCardProps) => React.JSX.Element;
+    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => React.JSX.Element;
+    Copy: (props: import("./components/Copy").CopyProps) => React.JSX.Element;
+};
+export default PisellInput;

package/lib/components/pisellInput/index.js

@@ -0,0 +1,46 @@
+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/pisellInput/index.tsx
+var pisellInput_exports = {};
+__export(pisellInput_exports, {
+  default: () => pisellInput_default
+});
+module.exports = __toCommonJS(pisellInput_exports);
+var import_react = __toESM(require("react"));
+var import_input = __toESM(require("../input"));
+var import_BankCard = __toESM(require("./components/BankCard"));
+var import_SecurityCode = __toESM(require("./components/SecurityCode"));
+var import_Copy = __toESM(require("./components/Copy"));
+var PisellInput = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_input.default, { ...props, size: props.size || "large" });
+};
+PisellInput.BankCard = import_BankCard.default;
+PisellInput.SecurityCode = import_SecurityCode.default;
+PisellInput.Copy = import_Copy.default;
+var pisellInput_default = PisellInput;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SpinProps } from 'antd';
+import './index.less';
+declare type MaskType = {
+    width: number | string;
+    height: number | string;
+    backgroundColor: string;
+};
+export interface PisellLoadingProps extends SpinProps {
+    loading: boolean;
+    mask?: boolean | MaskType;
+    fullscreen?: boolean;
+}
+declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
+export default PisellLoading;

package/lib/components/pisellLoading/index.js

@@ -0,0 +1,72 @@
+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/pisellLoading/index.tsx
+var pisellLoading_exports = {};
+__export(pisellLoading_exports, {
+  default: () => pisellLoading_default
+});
+module.exports = __toCommonJS(pisellLoading_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_iconfont = __toESM(require("../iconfont"));
+var import_useCssVariables = __toESM(require("../../hooks/useCssVariables"));
+var import_utils = require("../../utils");
+var import_index = require("./index.less");
+var PisellLoading = (props) => {
+  const { children, fullscreen, mask, loading } = props;
+  const ref = (0, import_react.useRef)(null);
+  const {
+    backgroundColor = "#fff",
+    width = "100%",
+    height = "100%"
+  } = mask || {};
+  (0, import_useCssVariables.default)({
+    variables: {
+      "--pisell-loading-mask-opacity": mask ? "1" : "0",
+      "--pisell-loading-bg-color": fullscreen && !mask ? "transparent" : backgroundColor,
+      "--pisell-loading-bg-width": (0, import_utils.getCssNumber)(width) || "100%",
+      "--pisell-loading-bg-height": (0, import_utils.getCssNumber)(height) || "100%",
+      "--pisell-loading-bg-border-radius": width !== "100%" || height !== "100%" ? "12px" : "0px"
+    },
+    ref
+  });
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: "pisell-loading-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Spin,
+    {
+      fullscreen,
+      spinning: loading,
+      indicator: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-loader2", style: { fontSize: 40 }, spin: true })
+    },
+    children
+  ));
+};
+var pisellLoading_default = PisellLoading;