@pisell/materials 2.2.48 → 2.2.49

package/lib/components/pisellQRScanner/index.less

@@ -0,0 +1,71 @@
+/* 全屏扫码容器 */
+.pisell-qr-scanner-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+  z-index: 9999;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 视频容器 */
+.scan-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* 视频元素 */
+.scan-video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+/* 关闭按钮 */
+.scan-close-left {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 10000;
+  font-size: 24px;
+  color: #fff;
+  cursor: pointer;
+  background-color: rgba(255, 255, 255, 0.15);
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+
+/* 上传按钮 */
+.scan-upload {
+  position: fixed;
+  right: 30px;
+  bottom: 60px;
+  width: 88px;
+  height: 88px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+  font-size: 48px;
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.15);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+/* 隐藏的文件输入框 */
+.scan-file-input {
+  display: none;
+} 

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface PisellQrcodeProps {
+    size?: number;
+    platform: 'pc' | 'h5' | 'ipad';
+    value: string;
+    className: string;
+}
+declare const PisellQrcode: React.FC<PisellQrcodeProps>;
+export default PisellQrcode;

package/lib/components/pisellQrcode/index.js

@@ -0,0 +1,82 @@
+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/pisellQrcode/index.tsx
+var pisellQrcode_exports = {};
+__export(pisellQrcode_exports, {
+  default: () => pisellQrcode_default
+});
+module.exports = __toCommonJS(pisellQrcode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_pisellModal = __toESM(require("./../pisellModal"));
+var import_locales = require("../../locales/index");
+var import_index = require("./index.less");
+var PisellQrcode = (props) => {
+  const { size, platform, value = "", className } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const modalRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+    }
+  }, [open]);
+  const modalProps = {
+    title: (0, import_locales.getText)("pisellQrcode-qrcode"),
+    platform,
+    onCancel: () => setOpen(false),
+    open,
+    footer: null,
+    mobileModalHeight: "auto",
+    className: (0, import_classnames.default)("pisell-qrcode-modal"),
+    bodyStyle: {
+      padding: 0
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-qrcode-wrapper", className) }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        setOpen(true);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size, value, bordered: false })
+  ), /* @__PURE__ */ import_react.default.createElement(import_pisellModal.default, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value, style: { marginTop: 24 } }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, value), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => setOpen(false),
+      className: (0, import_classnames.default)("pisell-qrcode-modal-button")
+    },
+    (0, import_locales.getText)("pisellQrcode-done")
+  )));
+};
+var pisellQrcode_default = PisellQrcode;

package/lib/components/pisellQrcode/index.less

