@pisell/materials 1.0.472 → 1.0.473

package/es/components/table/Gallery/index.js

@@ -1,6 +1,8 @@
-import React, { memo, useCallback, useEffect, useMemo } from "react";
-import { Form, Spin } from "antd";
-import { isFunction } from "@pisell/utils";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { memo, useCallback, useEffect, useMemo } from 'react';
+import { Form, Spin } from 'antd';
+import { isFunction } from '@pisell/utils';
+import { FormPagination } from "../../Pagination";
 import useTransDataSource from "../hooks/useTransDataSource";
 import { useSharedState } from "../../../hooks";
 import { Context } from "../model";
@@ -8,7 +10,7 @@ import VirtualGrid from "./components/VirtualGrid";
 import GalleryItem from "./components/GalleryItem";
 import { FIELD_LABEL_HEIGHT, FIELD_VALUE_HEIGHT, TITLE_LENE_HEIGHT, TITLE_VERTICAL_SPACING } from "./constant";
 import "./index.less";
-var prefix = "pisell-lowcode-";
+var prefix = 'pisell-lowcode-';
 var Gallery = function Gallery(props) {
   var gallery = props.gallery,
     filter = props.filter,
@@ -31,11 +33,11 @@ var Gallery = function Gallery(props) {
   var _useSharedState = useSharedState(Context),
     state = _useSharedState.state;
   var form = Form.useFormInstance();
-  var column_setting = Form.useWatch("column_setting", {
+  var column_setting = Form.useWatch('column_setting', {
     form: form,
     preserve: true
   }) || [];
-  var gallery_setting = Form.useWatch(["gallery_setting"], {
+  var gallery_setting = Form.useWatch(['gallery_setting'], {
     form: form,
     preserve: true
   }) || {};
@@ -70,6 +72,11 @@ var Gallery = function Gallery(props) {
       index: index
     });
   }, [gallery_setting, gallery, columnsMap, column_setting]);
+
+  // 总数
+  var total = useMemo(function () {
+    return pagination === null || pagination === void 0 ? void 0 : pagination.total;
+  }, [pagination]);
   var gap = useMemo(function () {
     return [horizontalGutter, verticalGutter];
   }, [horizontalGutter, verticalGutter]);
@@ -129,6 +136,17 @@ var Gallery = function Gallery(props) {
     renderItem: renderItem,
     gap: gap,
     rowHeight: rowHeight
-  })));
+  }), !pagination.localPagination && /*#__PURE__*/React.createElement(Form.Item, {
+    name: "pagination",
+    style: {
+      margin: 0,
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  }, /*#__PURE__*/React.createElement(FormPagination, _extends({}, pagination, {
+    total: total
+  })))));
 };
 export default /*#__PURE__*/memo(Gallery);

package/es/components/table/Gallery/index.less

@@ -14,6 +14,7 @@
     flex: 1 1 auto;
     height: 100%;
     overflow: hidden;
