@pisell/materials 3.0.62 → 6.0.2

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/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "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/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/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/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,6 +12,7 @@ interface FormState {
     quickFilter: FilterItemProps[];
     otherFilter: FilterItemProps[];
     utils: any;
+    isTerminal: boolean;
     localPagination: boolean;
     tableWidth: number;
     currentDataSource: any[];

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

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

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

@@ -1,2 +1,2 @@
-import { Typography as AntTypography } from "antd";
-export default AntTypography;
+declare const Typography: import("antd").TypographyProps;
+export default Typography;

package/lib/components/typography/index.js

@@ -70,6 +70,7 @@ var Title = (props) => {
   }, [pcIsEllipsis, padIsEllipsis, mobileIsEllipsis, ellipsis, responsive]);
   return /* @__PURE__ */ import_react.default.createElement(AntTitle, { ...others, ...ellipsisObj });
 };
-import_antd.Typography.Paragraph = Paragraph;
-import_antd.Typography.Title = Title;
-var typography_default = import_antd.Typography;
+var Typography = import_antd.Typography;
+Typography.Paragraph = Paragraph;
+Typography.Title = Title;
+var typography_default = Typography;

package/lib/hooks/useSetRequest.d.ts

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

package/lib/hooks/useSetRequest.js

@@ -0,0 +1,42 @@
+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/hooks/useSetRequest.ts
+var useSetRequest_exports = {};
+__export(useSetRequest_exports, {
+  default: () => useSetRequest_default
+});
+module.exports = __toCommonJS(useSetRequest_exports);
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var import_utils = require("../components/table/utils");
+var useSetRequest = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest((_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.request);
+};
+var useSetRequest_default = useSetRequest;

package/lib/hooks/useTranslationOriginal.d.ts

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

package/lib/hooks/useTranslationOriginal.js

@@ -0,0 +1,42 @@
+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/hooks/useTranslationOriginal.ts
+var useTranslationOriginal_exports = {};
+__export(useTranslationOriginal_exports, {
+  default: () => useTranslationOriginal_default
+});
+module.exports = __toCommonJS(useTranslationOriginal_exports);
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var import_utils = require("@pisell/utils");
+var useTranslationOriginal = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  return ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.translationOriginal) || ((val) => (0, import_utils.isString)(val) ? val : val == null ? void 0 : val.original);
+};
+var useTranslationOriginal_default = useTranslationOriginal;

package/lib/index.d.ts

@@ -5,6 +5,7 @@ export { Avatar } from 'antd';
 export { Badge } from 'antd';
 export { Breadcrumb } from 'antd';
 export { Card } from 'antd';
+export { Collapse } from 'antd';
 export { Carousel } from 'antd';
 export { Col } from 'antd';
 export { Descriptions } from 'antd';
@@ -69,7 +70,6 @@ export { default as QRCode } from './components/qrcode';
 export { default as ClassicLayout } from './components/classicLayout';
 export { default as List } from './components/list';
 export { default as Sort } from './components/sort';
-export { default as CardPro } from './components/cardPro';
 export { default as InputNumberRange } from './components/input-number-range';
 export { default as LowCodePage } from './components/lowCodePage';
 export { default as Segmented } from './components/segmented';
@@ -108,5 +108,24 @@ export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
 export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
-export { default as ProductCard } from './components/productCard';
-export { default as Collapse } from './components/collapse';
+export { ColorPicker } from 'antd';
+export { default as PisellUpload } from './components/pisellUpload';
+export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
+export { default as FormGroup } from './components/dataSourceComponents/dataSourceForm/group';
+export { default as SubmitButton } from './components/dataSourceComponents/dataSourceForm/submitButton';
+export { default as JsonWrapper } from './components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider';
+export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
+export { default as FormItemColorPicker } from './components/dataSourceComponents/fields/ColorPicker';
+export { default as FormItemDatePicker } from './components/dataSourceComponents/fields/DatePicker';
+export { default as FormItemInput } from './components/dataSourceComponents/fields/Input';
+export { default as FormItemInputNumber } from './components/dataSourceComponents/fields/InputNumber';
+export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
+export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
+export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
+export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
+export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
+export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
+export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
+export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
+export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
+export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';