@@ -0,0 +1,41 @@
+.pisell-qrcode-wrapper {
+}
+
+.pisell-qrcode-modal {
+  .pisell-lowcode-modal-content {
+    padding: 0;
+    .pisell-lowcode-modal-body {
+      display: flex;
+      width: 100%;
+      align-items: center;
+      flex-direction: column;
+      .pisell-qrcode-modal-value {
+        color: var(--Gray-500, #667085);
+        font-family: Inter;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+        margin: 20px 0 24px;
+      }
+      .pisell-lowcode-divider {
+        margin: 0;
+      }
+      .pisell-qrcode-modal-button {
+        margin: 24px;
+
+        color: var(--Base-White, #fff);
+
+        font-family: Inter;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 24px;
+
+        width: calc(100% - 48px);
+        box-sizing: border-box;
+        background-color: var(--theme-color, #7f56d9);
+      }
+    }
+  }
+}

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

@@ -18,5 +18,5 @@ interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HT
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:38
  */
-declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
+declare const PisellRow: (props: PisellRowProps) => JSX.Element;
 export default PisellRow;

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

@@ -1,12 +1,15 @@
 import React from 'react';
 import './index.less';
 export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement> {
+    isHasBorder?: boolean;
     backgroundColors?: string[];
     labelColor?: string;
     valueColor?: string;
     data: {
         label: string;
         value: string;
+        isLink?: boolean;
+        link?: string;
         tip?: string;
         children?: {
             label: string;
@@ -14,5 +17,5 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
         }[];
     }[];
 }
-declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
 export default PisellStatisticList;

package/lib/components/pisellStatisticList/index.js

@@ -46,6 +46,7 @@ var defaultColors = [
 ];
 var PisellStatisticList = (props) => {
   const {
+    isHasBorder = true,
     backgroundColors = defaultColors,
     labelColor = "#fff",
     valueColor = "#fff",
@@ -54,12 +55,14 @@ var PisellStatisticList = (props) => {
   } = props;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-statistic-list-wrap", ...others }, data.map((item, index) => {
     var _a;
+    const { isLink = false, link = "" } = item;
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-lowcode-statistic-list-item",
         style: {
-          background: backgroundColors[index % backgroundColors.length]
+          background: backgroundColors[index % backgroundColors.length],
+          border: isHasBorder ? "border: 1px solid var(--Gray-600, #475467)" : "none"
         }
       },
       /* @__PURE__ */ import_react.default.createElement(
@@ -84,24 +87,41 @@ var PisellStatisticList = (props) => {
           className: "pisell-lowcode-statistic-list-item-value",
           style: { color: valueColor }
         },
-        item.value
-      ),
-      !!((_a = item.children) == null ? void 0 : _a.length) && /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { className: "pisell-lowcode-statistic-list-item-children-wrap" }, item.children.map((child) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12, className: "pisell-lowcode-statistic-list-item-children-item" }, /* @__PURE__ */ import_react.default.createElement(
-          "span",
+        isLink && link ? /* @__PURE__ */ import_react.default.createElement(
+          "a",
           {
-            className: "pisell-lowcode-statistic-list-item-children-label",
-            style: { color: labelColor }
+            href: "javascript:void(0);",
+            onClick: () => {
+              location.replace(item.link);
+            }
           },
-          child.label
-        ), /* @__PURE__ */ import_react.default.createElement(
-          "span",
+          item.value || "-"
+        ) : item.value || "-"
+      ),
+      !!((_a = item.children) == null ? void 0 : _a.length) && /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { className: "pisell-lowcode-statistic-list-item-children-wrap" }, item.children.map((child) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Col,
           {
-            className: "pisell-lowcode-statistic-list-item-children-value",
-            style: { color: valueColor }
+            span: 12,
+            className: "pisell-lowcode-statistic-list-item-children-item"
           },
-          child.value
-        ));
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-lowcode-statistic-list-item-children-label",
+              style: { color: labelColor }
+            },
+            child.label
+          ),
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-lowcode-statistic-list-item-children-value",
+              style: { color: valueColor }
+            },
+            child.value || ""
+          )
+        );
       }))
     );
   }));

package/lib/components/pisellStatisticList/index.less

