@pisell/materials 2.2.13 → 2.2.14

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,18 @@
+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是否展示 对象形式时是mask配置 */
+    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,69 @@
+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
+  });
+  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;

package/lib/components/pisellLoading/index.less

@@ -0,0 +1,35 @@
+.pisell-loading-wrapper {
+  .pisell-lowcode-spin-spinning {
+    z-index: 11;
+  }
+  .pisell-lowcode-spin-fullscreen {
+    background-color: var(--pisell-loading-bg-color);
+    width: var(--pisell-loading-bg-width);
+    height: var(--pisell-loading-bg-height);
+    border-radius: var(--pisell-loading-bg-border-radius);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    .pisell-lowcode-spin-dot {
+      transform: none;
+      margin: 0;
+    }
+  }
+  .pisell-lowcode-spin-dot {
+    transform: translate(-50%, -50%);
+    margin: 0;
+  }
+  .pisell-lowcode-spin-blur {
+    opacity: 1;
+  }
+  .pisell-lowcode-spin-blur::after {
+    opacity: var(--pisell-loading-mask-opacity);
+    background-color: var(--pisell-loading-bg-color);
+    width: var(--pisell-loading-bg-width);
+    height: var(--pisell-loading-bg-height);
+    border-radius: var(--pisell-loading-bg-border-radius);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}

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

@@ -0,0 +1,4 @@
+import type { MessageInstance } from 'antd/es/message/interface';
+declare let message: MessageInstance;
+declare const setMessage: (m: MessageInstance) => void;
+export { message, setMessage };

package/lib/components/pisellMessage/index.js

@@ -0,0 +1,34 @@
+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/pisellMessage/index.tsx
+var pisellMessage_exports = {};
+__export(pisellMessage_exports, {
+  message: () => message,
+  setMessage: () => setMessage
+});
+module.exports = __toCommonJS(pisellMessage_exports);
+var message;
+var setMessage = (m) => {
+  message = m;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  message,
+  setMessage
+});

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PisellModalProps } from '../../index';
+import './index.less';
+export interface InformationProps extends PisellModalProps {
+    /** 标题 */
+    title: string;
+    /** 描述 */
+    describe: string;
+    /** 取消按钮是否展示 */
+    cancelVisible?: boolean;
+    /** 确认按钮是否展示 */
+    okVisible?: boolean;
+    /** 确认按钮文字 */
+    okText: React.ReactNode;
+    /** 取消按钮文字 */
+    cancelText: React.ReactNode;
+    /** 右上角关闭按钮是否展示 */
+    closable?: boolean;
+}
+declare const Information: (props: InformationProps) => React.JSX.Element;
+export default Information;

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

@@ -0,0 +1,54 @@
+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/pisellModal/components/Information/index.tsx
+var Information_exports = {};
+__export(Information_exports, {
+  default: () => Information_default
+});
+module.exports = __toCommonJS(Information_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("../../index"));
+var import_index = require("./index.less");
+var Information = (props) => {
+  const { title, describe, footerDivider, ...others } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      ...others,
+      mobileModalHeight: "auto",
+      headerDivider: false,
+      footerDivider,
+      size: "small",
+      transitionName: "pisell-move-down"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-modal-information-title" }, title),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-modal-information-describe" }, describe)
+  );
+};
+var Information_default = Information;

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

@@ -0,0 +1,16 @@
+.pisell-modal-information-title {
+  color: var(--Gray-900, #101828);
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+  margin-bottom: 4px;
+}
+.pisell-modal-information-describe {
+  color: var(--Gray-900, #101828);
+  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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PcModalProps } from '../PcModal';
+export interface IpadModalProps extends PcModalProps {
+}
+declare const IpadModal: (props: IpadModalProps) => React.JSX.Element;
+export default IpadModal;

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

@@ -0,0 +1,40 @@
+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/pisellModal/components/IpadModal/index.tsx
+var IpadModal_exports = {};
+__export(IpadModal_exports, {
+  default: () => IpadModal_default
+});
+module.exports = __toCommonJS(IpadModal_exports);
+var import_react = __toESM(require("react"));
+var import_PcModal = __toESM(require("../PcModal"));
+var IpadModal = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_PcModal.default, { ...props });
+};
+var IpadModal_default = IpadModal;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PcModalProps } from '../PcModal';
+import './index.less';
+export interface MobileModalProps extends PcModalProps {
+    /** 移动端展示时弹窗高度 默认null 在移动端全屏 */
+    mobileModalHeight?: string | number;
+}
+declare const MobileModal: (props: MobileModalProps) => React.JSX.Element;
+export default MobileModal;

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

