@pisell/materials 6.3.26 → 6.3.28

package/es/components/table/status.d.ts

@@ -0,0 +1,19 @@
+interface defaultOptions {
+    exportType: string;
+    footerHintTypes: string[];
+    okShowButtonTypes: string[];
+    exportValue: string;
+    importValue: string;
+}
+export declare const defaultOptions: defaultOptions;
+interface SomeArray {
+    [index: string]: string;
+}
+export declare const suffixOptions: SomeArray;
+export declare const exportImportOptions: {
+    import: any;
+    export: any;
+    export_file: any;
+    import_log: any;
+};
+export {};

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

@@ -0,0 +1,268 @@
+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 LocalSettingsScope = "filters" | "sorting" | "columns";
+/**
+ * 本地记忆设置
+ */
+export declare type LocalSettingsType = {
+    /** 启用设置记忆 */
+    enable: boolean;
+    /** 记忆范围 */
+    scope: LocalSettingsScope[];
+    /** 不需要记忆的筛选字段（当 scope 包含 filters 时生效） */
+    excludedFilterFields?: string[];
+};
+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;
+        }[];
+    };
+    /** 本地记忆设置 */
+    localSettings?: LocalSettingsType;
+};
+export {};

package/es/components/table/utils.d.ts

@@ -0,0 +1,14 @@
+declare class Request {
+    private request;
+    constructor();
+    setRequest(val: any): void;
+    getRequest(): {
+        get: <T = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T>;
+        post: <T_1 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_1>;
+        put: <T_2 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_2>;
+        remove: <T_3 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_3>;
+        custom: <T_4 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_4>;
+    };
+}
+export declare const request: Request;
+export {};

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

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

package/es/components/translation/index.d.ts

@@ -4,6 +4,8 @@ declare type Value = {
     en: string;
     'zh-CN': string;
     'zh-HK': string;
+    'ja': string;
+    'pt': string;
 };
 interface TranslationProps {
     value: Value;

package/es/components/translation/index.js

@@ -43,6 +43,18 @@ var defaultGlobal = {
       text: '繁體中文',
       primary: 0,
       status: 'published'
+    }, {
+      id: 4,
+      code: 'ja',
+      text: '日本語',
+      primary: 0,
+      status: 'published'
+    }, {
+      id: 5,
+      code: 'pt',
+      text: 'Português',
+      primary: 0,
+      status: 'published'
     }]
   },
   primary_locale: 'en'

package/es/components/translation/utils.d.ts

@@ -2,6 +2,8 @@ export declare const locales: {
     en: string;
     "zh-CN": string;
     "zh-HK": string;
+    ja: string;
+    pt: string;
 };
 export declare const checkIfAllValuesAreEqual: (obj: any) => boolean;
 export declare const createTranslationText: (text: string, isAll?: boolean) => any;

package/es/components/translation/utils.js

@@ -7,7 +7,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 export var locales = {
   en: "",
   "zh-CN": "",
-  "zh-HK": ""
+  "zh-HK": "",
+  'ja': '',
+  'pt': ''
 };
 export var checkIfAllValuesAreEqual = function checkIfAllValuesAreEqual(obj) {
   var valuesArray = Object.values(obj);

package/es/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+declare const Typography: import("antd").TypographyProps;
+export default Typography;

package/es/components/virtual-keyboard/Amount/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const amountThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/Keyboard/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
+export default _default;

package/es/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const numberThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+    style?: React.CSSProperties;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
+export default VirtualKeyInput;

package/es/components/virtualInput/BaseVirtualInput/index.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import './index.less';
+export interface BaseVirtualInputProps {
+    /** 输入值 */
+    value?: string | React.ReactNode;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否自动聚焦 */
+    autoFocus?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 组件高度，默认60px */
+    height?: number | string;
+    /** 字体大小，默认48px，如果不设置会根据高度自动计算 */
+    fontSize?: number | string;
+    /** 聚焦回调 */
+    onFocus?: () => void;
+    /** 失焦回调 */
+    onBlur?: () => void;
+    /** 文字位置 */
+    textAlign?: 'start' | 'center' | 'end';
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** showCursor  */
+    showCursor?: boolean;
+    /** 防止失焦的元素选择器或ref */
+    preventBlurElements?: Array<string | React.RefObject<HTMLElement>>;
+    /** 是否聚焦（受控模式） */
+    focused?: boolean;
+    /** 是否选中全部文本（类似浏览器选中效果） */
+    selected?: boolean;
+    /** 选中状态的背景色，默认为主题色 */
+    selectedColor?: string;
+}
+export interface BaseVirtualInputRef {
+    /** 手动聚焦 */
+    focus: () => void;
+    /** 手动失焦 */
+    blur: () => void;
+}
+declare const BaseVirtualInput: React.ForwardRefExoticComponent<BaseVirtualInputProps & React.RefAttributes<BaseVirtualInputRef>>;
+export default BaseVirtualInput;

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

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

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

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

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

@@ -7,6 +7,8 @@ export interface WalletCardItem {
         en: string;
         'zh-CN': string;
         'zh-HK': string;
+        'ja': string;
+        'pt': string;
     };
     display?: 0 | 1;
     value?: number;

package/es/components/walletCard/index.js

@@ -54,7 +54,9 @@ var DEFAULT_PROPS = {
       original: 'Balance',
       'zh-CN': '充值卡',
       'zh-HK': '充值卡',
-      en: 'Balance'
+      en: 'Balance',
+      'ja': '残高',
+      'pt': 'Saldo'
     }
   }, {
     type: 'point',
@@ -63,7 +65,9 @@ var DEFAULT_PROPS = {
       original: 'Points',
       'zh-CN': '积分卡',
       'zh-HK': '積分卡',
-      en: 'Points'
+      en: 'Points',
+      'ja': 'ポイント',
+      'pt': 'Pontos'
     }
   }, {
     type: 'voucher',
@@ -72,7 +76,9 @@ var DEFAULT_PROPS = {
       original: 'Voucher',
       'zh-CN': '代金券',
       'zh-HK': '代金券',
-      en: 'Voucher'
+      en: 'Voucher',
+      'ja': 'クーポン',
+      'pt': 'Cupom'
     }
   }, {
     type: 'discount',
@@ -81,6 +87,8 @@ var DEFAULT_PROPS = {
       original: 'Discount',
       'zh-CN': '折扣卡',
       'zh-HK': '折扣卡',
+      'ja': '割引カード',
+      'pt': 'Cartão de desconto',
       en: 'Discount'
     }
   }]

