@pisell/materials 3.0.62 → 6.0.1

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+declare const formFieldMap: {
+    FormItemCheckbox: import("react").FC<{}> & {
+        Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    } & {
+        Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    };
+    FormItemColorPicker: import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemDatePicker: import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemInput: import("react").FC<import("./Input/type").InputProps> & {
+        JSON: import("react").FC<any>;
+        Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+        TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+        URL: import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+        Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+        Phone: import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    };
+    FormItemRadio: import("react").FC<{}> & {
+        Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    } & {
+        Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    };
+    FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+        options?: any;
+        optionSourceType?: "default" | "custom" | "api" | undefined;
+        labelField: string;
+        valueField: string;
+    } & {
+        dataSource?: any;
+    }) => import("react").JSX.Element;
+    FormItemInputNumber: import("react").FC<any>;
+    FormItemPercent: import("react").FC<any>;
+    FormItemTimePicker: import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'FormItemInput.JSON': import("react").FC<any>;
+    'FormItemInput.Phone': import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'FormItemInput.Email': import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'FormItemInput.URL': import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'FormItemInput.Password': import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'FormItemRadio.Group': import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    'FormItemCheckbox.Group': import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    FormItemDateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+};
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+    JSON: import("react").FC<any>;
+    Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    URL: import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    Phone: import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+} & {
+    dataSource?: any;
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+export { getFieldComponent, formFieldMap };

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

@@ -0,0 +1,75 @@
+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/fields/index.ts
+var fields_exports = {};
+__export(fields_exports, {
+  formFieldMap: () => formFieldMap,
+  getFieldComponent: () => getFieldComponent
+});
+module.exports = __toCommonJS(fields_exports);
+var import_Checkbox = __toESM(require("./Checkbox"));
+var import_ColorPicker = __toESM(require("./ColorPicker"));
+var import_DatePicker = __toESM(require("./DatePicker"));
+var import_Input = __toESM(require("./Input"));
+var import_Radio = __toESM(require("./Radio"));
+var import_Select = __toESM(require("./Select"));
+var import_InputNumber = __toESM(require("./InputNumber"));
+var import_TimePicker = __toESM(require("./TimePicker"));
+var import_DateRangePicker = __toESM(require("./DateRangePicker"));
+var import_Upload = __toESM(require("./Upload"));
+var import_Translation = __toESM(require("./Translation"));
+var formFieldMap = {
+  FormItemCheckbox: import_Checkbox.default,
+  FormItemColorPicker: import_ColorPicker.default,
+  FormItemDatePicker: import_DatePicker.default,
+  FormItemInput: import_Input.default,
+  FormItemRadio: import_Radio.default,
+  FormItemSelect: import_Select.default,
+  FormItemInputNumber: import_InputNumber.default,
+  FormItemPercent: import_InputNumber.default,
+  FormItemTimePicker: import_TimePicker.default,
+  "FormItemInput.JSON": import_Input.default.JSON,
+  "FormItemInput.Phone": import_Input.default.Phone,
+  "FormItemInput.Email": import_Input.default.Email,
+  "FormItemInput.URL": import_Input.default.URL,
+  "FormItemInput.Password": import_Input.default.Password,
+  "FormItemRadio.Group": import_Radio.default.Group,
+  "FormItemCheckbox.Group": import_Checkbox.default.Group,
+  FormItemDateRangePicker: import_DateRangePicker.default,
+  FormItemUpload: import_Upload.default,
+  FormItemTranslation: import_Translation.default
+};
+var getFieldComponent = (fieldComponent) => {
+  return formFieldMap[fieldComponent];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formFieldMap,
+  getFieldComponent
+});

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

@@ -0,0 +1,18 @@
+import { Field } from '../provider/dataSource/DataSourceContext';
+import { formFieldMap } from './index';
+export declare type FormFieldComponentType = keyof typeof formFieldMap;
+export declare type FilterFunctionReturnType = {
+    $eq?: any;
+    $includes?: string;
+    $in?: (string | number)[];
+    $anyOf?: (string | number)[];
+    $isTruly?: boolean;
+    $dateAfter?: string;
+    $dateBefore?: string;
+    $and?: Array<{
+        $dateAfter?: string;
+        $dateBefore?: string;
+    }>;
+};
+export declare type FilterFunction = (value: any, field: Field) => FilterFunctionReturnType | null;
+export declare type FormFieldFilterFuncMapType = Record<FormFieldComponentType, FilterFunction>;

