@pisell/materials 6.0.5 → 6.0.7

package/es/components/pisellTags/utils.js

@@ -0,0 +1,89 @@
+// 定义 RGB 类型，包括 r, g, b 和可选的 a（透明度）分量
+
+// 辅助函数：将 16 进制颜色转换为 RGB
+var hexToRgb = function hexToRgb(hex) {
+  hex = hex.replace(/^#/, ''); // 去掉开头的 #
+  if (hex.length === 3) {
+    // 处理三位颜色码，扩展为六位颜色码
+    hex = hex.split('').map(function (h) {
+      return h + h;
+    }).join('');
+  }
+  var intVal = parseInt(hex, 16); // 将 16 进制转换为整数
+  return {
+    r: intVal >> 16 & 255,
+    // 提取红色分量
+    g: intVal >> 8 & 255,
+    // 提取绿色分量
+    b: intVal & 255 // 提取蓝色分量
+  };
+};
+
+// 辅助函数：将 RGB 转换为 16 进制颜色
+var rgbToHex = function rgbToHex(r, g, b) {
+  return '#' + [r, g, b].map(function (x) {
+    var hex = x.toString(16); // 将数值转换为 16 进制字符串
+    return hex.length === 1 ? '0' + hex : hex; // 确保每个分量都是两位
+  }).join(''); // 将 RGB 分量组合为 16 进制颜色码
+};
+
+// 辅助函数：解析输入的颜色字符串，并返回 RGB 或 RGBA 对象
+var parseColor = function parseColor(color) {
+  if (color.startsWith('#')) {
+    return hexToRgb(color); // 处理 16 进制颜色
+  } else if (color.startsWith('rgb')) {
+    // 处理 RGB 或 RGBA 颜色
+    var rgba = color.replace(/rgba?\(|\s+|\)/g, '').split(',').map(Number);
+    return {
+      r: rgba[0],
+      g: rgba[1],
+      b: rgba[2],
+      a: rgba[3] !== undefined ? rgba[3] : 1
+    };
+  } else {
+    throw new Error('无效的颜色格式');
+  }
+};
+
+// 生成颜色阶梯的函数
+export var generateColorShades = function generateColorShades(color) {
+  var _parseColor = parseColor(color),
+    r = _parseColor.r,
+    g = _parseColor.g,
+    b = _parseColor.b,
+    a = _parseColor.a;
+  var max = 700;
+  var gap = 1 / max;
+
+  // 定义相对于 700 阶梯的 50, 200, 500 阶梯的比例
+  var ratios = {
+    50: gap * 50,
+    200: gap * 200,
+    500: gap * 500,
+    600: gap * 600,
+    700: gap * 700
+  };
+
+  // 调整颜色分量的函数，基于比例计算新的分量值
+  var adjustColorComponent = function adjustColorComponent(component, ratio) {
+    return Math.round(component * ratio + 255 * (1 - ratio));
+  };
+
+  // 生成不同阶梯的颜色
+  var shades = {
+    'color_50': rgbToHex(adjustColorComponent(r, ratios[50]), adjustColorComponent(g, ratios[50]), adjustColorComponent(b, ratios[50])),
+    'color_200': rgbToHex(adjustColorComponent(r, ratios[200]), adjustColorComponent(g, ratios[200]), adjustColorComponent(b, ratios[200])),
+    'color_500': rgbToHex(adjustColorComponent(r, ratios[500]), adjustColorComponent(g, ratios[500]), adjustColorComponent(b, ratios[500])),
+    'color_600': rgbToHex(adjustColorComponent(r, ratios[600]), adjustColorComponent(g, ratios[600]), adjustColorComponent(b, ratios[600])),
+    'color_700': color
+  };
+
+  // 如果原始颜色带有透明度 (RGBA)，在返回结果中包含透明度信息
+  if (a !== undefined) {
+    shades['color_50'] = "rgba(".concat(adjustColorComponent(r, ratios[50]), ", ").concat(adjustColorComponent(g, ratios[50]), ", ").concat(adjustColorComponent(b, ratios[50]), ", ").concat(a, ")");
+    shades['color_200'] = "rgba(".concat(adjustColorComponent(r, ratios[200]), ", ").concat(adjustColorComponent(g, ratios[200]), ", ").concat(adjustColorComponent(b, ratios[200]), ", ").concat(a, ")");
+    shades['color_500'] = "rgba(".concat(adjustColorComponent(r, ratios[500]), ", ").concat(adjustColorComponent(g, ratios[500]), ", ").concat(adjustColorComponent(b, ratios[500]), ", ").concat(a, ")");
+    shades['color_600'] = "rgba(".concat(adjustColorComponent(r, ratios[600]), ", ").concat(adjustColorComponent(g, ratios[600]), ", ").concat(adjustColorComponent(b, ratios[600]), ", ").concat(a, ")");
+  }
+  return shades;
+};

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

@@ -73,10 +73,11 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     return mode === 'multiple' && isShowDropdown && selectAll;
   }, [mode, selectAll, isShowDropdown]);
   var checkboxChecked = useMemo(function () {
+    var _state$sort, _filteredOptions$map, _filteredOptions$map$;
     if (mode !== 'multiple') return false;
-    return (state === null || state === void 0 ? void 0 : state.length) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && state.sort().join('') === filteredOptions.map(function (item) {
+    return (state === null || state === void 0 ? void 0 : state.length) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && (state === null || state === void 0 ? void 0 : (_state$sort = state.sort()) === null || _state$sort === void 0 ? void 0 : _state$sort.join('')) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : (_filteredOptions$map = filteredOptions.map(function (item) {
       return item.value;
-    }).sort().join('');
+    })) === null || _filteredOptions$map === void 0 ? void 0 : (_filteredOptions$map$ = _filteredOptions$map.sort()) === null || _filteredOptions$map$ === void 0 ? void 0 : _filteredOptions$map$.join(''));
   }, [state, filteredOptions]);
   var dropdownRender = useCallback(propsDropdownRender ? propsDropdownRender : function (originNode) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, showSearch && /*#__PURE__*/React.createElement(Input, {

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;