@pisell/materials 6.4.19 → 6.4.21

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any, form: 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>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormSettingContextType } from './FormSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const FormSettingProvider: React.FC<FormSettingContextType>;
+export default FormSettingProvider;

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

@@ -44,7 +44,8 @@ var FormSettingProvider = (props) => {
     onDataSourceFinish,
     formatSubmitValues,
     formatInitialValues,
-    customSubmit
+    customSubmit,
+    beforeSubmit
   } = props;
   const value = import_react.default.useMemo(() => {
     return {
@@ -55,9 +56,10 @@ var FormSettingProvider = (props) => {
       onDataSourceFinish,
       formatSubmitValues,
       formatInitialValues,
-      customSubmit
+      customSubmit,
+      beforeSubmit
     };
-  }, [renderMode, groupInfoPosition, currentValue, size]);
+  }, [renderMode, groupInfoPosition, currentValue, size, beforeSubmit]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_FormSettingContext.default.Provider,
     {

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

@@ -0,0 +1,179 @@
+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;
+    query: Record<string, any>;
+    headers?: any;
+}) => 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;
+    data: any;
+    headers?: any;
+    query?: Record<string, any> | undefined;
+}) => 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>;
+/**
+ * 获取formSettingMeta数据
+ * @param params 请求参数
+ * @param params.sectionCodes 配置段代码数组，如 ['payment']
+ * @param params.businessCode 业务代码
+ * @param params.channelCode 渠道代码
+ * @param params.isBoard 是否包含board_code参数
+ * @returns Promise<any> 返回设置元数据
+ */
+export declare const getFormSettingMetaData: (params: {
+    sectionCodes: string[];
+    businessCode?: string | undefined;
+    channelCode?: string | undefined;
+    isBoard?: boolean | undefined;
+}) => Promise<any>;
+/**
+ * 更新租户设置数据
+ * @param params 请求参数
+ * @param params.businessCode 业务代码
+ * @param params.channelCode 渠道代码
+ * @param params.boardCode 板块代码
+ * @param params.data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
+ * @returns Promise<any> 返回更新结果
+ */
+export declare const updateTenantSetting: (params: {
+    business_code?: string | undefined;
+    channel_code?: string | undefined;
+    board_code?: string | undefined;
+    data: Record<string, any>;
+}) => Promise<any>;
+export {};

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

@@ -22,12 +22,14 @@ __export(serve_exports, {
   createNocobaseData: () => createNocobaseData,
   customApi: () => customApi,
   deleteNocobaseData: () => deleteNocobaseData,
+  getFormSettingMetaData: () => getFormSettingMetaData,
   getNocobaseData: () => getNocobaseData,
   getNocobaseDataList: () => getNocobaseDataList,
   getNocobaseDataSource: () => getNocobaseDataSource,
   getNocobaseDataSourceOptions: () => getNocobaseDataSourceOptions,
   getNocobaseMainDataSource: () => getNocobaseMainDataSource,
-  updateNocobaseData: () => updateNocobaseData
+  updateNocobaseData: () => updateNocobaseData,
+  updateTenantSetting: () => updateTenantSetting
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../table/utils");
@@ -137,15 +139,56 @@ var deleteNocobaseData = async (key, id, headers) => {
     }
   );
 };
