@pisell/materials 6.3.18 → 6.3.19

package/lib/components/pisellNavigationMenu/types.d.ts

@@ -0,0 +1,85 @@
+import { CSSProperties } from 'react';
+import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
+export interface NavigationMenuItem {
+    id: string;
+    /** 标题 */
+    title: string;
+    /** 图标 */
+    icon?: string;
+    /** 描述 */
+    description?: string;
+    /** 子菜单 */
+    children?: NavigationMenuItem[];
+    /** 版本 */
+    version?: string;
+    /** 是否是分组 */
+    isGroup?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许删除 */
+    allowDelete?: boolean;
+    /** 是否允许编辑 */
+    allowEdit?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddSubmenu?: boolean;
+    /** 是否允许添加页面 */
+    allowAddPage?: boolean;
+    /** 其他属性 */
+    [key: string]: any;
+}
+export interface PisellNavigationMenuProps {
+    /** 导航菜单数据 */
+    value: NavigationMenuItem[];
+    /** 是否允许拖拽排序 */
+    allowDrag?: boolean;
+    /** 是否允许删除菜单项 */
+    allowDelete?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许添加根菜单 */
+    allowAddRoot?: boolean;
+    /** 是否允许显示隐藏 */
+    allowIsShow?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 菜单项间距 */
+    spacing?: number;
+    /** 最大层级数 */
+    maxLevel?: number;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 数据变化回调 */
+    onChange?: (items: NavigationMenuItem[]) => void;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 标题 */
+    title?: string;
+    /** 添加子菜单回调 */
+    onAddSubMenu?: (item?: NavigationMenuItem) => void;
+    /** 添加页面回调 */
+    onAddPage?: (item?: NavigationMenuItem) => void;
+    /** 编辑回调 */
+    onEdit?: (item: NavigationMenuItem) => void;
+    /** 删除回调 */
+    onDelete?: (item: NavigationMenuItem) => void;
+    /** 左侧自定义内容 */
+    leftContent?: React.ReactNode;
+    /** 右侧自定义内容 */
+    rightContent?: React.ReactNode;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
+    /** 显示隐藏回调 */
+    onIsShow?: (item: NavigationMenuItem) => void;
+    /** 节点缩进宽度 */
+    indentationWidth?: number;
+    /** 隐藏描述 */
+    hideDescription?: boolean;
+    /** 悬浮时展示action */
+    showActionOnHover?: boolean;
+    /** 是否展示标题标签 */
+    showTitleTags?: boolean;
+}

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

@@ -0,0 +1,15 @@
+/**
+ * 树节点的基本接口
+ */
+export interface TreeNode {
+    [key: string]: any;
+    children?: TreeNode[];
+}
+/**
+ * 格式化树结构数据
+ * @param tree 要格式化的树结构数据
+ * @param formatter 格式化函数，用于处理每个节点
+ * @param childrenField 子节点字段名，默认为 'children'
+ * @returns 格式化后的树结构
+ */
+export declare function formatTree<T extends TreeNode, R = T>(tree: T[], formatter: (node: T, level: number, parent: T | null) => R, childrenField?: string): R[];

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.less';
+export interface PisellQRScannerProps {
+    /** 是否可见 */
+    visible: boolean;
+    /** 是否显示上传图片按钮 */
+    showUpload?: boolean;
+    /** 关闭回调 */
+    onClose: () => void;
+    /** 扫码成功回调 */
+    onScan: (value: string) => void;
+    /**
+     * 样式属性，可选
+     * 注意: 不应传入renderMode等不必要属性
+     */
+    style?: React.CSSProperties;
+    /** 类名，可选 */
+    className?: string;
+}
+/**
+ * 二维码扫描组件
+ */
+declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
+export default PisellQRScanner;

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) => JSX.Element;
+declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
 export default PisellRow;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BrowserMultiFormatReader } from '@zxing/library';
+import './index.less';
+export interface PisellScanProps extends Omit<React.HTMLAttributes<HTMLVideoElement>, 'onChange'> {
+    /** 当前scan展示宽度 */
+    width: string | number;
+    /** 当前scan展示高度 */
+    height?: string | number;
+    /** 当前scan圆角 */
+    borderRadius?: string | number;
+    /** 扫描完成回调 */
+    onChange?: (val: string) => void;
+    /** 扫描间隔时间 毫秒 */
+    timeBetweenScansMillis?: number;
+}
+export declare type PisellScanRef = {
+    codeReader: BrowserMultiFormatReader | null;
+};
+/**
+ * 二维码条形码扫描组件
+ */
+declare const PisellScan: React.ForwardRefExoticComponent<PisellScanProps & React.RefAttributes<PisellScanRef>>;
+export default PisellScan;

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

@@ -17,5 +17,5 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
         }[];
     }[];
 }
-declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
 export default PisellStatisticList;

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) => React.JSX.Element;
+export default PisellTags;

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

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

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

