@pisell/materials 3.3.35 → 3.3.37

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

@@ -0,0 +1,251 @@
+import { FilterType } from "../filter/types";
+import { SortItemProps } from "../sort/types";
+import React from "react";
+export declare type StorageMode = "" | "localStorage";
+/**
+ * 排序总配置
+ */
+export declare type SortType = {
+    /** 排序是否展示 */
+    show: boolean;
+    /** 排序存储模式 */
+    storageMode: StorageMode;
+    list: SortItemProps[];
+};
+/**
+ * 列展示总配置
+ */
+export declare type ColumnSettingType = {
+    /** 列设置是否展示 */
+    show: boolean;
+    /** 列设置存储模式 */
+    storageMode: StorageMode;
+};
+declare type DataSourceListItemType = {
+    isCustom: boolean;
+    columnKey?: string;
+    label?: string;
+    name?: string | string[];
+    isHidden?: boolean;
+};
+/**
+ * 数据源分组总配置
+ */
+export declare type DataSourceGroupType = {
+    /** 分组设置是否展示 */
+    show: boolean;
+    /** 分组设置存储模式 */
+    storageMode: StorageMode;
+    /**  */
+    list: DataSourceListItemType[];
+};
+/**
+ * Gallery封面总配置
+ */
+declare type GalleryCoverType = {
+    /** 封面是否展示 */
+    show: boolean;
+    /**
+     * 封面图片可以使用的字段
+     */
+    fields: string[];
+    /**
+     * 封面高度
+     */
+    height: number;
+    /** 图片裁剪方式 */
+    objectFit: "fill" | "cover";
+};
+/**
+ * Gallery标题总配置
+ */
+declare type GalleryTitleType = {
+    /** 标题使用的字段 */
+    field: string;
+    /** 标题行数 */
+    line: number;
+};
+/**
+ * Gallery头部区域总配置
+ */
+declare type GalleryHeaderType = {
+    /** 头部区域插槽 */
+    slot?: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 头部区域其他字段设置 */
+    fields: {
+        /** 头部区域其他字段是否展示 */
+        show: boolean;
+        /** 头部区域其他字段 */
+        list: string[];
+    };
+};
+/**
+ * Gallery内容区域总配置
+ */
+declare type GalleryContentType = {
+    /** 内容区域字段配置 */
+    fields: {
+        columnKey: string;
+        show: boolean;
+    }[];
+};
+export declare type GallerySettingValueType = {
+    coverField: string | "noCover";
+    coverObjectFit: "fill" | "cover";
+    compactMode: "default" | "compact";
+    isShowLabel: boolean;
+};
+/**
+ * Gallery底部区域总配置
+ */
+declare type GalleryFooterType = {
+    /** 底部区域自定义渲染 */
+    render: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 底部区域高度 */
+    height: number;
+};
+/**
+ * Gallery模式总配置
+ */
+export declare type GallerySettingType = {
+    /** 卡片最小宽度 */
+    cardMinWidth: number;
+    /** 卡片最大宽度 */
+    cardMaxWidth: number;
+    /** 水平间隔 */
+    horizontalGutter: number;
+    /** 垂直间隔 */
+    verticalGutter: number;
+    /** 封面配置 */
+    cover: GalleryCoverType;
+    /** 标题配置 */
+    title: GalleryTitleType;
+    /** 头部区域 */
+    header: GalleryHeaderType;
+    /** 内容区域 */
+    content: GalleryContentType;
+    /** 固定高度 */
+    fixedHeight: boolean;
+    /** 固定的卡片高度 */
+    cardHeight: number;
+    /** 固定顶部 */
+    fixedHeader: boolean;
+    /** 固定底部 */
+    fixedFooter: boolean;
+    /** 底部区域 */
+    footer: GalleryFooterType;
+    /** 卡片点击时间 */
+    onItem: (record: Record<string, any>, index: number) => void;
+};
+/** 视图模式 */
+export declare type ModeType = "grid" | "gallery" | "kanban";
+/**
+ * 视图模式总配置
+ */
+export declare type GridViewType = {
+    /** 默认视图模式 */
+    defaultViewMode: ModeType;
+    /** 开启多视图模式可进行页面内转换 */
+    multiple: boolean;
+    /** 当前可用的视图模式列表 */
+    modeList: ModeType[];
+};
+declare type SortDetail = {
+    fromIndex: number;
+    toIndex: number;
+    dataSource: Record<string, any>[];
+    fromId: number | string;
+    toId: number | string;
+    fromItem: Record<string, any>;
+    toItem: Record<string, any>;
+};
+/** 导入导出模式 */
+export declare type ExportImportModeType = "import" | "export" | "export_file" | "import_log";
+/**
+ * @title: 导出导入api
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-11 15:44
+ */
+export declare type ApiProps = {
+    export?: string;
+    import?: string;
+    export_file: string;
+    import_log?: string;
+    template?: string;
+};
+/**
+ * 导入导出配置
+ */
+export declare type ExportImportType = {
+    /** 是否展示 */
+    show: boolean;
+    /** 当前所选项 */
+    selectLists: string[];
+    /** 导入模版链接 */
+    templateFileUrl: string;
+    /** 标题 */
+    title: string;
+    hiddenKeys?: string[];
+    apiUrl?: ApiProps;
+    otherParams?: any;
+};
+export declare type GridViewProps = {
+    columns: any;
+    dataSource: any[];
+    dispatch: any;
+    /**
+     * 画册模式的配置
+     */
+    gallery: GallerySettingType;
+    /**
+     * 视图设置
+     */
+    view: GridViewType;
+    style: React.CSSProperties;
+    pagination: any;
+    filter: FilterType;
+    buttons: React.ReactNode | any[];
+    actionButtons: any;
+    sort: SortType;
+    title?: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    subTitle?: React.ReactNode | (() => React.ReactNode);
+    showSubTitle?: boolean;
+    exportImport: ExportImportType;
+    onValuesChange: (changedValues: any, values: any) => void;
+    summary: any;
+    utils: any;
+    rowKey: ((record: Record<string, any>) => string) | string;
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    loading: boolean;
+    dragSort: boolean;
+    onSortChange?: (detail: SortDetail) => boolean;
+    __id?: string;
+    __designMode?: "design";
+    /**
+     * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
+     */
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
+    /**
+     * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
+     * @param currentDataSource
+     */
+    onDataSourceChange?: (currentDataSource: Record<string, any>[]) => void;
+    tabs: {
+        show: boolean;
+        type: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+        items: {
+            name: string;
+            filterBy?: Record<string, any>;
+            sortBy?: string;
+        }[];
+    };
+};
+export {};

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

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import { TabsProps } from 'antd';
+import './index.less';
+declare class Tabs extends Component<any> {
+    state: {
+        activeKey: any;
+    };
+    componentDidMount(): void;
+    private _handleChange;
+    setActiveKey: (key: string) => void;
+    getActiveKey: () => any;
+    renderIconLabelTabBar: TabsProps['renderTabBar'];
+    filterHiddenTabs: (tabs: any[]) => any[];
+    render(): JSX.Element;
+}
+export default Tabs;