+    position: relative;
   }
   &-gallery-item-wrap {
     cursor: pointer;

package/es/components/table/Header/index.d.ts

@@ -1,4 +1,11 @@
-import React from "react";
-import "./index.less";
-declare const Header: ({ buttons, title }: any) => React.JSX.Element | null;
+import React from 'react';
+import './index.less';
+export interface HeaderProps {
+    buttons: React.ReactNode | any[];
+    title: React.ReactNode | (() => React.ReactNode);
+    subTitle: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+}
+declare const Header: ({ buttons, title, subTitle, showTitle, showSubTitle, }: HeaderProps) => React.JSX.Element | null;
 export default Header;

package/es/components/table/Header/index.js

@@ -1,20 +1,46 @@
-import React, { useMemo } from "react";
+import React, { useMemo } from 'react';
+import { isFunction } from '@pisell/utils';
 import Buttons from "./Buttons";
 import "./index.less";
 var Header = function Header(_ref) {
   var buttons = _ref.buttons,
-    title = _ref.title;
+    title = _ref.title,
+    subTitle = _ref.subTitle,
+    showTitle = _ref.showTitle,
+    showSubTitle = _ref.showSubTitle;
   var showHeader = useMemo(function () {
-    return title || (buttons === null || buttons === void 0 ? void 0 : buttons.length);
-  }, [buttons, title]);
+    return title && showTitle || (Array.isArray(buttons) ? buttons.length > 0 : buttons) || subTitle && showSubTitle;
+  }, [buttons, title, subTitle, showTitle, showSubTitle]);
+  var titleNode = useMemo(function () {
+    if (isFunction(title)) {
+      return title();
+    }
+    return title;
+  }, [title]);
+  var buttonsNode = useMemo(function () {
+    if (Array.isArray(buttons)) {
+      return /*#__PURE__*/React.createElement(Buttons, {
+        list: buttons
+      });
+    }
+    return buttons;
+  }, [buttons]);
+  var subTitleNode = useMemo(function () {
+    if (isFunction(subTitle)) {
+      return subTitle();
+    }
+    return subTitle;
+  }, [subTitle]);
   return showHeader ? /*#__PURE__*/React.createElement("div", {
-    className: "materials-grid-header"
+    className: "materials-grid-header-wrap"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "left-wrap"
-  }, title && title()), /*#__PURE__*/React.createElement("div", {
-    className: "right-wrap"
-  }, /*#__PURE__*/React.createElement(Buttons, {
-    list: buttons
-  }))) : null;
+    className: 'materials-grid-header'
+  }, showTitle && /*#__PURE__*/React.createElement("div", {
+    className: 'left-wrap'
+  }, titleNode), /*#__PURE__*/React.createElement("div", {
+    className: 'right-wrap'
+  }, buttonsNode)), showSubTitle && subTitleNode && /*#__PURE__*/React.createElement("div", {
+    className: 'materials-grid-sub-title'
+  }, subTitleNode)) : null;
 };
 export default Header;

package/es/components/table/Header/index.less

@@ -1,8 +1,12 @@
+.materials-grid-header-wrap {
+  margin-bottom: 16px;
+}
+
 .materials-grid-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 16px;
+  margin-bottom: 0;
 
   .left-wrap {}
 
@@ -10,7 +14,11 @@
     display: flex;
     align-items: center;
     gap: 8px;
+  }
+}
 
 
-  }
+.materials-grid-sub-title {
+  margin-top: 8px;
+  color: #425569;
 }

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

@@ -13,6 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from "react";
 import dayjs from "dayjs";
 import { isBoolean, isFunction, isJson, isNumber, isString } from "@pisell/utils";
 // @ts-ignore
@@ -517,6 +518,9 @@ export var stringify = function stringify(obj) {
     if (isFunction(value)) {
       return value.toString();
     }
+    if ( /*#__PURE__*/React.isValidElement(value)) {
+      return value.toString();
+    }
     return value;
   });
 };

package/es/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/es/components/table/Tabs/index.js

@@ -0,0 +1,37 @@
+import React, { useCallback, useMemo } from 'react';
+import OriginTabs from "../../tabs";
+var Tabs = function Tabs(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    onChange = _ref.onChange,
+    _ref$show = _ref.show,
+    show = _ref$show === void 0 ? false : _ref$show;
+  // 转换成antd tabs需要的格式
+  var tabItems = useMemo(function () {
+    return items.map(function (item, index) {
+      return {
+        key: String(index),
+        label: item.name
+      };
+    });
+  }, [items]);
+
+  // tab切换回调
+  var handleChange = useCallback(function (activeKey) {
+    var currentTab = items[Number(activeKey)];
+    if (currentTab && onChange) {
+      onChange(currentTab);
+    }
+  }, [items, onChange]);
+  if (!(items !== null && items !== void 0 && items.length) || !show) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(OriginTabs, {
+    items: tabItems,
+    onChange: handleChange,
+    type: type
+  });
+};
+export default Tabs;

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

