@pisell/materials 6.1.1 → 6.2.25

package/lib/components/pisellAdjustPrice/index.js

@@ -35,13 +35,22 @@ module.exports = __toCommonJS(pisellAdjustPrice_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
 var import_pisellText = __toESM(require("../pisellText"));
 var import_Amount = __toESM(require("../virtual-keyboard/Amount"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
+var import_status = require("./status");
 var PisellAdjustPrice = (props) => {
-  const { value, onChange, defaultValue, originValue, ...others } = props;
+  const {
+    value,
+    onChange,
+    defaultValue,
+    originValue,
+    selectType = "light",
+    ...others
+  } = props;
   const config = (0, import_usePisellConfig.default)();
   const [newValue, setNewValue] = (0, import_react.useState)(value || 0);
   const [updateMode, setUpdateMode] = (0, import_react.useState)(
@@ -53,6 +62,16 @@ var PisellAdjustPrice = (props) => {
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  const configColor = (0, import_react.useMemo)(() => {
+    const currentConfig = import_status.defaultConfig[selectType];
+    const validProps = Object.entries(props).reduce((acc, [key, value2]) => {
+      if (value2 !== void 0 && key in currentConfig) {
+        acc[key] = value2;
+      }
+      return acc;
+    }, {});
+    return { ...currentConfig, ...validProps };
+  }, [selectType, props]);
   const handleEnter = () => {
     if (isDiscountError) {
       return;
@@ -92,65 +111,108 @@ var PisellAdjustPrice = (props) => {
       return `${v}%`;
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Segmented,
-    {
-      size: "large",
-      options: [
-        {
-          label: (0, import_locales.getText)("pisell-adjust-price-price-override"),
-          value: "priceOverride"
-        },
-        { label: (0, import_locales.getText)("pisell-adjust-price-discount"), value: "discount" }
-      ],
-      value: updateMode,
-      onChange: handleUpdateMode,
-      block: true
-    }
-  ), updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Segmented,
-    {
-      size: "large",
-      options: [
-        {
-          label: `${(0, import_locales.getText)("pisell-adjust-price-discount-amount")}(${(config == null ? void 0 : config.symbol) || "$"})`,
-          value: "amount"
-        },
-        {
-          label: `${(0, import_locales.getText)("pisell-adjust-price-discount-percentage")}(%)`,
-          value: "percentage"
-        }
-      ],
-      value: discountMode,
-      onChange: (val) => {
-        setNewValue("");
-        setDiscountMode(val);
-      },
-      block: true
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_Amount.default,
-    {
-      ...others,
-      inputFormat,
-      defaultValue: updateMode === "priceOverride" ? defaultValue : "",
-      key: updateMode,
-      value: newValue,
-      defaultSelect: updateMode === "priceOverride",
-      onChange: handleChange,
-      onEnter: handleEnter,
-      placeholder: discountMode === "amount" ? "0" : "%"
-    }
-  )), updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-low-code-adjust-price-total" }, isDiscountError ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, newValue && (0, import_locales.getText)("pisell-adjust-price-total-after-discount"), /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: totalAfterDiscount }))), /* @__PURE__ */ import_react.default.createElement(
+  (0, import_react.useEffect)(() => {
+    (0, import_utils.setTheme)({
+      "--pisell-adjust-price-text-color": configColor.textColor,
+      "--pisell-adjust-price-background-color": configColor.backgroundColor,
+      "--pisell-adjust-price-container-background-color": configColor.containerBackgroundColor,
+      "--pisell-adjust-price-button-background-color": configColor.buttonBackgroundColor,
+      "--pisell-adjust-price-main-text-color": configColor.mainTextColor,
+      "--pisell-adjust-price-sub-text-color": configColor.subTextColor
+    });
+  }, [configColor]);
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("pisell-low-code-adjust-price-amount-desc", {
-        ["pisell-low-code-adjust-price-amount-desc-error"]: isDiscountError
+      className: (0, import_classnames.default)("pisell-lowcode-adjust-price-wrap", {
+        "pisell-lowcode-adjust-price-dark": selectType === "dark",
+        "pisell-lowcode-adjust-price-light": selectType === "light"
       })
     },
-    (0, import_locales.getText)("pisell-adjust-price-discount-can-be-maximum"),
-    " ",
-    discountMode === "amount" ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : "100%"
-  )));
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Segmented,
+      {
+        size: "large",
+        options: [
+          {
+            label: (0, import_locales.getText)("pisell-adjust-price-price-override"),
+            value: "priceOverride"
+          },
+          { label: (0, import_locales.getText)("pisell-adjust-price-discount"), value: "discount" }
+        ],
+        value: updateMode,
+        onChange: handleUpdateMode,
+        block: true
+      }
+    ),
+    updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Segmented,
+      {
+        size: "large",
+        options: [
+          {
+            label: `${(0, import_locales.getText)("pisell-adjust-price-discount-amount")}(${(config == null ? void 0 : config.symbol) || "$"})`,
+            value: "amount"
+          },
+          {
+            label: `${(0, import_locales.getText)("pisell-adjust-price-discount-percentage")}(%)`,
+            value: "percentage"
+          }
+        ],
+        value: discountMode,
+        onChange: (val) => {
+          setNewValue("");
+          setDiscountMode(val);
+        },
+        block: true
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        ...others,
+        selectType: selectType || "light",
+        inputFormat,
+        defaultValue: updateMode === "priceOverride" ? defaultValue : "",
+        key: updateMode,
+        value: newValue,
+        defaultSelect: updateMode === "priceOverride",
+        onChange: handleChange,
+        onEnter: handleEnter,
+        placeholder: discountMode === "amount" ? "0" : "%",
+        rightItemsStyle: {
+          buttonBackgroundColor: configColor.buttonBackgroundColor,
+          textColor: configColor.textColor,
+          resetButtonBackgroundColor: configColor.resetButtonBackgroundColor,
+          resetButtonTextColor: configColor.resetButtonTextColor,
+          isDoneButtonFollowTheme: configColor.isDoneButtonFollowTheme,
+          doneButtonBackgroundColor: configColor.doneButtonBackgroundColor,
+          doneButtonTextColor: configColor.doneButtonTextColor
+        }
+      }
+    )),
+    updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement("div", null, configColor.isShowMainText ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-low-code-adjust-price-total" }, isDiscountError ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, newValue && (0, import_locales.getText)("pisell-adjust-price-total-after-discount"), /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: totalAfterDiscount }))) : null, configColor.isShowSubText ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-low-code-adjust-price-amount-desc",
+          {
+            ["pisell-low-code-adjust-price-amount-desc-error"]: isDiscountError
+          }
+        )
+      },
+      (0, import_locales.getText)("pisell-adjust-price-discount-can-be-maximum"),
+      " ",
+      discountMode === "amount" ? /* @__PURE__ */ import_react.default.createElement(
+        import_pisellText.default.Amount,
+        {
+          value: originValue,
+          style: {
+            color: configColor.subTextColor
+          }
+        }
+      ) : "100%"
+    ) : null)
+  );
 };
 var pisellAdjustPrice_default = PisellAdjustPrice;

