@pisell/materials 2.2.47 → 2.2.49

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

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

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

@@ -7,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

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

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

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

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

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

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

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

@@ -7,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

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

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

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

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

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

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

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

@@ -7,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

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

@@ -57,7 +57,7 @@ var GridViewTable = ({
   const form = import_antd.Form.useFormInstance();
   const column_setting = import_antd.Form.useWatch("column_setting", { form, preserve: true }) || [];
   const tableWrapRef = (0, import_react.useRef)(null);
-  const { dataSource: defaultDataSource, originDataSource } = state;
+  const { dataSource: defaultDataSource, originDataSource, isTerminal } = state;
   const handleSave = (0, import_ahooks.useMemoizedFn)((row) => {
     const newData = [...defaultDataSource];
     const index = newData.findIndex((item2) => row.key === item2.key);
@@ -132,6 +132,7 @@ var GridViewTable = ({
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-table-wrap", ref: tableWrapRef }, /* @__PURE__ */ import_react.default.createElement(
     AutoSizerContent,
     {
+      isTerminal,
       tableWrapRef,
       dataSource,
       tableProps,
@@ -149,7 +150,8 @@ var AutoSizerContent = (props) => {
     paginationConfig: paginationConfig2,
     columns,
     components,
-    tableWrapRef
+    tableWrapRef,
+    isTerminal
   } = props;
   const { height } = (0, import_ahooks.useSize)(tableWrapRef) || {};
   const debouncedHeight = (0, import_ahooks.useDebounce)(height, { wait: 500 });
@@ -167,28 +169,37 @@ var AutoSizerContent = (props) => {
     (_d = (_c = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _c.pageSizeOptions) == null ? void 0 : _d[0]
   ]);
   const scroll = (0, import_useGenScroll.default)({
-    wrapHeight: debouncedHeight || 500,
+    wrapHeight: height || 500,
     scroll: tableProps.scroll,
     columns,
     isShowPagination
   });
   const debouncedScroll = (0, import_ahooks.useDebounce)(scroll, { wait: 200 });
+  const platformScroll = (0, import_react.useMemo)(() => {
+    if (isTerminal) {
+      return debouncedScroll;
+    }
+    return scroll;
+  }, [debouncedScroll, scroll, isTerminal]);
   const basicTable = (0, import_react.useMemo)(() => {
+    if (!height) {
+      return null;
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_BasicTable.default,
       {
-        key: debouncedScroll,
         dataSource,
         columns,
         className: "grid-view-table",
         components,
         ...tableProps,
-        scroll: debouncedScroll,
+        scroll: platformScroll,
         pagination: paginationConfig2
       }
     );
   }, [
-    debouncedScroll,
+    height,
+    platformScroll,
     dataSource,
     columns,
     components,

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const SortRow: ({ children, rowKey, onSortChange }: any) => React.JSX.Element;
+declare const SortRow: ({ children, rowKey, onSortChange }: any) => JSX.Element;
 export default SortRow;

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

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

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

@@ -48,6 +48,7 @@ __export(utils_exports, {
   stringify: () => stringify
 });
 module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
 var import_md5 = __toESM(require("crypto-js/md5"));
@@ -448,6 +449,9 @@ var stringify = (obj) => {
     if ((0, import_utils.isFunction)(value)) {
       return value.toString();
     }
+    if (import_react.default.isValidElement(value)) {
+      return value.toString();
+    }
     return value;
   });
 };

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

@@ -1,6 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }
-declare const SortIcon: (props: SortIconProps) => React.JSX.Element;
+declare const SortIcon: (props: SortIconProps) => JSX.Element;
 export default SortIcon;

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/Tabs/index.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Tabs/index.tsx
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  default: () => Tabs_default
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_react = __toESM(require("react"));
+var import_tabs = __toESM(require("../../tabs"));
+var Tabs = ({
+  items = [],
+  type = "default",
+  onChange,
+  show = false
+}) => {
+  const tabItems = (0, import_react.useMemo)(() => {
+    return items.map((item, index) => ({
+      ...item,
+      key: String(index),
+      label: item.name
+    }));
+  }, [items]);
+  const handleChange = (0, import_react.useCallback)(
+    (activeKey) => {
+      const currentTab = items[Number(activeKey)];
+      if (currentTab && onChange) {
+        onChange(currentTab);
+      }
+    },
+    [items, onChange]
+  );
+  if (!(items == null ? void 0 : items.length) || !show) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_tabs.default,
+    {
+      items: tabItems,
+      onChange: handleChange,
+      type
+    }
+  );
+};
+var Tabs_default = Tabs;

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

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

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

@@ -84,7 +84,6 @@ var useTransDataSource = (params) => {
     filterLocalArr,
     filters
   ]);
-  console.log("dataSourcedataSource", dataSource);
   return dataSource;
 };
 var useTransDataSource_default = useTransDataSource;

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

@@ -47,6 +47,9 @@ var useTriggerValuesChange = (params) => {
       if (changedKey === "view_mode") {
         return false;
       }
+      if (changedKey === "tabs") {
+        return true;
+      }
       if (changedKey === "order_by") {
         if (sortShow && (sortList == null ? void 0 : sortList.length)) {
           const value = changedValues[changedKey];

package/lib/components/table/index.js

@@ -36,6 +36,7 @@ var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_classNames = __toESM(require("classNames"));
+var import_Tabs = __toESM(require("./Tabs"));
 var import_hooks = require("../../hooks");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_Actions = __toESM(require("./Actions"));
@@ -68,6 +69,9 @@ var GridView = (0, import_model.Provider)(
       buttons,
       actionButtons,
       title,
+      showTitle = true,
+      subTitle,
+      showSubTitle = true,
       summary,
       onValuesChange,
       columnSetting,
@@ -78,6 +82,7 @@ var GridView = (0, import_model.Provider)(
       // pagination,
       exportImport,
       currentComponentId,
+      tabs,
       ...other
     } = props;
     const modal = (0, import_hooks.useSharedState)(import_model.Context);
@@ -180,7 +185,11 @@ var GridView = (0, import_model.Provider)(
         type: "setUtils",
         payload: utils || {}
       });
-    }, [utils]);
+      modal.dispatch({
+        type: "setIsTerminal",
+        payload: isTerminal
+      });
+    }, [utils, isTerminal]);
     (0, import_react.useEffect)(() => {
       modal.dispatch({
         type: "setDefaultColumns",
@@ -266,7 +275,7 @@ var GridView = (0, import_model.Provider)(
     }, [(0, import_utils.stringify)(removeTitleColumns)]);
     (0, import_react.useEffect)(() => {
       form.setFieldsValue(initialValuesRef.current);
-    }, [JSON.stringify(propsFilter)]);
+    }, [(0, import_utils.stringify)(propsFilter)]);
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form,
       {
@@ -313,7 +322,17 @@ var GridView = (0, import_model.Provider)(
           style,
           ref: wrapRef
         },
-        /* @__PURE__ */ import_react.default.createElement(import_Header.default, { title, buttons }),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Header.default,
+          {
+            title,
+            showTitle,
+            subTitle,
+            showSubTitle,
+            buttons
+          }
+        ),
+        (tabs == null ? void 0 : tabs.show) && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "tabs", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_Tabs.default, { ...tabs })),
         /* @__PURE__ */ import_react.default.createElement(
           import_Actions.default,
           {

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

@@ -12,12 +12,13 @@ interface FormState {
     quickFilter: FilterItemProps[];
     otherFilter: FilterItemProps[];
     utils: any;
+    isTerminal: boolean;
     localPagination: boolean;
     tableWidth: number;
     currentDataSource: any[];
     originResultDataSource: any[];
 }
-export declare const Provider: (ComponentUi: any) => (props: any, ref: any) => import("react").JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/table/model.js

@@ -51,6 +51,7 @@ var defaultState = {
   quickFilter: [],
   otherFilter: [],
   utils: {},
+  isTerminal: false,
   setting: {
     field: {
       edit: 0
@@ -59,7 +60,7 @@ var defaultState = {
       edit: 0
     }
   },
-  tableWidth: 500,
+  tableWidth: 700,
   // 当前页展示的数据
   currentDataSource: [],
   // 经过一系列格式化之后的所有数据
@@ -101,6 +102,9 @@ var { Provider, Context } = (0, import_miniRedux.default)({
     setUtils(state, payload) {
       return { ...state, utils: payload };
     },
+    setIsTerminal(state, payload) {
+      return { ...state, isTerminal: payload };
+    },
     syncStorage(state, payload) {
       return { ...state };
     },

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

@@ -206,10 +206,13 @@ export declare type GridViewProps = {
     style: React.CSSProperties;
     pagination: any;
     filter: FilterType;
-    buttons: any;
+    buttons: React.ReactNode | any[];
     actionButtons: any;
     sort: SortType;
-    title: any;
+    title?: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    subTitle?: React.ReactNode | (() => React.ReactNode);
+    showSubTitle?: boolean;
     exportImport: ExportImportType;
     onValuesChange: (changedValues: any, values: any) => void;
     summary: any;
@@ -235,5 +238,14 @@ export declare type GridViewProps = {
      * @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/table/utils.d.ts

@@ -1,14 +1,13 @@
-declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
 declare class Request {
     private request;
     constructor();
     setRequest(val: any): void;
     getRequest(): {
-        get: RType;
-        post: RType;
-        put: RType;
-        remove: RType;
-        custom: RType;
+        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;

package/lib/components/table/utils.js

@@ -23,8 +23,14 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var Request = class {
+  request = {
+    get: void 0,
+    post: void 0,
+    put: void 0,
+    remove: void 0,
+    custom: void 0
+  };
   constructor() {
-    this.request = {};
   }
   setRequest(val) {
     this.request = val;

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

@@ -1,15 +1,16 @@
-import React, { Component } from 'react';
+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(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default Tabs;