@@ -34,6 +34,9 @@ var useTriggerValuesChange = function useTriggerValuesChange(params) {
     if (changedKey === "view_mode") {
       return false;
     }
+    if (changedKey === "tabs") {
+      return true;
+    }
 
     /**
      * 排序变化时，如果排序有远程接口排序，则触发值变化

package/es/components/table/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "view", "gallery", "currentSettingKey", "exportImport", "currentComponentId"];
+var _excluded = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "showTitle", "subTitle", "showSubTitle", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "view", "gallery", "currentSettingKey", "exportImport", "currentComponentId", "tabs"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -18,6 +18,7 @@ import { useDebounce, useSize } from 'ahooks';
 import { Form } from 'antd';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import classNames from 'classNames';
+import Tabs from "./Tabs";
 import { useSharedState } from "../../hooks";
 import useEngineContext from "../../hooks/useEngineContext";
 import Actions from "./Actions";
@@ -48,6 +49,11 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     buttons = props.buttons,
     actionButtons = props.actionButtons,
     title = props.title,
+    _props$showTitle = props.showTitle,
+    showTitle = _props$showTitle === void 0 ? true : _props$showTitle,
+    subTitle = props.subTitle,
+    _props$showSubTitle = props.showSubTitle,
+    showSubTitle = _props$showSubTitle === void 0 ? true : _props$showSubTitle,
     summary = props.summary,
     _onValuesChange = props.onValuesChange,
     columnSetting = props.columnSetting,
@@ -58,6 +64,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     currentSettingKey = props.currentSettingKey,
     exportImport = props.exportImport,
     currentComponentId = props.currentComponentId,
+    tabs = props.tabs,
     other = _objectWithoutProperties(props, _excluded);
   var modal = useSharedState(Context);
   var _Form$useForm = Form.useForm(),
@@ -254,7 +261,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     form.setFieldsValue(initialValuesRef.current);
     // ArraySetter在面板state变更时指针改变
-  }, [JSON.stringify(propsFilter)]);
+  }, [stringify(propsFilter)]);
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
     layout: "vertical",
@@ -297,8 +304,14 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     ref: wrapRef
   }, /*#__PURE__*/React.createElement(Header, {
     title: title,
+    showTitle: showTitle,
+    subTitle: subTitle,
+    showSubTitle: showSubTitle,
     buttons: buttons
-  }), /*#__PURE__*/React.createElement(Actions, {
+  }), (tabs === null || tabs === void 0 ? void 0 : tabs.show) && /*#__PURE__*/React.createElement(Form.Item, {
+    name: "tabs",
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Tabs, tabs)), /*#__PURE__*/React.createElement(Actions, {
     view: view,
     buttons: actionButtons,
     columnSetting: columnSetting,

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

@@ -208,10 +208,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;
@@ -237,5 +240,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/es/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/es/components/typography/index.js

@@ -62,6 +62,7 @@ var Title = function Title(props) {
   }, [pcIsEllipsis, padIsEllipsis, mobileIsEllipsis, ellipsis, responsive]);
   return /*#__PURE__*/React.createElement(AntTitle, _extends({}, others, ellipsisObj));
 };
-AntTypography.Paragraph = Paragraph;
-AntTypography.Title = Title;
-export default AntTypography;
+var Typography = AntTypography;
+Typography.Paragraph = Paragraph;
+Typography.Title = Title;
+export default Typography;

package/es/index.d.ts

@@ -136,3 +136,7 @@ export { default as FormItemRadio } from './components/dataSourceComponents/fiel
 export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
 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';

package/es/index.js

@@ -162,4 +162,8 @@ export { default as FormItemInputNumber } from "./components/dataSourceComponent
 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 DataSourceTable } from "./components/dataSourceComponents/dataSourceTable";
+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";

package/es/locales/en-US.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -161,5 +161,20 @@ export default {
   'pisell-data-source-table-delete': 'Delete',
   // recordView组件
   'pisell-record-view-available': 'Available',
-  'pisell-record-view-unavailable': 'No available'
+  'pisell-record-view-unavailable': 'No available',
+  'pisell-data-source-form-required-message': 'This field is required',
+  'pisell-data-source-form-email-message': 'Please enter a valid email address',
+  'pisell-data-source-form-phone-message': 'Please enter a valid phone number',
+  'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {
+    return "Length must be at least ".concat(minLength, " character");
+  },
+  'pisell-data-source-form-max-length-message': function pisellDataSourceFormMaxLengthMessage(maxLength) {
+    return "Length must be at most ".concat(maxLength, " character");
+  },
+  'pisell-data-source-form-min-value-message': function pisellDataSourceFormMinValueMessage(minValue) {
+    return "Value must be greater than or equal to ".concat(minValue);
+  },
+  'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
+    return "Value must be less than or equal to ".concat(maxValue);
+  }
 };

