@pisell/materials 6.3.18 → 6.3.20

package/lib/components/table/TableFilter/selectFilter.d.ts

@@ -0,0 +1,10 @@
+import { ColumnType } from "antd/es/table";
+import "./index.less";
+declare const getColumnSelectProps: ({ dataIndex, filters, }: {
+    dataIndex: string;
+    filters: {
+        text: string;
+        value: string;
+    }[];
+}) => ColumnType<any>;
+export default getColumnSelectProps;

package/lib/components/table/TableFilter/stringFilter.d.ts

@@ -0,0 +1,6 @@
+import { ColumnType } from "antd/es/table";
+import "./index.less";
+declare const getColumnStringProps: ({ dataIndex, }: {
+    dataIndex: string;
+}) => ColumnType<any>;
+export default getColumnStringProps;

package/lib/components/table/Tabs/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface TabItem {
+    name: string;
+    filterBy?: Record<string, any>;
+    sortBy?: string;
+}
+export interface CustomTabsProps {
+    items?: TabItem[];
+    show?: boolean;
+    type?: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+    onChange?: (filterBy?: Record<string, any>, sortBy?: string) => void;
+}
+declare const Tabs: React.FC<CustomTabsProps>;
+export default Tabs;

package/lib/components/table/View/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/lib/components/table/hooks/useGenScroll.d.ts

@@ -0,0 +1,22 @@
+declare type useGenScrollParams = {
+    wrapHeight: number;
+    scroll?: {
+        x: number;
+        y: number;
+        scrollToFirstRowOnChange?: boolean;
+        autoCalc?: boolean;
+    };
+    columns: any[];
+    isShowPagination: boolean;
+};
+declare const useGenScroll: (params: useGenScrollParams) => {
+    x: number;
+    y: number;
+    scrollToFirstRowOnChange?: boolean | undefined;
+    autoCalc?: boolean | undefined;
+} | {
+    x: any;
+    y: number;
+    scrollToFirstRowOnChange: boolean | undefined;
+} | undefined;
+export default useGenScroll;

package/lib/components/table/hooks/useTransDataSourceGroupSetting.d.ts

@@ -0,0 +1,7 @@
+import { DataSourceGroupType } from "../types";
+declare type UseTransDataSourceGroupSettingParams = {
+    dataSourceGroup?: DataSourceGroupType;
+    originColumnsMap: Map<string, any>;
+};
+declare const useTransDataSourceGroupSetting: (params: UseTransDataSourceGroupSettingParams) => DataSourceGroupType | undefined;
+export default useTransDataSourceGroupSetting;

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

@@ -0,0 +1,13 @@
+declare type exportParams = {
+    ids?: Array<string | number>;
+    file_name?: string;
+    form_id?: string | number;
+    code?: string;
+    url?: string;
+};
+export declare const exportData: (params: exportParams) => Promise<any>;
+export declare const batchImport: (params: any) => Promise<any>;
+export declare const importTemplate: (params: exportParams) => Promise<any>;
+export declare const getExportFile: (params: any) => Promise<any>;
+export declare const getImportLog: (params: any) => Promise<any>;
+export {};

package/lib/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/lib/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/lib/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/lib/components/tabs/index.d.ts

@@ -0,0 +1,17 @@
+import { 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(): JSX.Element;
+}
+export default Tabs;

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

@@ -0,0 +1,2 @@
+declare const TimePicker: (props: any) => JSX.Element;
+export default TimePicker;

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

@@ -0,0 +1,7 @@
+export declare const locales: {
+    en: string;
+    "zh-CN": string;
+    "zh-HK": string;
+};
+export declare const checkIfAllValuesAreEqual: (obj: any) => boolean;
+export declare const createTranslationText: (text: string, isAll?: boolean) => any;

package/lib/components/tree-select/index.d.ts

@@ -0,0 +1,2 @@
+declare const TreeSelect: any;
+export default TreeSelect;

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

@@ -0,0 +1,2 @@
+declare const Upload: (props: any) => JSX.Element;
+export default Upload;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AmountProps, RightItemsStyleProps } from './types';
 import './index.less';
 export type { AmountProps, RightItemsStyleProps };

package/lib/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/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,11 +1,7 @@
-import React from 'react';
-import './Presets.less';
+import "./Presets.less";
 export declare type PresetsItem = {
     label: string;
     value: number | string;
-    style?: React.CSSProperties;
-    onClick?: (item: PresetsItem, _next: () => void) => void;
-    render?: (item: PresetsItem) => React.ReactNode;
 };
 export interface PresetsProps {
     presets?: PresetsItem[];

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.js

@@ -36,28 +36,11 @@ var import_react = __toESM(require("react"));
 var import_Presets = require("./Presets.less");
 var Presets = (props) => {
   const { presets, onChange } = props;
-  const handleItemClick = (item) => {
-    if (item.onClick) {
-      const _next = () => onChange(`${item.value}`);
-      item.onClick(item, _next);
-    } else {
-      onChange(`${item.value}`);
-    }
-  };
   return (0, import_react.useMemo)(() => {
     if (!(presets == null ? void 0 : presets.length)) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-preset" }, presets.map((item, index) => {
-      var _a;
-      const itemProps = {
-        key: index,
-        className: "pisell-virtual-keyboard-preset-item",
-        style: item.style,
-        onClick: () => handleItemClick(item)
-      };
-      return /* @__PURE__ */ import_react.default.createElement("div", { ...itemProps }, ((_a = item.render) == null ? void 0 : _a.call(item, item)) || item.label);
-    }));
-  }, [presets, onChange]);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-preset" }, presets.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => onChange(`${item.value}`), className: "pisell-virtual-keyboard-preset-item" }, item.label)));
+  }, [presets]);
 };
 var Presets_default = Presets;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.less

