@pisell/materials 6.4.6 → 6.4.8

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

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

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

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

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

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

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

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

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

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

package/es/index.d.ts

@@ -91,7 +91,7 @@ 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 PisellToast, useToast } from './components/pisellToast';
 export { default as PisellTooltip } from './components/pisellTooltip';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as PisellViewGrid } from './components/pisellViewGrid';

package/es/index.js

@@ -91,7 +91,7 @@ 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 PisellToast, useToast } from "./components/pisellToast";
 // export { default as InformationModal } from './components/pisellModal/components/Information';
 export { default as PisellTooltip } from "./components/pisellTooltip";
 export { default as PisellUpload } from "./components/pisellUpload";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppVersionControlProps } from './types';
 import './index.less';
 declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

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

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

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

package/lib/components/batch-editor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

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

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

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: (props: any) => JSX.Element;
+export default _default;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
 declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/config-provider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -56,6 +56,7 @@ var BaseTable = (props, ref) => {
     columns: propsColumns,
     dataSource,
     operationContent,
+    currentSettingKey,
     ...others
   } = props;
   const tableRef = (0, import_react.useRef)(null);
@@ -70,6 +71,9 @@ var BaseTable = (props, ref) => {
     }
     return originData;
   }, [originData, __designMode]);
+  const formatCurrentSettingKey = (0, import_react.useMemo)(() => {
+    return currentSettingKey || props.__id || "";
+  }, [currentSettingKey]);
   const { dataSourceKey, dataSourceKeyRef } = (0, import_useDataSourceKey.default)();
   const beforeClose = (0, import_react.useRef)();
   const setBeforeClose = (0, import_react.useCallback)((fn) => {
@@ -84,7 +88,7 @@ var BaseTable = (props, ref) => {
     Container,
     drawerContent
   } = (0, import_useDrawerState.default)(operationContent);
-  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange, refreshCurrentPage } = (0, import_useTableQuery.default)(props);
+  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange, refreshCurrentPage, getInitialValues } = (0, import_useTableQuery.default)(props, formatCurrentSettingKey);
   const handleAllValuesChange = (changedValues, values) => {
     var _a;
     (_a = props == null ? void 0 : props.onValuesChange) == null ? void 0 : _a.call(props, changedValues, values);
@@ -130,7 +134,8 @@ var BaseTable = (props, ref) => {
     closeDrawer,
     refreshData,
     handleFilterChange,
-    tableRef
+    tableRef,
+    getInitialValues
   });
   (0, import_react.useImperativeHandle)(ref, () => {
     if (tableRef.current) {
@@ -147,6 +152,7 @@ var BaseTable = (props, ref) => {
       ref: tableRef,
       ...others,
       ...transformProps,
+      currentSettingKey: formatCurrentSettingKey,
       dataSource: (data == null ? void 0 : data.data) || [],
       loading: list == null ? void 0 : list.loading,
       onValuesChange: handleAllValuesChange

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;
@@ -22,6 +21,7 @@ interface FilterProps {
         placeholder: string;
         key: string;
     };
+    getInitialValues?: () => Record<string, any>;
 }
 declare const Filter: (props: FilterProps) => JSX.Element;
 export default Filter;

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.js

@@ -52,7 +52,8 @@ var Filter = (props) => {
     handleValuesChange,
     search,
     filterBy,
-    show
+    show,
+    getInitialValues
   } = props;
   const [form] = import_antd.Form.useForm();
   const { dataSource } = (0, import_useDataSource.default)();
@@ -155,6 +156,9 @@ var Filter = (props) => {
       }
     ) : null;
   }, [search]);