package/es/locales/zh-CN.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -160,5 +160,20 @@ export default {
   'pisell-data-source-table-delete': '删除',
   // recordView组件
   'pisell-record-view-available': '可用',
-  'pisell-record-view-unavailable': '不可用'
+  'pisell-record-view-unavailable': '不可用',
+  'pisell-data-source-form-required-message': '该字段为必填项',
+  'pisell-data-source-form-email-message': '请输入有效的电子邮件地址',
+  'pisell-data-source-form-phone-message': '请输入有效的电话号码',
+  'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {
+    return "\u957F\u5EA6\u5FC5\u987B\u81F3\u5C11\u4E3A".concat(minLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-max-length-message': function pisellDataSourceFormMaxLengthMessage(maxLength) {
+    return "\u957F\u5EA6\u5FC5\u987B\u6700\u591A\u4E3A".concat(maxLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-min-value-message': function pisellDataSourceFormMinValueMessage(minValue) {
+    return "\u503C\u5FC5\u987B\u5927\u4E8E\u6216\u7B49\u4E8E".concat(minValue);
+  },
+  'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
+    return "\u503C\u5FC5\u987B\u5C0F\u4E8E\u6216\u7B49\u4E8E".concat(maxValue);
+  }
 };

package/es/locales/zh-TW.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -161,5 +161,20 @@ export default {
   'pisell-data-source-table-delete': '刪除',
   // recordView组件
   'pisell-record-view-available': '可用',
-  'pisell-record-view-unavailable': '不可用'
+  'pisell-record-view-unavailable': '不可用',
+  'pisell-data-source-form-required-message': '該字段為必填項',
+  'pisell-data-source-form-email-message': '請輸入有效的電子郵件地址',
+  'pisell-data-source-form-phone-message': '請輸入有效的電話號碼',
+  'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {
+    return "\u9577\u5EA6\u5FC5\u9808\u81F3\u5C11\u70BA".concat(minLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-max-length-message': function pisellDataSourceFormMaxLengthMessage(maxLength) {
+    return "\u9577\u5EA6\u5FC5\u9808\u6700\u591A\u70BA".concat(maxLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-min-value-message': function pisellDataSourceFormMinValueMessage(minValue) {
+    return "\u503C\u5FC5\u9808\u5927\u65BC\u6216\u7B49\u65BC".concat(minValue);
+  },
+  'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
+    return "\u503C\u5FC5\u9808\u5C0F\u65BC\u6216\u7B49\u65BC".concat(maxValue);
+  }
 };

package/lib/components/dataSourceComponents/dataSourceForm/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode-data-source-form {
-  padding: 20px;
+  
 }
 
 .pisell-lowcode-data-source-form-header {

package/lib/components/dataSourceComponents/dataSourceForm/serve.d.ts

@@ -128,6 +128,7 @@ export declare const updateNocobaseData: (params: {
     key: string;
     id: string;
     data: any;
+    headers?: any;
 }) => Promise<any>;
 /**
  * 获取nocobase数据列表

package/lib/components/dataSourceComponents/dataSourceForm/serve.js

@@ -104,9 +104,10 @@ var customApi = async (url, data, options) => {
   return import_utils.request.getRequest()[requestMethod](requestUrl, requestData, { headers: requestHeaders, isCustomApi: true });
 };
 var updateNocobaseData = async (params) => {
-  const { key, id, data } = params;
+  const { key, id, data, headers } = params;
   return import_utils.request.getRequest().post(`/${key}:update?filterByTk=${id}`, data, {
-    isNocobase: true
+    isNocobase: true,
+    headers
   });
 };
 var getNocobaseDataList = async (allParams) => {

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -31,13 +31,13 @@ export declare const formItemNameReverse: (name: string) => string;
  * @Author: shengjie.zuo
  * @Date: 2024-11-23 17:14:25
  */
-export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>) => React.FC<P & WithFormItemProps>;
+export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, otherFormItemProps?: Record<string, any>) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
 }) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: string | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
 }) => React.JSX.Element;