package/lib/components/time-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Version } from '../versionSelect';
+import './index.less';
+interface PublishVersionModalProps {
+    visible: boolean;
+    currentVersion: string;
+    onCancel: () => void;
+    onConfirm: (data: VersionData) => void;
+    isShowNote?: boolean;
+    confirmLoading?: boolean;
+    versions?: Version[];
+    isShowBasedOn?: boolean;
+    isShowCurrentVersion?: boolean;
+    isValidateVersion?: boolean;
+}
+interface VersionData {
+    version: string;
+    note: string;
+    baseVersion?: string;
+    versionType?: string;
+}
+declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
+export default PublishVersionModal;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

package/lib/components/walletCard/Guest/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Guest: (props: any) => JSX.Element;
+export default Guest;

package/lib/components/walletCard/Guide/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Guide: (props: any) => JSX.Element;
+export default Guide;

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import './index.less';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}
+export interface WalletCardItem {
+    key: string;
+    label?: string;
+    hidden?: boolean;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'orCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    showShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    showCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+    /** 点击卡片的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    items: WalletCardItem[];
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    title?: string;
+    subTitle?: string;
+    align?: 'left' | 'center';
+    buttonText?: string;
+    [key: string]: any;
+    /** 是否已登录 */
+    isLogin?: boolean;
+    /** 是否是引导页 */
+    isGuide?: boolean;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/lib/hooks/useResponsive.js

@@ -35,8 +35,7 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info)
-    return;
+  if (oldInfo === info) return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -58,8 +57,7 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info)
-    calculate();
+  if (info) calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -70,8 +68,7 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser)
-      return;
+    if (!import_utils.isBrowser) return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/lib/index.d.ts