package/lib/components/dataSourceComponents/fields/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/fields/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

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

@@ -0,0 +1,3 @@
+import { FormFieldFilterFuncMapType } from './type';
+declare const formFieldFilterFuncMap: FormFieldFilterFuncMapType;
+export { formFieldFilterFuncMap };

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

@@ -0,0 +1,134 @@
+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/fields/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formFieldFilterFuncMap: () => formFieldFilterFuncMap
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var formFieldFilterFuncMap = {
+  Checkbox: (value) => {
+    const key = value ? "$isTruly" : "$isFalsy";
+    return {
+      [key]: true
+    };
+  },
+  ColorPicker: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  DatePicker: (value) => {
+    const [start, end] = value;
+    if (!start || !end) {
+      return null;
+    }
+    const startDate = (0, import_utils.isString)(start) ? start : start.format("YYYY-MM-DD HH:mm:ss");
+    const endDate = (0, import_utils.isString)(end) ? end : end.format("YYYY-MM-DD HH:mm:ss");
+    return {
+      $and: [
+        {
+          $dateAfter: startDate
+        },
+        {
+          $dateBefore: endDate
+        }
+      ]
+    };
+  },
+  Input: (value) => {
+    return {
+      $includes: value
+    };
+  },
+  Radio: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  Select: (value, field) => {
+    const key = field.type === "string" ? "$in" : "$anyOf";
+    const formatValue = Array.isArray(value) ? value : [value];
+    return {
+      [key]: formatValue
+    };
+  },
+  Percent: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  InputNumber: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  TimePicker: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  "Input.JSON": (value) => {
+    return {
+      $includes: value
+    };
+  },
+  "Input.URL": (value) => {
+    return {
+      $includes: value
+    };
+  },
+  "Input.Password": (value) => {
+    return {
+      $includes: value
+    };
+  },
+  DateRangePicker: (value) => {
+    const [start, end] = value;
+    const startDate = (0, import_utils.isString)(start) ? start : start.format("YYYY-MM-DD HH:mm:ss");
+    const endDate = (0, import_utils.isString)(end) ? end : end.format("YYYY-MM-DD HH:mm:ss");
+    return {
+      $and: [
+        {
+          $dateAfter: startDate
+        },
+        {
+          $dateBefore: endDate
+        }
+      ]
+    };
+  },
+  "Radio.Group": (value) => {
+    const formatValue = Array.isArray(value) ? value : [value];
+    return {
+      $in: formatValue
+    };
+  },
+  "Checkbox.Group": (value) => {
+    const formatValue = Array.isArray(value) ? value : [value];
+    return {
+      $anyOf: formatValue
+    };
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formFieldFilterFuncMap
+});

package/lib/components/dataSourceComponents/hooks/useActions.d.ts

@@ -0,0 +1,17 @@
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export interface UseActionsParams {
+    dataSource?: DataSourceType;
+    currentValue?: 'server' | 'local';
+    __designMode?: string;
+}
+declare const useActions: ({ dataSource: propsDataSource, currentValue: propsCurrentValue, __designMode, }?: UseActionsParams) => {
+    create: (values: Record<string, any>) => Promise<any>;
+    get: () => Promise<any>;
+    update: (values: Record<string, any>) => Promise<any>;
+    list: (params: {
+        page: number;
+        pageSize: number;
+    }) => Promise<any>;
+    destroy: (id: string) => Promise<any>;
+};
+export default useActions;

package/lib/components/dataSourceComponents/hooks/useActions.js

