@pisell/materials 6.0.6 → 6.0.7

package/es/components/pisellText/components/Amount/index.js

@@ -2,7 +2,7 @@ var _excluded = ["value", "precision", "showCurrencySymbol", "useThousandsSepara
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useMemo } from 'react';
-import { formatAmountWithOptions } from '@pisell/utils/src';
+import { formatAmountWithOptions } from '@pisell/utils';
 import usePisellConfig from "../../../pisell-config-provider/hooks/usePisellConfig";
 var Amount = function Amount(props) {
   var value = props.value,

package/es/components/profileMenu/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { MenuProps } from 'antd';
+import './index.less';
+interface AvatarConfig {
+    src?: string;
+    alt?: string;
+}
+interface ProfileMenuProps {
+    menuIcon?: React.ReactNode;
+    userName?: string;
+    email?: string;
+    isShowUserName?: boolean;
+    isShowEmail?: boolean;
+    isShowUserInfo?: boolean;
+    onClick?: () => void;
+    avatar?: AvatarConfig;
+    className?: string;
+    style?: React.CSSProperties;
+    menuItems?: MenuProps['items'];
+    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    trigger?: ('click' | 'hover')[];
+    showBadge?: boolean;
+    badgeCount?: number;
+}
+declare const ProfileMenu: React.FC<ProfileMenuProps>;
+export default ProfileMenu;

package/es/components/profileMenu/index.js

@@ -0,0 +1,115 @@
+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); }
+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; }
+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); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { useEffect, useMemo } from 'react';
+import { Dropdown, Badge } from 'antd';
+import { UserOutlined } from "@ant-design/icons";
+import classNames from 'classnames';
+import PisellAvatar from "../pisellAvatar";
+import "./index.less";
+var ProfileMenu = function ProfileMenu(_ref) {
+  var menuIcon = _ref.menuIcon,
+    _ref$userName = _ref.userName,
+    userName = _ref$userName === void 0 ? '' : _ref$userName,
+    _ref$email = _ref.email,
+    email = _ref$email === void 0 ? '' : _ref$email,
+    _ref$isShowUserName = _ref.isShowUserName,
+    isShowUserName = _ref$isShowUserName === void 0 ? true : _ref$isShowUserName,
+    _ref$isShowEmail = _ref.isShowEmail,
+    isShowEmail = _ref$isShowEmail === void 0 ? true : _ref$isShowEmail,
+    _ref$isShowUserInfo = _ref.isShowUserInfo,
+    isShowUserInfo = _ref$isShowUserInfo === void 0 ? false : _ref$isShowUserInfo,
+    onClick = _ref.onClick,
+    avatar = _ref.avatar,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottomRight' : _ref$placement,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? ['click'] : _ref$trigger,
+    _ref$showBadge = _ref.showBadge,
+    showBadge = _ref$showBadge === void 0 ? false : _ref$showBadge,
+    _ref$badgeCount = _ref.badgeCount,
+    badgeCount = _ref$badgeCount === void 0 ? 1 : _ref$badgeCount;
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
+  };
+  var renderAvatar = function renderAvatar(avatarProps) {
+    return /*#__PURE__*/React.createElement(PisellAvatar, {
+      style: {
+        margin: '0 6px'
+      },
+      size: "md",
+      src: (avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.src) || '',
+      alt: (avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.alt) || '',
+      icon: /*#__PURE__*/React.createElement(UserOutlined, {
+        style: {
+          fontSize: 24,
+          color: '#475467'
+        }
+      })
+    });
+  };
+  var finalMenuItems = useMemo(function () {
+    if (!isShowUserInfo) return menuItems;
+    var userInfoItem = {
+      key: 'user-info',
+      label: /*#__PURE__*/React.createElement("div", {
+        className: "profile-menu-user-info-item"
+      }, renderAvatar(avatar), /*#__PURE__*/React.createElement("div", {
+        className: "profile-menu-user-info"
+      }, userName && /*#__PURE__*/React.createElement("p", {
+        className: "profile-menu-user-info-name"
+      }, userName), email && /*#__PURE__*/React.createElement("p", {
+        className: "profile-menu-user-info-email"
+      }, email)))
+    };
+    return [userInfoItem, {
+      type: 'divider'
+    }].concat(_toConsumableArray(menuItems || []));
+  }, [isShowUserInfo, menuItems, userName, email, avatar]);
+  var showUserInfo = isShowUserName && userName || isShowEmail && email;
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: finalMenuItems
+    },
+    placement: placement,
+    trigger: trigger,
+    overlayClassName: "profile-menu-dropdown"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('profile-menu-wrap', className),
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      paddingRight: showUserInfo ? 16 : 0
+    }),
+    onClick: handleClick
+  }, menuIcon && /*#__PURE__*/React.createElement("div", {
+    className: "profile-menu-icon"
+  }, menuIcon), /*#__PURE__*/React.createElement(Badge, {
+    count: showBadge ? badgeCount : 0,
+    offset: [-6, 6]
+  }, renderAvatar(avatar)), showUserInfo && /*#__PURE__*/React.createElement("div", {
+    className: "profile-menu-user-info"
+  }, isShowUserName && userName && /*#__PURE__*/React.createElement("p", {
+    className: "profile-menu-user-info-name",
+    title: userName
+  }, userName), isShowEmail && email && /*#__PURE__*/React.createElement("p", {
+    className: "profile-menu-user-info-email",
+    title: email
+  }, email))));
+};
+export default ProfileMenu;

