@pisell/materials 3.0.62 → 6.0.2

package/lib/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.js

@@ -0,0 +1,41 @@
+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/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.ts
+var useJsonPrefixPath_exports = {};
+__export(useJsonPrefixPath_exports, {
+  default: () => useJsonPrefixPath_default
+});
+module.exports = __toCommonJS(useJsonPrefixPath_exports);
+var import_react = require("react");
+var import_JsonWrapperContext = __toESM(require("../jsonWrapper/JsonWrapperContext"));
+var useJsonPrefixPath = () => {
+  const prefixPath = (0, import_react.useContext)(import_JsonWrapperContext.default);
+  return prefixPath;
+};
+var useJsonPrefixPath_default = useJsonPrefixPath;

package/lib/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const JsonWrapperContext: import("react").Context<{
+    path: (string | number)[];
+    level: number;
+}>;
+export default JsonWrapperContext;

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

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.ts
+var JsonWrapperContext_exports = {};
+__export(JsonWrapperContext_exports, {
+  default: () => JsonWrapperContext_default
+});
+module.exports = __toCommonJS(JsonWrapperContext_exports);
+var import_react = require("react");
+var JsonWrapperContext = (0, import_react.createContext)({
+  path: [],
+  level: 0
+});
+var JsonWrapperContext_default = JsonWrapperContext;

package/lib/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface JsonWrapperProps {
+    prefix: string | number | (string | number)[];
+    name?: string;
+}
+declare const JsonWrapperProvider: React.FC<React.PropsWithChildren<JsonWrapperProps>>;
+export default JsonWrapperProvider;

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

@@ -0,0 +1,52 @@
+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/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.tsx
+var JsonWrapperProvider_exports = {};
+__export(JsonWrapperProvider_exports, {
+  default: () => JsonWrapperProvider_default
+});
+module.exports = __toCommonJS(JsonWrapperProvider_exports);
+var import_react = __toESM(require("react"));
+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 { 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)));
+};
+var JsonWrapperProvider_default = JsonWrapperProvider;

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