package/es/hooks/useCssVariables.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    ref: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/es/hooks/useEngineContext.d.ts

@@ -0,0 +1,9 @@
+declare type IEngineContext = {
+    appHelper: any;
+    engine: any;
+    blockContext: any;
+    components: any;
+    pageContext: any;
+};
+declare const useEngineContext: () => IEngineContext;
+export default useEngineContext;

package/es/hooks/useMobile.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 响应式监听 Hook
+ * 监听窗口大小变化，返回当前是否为移动端
+ *
+ * @param breakpoint - 断点宽度（默认 768px）
+ * @returns 是否为移动端
+ */
+export declare function useMobile(breakpoint?: number): boolean;

package/es/hooks/useSetRequest.d.ts

@@ -0,0 +1,2 @@
+declare const useSetRequest: () => void;
+export default useSetRequest;

package/es/index.d.ts

@@ -14,7 +14,7 @@ export type { PisellSingleLineTextProps, PisellLongTextProps, PisellNumberProps,
  * <PisellMetrics.MetricCard title="Total Sales" value={1580} />
  */
 export { default as PisellMetrics } from './components/PisellMetrics';
-export type { PisellMetricCardProps, PisellStatisticProps } from './components/PisellMetrics';
+export type { PisellMetricCardProps, PisellStatisticProps, } from './components/PisellMetrics';
 /**
  * PisellLayouts - 布局组件命名空间
  * @example
@@ -134,7 +134,7 @@ export { default as CropPhoto } from './components/cropPhoto';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as Translation } from './components/translation';
 export { PisellLookup } from './components/pisellLookup';
-export type { PisellLookupProps, PisellLookupRef } from './components/pisellLookup';
+export type { PisellLookupProps, PisellLookupRef, } from './components/pisellLookup';
 export { PisellFind } from './components/pisellFind';
 export type { PisellFindProps, PisellFindRef } from './components/pisellFind';
 export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
@@ -148,6 +148,10 @@ export { default as DataSourceTypography } from './components/dataSourceComponen
 export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
 export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
 export { default as PisellDataSourceContainer } from './components/pisellDataSourceContainer';
+export { default as PisellRecordBoard } from './components/pisellRecordBoard';
+export type { RecordBoardContextValue, RecordBoardChildComponentProps, RecordBoardColumnType, } from './components/pisellRecordBoard';
+export { PisellShellFrame } from './components/pisellShellFrame';
+export type { PisellShellFrameProps, PisellShellFrameConfig, PisellShellFrameScrollConfig, } from './components/pisellShellFrame';
 export type { DataSourceContainerProps } from './components/pisellDataSourceContainer';
 export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
 export { default as FormItemSwitch } from './components/dataSourceComponents/fields/Switch';
@@ -162,6 +166,10 @@ export { default as FormItemTranslation } from './components/dataSourceComponent
 export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
 export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
 export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as DataSourceSubForm } from './components/dataSourceComponents/dataSourceSubForm';
+export type { DataSourceSubFormProps } from './components/dataSourceComponents/dataSourceSubForm/types';
+export { default as FormItemRecordListWrapper } from './components/dataSourceComponents/fields/RecordListWrapper';
+export { default as FormItemTabs } from './components/dataSourceComponents/fields/Tabs';
 export { default as PisellMenu } from './components/pisellMenu';
 export type { PisellMenuProps } from './components/pisellMenu/types';
 export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';