package/es/components/profileMenu/index.less

@@ -0,0 +1,135 @@
+.profile-menu-wrap {
+  display: flex;
+  max-width: 250px;
+  box-sizing: border-box;
+  gap: 10px;
+  width: fit-content;
+  align-items: center;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  padding-left: 16px;
+
+  border-radius: 50px;
+  border: 1px solid var(--Gray-100, #f2f4f7);
+  background: var(--Base-White, #fff);
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+  /* Shadow/sm */
+  // box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
+  //   0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+
+  &:hover {
+    border-color: var(--Gray-200, #e5e7eb);
+    box-shadow: 0px 2px 4px 0px rgba(16, 24, 40, 0.15);
+  }
+
+  .profile-menu-icon {
+    display: flex;
+    align-items: center;
+  }
+
+  &.profile-menu-user-info{
+    flex: 1;
+  }
+}
+
+
+.profile-menu-user-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+  padding: 0;
+
+  &-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+    flex-wrap: nowrap;
+  }
+
+  &-name {
+    color: var(--Gray-700, #344054);
+    font-family: Inter;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-email {
+    color: var(--Gray-600, #475467);
+    font-family: Inter;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.profile-menu-dropdown {
+  .ant-dropdown-menu {
+    min-width: fit-content;
+    max-width: 250px;
+    padding: 8px;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-100, #f2f4f7);
+    background: var(--Base-White, #fff);
+    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
+      0px 12px 16px -4px rgba(16, 24, 40, 0.08);
+
+    .ant-dropdown-menu-item {
+      padding: 8px 12px;
+      border-radius: 6px;
+      min-height: 40px;
+      display: flex;
+      align-items: center;
+
+      &:hover {
+        background: var(--Gray-50, #f9fafb);
+      }
+
+      &:active {
+        background: var(--Gray-100, #f2f4f7);
+      }
+
+      .profile-menu-user-info-item {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        width: 100%;
+        flex-wrap: nowrap;
+        overflow: hidden;
+
+        .profile-menu-user-info {
+          flex: 1;
+          min-width: 0;
+          overflow: hidden;
+
+          &-name,
+          &-email {
+            width: 100%;
+            padding-right: 8px;
+            margin: 0;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+      }
+    }
+
+    .ant-dropdown-menu-item-divider {
+      margin: 8px 0;
+      background-color: var(--Gray-100, #f2f4f7);
+    }
+  }
+}

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

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
 import { isFunction } from '@pisell/utils';
+import PageHeader from "../../page-header";
 import Buttons from "./Buttons";
 import "./index.less";
 var Header = function Header(_ref) {
@@ -31,16 +32,12 @@ var Header = function Header(_ref) {
     }
     return subTitle;
   }, [subTitle]);
-  return showHeader ? /*#__PURE__*/React.createElement("div", {
-    className: "materials-grid-header-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    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;
+  return showHeader ? /*#__PURE__*/React.createElement(PageHeader, {
+    title: titleNode,
+    showTitle: showTitle,
+    subTitle: subTitleNode,
+    showSubTitle: showSubTitle,
+    extra: buttonsNode
+  }) : null;
 };
 export default Header;

package/es/index.d.ts

@@ -98,6 +98,8 @@ export { default as PisellToast } from './components/pisellToast';
 export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
 export { default as PisellScan } from './components/pisellScan';
 export { default as PisellAlert } from './components/pisellAlert';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as ProfileMenu } from './components/profileMenu';
 export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
@@ -129,3 +131,7 @@ export { default as DataSourceWrapper } from './components/dataSourceComponents/
 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';
+export { default as PageHeader } from './components/page-header';
+export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
+export { default as PisellTags } from './components/pisellTags';
+export { default as loginAndRegister } from './components/login-and-register';

package/es/index.js

@@ -122,6 +122,8 @@ export { default as PisellToast } from "./components/pisellToast";
 export { default as PisellWalletPassCard } from "./components/pisellWalletPassCard";
 export { default as PisellScan } from "./components/pisellScan";
 export { default as PisellAlert } from "./components/pisellAlert";
+export { default as PisellAvatar } from "./components/pisellAvatar";
+export { default as ProfileMenu } from "./components/profileMenu";
 export { default as PisellCard } from "./components/pisellCard";
 export { default as PisellInformationEntry } from "./components/pisellInformationEntry";
 export { default as usePisellConfig } from "./components/pisell-config-provider/hooks/usePisellConfig";
@@ -152,4 +154,8 @@ export { default as DataSourceTable } from "./components/dataSourceComponents/da
 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";
+export { default as DataSourceQRCode } from "./components/dataSourceComponents/dataSourceShow/dataSourceQRCode";
+export { default as PageHeader } from "./components/page-header";
+export { default as OrganizationTenantSwitcher } from "./components/organizationTenantSwitcher";
+export { default as PisellTags } from "./components/pisellTags";
+export { default as loginAndRegister } from "./components/login-and-register";

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

@@ -133,6 +133,7 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-data-source-form-required-message': string;
     'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
     'pisell-data-source-form-phone-message': string;
     'pisell-data-source-form-min-length-message': (minLength: number) => string;

package/es/locales/en-US.js

@@ -161,6 +161,7 @@ export default {
   'pisell-data-source-table-delete': 'Delete',
   '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-domain-message': 'Please enter a valid domain',
   'pisell-data-source-form-url-message': 'Please enter a valid URL',
   'pisell-data-source-form-phone-message': 'Please enter a valid phone number',
   'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {

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

@@ -133,6 +133,7 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-data-source-form-required-message': string;
     'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
     'pisell-data-source-form-phone-message': string;
     'pisell-data-source-form-min-length-message': (minLength: number) => string;

package/es/locales/zh-CN.js

@@ -160,6 +160,7 @@ export default {
   'pisell-data-source-table-delete': '删除',
   'pisell-data-source-form-required-message': '该字段为必填项',
   'pisell-data-source-form-email-message': '请输入有效的电子邮件地址',
+  'pisell-data-source-form-domain-message': '请输入有效的域名',
   'pisell-data-source-form-url-message': '请输入正确的网址',
   'pisell-data-source-form-phone-message': '请输入有效的电话号码',
   'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {

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

@@ -133,6 +133,7 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-data-source-form-required-message': string;
     'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
     'pisell-data-source-form-phone-message': string;
     'pisell-data-source-form-min-length-message': (minLength: number) => string;

package/es/locales/zh-TW.js

@@ -161,6 +161,7 @@ export default {
   'pisell-data-source-table-delete': '刪除',
   'pisell-data-source-form-required-message': '該字段為必填項',
   'pisell-data-source-form-email-message': '請輸入有效的電子郵件地址',
+  'pisell-data-source-form-domain-message': '請輸入有效的域名',
   'pisell-data-source-form-url-message': '請輸入正確的網址',
   'pisell-data-source-form-phone-message': '請輸入有效的電話號碼',
   'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {

package/lib/components/config-provider/index.js

@@ -36,7 +36,7 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_dayjs = __toESM(require("dayjs"));
 var import_zh_cn = require("dayjs/locale/zh-cn");
-var import_zh_CN = __toESM(require("antd/locale/zh_CN"));
+var import_zh_CN = __toESM(require("antd/es/locale/zh_CN"));
 var ConfigProvider = (props) => {
   const { locale, ...rest } = props;
   let localeData = locale;

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

@@ -37,6 +37,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_form = __toESM(require("../../form"));
 var import_FormSettingProvider = __toESM(require("./provider/formSetting/FormSettingProvider"));
+var import_page_header = __toESM(require("../../page-header"));
 var import_index = require("./index.less");
 var BaseForm = (0, import_react.forwardRef)(
   (props, ref) => {
@@ -52,6 +53,10 @@ var BaseForm = (0, import_react.forwardRef)(
       children,
       currentValue,
       className,
+      onDataSourceFinish,
+      formatSubmitValues,
+      formatInitialValues,
+      customSubmit,
       ...others
     } = props;
     const formRef = (0, import_react.useRef)(null);
@@ -68,17 +73,22 @@ var BaseForm = (0, import_react.forwardRef)(
       if (["edit", "view"].includes(renderMode || "") && dataSource) {
         get == null ? void 0 : get.runAsync().then((res) => {
           var _a;
-          (_a = formRef.current) == null ? void 0 : _a.setFieldsValue(res);
+          const formattedValues = formatInitialValues ? formatInitialValues(res) : res;
+          (_a = formRef.current) == null ? void 0 : _a.setFieldsValue(formattedValues);
         });
       }
-    }, [renderMode, dataSource]);
+    }, [renderMode, dataSource, formatInitialValues]);
     return /* @__PURE__ */ import_react.default.createElement(
       import_FormSettingProvider.default,
       {
         renderMode,
         groupInfoPosition,
         currentValue,
-        size: others.size
+        size: others.size,
+        onDataSourceFinish,
+        formatSubmitValues,
+        formatInitialValues,
+        customSubmit
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_form.default,
@@ -88,7 +98,15 @@ var BaseForm = (0, import_react.forwardRef)(
           ref: formRef,
           preserve: true
         },
-        (title || description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-header" }, showTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-title" }, title), showDescription && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-description" }, description)),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_page_header.default,
+          {
+            title,
+            showTitle,
+            subTitle: description,
+            showSubTitle: showDescription
+          }
+        ),
         children
       )
     );

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

@@ -45,7 +45,7 @@ var FormItem = (props) => {
   const { path: prefixPath = [] } = (0, import_useJsonPrefixPath.default)();
   const { dataSource } = (0, import_useDataSource.default)();
   const fields = dataSource == null ? void 0 : dataSource.fields;
-  const { mode: globalMode } = (0, import_useFormSetting.default)();
+  const { renderMode: globalMode } = (0, import_useFormSetting.default)();
   const field = fields == null ? void 0 : fields.find((item) => item.name === name);
   const label = propsLabel || ((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a.title) || name;
   const effectiveMode = propsMode || globalMode;

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

@@ -1,6 +1,6 @@
 .pisell-lowcode-data-source-form-group {
   display: flex;
-  padding: 20px;
+  padding: 20px 20px 0;
   border-radius: 8px;
   border: 1px solid var(--Gray-300, #d0d5dd);
   margin-bottom: 24px;
@@ -26,7 +26,7 @@
     .pisell-lowcode-data-source-form-group-content {
       border: 1px solid var(--Gray-300, #d0d5dd);
       border-radius: 8px;
-      padding: 20px;
+      padding: 20px 20px 0;
     }
   }
   &-info {

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

@@ -39,13 +39,14 @@ var import_BaseForm = __toESM(require("./BaseForm"));
 var import_index = require("./index.less");
 var DataSourceForm = (0, import_react.forwardRef)(
   (props, ref) => {
-    const { dataSource, currentValue, __designMode } = props;
+    const { dataSource, currentValue, __designMode, extraParams } = props;
     return /* @__PURE__ */ import_react.default.createElement(
       import_DataSourceProvider.default,
       {
         dataSource,
         currentValue,
-        __designMode
+        __designMode,
+        extraParams
       },
       /* @__PURE__ */ import_react.default.createElement(import_BaseForm.default, { ...props, ref })
     );

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -1,11 +1,15 @@
 /// <reference types="react" />
 import { ModeType } from '../../type';
 export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any) => void;
     renderMode?: ModeType;
     groupInfoPosition?: 'top' | 'side';
     children?: React.ReactNode;
     currentValue?: 'server' | 'local';
     size?: 'small' | 'middle' | 'large';
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
 }
 export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
 export default FormSettingContext;

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.js

@@ -35,15 +35,29 @@ module.exports = __toCommonJS(FormSettingProvider_exports);
 var import_react = __toESM(require("react"));
 var import_FormSettingContext = __toESM(require("./FormSettingContext"));
 var FormSettingProvider = (props) => {
-  const { children, renderMode, groupInfoPosition, currentValue, size } = props;
+  const {
+    children,
+    renderMode,
+    groupInfoPosition,
+    currentValue,
+    size,
+    onDataSourceFinish,
+    formatSubmitValues,
+    formatInitialValues,
+    customSubmit
+  } = props;
   const value = import_react.default.useMemo(() => {
     return {
       renderMode,
       groupInfoPosition,
       currentValue,
-      size
+      size,
+      onDataSourceFinish,
+      formatSubmitValues,
+      formatInitialValues,
+      customSubmit
     };
-  }, [renderMode, groupInfoPosition, currentValue, size]);
+  }, [renderMode, groupInfoPosition, currentValue, size, onDataSourceFinish, formatSubmitValues, formatInitialValues, customSubmit]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_FormSettingContext.default.Provider,
     {

package/lib/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.js

@@ -37,16 +37,26 @@ var import_formItem = __toESM(require("../../formItem"));
 var import_utils = require("../../utils");
 var import_JsonWrapperContext = __toESM(require("./JsonWrapperContext"));
 var JsonWrapperProvider = (props) => {
-  const { children, prefix, label } = props;
+  const { children, prefix, label, style } = props;
   const { path: prefixPath = [], level = 0 } = (0, import_react.useContext)(import_JsonWrapperContext.default) || {};
   const concatPath = (0, import_react.useMemo)(
     () => [...prefixPath, ...(0, import_utils.toArr)(prefix)],
     [prefixPath, prefix]
   );
-  const contextValue = (0, import_react.useMemo)(() => ({
-    path: concatPath,
-    level: level + 1
-  }), [concatPath, level]);
-  return /* @__PURE__ */ import_react.default.createElement(import_JsonWrapperContext.default.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(import_formItem.default, { label, style: { paddingLeft: `${level * 12}px` } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: `${level * 12}px` } }, children)));
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      path: concatPath,
+      level: level + 1
+    }),
+    [concatPath, level]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_JsonWrapperContext.default.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
+    import_formItem.default,
+    {
+      label,
+      style: { ...style || {}, paddingLeft: `${level * 12}px` }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: `${level * 12}px` } }, children)
+  ));
 };
 var JsonWrapperProvider_default = JsonWrapperProvider;

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

@@ -103,7 +103,8 @@ export declare const createNocobaseData: (params: {
  */
 export declare const getNocobaseData: (params: {
     key: string;
-    id: string;
+    query: Record<string, any>;
+    headers?: any;
 }) => Promise<any>;
 /**
  * 自定义api接口
@@ -126,9 +127,9 @@ export declare const customApi: (url: string, data: Record<string, any>, options
  */
 export declare const updateNocobaseData: (params: {
     key: string;
-    id: string;
     data: any;
     headers?: any;
+    query?: Record<string, any> | undefined;
 }) => Promise<any>;
 /**
  * 获取nocobase数据列表