@@ -0,0 +1,67 @@
+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/pisellModal/components/MobileModal/index.tsx
+var MobileModal_exports = {};
+__export(MobileModal_exports, {
+  default: () => MobileModal_default
+});
+module.exports = __toCommonJS(MobileModal_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_PcModal = __toESM(require("../PcModal"));
+var import_index = require("./index.less");
+var MobileModal = (props) => {
+  const { wrapClassName, mobileModalHeight } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_PcModal.default,
+    {
+      ...props,
+      transitionName: "pisell-move-down",
+      width: "100%",
+      wrapClassName: (0, import_classnames.default)("pisell-mobile-modal", {
+        [wrapClassName]: wrapClassName
+      }),
+      modalRender: (node) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)({
+              ["pisell-mobile-modal-render"]: mobileModalHeight
+            }),
+            style: {
+              height: mobileModalHeight || "100%"
+            }
+          },
+          node
+        );
+      }
+    }
+  );
+};
+var MobileModal_default = MobileModal;

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

@@ -0,0 +1,60 @@
+.pisell-lowcode-modal-root {
+  .pisell-mobile-modal {
+    .pisell-lowcode-modal {
+      margin: 0;
+      height: 100%;
+      max-width: 100%;
+      bottom: 0;
+      top: auto;
+      padding-bottom: 0;
+      vertical-align: bottom;
+    }
+    .pisell-mobile-modal-render {
+      position: absolute;
+      width: 100%;
+      bottom: 0;
+      border-radius: 12px 12px 0 0;
+      overflow: hidden;
+      max-height: 90%;
+      min-height: 200px;
+    }
+    .pisell-lowcode-modal-content {
+      padding: 0;
+      border-radius: 0;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      max-height: none;
+      .pisell-lowcode-modal-close {
+        padding: 10px;
+        top: 8px;
+        right: 16px;
+        box-sizing: content-box;
+      }
+      .pisell-lowcode-modal-header {
+        padding: 16px 24px;
+        border-bottom: 1px solid var(--Gray-200, #eaecf0);
+        margin: 0;
+        .pisell-lowcode-modal-title {
+          color: var(--Gray-900, #101828);
+          font-size: 18px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 24px;
+        }
+      }
+      .pisell-lowcode-modal-body {
+        padding: 0 24px;
+        flex: 1;
+        overflow: auto;
+      }
+      .pisell-lowcode-modal-footer {
+        display: flex;
+        gap: 12px;
+        border-top: 1px solid var(--Gray-200, #eaecf0);
+        padding: 24px;
+        margin: 0;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ButtonProps, ModalProps } from 'antd';
+import './index.less';
+export interface PcModalProps extends ModalProps {
+    /**
+     * 弹窗大小
+     * large 800
+     * middle 480
+     * small 400
+     * */
+    size?: 'large' | 'middle' | 'small';
+    /** 头部分割线是否展示 */
+    headerDivider?: boolean;
+    /** 底部分割线是否展示 */
+    footerDivider?: boolean;
+    /** 删除按钮props */
+    deleteButtonProps?: ButtonProps | null;
+    /** 删除事件 */
+    onDelete?: () => void;
+    /** footer中额外操作按钮 */
+    actions?: React.ReactNode;
+    /** 取消按钮是否展示 */
+    cancelVisible?: boolean;
+    /** 确认按钮是否展示 */
+    okVisible?: boolean;
+    /** header是否展示 */
+    header?: boolean | null;
+}
+declare const PcModal: (props: PcModalProps) => React.JSX.Element;
+export default PcModal;