@@ -0,0 +1,216 @@
+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/hooks/useActions.ts
+var useActions_exports = {};
+__export(useActions_exports, {
+  default: () => useActions_default
+});
+module.exports = __toCommonJS(useActions_exports);
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_pisellToast = __toESM(require("../../pisellToast"));
+var import_useFormat = __toESM(require("../dataSourceTable/hooks/useFormat"));
+var import_serve = require("../dataSourceForm/serve");
+var import_useParseActionsVariable = __toESM(require("./useParseActionsVariable"));
+var import_useVariables = __toESM(require("./useVariables"));
+var import_useDataSource = __toESM(require("./useDataSource"));
+var import_locales = require("../../../locales");
+var useActions = ({
+  dataSource: propsDataSource,
+  currentValue: propsCurrentValue,
+  __designMode
+} = {}) => {
+  const { dataSource: ctxDataSource, __designMode: ctxDesignMode } = (0, import_useDataSource.default)();
+  const { parseVariable } = (0, import_useVariables.default)();
+  const { parseActions } = (0, import_useParseActionsVariable.default)();
+  const currentDataSource = propsDataSource || ctxDataSource;
+  const currentValue = propsCurrentValue || "server";
+  const designMode = __designMode || ctxDesignMode;
+  const {
+    isCustomApi,
+    actions: originalActions,
+    options,
+    headerDataSource,
+    name,
+    dataSourceKey,
+    fields
+  } = currentDataSource || {};
+  const { formatListResult, formatListParams, formatCreateUpdateParams } = (0, import_useFormat.default)({
+    dataSourceKey: dataSourceKey || "",
+    fields: fields || []
+  });
+  const currentRecord = (0, import_react.useMemo)(() => {
+    return parseVariable == null ? void 0 : parseVariable(currentValue, {});
+  }, [currentValue, parseVariable]);
+  const getParsedActions = (0, import_ahooks.useMemoizedFn)(() => {
+    return parseActions(originalActions, { currentRecord });
+  });
+  const genCustomApi = (0, import_ahooks.useMemoizedFn)(
+    ({
+      method,
+      path,
+      parsedPath,
+      params,
+      headers,
+      body
+    }) => {
+      return async (data) => {
+        const result = await (0, import_serve.customApi)(parsedPath || path, data, {
+          method,
+          baseUrl: options == null ? void 0 : options.baseUrl,
+          params,
+          headers,
+          body
+        });
+        if (dataSourceKey === "mypisell-api") {
+          return result.data;
+        }
+        return result;
+      };
+    }
+  );
+  const getHeaders = (0, import_ahooks.useMemoizedFn)(() => {
+    return headerDataSource ? { "x-data-source": headerDataSource } : {};
+  });
+  const designModeToast = (0, import_ahooks.useMemoizedFn)(() => {
+    return (0, import_pisellToast.default)({
+      content: (0, import_locales.getText)("pisell-design-mode-action-disabled")
+    });
+  });
+  const create = (0, import_ahooks.useMemoizedFn)(async (values) => {
+    if (designMode === "design") {
+      designModeToast();
+      return Promise.reject();
+    }
+    if (isCustomApi) {
+      const actions = getParsedActions();
+      const createApi = genCustomApi(actions == null ? void 0 : actions.create);
+      return createApi(formatCreateUpdateParams(values));
+    } else {
+      if (!name)
+        return {};
+      return (0, import_serve.createNocobaseData)({
+        key: name,
+        data: formatCreateUpdateParams(values),
+        headers: getHeaders()
+      });
+    }
+  });
+  const get = (0, import_ahooks.useMemoizedFn)(async () => {
+    if (currentValue === "server") {
+      if (isCustomApi) {
+        const actions = getParsedActions();
+        if (!(actions == null ? void 0 : actions.get)) {
+          return {};
+        }
+        const getApi = genCustomApi(actions == null ? void 0 : actions.get);
+        return getApi({});
+      }
+      return {};
+    } else if (currentValue) {
+      return parseVariable == null ? void 0 : parseVariable(currentValue, {});
+    }
+    return {};
+  });
+  const update = (0, import_ahooks.useMemoizedFn)(async (values) => {
+    if (designMode === "design") {
+      designModeToast();
+      return Promise.reject();
+    }
+    if (isCustomApi) {
+      const actions = getParsedActions();
+      if (!actions.update) {
+        return {};
+      }
+      const updateApi = genCustomApi(actions == null ? void 0 : actions.update);
+      return updateApi(formatCreateUpdateParams(values));
+    } else {
+      const id = values == null ? void 0 : values.id;
+      if (!id || !name) {
+        (0, import_pisellToast.default)({
+          content: (0, import_locales.getText)("pisell-action-get-data")
+        });
+        return Promise.reject();
+      }
+      return (0, import_serve.updateNocobaseData)({
+        key: name,
+        id,
+        data: formatCreateUpdateParams(values),
+        headers: getHeaders()
+      });
+    }
+  });
+  const list = (0, import_ahooks.useMemoizedFn)(
+    async (params) => {
+      const formatParams = formatListParams(params);
+      if (isCustomApi) {
+        const actions = getParsedActions();
+        if (!(actions == null ? void 0 : actions.list)) {
+          return [];
+        }
+        const listApi = genCustomApi(actions == null ? void 0 : actions.list);
+        return formatListResult(await listApi(formatParams));
+      }
+      if (!name)
+        return {};
+      return formatListResult(
+        await (0, import_serve.getNocobaseDataList)({
+          key: name,
+          params: formatParams,
+          headers: getHeaders()
+        })
+      );
+    }
+  );
+  const destroy = (0, import_ahooks.useMemoizedFn)(async (id) => {
+    if (designMode === "design") {
+      designModeToast();
+      return Promise.reject();
+    }
+    if (isCustomApi) {
+      const actions = getParsedActions();
+      if (!actions.destroy) {
+        return {};
+      }
+      const deleteApi = genCustomApi(actions == null ? void 0 : actions.destroy);
+      return deleteApi({});
+    }
+    if (!name)
+      return Promise.reject();
+    return (0, import_serve.deleteNocobaseData)(name, id, getHeaders());
+  });
+  return {
+    create,
+    get,
+    update,
+    list,
+    destroy
+  };
+};
+var useActions_default = useActions;