@@ -1,22 +1,18 @@
 .pisell-virtual-keyboard-preset {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  display: flex;
   gap: 7px;
+  flex-wrap: wrap;
   margin-bottom: 8px;
-
   .pisell-virtual-keyboard-preset-item {
     display: flex;
+    flex: 1;
     padding: 12px 20px;
     align-items: center;
     justify-content: center;
-    height: 40px;
+    height: 48px;
     border-radius: 8px;
-    border: 1px solid var(--Gray-300, #E9D7FE);
+    border: 1px solid var(--Gray-300, #D0D5DD);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     background: var(--Primary-25, #FCFAFF);
-    font-weight: 600;
-    color: #6941C6;
-    cursor: pointer;
-    position: relative;
   }
 }

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { PresetsProps } from './Presets';
-import { KeyboardProps } from '../Keyboard';
 import { RightItemsStyleProps } from '../Amount';
 import './index.less';
 export interface BaseNumberKeyboardProps {
@@ -17,9 +16,6 @@ export interface BaseNumberKeyboardProps {
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
     rightItemsStyle?: RightItemsStyleProps;
-    customDisplay?: React.ReactNode | ((props: any) => React.ReactNode);
-    keyboardProps?: KeyboardProps;
-    style?: React.CSSProperties;
 }
 declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -128,9 +128,7 @@ var BaseNumberKeyboard = (props) => {
     onEnter,
     presets,
     defaultSelect,
-    rightItemsStyle,
-    customDisplay,
-    style
+    rightItemsStyle
   } = props;
   const [value, setValue] = (0, import_ahooks.useControllableValue)(props, {
     defaultValue
@@ -202,8 +200,6 @@ var BaseNumberKeyboard = (props) => {
     }
   };
   const handleChangeValue = (val) => {
-    var _a;
-    val = typeof val === "string" ? val : ((_a = val == null ? void 0 : val.target) == null ? void 0 : _a.value) || "";
     const detail = checkValue(val);
     if (detail) return;
     setValue(val);
@@ -232,52 +228,38 @@ var BaseNumberKeyboard = (props) => {
   const handleKeyboardChange = (0, import_ahooks.useMemoizedFn)((val) => {
     return (actions[val] || actions.default)(val);
   });
-  const renderDisplayField = () => {
-    if (customDisplay) {
-      if (typeof customDisplay === "function") {
-        return customDisplay({
-          value,
-          onChange: handleChangeValue,
-          onValueSelect: setSelect
-        });
-      }
-      return customDisplay;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_VirtualKeyInput.default,
-      {
-        value,
-        onChange: (e) => handleChangeValue(e.target.value),
-        renderInput: (props2) => {
-          if ((0, import_utils.isUndefined)(props2.value) || props2.value === "") {
-            return /* @__PURE__ */ import_react.default.createElement(
-              import_VirtualInput.default,
-              {
-                autoFocus: true,
-                placeholder,
-                value: props2.value
-              }
-            );
-          }
-          return (format == null ? void 0 : format(props2.value)) || props2.value;
-        },
-        showDelete: false,
-        onValueSelect: setSelect,
-        defaultSelect,
-        style: {
-          backgroundColor: (rightItemsStyle == null ? void 0 : rightItemsStyle.buttonBackgroundColor) || "#fff",
-          color: (rightItemsStyle == null ? void 0 : rightItemsStyle.textColor) || "#000000"
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-base" }, /* @__PURE__ */ import_react.default.createElement(
+    import_VirtualKeyInput.default,
+    {
+      value,
+      onChange: (e) => handleChangeValue(e.target.value),
+      renderInput: (props2) => {
+        if ((0, import_utils.isUndefined)(props2.value) || props2.value === "") {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_VirtualInput.default,
+            {
+              autoFocus: true,
+              placeholder,
+              value: props2.value
+            }
+          );
         }
+        return (format == null ? void 0 : format(props2.value)) || props2.value;
+      },
+      showDelete: false,
+      onValueSelect: setSelect,
+      defaultSelect,
+      style: {
+        backgroundColor: (rightItemsStyle == null ? void 0 : rightItemsStyle.buttonBackgroundColor) || "#fff",
+        color: (rightItemsStyle == null ? void 0 : rightItemsStyle.textColor) || "#000000"
       }
-    );
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-base", style }, renderDisplayField(), /* @__PURE__ */ import_react.default.createElement(import_Presets.default, { presets, onChange: handleChangeValue }), /* @__PURE__ */ import_react.default.createElement(
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_Presets.default, { presets, onChange: handleChangeValue }), /* @__PURE__ */ import_react.default.createElement(
     import_Keyboard.default,
     {
       items: itemsWithStyle,
       rightItems,
-      onChange: handleKeyboardChange,
-      ...props.keyboardProps || {}
+      onChange: handleKeyboardChange
     }
   ));
 };

package/lib/components/{keyboard → virtual-keyboard/Keyboard}/index.d.ts

@@ -10,7 +10,6 @@ export interface Item {
     size?: number;
 }
 export interface KeyboardProps {
-    id?: string;
     className?: string;
     style?: React.CSSProperties;
     onChange?: (value?: ItemValue) => void;