package/lib/components/pisellAdjustPrice/index.less

@@ -1,30 +1,59 @@
 .pisell-lowcode-adjust-price-wrap {
   width: 380px;
   border-radius: 10px;
-  background-color: #fff;
+  background-color: var(--pisell-adjust-price-background-color);
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 10px;
+  transition: all 0.3s ease;
+
+  // 浅色模式样式
+  &.pisell-lowcode-adjust-price-light {
+    .pisell-lowcode-segmented-item-label {
+      color: #667085;
+    }
+  }
+
+  // 深色模式样式
+  &.pisell-lowcode-adjust-price-dark {
+    .pisell-lowcode-segmented-item-label {
+      color: #d0d5dd;
+    }
+  }
+
+  .pisell-lowcode-segmented {
+    background: var(--pisell-adjust-price-container-background-color);
+    :hover {
+      color: var(--pisell-adjust-price-text-color);
+    }
+    .pisell-lowcode-segmented-item-selected {
+      background: var(--pisell-adjust-price-button-background-color);
+      .pisell-lowcode-segmented-item-label {
+        color: var(--pisell-adjust-price-text-color) !important;
+      }
+    }
+  }
+
   .pisell-lowcode-adjust-price-amount-wrap {
     padding: 10px;
     border-radius: 10px;
-    background: var(--Gray-300, #D0D5DD);
+    background: var(--pisell-adjust-price-container-background-color);
   }
   .pisell-low-code-adjust-price-total {
-    color: var(--Gray-900, #101828);
+    color: var(--pisell-adjust-price-main-text-color);
     font-size: 20px;
     font-weight: 600;
     line-height: 30px; /* 150% */
   }
   .pisell-low-code-adjust-price-amount-desc {
-    color: var(--Gray-500, #667085);
+    color: var(--pisell-adjust-price-sub-text-color);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px; /* 150% */
   }
   .pisell-low-code-adjust-price-amount-desc-error {
-    color: var(--Error-600, #D92D20);
+    color: var(--Error-600, #d92d20);
   }
-}
+}

package/lib/components/pisellAdjustPrice/status.js

@@ -0,0 +1,60 @@
+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/pisellAdjustPrice/status.ts
+var status_exports = {};
+__export(status_exports, {
+  defaultConfig: () => defaultConfig
+});
+module.exports = __toCommonJS(status_exports);
+var defaultConfig = {
+  dark: {
+    backgroundColor: "rgba(0, 0, 0, 0.70)",
+    containerBackgroundColor: "rgba(0, 0, 0, 0.40)",
+    buttonBackgroundColor: "#ffffff",
+    textColor: "#000000",
+    resetButtonBackgroundColor: "#ffffff",
+    resetButtonTextColor: "#d92d20",
+    isDoneButtonFollowTheme: true,
+    doneButtonBackgroundColor: "#4ca30d",
+    doneButtonTextColor: "#ffffff",
+    isShowMainText: true,
+    mainTextColor: "#ffffff",
+    isShowSubText: true,
+    subTextColor: "#d0d5dd"
+  },
+  light: {
+    backgroundColor: "#ffffff",
+    containerBackgroundColor: "#d0d5dd",
+    buttonBackgroundColor: "#ffffff",
+    textColor: "#000000",
+    resetButtonBackgroundColor: "#ffffff",
+    resetButtonTextColor: "#d92d20",
+    isDoneButtonFollowTheme: true,
+    doneButtonBackgroundColor: "#4ca30d",
+    doneButtonTextColor: "#ffffff",
+    isShowMainText: true,
+    mainTextColor: "#101828",
+    isShowSubText: true,
+    subTextColor: "#667085"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultConfig
+});

package/lib/components/pisellAdjustPrice/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/pisellAdjustPrice/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+export interface Option {
+    id: string | number;
+    name: React.ReactNode;
+}
+export interface PisellAnchorProps {
+    options?: Option[];
+    tab?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (key: string | number) => void;
+    onTabClick?: () => void;
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * 平台类型，仅用于样式调整，不再影响锚点滚动功能
+     * 无论pc还是h5模式，点击锚点都会自动滚动到对应内容
+     * @default 'pc'
+     */
+    platform?: 'pc' | 'h5';
+}
+declare const PisellAnchor: React.FC<PisellAnchorProps>;
+export default PisellAnchor;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AvatarProps } from 'antd';
+import './index.less';
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
+    shape?: 'circle' | 'square';
+    size?: AvatarSize;
+    src?: string;
+    alt?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    useTextAvatar?: boolean;
+    borderRadius?: number;
+    onError?: () => boolean;
+}
+declare const PisellAvatar: React.FC<PisellAvatarProps>;
+export default PisellAvatar;

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

@@ -0,0 +1,19 @@
+import { CardProps } from 'antd';
+import './index.less';
+export interface PisellCardProps extends CardProps {
+    bordered?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+    padding?: number;
+    borderRadius?: number;
+    disabled?: boolean;
+    onClick?: () => void;
+    isClickable?: boolean;
+}
+/**
+ * Pisell 卡片容器组件
+ * @param props
+ * @constructor
+ */
+declare const PisellCard: (props: PisellCardProps) => JSX.Element;
+export default PisellCard;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellCustomCheckboxGroupProps {
+    dataSource?: any[];
+    disabled?: boolean;
+    allowAdd?: boolean;
+    isMultiple?: boolean;
+    id?: string | string[];
+    onClick?: (value: any) => void;
+    onAdd?: () => void;
+    renderAddItem?: (item: any) => React.ReactNode;
+    [key: string]: any;
+    className?: string;
+}
+declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
+export default PisellCustomCheckboxGroup;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface MenuItemType {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    divider?: boolean;
+}
+export interface PisellDropdownProps {
+    trigger?: React.ReactNode;
+    items?: MenuItemType[];
+    showShortcut?: boolean;
+    triggerType?: ('click' | 'hover')[];
+    className?: string;
+    style?: React.CSSProperties;
+    onSelect?: (key: string) => void;
+}
+declare const PisellDropdown: React.FC<PisellDropdownProps>;
+export default PisellDropdown;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+    [key: string]: any;
+    /** 最大宽度 */
+    maxWidth?: number;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+export default PisellEmpty;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+export interface PisellHeaderProgressBarProps {
+    title?: React.ReactNode;
+    stepText?: React.ReactNode;
+    showClose?: boolean;
+    /** 是否启用投影 */
+    enableShadow?: boolean;
+    /** 是否启用描边 */
+    enableBorder?: boolean;
+    /** 描边粗细 */
+    borderWidth?: number;
+    /** 描边颜色 */
+    borderColor?: string;
+    /** 头部背景颜色 */
+    backgroundColor?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示返回键 */
+    showBack?: boolean;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 关闭按钮点击事件 */
+    onClose?: () => void;
+}
+declare const PisellHeaderProgressBar: React.FC<PisellHeaderProgressBarProps>;
+export default PisellHeaderProgressBar;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import 'swiper/swiper-bundle.css';
+import './index.less';
+export interface PisellImageCarouselsProps {
+    dataSource?: string[];
+    width?: number | string;
+    height?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    borderRadius?: number;
+    loop?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellImageCarousels: React.FC<PisellImageCarouselsProps>;
+export default PisellImageCarousels;

package/lib/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -0,0 +1,4 @@
+export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
+    activeNativeScanner: () => void;
+    isTerminal: any;
+};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export declare type EntryModeType = {
+    /**
+     * 录入模式名称
+     * scanCode: 扫码录入
+     * input: 手动录入
+     * scanner: 扫码枪录入
+     * nfc: NFC录入
+     */
+    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
+    /**
+     * 录入模式文案 没有使用默认文案
+     */
+    name?: string;
+};
+export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 录入模式 */
+    entryModes: EntryModeType[];
+    /** 标题文案 */
+    title?: React.ReactNode;
+    /** 搜索框描述文案 */
+    searchDescribe?: React.ReactNode;
+    /** 录入信息值改变 */
+    onChange?: (val: string) => void;
+    /** 录入类型切换时候触发的 */
+    onChangeType?: (val: null | EntryModeType['type']) => void;
+}
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+export default PisellInformationEntry;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+export interface PisellList01Props {
+    dataSource?: any[];
+    showSearch: boolean;
+    showCategory: boolean;
+    placeholder?: string;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (anchor: string) => void;
+    onSearch?: (value: any) => void;
+    isShowEmpty?: boolean;
+    description?: any;
+}
+declare const PisellList01: React.FC<PisellList01Props>;
+export default PisellList01;

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/pisellSectionHeaders/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellSectionHeadersProps {
+    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
+    /** 左侧返回区域 */
+    backNode?: React.ReactNode;
+    /** 中间内容区域 */
+    centerNode?: React.ReactNode;
+    /** 右侧操作区域 */
+    actionNode?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 操作区域点击事件 */
+    onAction?: () => void;
+}
+declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
+export default PisellSectionHeaders;

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

@@ -0,0 +1,21 @@
+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;
+            value: string;
+        }[];
+    }[];
+}
+declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
+export default PisellStatisticList;

package/lib/components/pisellToast/index.js

@@ -40,6 +40,9 @@ var import_index = require("./index.less");
 var PisellToast = (props) => {
   const { content, duration, showAction, actionText, onClose } = props;
   const key = (0, import_utils.getUniqueId)();
+  if (!import_pisellMessage.message) {
+    return alert(content);
+  }
   import_pisellMessage.message.open({
     key,
     content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-toast-content" }, /* @__PURE__ */ import_react.default.createElement("span", null, content), showAction && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-toast-action" }, actionText), /* @__PURE__ */ import_react.default.createElement(

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id: number;