@pisell/materials 6.6.1 → 6.7.1

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -0,0 +1,7 @@
+import { ExportImportType } from '../../../types';
+import './index.less';
+declare type ExportImportProps = {
+    exportImport: ExportImportType;
+};
+declare const ExportImport: ({ exportImport }: ExportImportProps) => JSX.Element;
+export default ExportImport;

package/lib/components/table/Actions/component/ExportImport/index.js

@@ -63,6 +63,7 @@ var ExportImport = ({ exportImport }) => {
   const [type, setType] = (0, import_react.useState)(import_status.defaultOptions.exportType);
   const [value, setValue] = (0, import_react.useState)("");
   const [errorStatus, setErrorStatus] = (0, import_react.useState)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const { state } = (0, import_hooks.useSharedState)(import_model.Context);
   const { originResultDataSource, currentDataSource } = state;
   const context = (0, import_useEngineContext.default)();
@@ -142,33 +143,43 @@ var ExportImport = ({ exportImport }) => {
   });
   const onOk = async () => {
     const { apiUrl, otherParams } = exportImport;
-    if (value === import_status.defaultOptions.exportValue) {
-      const _params = {
-        type,
-        originDataSource: originResultDataSource,
-        currentDataSource
-      };
-      const result = await (0, import_function.batchExport)(_params, exportImport);
-      if (result) {
-        onCancel();
-      }
-    } else if (value === import_status.defaultOptions.importValue) {
-      const formData = new FormData();
-      formData.append("file", file);
-      const formId = otherParams == null ? void 0 : otherParams.form_id;
-      const formCode = otherParams == null ? void 0 : otherParams.code;
-      if (formId) {
-        formData.append("form_id", formId);
-      }
-      if (formCode) {
-        formData.append("code", formCode);
-      }
-      formData.append("url", (apiUrl == null ? void 0 : apiUrl.export) || "");
-      if (formData) {
-        import_antd.message.loading({ content: "Loading...", key: value });
-        _batchImport.run(formData);
+    setLoading(true);
+    try {
+      if (value === import_status.defaultOptions.exportValue) {
+        const _params = {
+          type,
+          originDataSource: originResultDataSource,
+          currentDataSource
+        };
+        const result = await (0, import_function.batchExport)(_params, exportImport);
+        if (result) {
+          onCancel();
+        }
+      } else if (value === import_status.defaultOptions.importValue) {
+        const formData = new FormData();
+        formData.append("file", file);
+        const formId = otherParams == null ? void 0 : otherParams.form_id;
+        const formCode = otherParams == null ? void 0 : otherParams.code;
+        if (formId) {
+          formData.append("form_id", formId);
+        }
+        if (formCode) {
+          formData.append("code", formCode);
+        }
+        formData.append("url", (apiUrl == null ? void 0 : apiUrl.import) || "");
+        if (otherParams.import) {
+          Object.entries(otherParams.import).forEach(([key, value2]) => {
+            formData.append(key, value2);
+          });
+        }
+        if (formData) {
+          import_antd.message.loading({ content: "Loading...", key: value });
+          await _batchImport.run(formData);
+        }
       }
+    } catch (error) {
     }
+    setLoading(false);
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Dropdown,
@@ -196,6 +207,7 @@ var ExportImport = ({ exportImport }) => {
       onOk,
       cancelText: (0, import_locales.getText)("table-action-export-import-cancel"),
       okButtonProps: {
+        loading,
         disabled: value === import_status.defaultOptions.importValue && (!file || !!errorStatus)
       }
     },

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

@@ -0,0 +1,17 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
+import "./index.less";
+declare type ActionsProps = {
+    filter: FilterType;
+    tableId?: string;
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort: SortType;
+    localPagination?: boolean;
+    buttons: any[];
+    view: GridViewType;
+    gallery: GallerySettingType;
+    exportImport?: ExportImportType;
+};
+declare const Actions: ({ filter, sort, columnSetting, dataSourceGroup, tableId, localPagination, buttons, view, gallery, exportImport, }: ActionsProps) => JSX.Element | null;
+export default Actions;

package/lib/components/table/Gallery/components/GalleryItem/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { GallerySettingType, GallerySettingValueType } from "../../../types";
+import "./index.less";
+declare type GalleryItemProps = {
+    record: Record<string, any>;
+    gallery: GallerySettingType;
+    columnsMap: Map<string, Record<string, any>>;
+    index: number;
+    gallerySetting: GallerySettingValueType;
+    columns: Record<string, any>[];
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
+export default GalleryItem;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { GalleryProps } from './types';
+import './index.less';
+declare const _default: React.MemoExoticComponent<(props: GalleryProps) => JSX.Element>;
+export default _default;

package/lib/components/table/Table/AddFieldModal/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const AddFieldModal: React.FC;
+export default AddFieldModal;

package/lib/components/table/Table/SelectField/index.d.ts

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

package/lib/components/table/Table/fields/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/image/Show/index.d.ts

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

package/lib/components/table/Table/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/table/Table/fields/link/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/number/Show/index.d.ts

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

package/lib/components/table/Table/fields/number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/numberRange/Show/index.d.ts

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

package/lib/components/table/Table/fields/numberRange/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/pSwitch/Show/index.d.ts

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

package/lib/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/search/Show/index.d.ts

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

package/lib/components/table/Table/fields/search/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/select/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/text/Show/index.d.ts

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

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;

package/lib/components/table/Table/index.js

@@ -71,10 +71,13 @@ var GridViewTable = ({
       payload: newData
     });
   });
-  const handleResize = (index) => (e, { size }) => {
-    const nextColumns = [...columns];
-    nextColumns[index] = {
-      ...nextColumns[index],
+  const handleResize = (index, record) => (e, { size }) => {
+    const findIndex = column_setting.findIndex(
+      (item) => item.dataIndex === record.dataIndex
+    );
+    const nextColumns = [...column_setting];
+    nextColumns[findIndex] = {
+      ...nextColumns[findIndex],
       width: size.width
     };
     form.setFieldValue("column_setting", nextColumns);
@@ -108,6 +111,7 @@ var GridViewTable = ({
   const components = (0, import_useGenTableComponents.default)({
     form
   });
+  console.log(columns, "columns12");
   const showTotal = (0, import_react.useCallback)(
     (total, range, pageSize) => {
       let start = range[0] - 1;

package/lib/components/table/Table/utils.d.ts

@@ -0,0 +1,161 @@
+import { GroupValue } from "../Actions/component/Group/PopoverContent";
+import { FilterItemProps, FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingValueType, ModeType, SortType } from "../types";
+export declare const getHash: (obj: any) => any;
+export declare const calcFilterSort: ({ dataSource, filter, sort, columns }: any) => any;
+/**
+ * 合并列设置
+ * @param defaultColumns 默认列设置
+ * @param tableId 表ID
+ * @returns 合并后的列设置
+ */
+export declare const mergeColumnSetting: ({ columns, tableId, currentViewMode, }: {
+    columns: Record<string, any>[];
+    tableId?: string | undefined;
+    currentViewMode: ModeType;
+}) => {
+    isShow: boolean;
+}[] | ({
+    width: any;
+    isShow: any;
+    sortIndex: number;
+} | {
+    isShow: boolean;
+    sortIndex: number;
+})[];
+/**
+ * 对数据源进行排序
+ * @param dataSource 数据源数组
+ * @param sortObj 排序对象，包含排序的键、值和类型
+ * @returns 排序后的数据源数组
+ */
+export declare const sortDataSource: (dataSource: Record<string, any>[], sortObj: {
+    sortKey: string;
+    sortValue: "asc" | "desc";
+    sortType: "date" | "string" | "number";
+}) => Record<string, any>[];
+/**
+ * 根据行键获取 ID
+ * @param item 记录对象
+ * @param rowKey 行键，可以是字符串或函数
+ * @returns 返回 ID
+ */
+export declare const getIdByRowKey: (item: Record<string, any>, rowKey: string | ((params: any) => string)) => any;
+/**
+ * 根据分组条件对数据源进行分组
+ * @param dataSource 数据源
+ * @param group 分组条件
+ * @param rowKey 行键生成函数或字符串
+ * @returns 返回分组后的数据源
+ */
+export declare const groupDataSource: (dataSource: Record<string, any>[], group: GroupValue, rowKey: string | ((params: any) => string)) => Record<string, any>[];
+declare type ViewSetting = {
+    order_by: string;
+    group_by: GroupValue;
+    column_setting: Record<string, any>[];
+    gallery_setting: GallerySettingValueType;
+    filters: any;
+    filter_setting: {
+        quickFilter: FilterItemProps[];
+        otherFilter: FilterItemProps[];
+    };
+};
+/**
+ * 本地存储的表格设置对象
+ */
+declare type TableSettingObjType = {
+    view_mode: ModeType;
+    currentSettingHash: string;
+} & {
+    [K in ModeType]: ViewSetting;
+};
+/**
+ * 将表格设置保存到本地存储
+ * @param tableId 表格id
+ * @param tableSettingObj 表格设置对象
+ */
+export declare const setTableSettingToLocalStorage: ({ tableId, tableSettingObj, currentViewMode, currentSettingHash, }: {
+    tableId: string;
+    tableSettingObj: Partial<ViewSetting & {
+        view_mode: ModeType;
+    }>;
+    currentViewMode: ModeType;
+    currentSettingHash: string;
+}) => void;
+export declare const clearTableSettingToLocalStorage: (tableId?: string) => void;
+/**
+ * 从本地存储中获取表格设置, 全部配置
+ * @param tableId 表格ID
+ * @returns 表格设置对象
+ */
+export declare const getTableSettingFromLocalStorage: (tableId?: string) => Partial<TableSettingObjType>;
+/**
+ * 从LocalStorage读取表当前视图模式
+ * @param tableId
+ */
+export declare const getCurrentViewModeFromLocalStorage: (tableId?: string) => ModeType | undefined;
+/**
+ * 根据视图模式获取配置
+ * @param tableId
+ * @param currentViewMode
+ */
+export declare const getTableSettingByCurrentViewMode: (tableId: string, currentViewMode: ModeType) => ViewSetting | undefined;
+/**
+ * 将表单值保存到本地存储中
+ * @param tableId 表单ID
+ * @param allValues 表单所有值
+ * @param keys 存储的键名
+ */
+export declare const setFormValuesToLocalStorage: ({ tableId, allValues, keys, currentViewMode, currentSettingHash, }: {
+    tableId?: string | undefined;
+    allValues?: Record<string, any> | undefined;
+    keys?: string[] | undefined;
+    currentViewMode: ModeType;
+    currentSettingHash: string;
+}) => void;
+/**
+ * 合并筛选设置
+ * @param list 列表数据
+ * @param quickFilterMaxLength 快速筛选最大长度
+ * @param tableId 表ID
+ * @returns 返回合并后的筛选设置
+ */
+export declare const mergeFilterSetting: ({ list, quickFilterMaxLength, tableId, sortButtonShow, currentViewMode, }: {
+    list: FilterItemProps[];
+    quickFilterMaxLength: number;
+    tableId?: string | undefined;
+    sortButtonShow: boolean;
+    currentViewMode: ModeType;
+}) => {
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+    notSortFilter: FilterItemProps[];
+};
+/**
+ * 过滤数据源
+ * @param dataSource 数据源
+ * @param filters 过滤条件
+ * @param filterLocalArr 本地过滤项
+ * @returns 过滤后的数据源
+ */
+export declare const filterDataSource: (dataSource: Record<string, any>[], filters: Record<string, any>, filterLocalArr: FilterItemProps[]) => Record<string, any>[];
+/**
+ * 根据模式获取设置键数组
+ * @param filter 筛选器
+ * @param columnSetting 列设置
+ * @param dataSourceGroup 数据源分组
+ * @param sort 排序
+ * @param mode 模式，可选值为 "localStorage" 或 "remote"
+ * @returns 返回设置键数组
+ */
+export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourceGroup, sort, mode, currentViewMode, }: {
+    filter?: FilterType | undefined;
+    columnSetting?: ColumnSettingType | undefined;
+    dataSourceGroup?: DataSourceGroupType | undefined;
+    sort?: SortType | undefined;
+    mode: "" | "localStorage" | "remote";
+    currentViewMode: ModeType;
+}) => ("filters" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
+export declare const stringify: (obj: Record<string, any>) => string;
+export {};

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

@@ -0,0 +1,21 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType, LocalSettingsType } from "../types";
+declare type UseTableSettingProps = {
+    tableId?: string;
+    filter: FilterType;
+    columns: Record<string, any>[];
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort?: SortType;
+    view: GridViewType;
+    currentViewMode: ModeType;
+    gallery?: GallerySettingType;
+    currentSettingHash: string;
+    exportImport?: ExportImportModeType;
+    localSettings?: LocalSettingsType;
+};
+declare const useTableSetting: (params: UseTableSettingProps) => {
+    setTableSetting: (values: Record<string, any>) => void;
+    tableSetting: any;
+};
+export default useTableSetting;

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

@@ -0,0 +1,14 @@
+import { FormInstance } from "antd/es/form";
+declare type UseTransColumnsProps = {
+    columns: Record<string, any>[];
+    form: FormInstance;
+    localPagination: boolean;
+    handleSave?: (row: Record<string, any>) => void;
+    handleResize?: (index: number, record: Record<string, any>) => (e: any, p2: any) => void;
+    dragSort: boolean;
+    bordered: boolean;
+};
+declare const useTransColumns: (params: UseTransColumnsProps) => {
+    columns: any[];
+};
+export default useTransColumns;

package/lib/components/table/hooks/useTransColumns.js

@@ -196,7 +196,7 @@ var useTransColumns = (params) => {
         onHeaderCell: (record) => ({
           record,
           ...item,
-          onResize: handleResize == null ? void 0 : handleResize(index),
+          onResize: handleResize == null ? void 0 : handleResize(index, record),
           position
         })
       };

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

@@ -0,0 +1,11 @@
+import { FormInstance } from "antd/es/form";
+import { FilterType } from "../../filter/types";
+declare type UseTransDataSourceParams = {
+    form: FormInstance;
+    localPagination: boolean;
+    dataSource: Record<string, any>[];
+    rowKey: string | ((params: any) => string);
+    filter: FilterType;
+};
+declare const useTransDataSource: (params: UseTransDataSourceParams) => Record<string, any>[];
+export default useTransDataSource;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/table/index.js

@@ -185,7 +185,7 @@ var GridView = (0, import_model.Provider)(
     (0, import_react.useEffect)(() => {
       modal.dispatch({
         type: "setUtils",
-        payload: utils || {}
+        payload: (0, import_utils.omit)(utils, ["pisellos"]) || {}
       });
       modal.dispatch({
         type: "setIsTerminal",
@@ -266,7 +266,9 @@ var GridView = (0, import_model.Provider)(
           try {
             if (!tableId) return {};
             const setting = (0, import_utils.getTableSettingByCurrentViewMode)(tableId, currentViewMode);
-            return (setting == null ? void 0 : setting.filters) || {};
+            const filters = (setting == null ? void 0 : setting.filters) || {};
+            filters.order_by = (setting == null ? void 0 : setting.order_by) || "";
+            return filters;
           } catch (e) {
             return {};
           }

package/lib/components/table/serve.js

@@ -35,6 +35,14 @@ var defaultUrl = {
   template: "/shop/form/data/download-template"
 };
 var formatApiParams = (params, type) => {
+  if (params instanceof FormData) {
+    let url = params.get("url");
+    params.delete("url");
+    return {
+      url: url || (defaultUrl == null ? void 0 : defaultUrl[type]),
+      params
+    };
+  }
   const _url = (params == null ? void 0 : params.url) || (defaultUrl == null ? void 0 : defaultUrl[type]);
   let _params = { ...params };
   delete _params.url;