@@ -3,7 +3,7 @@
   flex-direction: column;
   gap: 16px;
   .pisell-lowcode-statistic-list-item {
-    padding: 16px;
+    padding: 16px 16px 16px 0;
     border-radius: 8px;
     border: 1px solid var(--Gray-600, #475467);
     .pisell-lowcode-statistic-list-item-label {

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export declare type PisellTagsType = 'pill_color' | 'pill_outline';
+export declare type PisellTagsColor = 'success' | 'warning' | 'error' | 'gray' | string;
+export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+    children?: React.ReactNode;
+    others?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+    type: PisellTagsType;
+    icon?: React.ReactNode;
+    color?: PisellTagsColor;
+}
+declare const PisellTags: (props: PisellTagsProps) => JSX.Element;
+export default PisellTags;

package/lib/components/pisellTags/index.js

@@ -0,0 +1,113 @@
+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/pisellTags/index.tsx
+var pisellTags_exports = {};
+__export(pisellTags_exports, {
+  default: () => pisellTags_default
+});
+module.exports = __toCommonJS(pisellTags_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var pisellTagsColors = {
+  success: "#067647",
+  warning: "#B54708",
+  error: "#B42318",
+  gray: "#344054"
+};
+var getColor = (_color) => {
+  if (_color) {
+    return pisellTagsColors[_color] || _color;
+  }
+  return "#344054";
+};
+var getPillColorStyles = (_color) => {
+  const colorShades = (0, import_utils.generateColorShades)(_color);
+  return {
+    "--pisell-tags-bg-color": colorShades["color_50"],
+    "--pisell-tags-font-color": colorShades["color_700"],
+    "--pisell-tags-border-color": colorShades["color_200"]
+  };
+};
+var getPillOutlineStyles = (_color) => {
+  const colorShades = (0, import_utils.generateColorShades)(_color);
+  return {
+    "--pisell-tags-bg-color": "transparent",
+    "--pisell-tags-font-color": colorShades["color_700"],
+    "--pisell-tags-border-color": colorShades["color_600"]
+  };
+};
+var PisellTags = (props) => {
+  const {
+    children,
+    type,
+    icon,
+    color,
+    style = {},
+    others = {},
+    ...otherProps
+  } = props;
+  const styles = (0, import_react.useMemo)(() => {
+    let obj = {
+      ...style,
+      ...others.style
+    };
+    const _color = getColor(props.color);
+    if (type === "pill_color") {
+      obj = {
+        ...obj,
+        ...getPillColorStyles(_color)
+      };
+    }
+    if (type === "pill_outline") {
+      obj = {
+        ...obj,
+        ...getPillOutlineStyles(_color)
+      };
+    }
+    return obj;
+  }, [color, style, others.style, type]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      style: { ...styles, ...style },
+      ...others,
+      ...otherProps,
+      className: (0, import_classnames.default)(
+        "pisell-tags",
+        others.className,
+        otherProps.className
+      )
+    },
+    icon ? icon : null,
+    children
+  );
+};
+var pisellTags_default = PisellTags;

package/lib/components/pisellTags/index.less

@@ -0,0 +1,17 @@
+.pisell-tags {
+  --pisell-tags-bg-color: #F9FAFB;
+  --pisell-tags-font-color: #344054;
+  --pisell-tags-border-color: #EAECF0;
+  border-radius: 16px;
+  border: 1px solid var(--pisell-tags-border-color);
+  background: var(--pisell-tags-bg-color);
+  display: inline-flex;
+  padding: 2px 12px;
+  align-items: center;
+  gap: 6px;
+
+  color: var(--pisell-tags-font-color);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+}

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

@@ -0,0 +1 @@
+export declare const generateColorShades: (color: string) => Record<string, string>;

package/lib/components/pisellTags/utils.js

@@ -0,0 +1,86 @@
+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/pisellTags/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  generateColorShades: () => generateColorShades
+});
+module.exports = __toCommonJS(utils_exports);
+var hexToRgb = (hex) => {
+  hex = hex.replace(/^#/, "");
+  if (hex.length === 3) {
+    hex = hex.split("").map((h) => h + h).join("");
+  }
+  const intVal = parseInt(hex, 16);
+  return {
+    r: intVal >> 16 & 255,
+    // 提取红色分量
+    g: intVal >> 8 & 255,
+    // 提取绿色分量
+    b: intVal & 255
+    // 提取蓝色分量
+  };
+};
+var rgbToHex = (r, g, b) => {
+  return "#" + [r, g, b].map((x) => {
+    const hex = x.toString(16);
+    return hex.length === 1 ? "0" + hex : hex;
+  }).join("");
+};
+var parseColor = (color) => {
+  if (color.startsWith("#")) {
+    return hexToRgb(color);
+  } else if (color.startsWith("rgb")) {
+    const rgba = color.replace(/rgba?\(|\s+|\)/g, "").split(",").map(Number);
+    return { r: rgba[0], g: rgba[1], b: rgba[2], a: rgba[3] !== void 0 ? rgba[3] : 1 };
+  } else {
+    throw new Error("无效的颜色格式");
+  }
+};
+var generateColorShades = (color) => {
+  const { r, g, b, a } = parseColor(color);
+  const max = 700;
+  const gap = 1 / max;
+  const ratios = {
+    50: gap * 50,
+    200: gap * 200,
+    500: gap * 500,
+    600: gap * 600,
+    700: gap * 700
+  };
+  const adjustColorComponent = (component, ratio) => Math.round(component * ratio + 255 * (1 - ratio));
+  const shades = {
+    "color_50": rgbToHex(adjustColorComponent(r, ratios[50]), adjustColorComponent(g, ratios[50]), adjustColorComponent(b, ratios[50])),
+    "color_200": rgbToHex(adjustColorComponent(r, ratios[200]), adjustColorComponent(g, ratios[200]), adjustColorComponent(b, ratios[200])),
+    "color_500": rgbToHex(adjustColorComponent(r, ratios[500]), adjustColorComponent(g, ratios[500]), adjustColorComponent(b, ratios[500])),
+    "color_600": rgbToHex(adjustColorComponent(r, ratios[600]), adjustColorComponent(g, ratios[600]), adjustColorComponent(b, ratios[600])),
+    "color_700": color
+  };
+  if (a !== void 0) {
+    shades["color_50"] = `rgba(${adjustColorComponent(r, ratios[50])}, ${adjustColorComponent(g, ratios[50])}, ${adjustColorComponent(b, ratios[50])}, ${a})`;
+    shades["color_200"] = `rgba(${adjustColorComponent(r, ratios[200])}, ${adjustColorComponent(g, ratios[200])}, ${adjustColorComponent(b, ratios[200])}, ${a})`;
+    shades["color_500"] = `rgba(${adjustColorComponent(r, ratios[500])}, ${adjustColorComponent(g, ratios[500])}, ${adjustColorComponent(b, ratios[500])}, ${a})`;
+    shades["color_600"] = `rgba(${adjustColorComponent(r, ratios[600])}, ${adjustColorComponent(g, ratios[600])}, ${adjustColorComponent(b, ratios[600])}, ${a})`;
+  }
+  return shades;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateColorShades
+});

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