+var getFormSettingMetaData = async (params) => {
+  console.log("getFormSettingMetaData", params);
+  const { sectionCodes, businessCode, channelCode, isBoard } = params;
+  const queryParams = new URLSearchParams();
+  sectionCodes.forEach((code) => {
+    queryParams.append("section_code[]", code);
+  });
+  if (businessCode) {
+    queryParams.append("business_code", businessCode);
+  }
+  if (channelCode) {
+    queryParams.append("channel_code", channelCode);
+  }
+  if (isBoard && businessCode && channelCode) {
+    queryParams.append("board_code", `${businessCode}+${channelCode}`);
+  }
+  const url = `/tenant/setting?${queryParams.toString()}`;
+  return import_utils.request.getRequest().get(url, {}, {
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+};
+var updateTenantSetting = async (params) => {
+  console.log("updateTenantSetting", params);
+  const { business_code, channel_code, board_code, data } = params;
+  const requestBody = {
+    business_code,
+    channel_code,
+    board_code,
+    data
+  };
+  const url = "/tenant/setting";
+  return import_utils.request.getRequest().post(url, requestBody, {
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createNocobaseData,
   customApi,
   deleteNocobaseData,
+  getFormSettingMetaData,
   getNocobaseData,
   getNocobaseDataList,
   getNocobaseDataSource,
   getNocobaseDataSourceOptions,
   getNocobaseMainDataSource,
-  updateNocobaseData
+  updateNocobaseData,
+  updateTenantSetting
 });

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

@@ -0,0 +1,39 @@
+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;
+        onOk?: () => void;
+    };
+    afterSubmitNotificationConfig?: {
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        duration: number;
+        placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+    };
+}
+declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
+export default SubmitButton;

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

@@ -41,7 +41,9 @@ var import_useFormSetting = __toESM(require("../provider/hooks/useFormSetting"))
 var import_useCtxActions = __toESM(require("../../hooks/useCtxActions"));
 var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
 var import_utils = require("../utils");
+var import_urlUtils = require("../urlUtils");
 var import_index = require("./index.less");
+var import_serve = require("../serve");
 var SubmitButton = (props) => {
   const {
     children,
@@ -58,13 +60,25 @@ var SubmitButton = (props) => {
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [api, contextHolder] = import_antd.notification.useNotification();
   const form = import_antd.Form.useFormInstance();
-  const { renderMode, onDataSourceFinish, formatSubmitValues, customSubmit } = (0, import_useFormSetting.default)();
+  const { renderMode, onDataSourceFinish, formatSubmitValues, customSubmit, beforeSubmit } = (0, import_useFormSetting.default)();
   const { setVisible, refreshTableData } = (0, import_useCtxActions.default)();
-  const { create, update } = (0, import_useDataSource.default)();
+  const { create, update, dataSource } = (0, import_useDataSource.default)();
   const isDisabled = status === "disabled";
   const onSubmit = async (values) => {
     setLoading(true);
     try {
+      if (dataSource == null ? void 0 : dataSource.fromSettingMeta) {
+        const urlParams = (0, import_urlUtils.getFormSettingParams)();
+        const business_code = urlParams.businessCode;
+        const channel_code = urlParams.channelCode;
+        const board_code = urlParams.isBoard && business_code && channel_code ? `${business_code}+${channel_code}` : void 0;
+        return await (0, import_serve.updateTenantSetting)({
+          business_code,
+          channel_code,
+          board_code,
+          data: values
+        });
+      }
       if (customSubmit) {
         return await customSubmit(values);
       }
@@ -118,6 +132,12 @@ var SubmitButton = (props) => {
       }
       const filteredValues = (0, import_utils.filterSystemFields)(allValues);
       const formattedValues = formatSubmitValues ? formatSubmitValues(filteredValues) : filteredValues;
+      if (beforeSubmit) {
+        const canSubmit = await beforeSubmit(formattedValues);
+        if (!canSubmit) {
+          return;
+        }
+      }
       const result = await onSubmit(formattedValues);
       if (onDataSourceFinish) {
         onDataSourceFinish(formattedValues, result, form);
@@ -138,6 +158,7 @@ var SubmitButton = (props) => {
       }
       (0, import_utils.setFormFieldsUntouched)(form);
     } catch (error) {
+      debugger;
       (0, import_pisellToast.default)({
         content: `${error.message}`
       });

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

@@ -0,0 +1,32 @@
+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;
+    extraParams?: Record<string, any>;
+    showTitle: boolean;
+    showDescription: boolean;
+    groupInfoPosition: 'top' | 'side';
+    variables: any[];
+    renderMode?: ModeType;
+    currentValue?: 'server' | 'local';
+    children: React.ReactNode;
+    className?: string;
+    size?: 'small' | 'middle' | 'large';
+    onDataSourceFinish?: (values: any, result: any) => void;
+    __designMode?: string;
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+    leaveConfirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+}

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

@@ -0,0 +1,24 @@
+/**
+ * URL参数处理工具方法
+ */
+/**
+ * 从浏览器URL获取查询参数
+ * @returns Record<string, string> URL查询参数对象
+ */
+export declare const getUrlParams: () => Record<string, string>;
+/**
+ * 从URL参数中提取formSettingMeta相关的参数
+ * @param urlParams URL查询参数对象，如果不传则自动从浏览器获取
+ * @returns 包含business_code、channel_code和isBoard参数的对象
+ */
+export declare const getFormSettingParams: (urlParams?: Record<string, string>) => {
+    businessCode: string;
+    channelCode: string;
+    isBoard: boolean;
+};
+/**
+ * 根据URL参数更新租户设置数据
+ * @param data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
+ * @returns Promise<any> 返回更新结果
+ */
+export declare const updateTenantSettingFromUrl: (data: Record<string, any>) => Promise<any>;

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

@@ -0,0 +1,68 @@
+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/urlUtils.ts
+var urlUtils_exports = {};
+__export(urlUtils_exports, {
+  getFormSettingParams: () => getFormSettingParams,
+  getUrlParams: () => getUrlParams,
+  updateTenantSettingFromUrl: () => updateTenantSettingFromUrl
+});
+module.exports = __toCommonJS(urlUtils_exports);
+var import_utils = require("../../table/utils");
+var getUrlParams = () => {
+  const urlSearchParams = new URLSearchParams(window.location.search);
+  const urlParams = {};
+  urlSearchParams.forEach((value, key) => {
+    urlParams[key] = value;
+  });
+  return urlParams;
+};
+var getFormSettingParams = (urlParams) => {
+  const params = urlParams || getUrlParams();
+  return {
+    businessCode: params.businessCode || params.business_code,
+    channelCode: params.channelCode || params.channel_code,
+    isBoard: params.is_board === "1"
+  };
+};
+var updateTenantSettingFromUrl = async (data) => {
+  debugger;
+  const urlParams = getFormSettingParams();
+  const businessCode = urlParams.businessCode;
+  const channelCode = urlParams.channelCode;
+  const boardCode = urlParams.isBoard && businessCode && channelCode ? `${businessCode}+${channelCode}` : void 0;
+  const requestBody = {
+    business_code: businessCode || "",
+    channel_code: channelCode || "",
+    board_code: boardCode || "",
+    data
+  };
+  const url = "/tenant/setting";
+  return import_utils.request.getRequest().post(url, requestBody, {
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFormSettingParams,
+  getUrlParams,
+  updateTenantSettingFromUrl
+});

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

@@ -43,7 +43,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
 }) => JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "default" | "api" | "custom" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

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

@@ -136,13 +136,13 @@ var withFormItem = (WrappedComponent, overlayProps) => {
       return /* @__PURE__ */ import_react.default.createElement(
         WrappedComponent,
         {
+          ...overlayProps == null ? void 0 : overlayProps.innerProps,
           ...otherProps,
           mode: propsMode,
           renderMode: effectiveMode,
-          ...overlayProps == null ? void 0 : overlayProps.innerProps,
           style: {
-            ...innerStyle || {},
-            ...((_a2 = overlayProps == null ? void 0 : overlayProps.innerProps) == null ? void 0 : _a2.style) || {}
+            ...((_a2 = overlayProps == null ? void 0 : overlayProps.innerProps) == null ? void 0 : _a2.style) || {},
+            ...innerStyle || {}
           },
           fieldKey: name,
           isVerification: typeobj == null ? void 0 : typeobj.enabled,

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataSourceTableProps } from './type';
+export interface TableRef {
+    refreshCurrentPage: () => void;
+    refreshData: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -105,6 +105,7 @@ var BaseTable = (props, ref) => {
   }, [dataSourceKey]);
   (0, import_react.useEffect)(() => {
     if (dataSourceKeyRef.current) {
+      if (dataSource == null ? void 0 : dataSource.fromSettingMeta) return;
       list == null ? void 0 : list.run(queryPageConfig);
     } else {
       list == null ? void 0 : list.mutate([]);

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { Drawer } from 'antd';
+import { OperationItem } from '../type';
+declare const useDrawerState: (operationContent?: {
+    [key: string]: import("react").ReactNode;
+} | undefined) => {
+    drawerVisible: boolean;
+    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    openDrawer: (item: OperationItem) => void;
+    closeDrawer: () => void;
+    drawerContent: import("react").ReactNode;
+    Container: {
+        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
+        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
+        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
+    } | typeof Drawer;
+    containerProps: {};
+};
+export default useDrawerState;