@@ -0,0 +1,141 @@
+export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
+export { default as AutoComplete } from './components/auto-complete';
+export { default as AutoCompleteNumber } from './components/auto-complete-number';
+export { default as Badge } from './components/badge';
+export { default as BatchEditor } from './components/batch-editor';
+export { default as Button } from './components/button';
+export { default as ButtonGroupEdit } from './components/buttonGroupEdit';
+export { default as ButtonGroupPreview } from './components/buttonGroupPreview';
+export { default as Calendar } from './components/calendar';
+export { default as CardMetricItem } from './components/cardMetricItem';
+export { default as CardPro } from './components/cardPro';
+export { default as Cascader } from './components/cascader';
+export { default as Checkbox } from './components/checkbox';
+export { default as ClassicLayout } from './components/classicLayout';
+export { default as Component } from './components/component';
+export { default as ConfigProvider } from './components/config-provider';
+export { default as CropPhoto } from './components/cropPhoto';
+export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
+export { default as FormGroup } from './components/dataSourceComponents/dataSourceForm/group';
+export { default as JsonWrapper } from './components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider';
+export { default as SubmitButton } from './components/dataSourceComponents/dataSourceForm/submitButton';
+export { default as DataSourceMenu } from './components/dataSourceComponents/dataSourceMenu';
+export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
+export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';
+export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
+export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
+export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
+export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
+export { default as FormItemColorPicker } from './components/dataSourceComponents/fields/ColorPicker';
+export { default as FormItemDatePicker } from './components/dataSourceComponents/fields/DatePicker';
+export { default as FormItemInput } from './components/dataSourceComponents/fields/Input';
+export { default as FormItemInputNumber } from './components/dataSourceComponents/fields/InputNumber';
+export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
+export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
+export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
+export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
+export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
+export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
+export { default as DatePicker } from './components/date-picker';
+export { default as Div } from './components/div';
+export { default as DragSortTree } from './components/drag-sort-tree';
+export { default as Drawer } from './components/drawer';
+export { default as Dropdown } from './components/dropdown';
+export { default as Filter } from './components/filter';
+export { default as Form } from './components/form';
+export { default as Icon } from './components/icon';
+export { default as Iconfont } from './components/iconfont';
+export { default as Input } from './components/input';
+export { default as InputNumberRange } from './components/input-number-range';
+export { default as List } from './components/list';
+export { default as loginAndRegister } from './components/login-and-register';
+export { default as LowCodePage } from './components/lowCodePage';
+export { default as Modal } from './components/modal';
+export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
+export { default as Page } from './components/page';
+export { default as PageHeader } from './components/page-header';
+export { default as PisellConfigProvider } from './components/pisell-config-provider';
+export { default as PisellContext, globalConfig, } from './components/pisell-config-provider/context';
+export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
+export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
+export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
+export { default as PisellAlert } from './components/pisellAlert';
+export { default as PisellAnchor } from './components/pisellAnchor';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as PisellCard } from './components/pisellCard';
+export { default as PisellCardList } from './components/pisellCardList';
+export { default as PisellCheckboxGroup } from './components/pisellCheckboxGroup';
+export { default as PisellContainer } from './components/pisellContainer';
+export { default as PisellCountdown } from './components/pisellCountdown';
+export { default as PisellDatePicker } from './components/pisellDatePicker';
+export { default as PisellDraggable } from './components/pisellDraggable';
+export { default as PisellEmpty } from './components/pisellEmpty';
+export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
+export { default as PisellInformationEntry } from './components/pisellInformationEntry';
+export { default as PisellInput } from './components/pisellInput';
+export { getBankCardTypeImg } from './components/pisellInput/components/BankCard/utils';
+export { default as PisellQrcode } from './components/pisellQrcode';
+export { default as PisellLayout } from './components/pisellLayout';
+export { default as PisellContent } from './components/pisellLayout/content';
+export { default as PisellFooter } from './components/pisellLayout/footer';
+export { default as PisellHeader } from './components/pisellLayout/header';
+export { default as PisellSider } from './components/pisellLayout/sider';
+export { default as PisellLoading } from './components/pisellLoading';
+export { default as PisellMenu } from './components/pisellMenu';
+export type { PisellMenuProps } from './components/pisellMenu/types';
+export { default as PisellModal } from './components/pisellModal';
+export { default as PisellQRScanner } from './components/pisellQRScanner';
+export type { PisellQRScannerProps } from './components/pisellQRScanner';
+export { default as PisellRow } from './components/pisellRow';
+export { default as PisellScan } from './components/pisellScan';
+export { default as PisellStatisticList } from './components/pisellStatisticList';
+export { default as PisellTags } from './components/pisellTags';
+export { default as PisellText } from './components/pisellText';
+export { default as PisellToast } from './components/pisellToast';
+export { default as PisellTooltip } from './components/pisellTooltip';
+export { default as PisellUpload } from './components/pisellUpload';
+export { default as PisellViewGrid } from './components/pisellViewGrid';
+export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
+export { default as ProfileMenu } from './components/profileMenu';
+export { default as QRCode } from './components/qrcode';
+export { default as Radio } from './components/radio';
+export { default as RecordView } from './components/record-view';
+export { default as Segmented } from './components/segmented';
+export { default as Select } from './components/select';
+export { default as SelectTime } from './components/select-time';
+export { default as Skeleton } from './components/skeleton';
+export { default as Slider } from './components/slider';
+export { default as Sort } from './components/sort';
+export { default as SortableList } from './components/sortableList';
+export { default as Table } from './components/table';
+export { default as Tabs } from './components/tabs';
+export { default as TimePicker } from './components/time-picker';
+export { default as Translation } from './components/translation';
+export { default as TreeSelect } from './components/tree-select';
+export { default as Typography } from './components/typography';
+export { default as Upload } from './components/upload';
+export { default as VirtualKeyboard } from './components/virtual-keyboard';
+export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
+export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
+export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
+export { default as WalletCard } from './components/walletCard';
+export { default as PublishVersionModal } from './components/versionModal';
+export { default as IconSelect } from './components/iconSelect';
+export { default as CustomSelect } from './components/customSelect';
+export { default as AppVersionControl } from './components/appVersionControl';
+export { default as Image } from './components/image';
+export { default as PisellDropSort } from './components/pisellDropSort';
+export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';
+export { default as PisellAppCard } from './components/pisellAppCard';
+export type { PisellAppCardProps } from './components/pisellAppCard/types';
+export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as SectionFooters } from './components/section-footers';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';
+export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';