@@ -16,5 +16,5 @@ export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 货币符号 */
     symbol?: string;
 }
-declare const Amount: (props: AmountProps) => JSX.Element;
+declare const Amount: (props: AmountProps) => React.JSX.Element;
 export default Amount;

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

@@ -47,8 +47,7 @@ var Amount = (props) => {
   } = props;
   const config = (0, import_usePisellConfig.default)();
   const amount = (0, import_react.useMemo)(() => {
-    var _a;
-    return (0, import_utils.formatAmountWithOptions)(value, symbol || (config == null ? void 0 : config.symbol) || ((_a = config == null ? void 0 : config.getSymbolic) == null ? void 0 : _a.call(config)) || "", {
+    return (0, import_utils.formatAmountWithOptions)(value, symbol || (config == null ? void 0 : config.symbol) || "", {
       precision,
       showCurrencySymbol,
       useThousandsSeparator,

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

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

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

@@ -13,5 +13,4 @@ export interface PisellToastProps {
     onClose?: () => void;
 }
 declare const PisellToast: (props: PisellToastProps) => void;
-export { useToast } from './squareToast';
 export default PisellToast;

package/lib/components/pisellToast/index.js

@@ -29,8 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/pisellToast/index.tsx
 var pisellToast_exports = {};
 __export(pisellToast_exports, {
-  default: () => pisellToast_default,
-  useToast: () => import_squareToast.useToast
+  default: () => pisellToast_default
 });
 module.exports = __toCommonJS(pisellToast_exports);
 var import_react = __toESM(require("react"));
@@ -38,13 +37,9 @@ var import_utils = require("@pisell/utils");
 var import_pisellMessage = require("../pisellMessage");
 var import_iconfont = __toESM(require("../iconfont"));
 var import_index = require("./index.less");
-var import_squareToast = require("./squareToast");
 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(
@@ -62,7 +57,3 @@ var PisellToast = (props) => {
   });
 };
 var pisellToast_default = PisellToast;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useToast
-});

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

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

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

@@ -0,0 +1,11 @@
+import React from '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) => React.JSX.Element;
+export default PisellUpload;

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

@@ -1,13 +1,5 @@
 import React from 'react';
 import './index.less';
-export interface FormatOption {
-    /** 原始 DOM 元素 */
-    originDom: React.ReactNode;
-    /** 是否选中状态 */
-    active: boolean;
-    /** 完整的组件数据 */
-    data: PisellWalletPassCardProps;
-}
 export interface PisellWalletPassCardProps {
     id: number;
     /** 卡片样式 */
@@ -43,7 +35,7 @@ export interface PisellWalletPassCardProps {
     /** 是否展示商品名称 */
     showName?: boolean;
     /** 是否展示共享店铺名称 */
-    showStoreName?: boolean | ((data: any) => boolean);
+    showStoreName?: boolean;
     /** 是否展示使用金额 */
     showRedeem?: boolean;
     /** 是否展示余额 */
@@ -91,49 +83,6 @@ export interface PisellWalletPassCardProps {
     beforeEdit?: (value: any) => Promise<any> | boolean | void;
     /** 编辑弹窗点击提交 */
     onConfirmEdit?: (value: any) => void;
-    /** 编辑金额事件 */
-    onConfirmEditAmount?: (value: number) => void;
-    /** 详情按钮点击事件 */
-    onDetail?: (data: {
-        id: number;
-        name: string;
-        storeName: string;
-        balance?: number;
-        redeem?: number;
-        code: string;
-        validDate: string;
-        originData?: any;
-    }) => void;
-    /** 是否使用外部详情处理（当为 true 且提供了 onDetail 时，不显示内部模态框） */
-    useExternalDetail?: boolean;
-    /** 单选或者多选 */
-    mode?: 'multiple' | 'single';
-    /** 是否展示选中图标 */
-    showActiveIcon?: boolean;
-    /** 开启编辑金额 */
-    enableEditAmount?: boolean;
-    /** 显示状态标识 */
-    showStatus?: boolean;
-    /** 名称标题字号字重颜色配置 */
-    nameTitleStyle?: {
-        fontSize: number;
-        fontWeight: number;
-        color: string;
-    };
-    /** 卡片状态 */
-    cardStatus?: 'used' | 'expired' | 'disabled' | 'conflict' | 'lastPayment';
-    /** 自定义余额格式化函数，如果提供则优先使用 */
-    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义余额标题格式化函数，如果提供则优先使用 */
-    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额格式化函数，如果提供则优先使用 */
-    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
-    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 最大使用金额 */
-    maxRedeem?: number;
-    /** 编辑金额前事件 */
-    onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
     /** 是否显示持有人 */
     showHolderName?: boolean;
     /** 持有人, 表单记录，展示时一般取main_field */
@@ -142,5 +91,5 @@ export interface PisellWalletPassCardProps {
     onSetHolder?: (currentValue?: any) => void;
     [key: string]: any;
 }
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
 export default PisellWalletPassCard;