+  const initialValues = (0, import_react.useMemo)(() => {
+    return getInitialValues == null ? void 0 : getInitialValues();
+  }, [search, filterBy]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
     {
@@ -163,7 +167,8 @@ var Filter = (props) => {
       size: "large",
       layout: "inline",
       className: "filter-form-wrapper",
-      onValuesChange
+      onValuesChange,
+      initialValues
     },
     searchDom,
     filterDom,

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Drawer } from 'antd';
 import { OperationItem } from '../type';
 declare const useDrawerState: (operationContent?: {
@@ -9,7 +8,7 @@ declare const useDrawerState: (operationContent?: {
     openDrawer: (item: OperationItem) => void;
     closeDrawer: () => void;
     drawerContent: import("react").ReactNode;
-    Container: {
+    Container: typeof Drawer | {
         (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
         confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
             destroy: () => void;
@@ -33,7 +32,7 @@ declare const useDrawerState: (operationContent?: {
             update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
         };
         Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
+    };
     containerProps: {};
 };
 export default useDrawerState;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -9,6 +9,7 @@ interface UseTablePropsProps {
     refreshData: () => void;
     handleFilterChange: (changedFields: any, allFields: any) => void;
     tableRef: any;
+    getInitialValues: () => Record<string, any>;
 }
 /**
  * 处理table的props
@@ -17,6 +18,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
+    currentComponentId: any;
     title: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
@@ -28,9 +30,11 @@ declare const useTableProps: (props: UseTablePropsProps) => {
     columns: import("./useColumns").Column[];
     subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
-    filter: JSX.Element | null;
+    filter: any;
     onRow: (record: any) => any;
     actionButtons: any[] | null;
+    __id?: string | undefined;
+    currentSettingKey?: string | undefined;
     titleButtons?: {
         show: boolean;
         maxCount: number;
@@ -42,12 +46,6 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         items: OperationItem[];
     } | undefined;
     operation?: {
-        /**
-         * 处理table的props
-         * 转换title
-         * @param props
-         * @returns
-         */
         show: boolean;
         title: string;
         width: number;
@@ -94,5 +92,6 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         create?: Record<string, any> | undefined;
         destroy?: Record<string, any> | undefined;
     } | undefined;
+    localSettings?: import("../../../table/types").LocalSettingsType | undefined;
 };
 export default useTableProps;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -54,7 +54,8 @@ var useTableProps = (props) => {
     closeDrawer,
     refreshData,
     handleFilterChange,
-    tableRef
+    tableRef,
+    getInitialValues
   } = props;
   const {
     title: propsTitle,
@@ -66,7 +67,9 @@ var useTableProps = (props) => {
     search,
     clickToDetail,
     onRow: propsOnRow,
-    filterBy
+    filterBy,
+    currentSettingKey,
+    __id
   } = originProps;
   const {
     items,
@@ -260,16 +263,19 @@ var useTableProps = (props) => {
     if (!(propsFilter == null ? void 0 : propsFilter.show) && !(search == null ? void 0 : search.show)) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    const dom = /* @__PURE__ */ import_react.default.createElement(
       import_filter.default,
       {
         ...propsFilter,
         componentId,
         search,
         handleValuesChange: handleFilterChange,
-        filterBy
+        filterBy,
+        getInitialValues
       }
     );
+    dom.__proto__.items = propsFilter == null ? void 0 : propsFilter.items;
+    return dom;
   }, [propsFilter, search]);
   const onRow = (0, import_ahooks.useMemoizedFn)((record) => {
     if (!(clickToDetail == null ? void 0 : clickToDetail.show)) {
@@ -300,6 +306,7 @@ var useTableProps = (props) => {
   });
   return {
     ...originProps,
+    currentComponentId: componentId,
     title,
     pagination,
     columns,

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {
@@ -12,7 +11,7 @@ declare type Params = {
         sortBy: string;
     };
 };
-declare const useTableQuery: (props: DataSourceTableProps) => {
+declare const useTableQuery: (props: DataSourceTableProps, currentSettingHash: string) => {
     queryPageConfig: {
         page: number;
         pageSize: number;
@@ -29,5 +28,6 @@ declare const useTableQuery: (props: DataSourceTableProps) => {
     refreshData: () => void;
     handleFilterChange: (changedFields: any, allFields: any) => void;
     refreshCurrentPage: () => void;
+    getInitialValues: () => Record<string, any>;
 };
 export default useTableQuery;