package/lib/components/dataSourceComponents/hooks/useComponentId.d.ts

@@ -0,0 +1,2 @@
+declare const useComponentId: (props: Record<string, any>) => any;
+export default useComponentId;

package/lib/components/dataSourceComponents/hooks/useComponentId.js

@@ -0,0 +1,32 @@
+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/hooks/useComponentId.ts
+var useComponentId_exports = {};
+__export(useComponentId_exports, {
+  default: () => useComponentId_default
+});
+module.exports = __toCommonJS(useComponentId_exports);
+var import_react = require("react");
+var useComponentId = (props) => {
+  const { __id, componentId } = props;
+  return (0, import_react.useMemo)(() => {
+    return __id || componentId;
+  }, [__id, componentId]);
+};
+var useComponentId_default = useComponentId;

package/lib/components/dataSourceComponents/hooks/useCtxActions.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 组件上下文中操作的provider
+ * visible
+ * setVisible
+ * @returns
+ */
+declare const useCtxActions: () => import("../provider/actions/ActionsContext").ActionsContextType;
+export default useCtxActions;

package/lib/components/dataSourceComponents/hooks/useCtxActions.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/hooks/useCtxActions.ts
+var useCtxActions_exports = {};
+__export(useCtxActions_exports, {
+  default: () => useCtxActions_default
+});
+module.exports = __toCommonJS(useCtxActions_exports);
+var import_react = require("react");
+var import_ActionsContext = __toESM(require("../provider/actions/ActionsContext"));
+var useCtxActions = () => {
+  const ctx = (0, import_react.useContext)(import_ActionsContext.default);
+  return ctx;
+};
+var useCtxActions_default = useCtxActions;

package/lib/components/dataSourceComponents/hooks/useDataSource.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取当前dataSource
+ */
+declare const useDataSource: () => import("../provider/dataSource/DataSourceContext").DataSourceContextType;
+export default useDataSource;