@@ -0,0 +1,148 @@
+export interface DataSourceType {
+    key: string;
+    displayName: string;
+    status: string;
+    type: string;
+    isDBInstance: boolean;
+    collections: Collection[];
+}
+export declare type ActionsItem = {
+    method: string;
+    path: string;
+    params: {
+        name: string;
+        value: string;
+    }[];
+    headers: {
+        name: string;
+        value: string;
+    }[];
+    body: Record<string, any>;
+};
+export interface Collection {
+    name: string;
+    title: string;
+    tableName: string;
+    timestamps: boolean;
+    autoGenId: boolean;
+    filterTargetKey: string;
+    fields: Field[];
+    introspected: boolean;
+    unavailableActions: any[];
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+}
+interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+/**
+ * 获取nocobase自定义数据源
+ */
+export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
+/**
+ * 获取nocobase主数据源
+ */
+export declare const getNocobaseMainDataSource: () => Promise<any>;
+/**
+ * 获取nocobase数据源设置
+ */
+export declare const getNocobaseDataSourceOptions: () => Promise<any>;
+/**
+ * 创建nocobase数据
+ */
+export declare const createNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * nocobase get数据
+ */
+export declare const getNocobaseData: (params: {
+    key: string;
+    id: string;
+}) => Promise<any>;
+/**
+ * 自定义api接口
+ */
+export declare const customApi: (url: string, data: Record<string, any>, options: {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    baseUrl?: string | undefined;
+    headers?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    params?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    body?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 更新nocobase数据
+ */
+export declare const updateNocobaseData: (params: {
+    key: string;
+    id: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getNocobaseDataList: (allParams: {
+    key: string;
+    params: {
+        page: number;
+        pageSize: number;
+    };
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 删除nocobase数据
+ */
+export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
+export {};

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

@@ -0,0 +1,142 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceForm/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  createNocobaseData: () => createNocobaseData,
+  customApi: () => customApi,
+  deleteNocobaseData: () => deleteNocobaseData,
+  getNocobaseData: () => getNocobaseData,
+  getNocobaseDataList: () => getNocobaseDataList,
+  getNocobaseDataSource: () => getNocobaseDataSource,
+  getNocobaseDataSourceOptions: () => getNocobaseDataSourceOptions,
+  getNocobaseMainDataSource: () => getNocobaseMainDataSource,
+  updateNocobaseData: () => updateNocobaseData
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../table/utils");
+var getNocobaseDataSource = async () => {
+  return import_utils.request.getRequest().post(
+    "/dataSources:listEnabled?paginate=false&appends%5B%5D=collections",
+    {},
+    {
+      isNocobase: true
+    }
+  );
+};
+var getNocobaseMainDataSource = async () => {
+  return import_utils.request.getRequest().post(
+    "/collections:list?paginate=false&appends%5B%5D=fields&sort%5B%5D=sort&filter=%7B%7D",
+    {},
+    {
+      isNocobase: true
+    }
+  );
+};
+var getNocobaseDataSourceOptions = async () => {
+  return import_utils.request.getRequest().post(
+    "/dataSources:list?appends=collections",
+    {},
+    {
+      isNocobase: true
+    }
+  );
+};
+var createNocobaseData = async (params) => {
+  const { key, data, headers } = params;
+  return import_utils.request.getRequest().post(`/${key}:create`, data, {
+    isNocobase: true,
+    headers
+  });
+};
+var getNocobaseData = async (params) => {
+  const { key, id } = params;
+  return import_utils.request.getRequest().get(
+    `/${key}:get?filterByTk=${id}`,
+    {},
+    {
+      isNocobase: true
+    }
+  );
+};
+var methodMap = {
+  GET: "get",
+  POST: "post",
+  PUT: "put",
+  DELETE: "remove"
+};
+var formatHeaders = (headers) => {
+  return headers == null ? void 0 : headers.reduce((acc, curr) => {
+    acc[curr.name] = curr.value;
+    return acc;
+  }, {});
+};
+var formatQueryString = (params = []) => params.map(
+  ({ name, value }) => `${encodeURIComponent(name)}=${encodeURIComponent(value)}`
+).join("&");
+var formatRequestUrl = (url, baseUrl, queryString) => {
+  const baseRequestUrl = baseUrl ? `${baseUrl}${url}` : url;
+  return queryString ? `${baseRequestUrl}${baseRequestUrl.includes("?") ? "&" : "?"}${queryString}` : baseRequestUrl;
+};
+var customApi = async (url, data, options) => {
+  const { method, baseUrl, headers = [], params = [], body = {} } = options;
+  const requestHeaders = formatHeaders(headers);
+  const queryString = formatQueryString(params);
+  const requestUrl = formatRequestUrl(url, baseUrl, queryString);
+  const requestData = method === "GET" ? data : { ...body, ...data };
+  const requestMethod = methodMap[method];
+  return import_utils.request.getRequest()[requestMethod](requestUrl, requestData, { headers: requestHeaders, isCustomApi: true });
+};
+var updateNocobaseData = async (params) => {
+  const { key, id, data, headers } = params;
+  return import_utils.request.getRequest().post(`/${key}:update?filterByTk=${id}`, data, {
+    isNocobase: true,
+    headers
+  });
+};
+var getNocobaseDataList = async (allParams) => {
+  const { key, params, headers } = allParams;
+  return import_utils.request.getRequest().get(`/${key}:list`, params, {
+    isNocobase: true,
+    fullResult: true,
+    headers
+  });
+};
+var deleteNocobaseData = async (key, id, headers) => {
+  return import_utils.request.getRequest().post(
+    `/${key}:destroy?filterByTk=${id}`,
+    {},
+    {
+      isNocobase: true,
+      headers
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createNocobaseData,
+  customApi,
+  deleteNocobaseData,
+  getNocobaseData,
+  getNocobaseDataList,
+  getNocobaseDataSource,
+  getNocobaseDataSourceOptions,
+  getNocobaseMainDataSource,
+  updateNocobaseData
+});

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

@@ -0,0 +1,23 @@
+.pisell-lowcode-form-vertical {
+  .pisell-data-source-form-item .pisell-lowcode-form-item-label > label {
+    height: auto;
+  }
+}
+
+.pisell-form-read-pretty {
+  &-value {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+  }
+}
+
+.pisell-data-source-form-item-view {
+  .pisell-lowcode-form-item-label > label {
+    font-weight: 400;
+  }
+  .pisell-lowcode-form-item-control-input {
+    min-height: auto;
+  }
+}

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ButtonProps } from 'antd';
+import './index.less';
+export interface SubmitButtonProps extends ButtonProps {
+    status: 'normal' | 'disabled' | 'hidden';
+    children: React.ReactNode;
+    childrenString?: string;
+    confirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+    toastConfig?: {
+        enable: boolean;
+        icon: React.ReactNode;
+        title: string;
+        showAfterSubmit?: boolean;
+    };
+    refreshData?: boolean;
+    afterSubmitType?: 'none' | 'close' | 'showModal' | 'showNotification';
+    afterSubmitModalConfig?: {
+        title: string;
+        content: string;
+        okText: string;
+    };
+    afterSubmitNotificationConfig?: {
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        duration: number;
+        placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+    };
+}
+declare const SubmitButton: (props: SubmitButtonProps) => React.JSX.Element | null;
+export default SubmitButton;

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

@@ -0,0 +1,165 @@
+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/dataSourceComponents/dataSourceForm/submitButton/index.tsx
+var submitButton_exports = {};
+__export(submitButton_exports, {
+  default: () => submitButton_default
+});
+module.exports = __toCommonJS(submitButton_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_pisellToast = __toESM(require("../../../pisellToast"));
+var import_pisellModal = __toESM(require("../../../pisellModal"));
+var import_formItem = __toESM(require("../formItem"));
+var import_useFormSetting = __toESM(require("../provider/hooks/useFormSetting"));
+var import_useCtxActions = __toESM(require("../../hooks/useCtxActions"));
+var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
+var import_index = require("./index.less");
+var SubmitButton = (props) => {
+  const {
+    children,
+    status,
+    type,
+    confirmConfig,
+    toastConfig,
+    refreshData,
+    afterSubmitType,
+    afterSubmitModalConfig,
+    afterSubmitNotificationConfig,
+    childrenString
+  } = props;
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [api, contextHolder] = import_antd.notification.useNotification();
+  const form = import_antd.Form.useFormInstance();
+  const { renderMode } = (0, import_useFormSetting.default)();
+  const { setVisible, refreshTableData } = (0, import_useCtxActions.default)();
+  const { create, update } = (0, import_useDataSource.default)();
+  const isDisabled = status === "disabled";
+  const onSubmit = async (values) => {
+    try {
+      setLoading(true);
+      if (renderMode === "edit") {
+        await update.runAsync(values);
+      } else if (renderMode === "add") {
+        const res = await create.runAsync(values);
+        form == null ? void 0 : form.resetFields();
+      }
+    } catch (error) {
+      (0, import_pisellToast.default)({
+        content: `操作失败：${error.message}`
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const afterSubmitFuncMap = {
+    close: () => {
+      form.resetFields();
+      setVisible == null ? void 0 : setVisible(false);
+    },
+    showModal: () => {
+      import_pisellModal.default.success({
+        title: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.title,
+        content: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.content,
+        okText: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.okText
+      });
+    },
+    showNotification: () => {
+      api.open({
+        message: afterSubmitNotificationConfig == null ? void 0 : afterSubmitNotificationConfig.title,
+        description: afterSubmitNotificationConfig == null ? void 0 : afterSubmitNotificationConfig.content,
+        duration: afterSubmitNotificationConfig == null ? void 0 : afterSubmitNotificationConfig.duration,
+        placement: afterSubmitNotificationConfig == null ? void 0 : afterSubmitNotificationConfig.placement
+      });
+    }
+  };
+  const validateFields = () => {
+    return form.validateFields();
+  };
+  const handleValideFieldsSubmit = async (values) => {
+    try {
+      await validateFields();
+      const allValues = form.getFieldsValue(true);
+      if (allValues.id) {
+        values.id = allValues.id;
+      }
+      if ((toastConfig == null ? void 0 : toastConfig.enable) && !(toastConfig == null ? void 0 : toastConfig.showAfterSubmit)) {
+        (0, import_pisellToast.default)({
+          content: toastConfig.title
+        });
+      }
+      await onSubmit(values);
+      if (refreshData) {
+        refreshTableData == null ? void 0 : refreshTableData();
+      }
+      if ((toastConfig == null ? void 0 : toastConfig.enable) && (toastConfig == null ? void 0 : toastConfig.showAfterSubmit)) {
+        (0, import_pisellToast.default)({
+          content: toastConfig.title
+        });
+      }
+      if (afterSubmitType) {
+        const afterSubmitFunc = afterSubmitFuncMap[afterSubmitType];
+        if (afterSubmitFunc) {
+          afterSubmitFunc();
+        }
+      }
+    } catch (error) {
+    }
+  };
+  const onSubmitClick = async () => {
+    const values = await validateFields();
+    if (confirmConfig == null ? void 0 : confirmConfig.enable) {
+      return import_pisellModal.default.confirm({
+        title: confirmConfig.title,
+        content: confirmConfig.content,
+        okText: confirmConfig.okText,
+        cancelText: confirmConfig.cancelText,
+        onOk: () => {
+          handleValideFieldsSubmit(values);
+        }
+      });
+    }
+    handleValideFieldsSubmit(values);
+  };
+  if (status === "hidden" || renderMode === "view") {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_formItem.default, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-submit-button-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type,
+      size: "large",
+      loading,
+      onClick: onSubmitClick,
+      disabled: isDisabled
+    },
+    childrenString
+  ), contextHolder));
+};
+var submitButton_default = SubmitButton;

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

@@ -0,0 +1,4 @@
+.pisell-lowcode-data-source-form-submit-button-wrapper {
+  display: flex;
+  justify-content: center;
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DataSourceType } from "../provider/dataSource/DataSourceContext";
+export declare type ModeType = 'edit' | 'add' | 'view' | 'disabled' | 'hidden' | 'tableView';
+export interface DataSourceFormProps {
+    title: string;
+    description: string;
+    dataSource: DataSourceType;
+    showTitle: boolean;
+    showDescription: boolean;
+    groupInfoPosition: 'top' | 'side';
+    variables: any[];
+    renderMode?: ModeType;
+    currentValue?: 'server' | 'local';
+    children: React.ReactNode;
+    className?: string;
+    size?: 'small' | 'middle' | 'large';
+    __designMode?: string;
+}