@@ -13,6 +13,8 @@ export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
     useThousandsSeparator?: boolean;
     /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
     hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
 }
-declare const Amount: (props: AmountProps) => React.JSX.Element;
+declare const Amount: (props: AmountProps) => JSX.Element;
 export default Amount;

package/lib/components/pisellText/components/Amount/index.js

@@ -42,11 +42,12 @@ var Amount = (props) => {
     showCurrencySymbol,
     useThousandsSeparator,
     hideDecimalForWholeNumbers,
+    symbol,
     ...others
   } = props;
   const config = (0, import_usePisellConfig.default)();
   const amount = (0, import_react.useMemo)(() => {
-    return (0, import_utils.formatAmountWithOptions)(value, (config == null ? void 0 : config.symbol) || "", {
+    return (0, import_utils.formatAmountWithOptions)(value, symbol || (config == null ? void 0 : config.symbol) || "", {
       precision,
       showCurrencySymbol,
       useThousandsSeparator,

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

@@ -2,7 +2,7 @@ import React from 'react';
 export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const PisellText: {
-    (props: PisellTextProps): React.JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
+    (props: PisellTextProps): JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
 };
 export default PisellText;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';
@@ -6,5 +6,5 @@ export interface PisellTooltipProps extends TooltipPropsWithTitle {
     /** 平台 */
     platform?: PisellContextType['platform'];
 }
-declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
+declare const PisellTooltip: (props: PisellTooltipProps) => JSX.Element;
 export default PisellTooltip;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { UploadProps } from 'antd';
+import './index.less';
+export interface PisellUploadProps extends UploadProps {
+    title?: string;
+    text1?: string;
+    text2?: string;
+    uploadType?: 'button' | 'drop' | 'custom';
+}
+declare const PisellUpload: (props: PisellUploadProps) => JSX.Element;
+export default PisellUpload;