@pisell/materials 6.0.5 → 6.0.7

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

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

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

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

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

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

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

@@ -65,13 +65,17 @@ var createNocobaseData = async (params) => {
     headers
   });
 };
+var formatQueryObjString = (query = {}) => {
+  return Object.entries(query || {}).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join("&");
+};
 var getNocobaseData = async (params) => {
-  const { key, id } = params;
+  const { key, query, headers } = params;
   return import_utils.request.getRequest().get(
-    `/${key}:get?filterByTk=${id}`,
+    `/${key}:get?${formatQueryObjString(query)}`,
     {},
     {
-      isNocobase: true
+      isNocobase: true,
+      headers
     }
   );
 };
@@ -104,8 +108,8 @@ var customApi = async (url, data, options) => {
   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, {
+  const { key, data, headers, query } = params;
+  return import_utils.request.getRequest().post(`/${key}:update?${formatQueryObjString(query)}`, data, {
     isNocobase: true,
     headers
   });

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

@@ -40,6 +40,7 @@ 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_utils = require("../utils");
 var import_index = require("./index.less");
 var SubmitButton = (props) => {
   const {
@@ -57,23 +58,23 @@ 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 } = (0, import_useFormSetting.default)();
+  const { renderMode, onDataSourceFinish, formatSubmitValues, customSubmit } = (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) => {
+    setLoading(true);
     try {
-      setLoading(true);
+      if (customSubmit) {
+        return await customSubmit(values);
+      }
       if (renderMode === "edit") {
-        await update.runAsync(values);
+        return await update.runAsync(values);
       } else if (renderMode === "add") {
         const res = await create.runAsync(values);
         form == null ? void 0 : form.resetFields();
+        return res;
       }
-    } catch (error) {
-      (0, import_pisellToast.default)({
-        content: `操作失败：${error.message}`
-      });
     } finally {
       setLoading(false);
     }
@@ -114,7 +115,12 @@ var SubmitButton = (props) => {
           content: toastConfig.title
         });
       }
-      await onSubmit(values);
+      const filteredValues = (0, import_utils.filterSystemFields)(allValues);
+      const formattedValues = formatSubmitValues ? formatSubmitValues(filteredValues) : filteredValues;
+      const result = await onSubmit(formattedValues);
+      if (onDataSourceFinish) {
+        onDataSourceFinish(formattedValues, result);
+      }
       if (refreshData) {
         refreshTableData == null ? void 0 : refreshTableData();
       }
@@ -130,6 +136,9 @@ var SubmitButton = (props) => {
         }
       }
     } catch (error) {
+      (0, import_pisellToast.default)({
+        content: `${error.message}`
+      });
     }
   };
   const onSubmitClick = async () => {
@@ -157,7 +166,8 @@ var SubmitButton = (props) => {
       size: "large",
       loading,
       onClick: onSubmitClick,
-      disabled: isDisabled
+      disabled: isDisabled,
+      htmlType: "submit"
     },
     childrenString
   ), contextHolder));

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

@@ -5,6 +5,7 @@ export interface DataSourceFormProps {
     title: string;
     description: string;
     dataSource: DataSourceType;
+    extraParams?: Record<string, any>;
     showTitle: boolean;
     showDescription: boolean;
     groupInfoPosition: 'top' | 'side';
@@ -14,5 +15,9 @@ export interface DataSourceFormProps {
     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>;
 }

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModeType } from './type';
-import "./style.less";
+import './style.less';
 export interface WithModeProps {
     renderMode?: ModeType;
     value?: any;
@@ -25,6 +25,7 @@ export interface WithFormItemProps {
 }
 export declare const formItemNameReplace: (name: string) => string;
 export declare const formItemNameReverse: (name: string) => string;
+export declare const isValidDomain: (value: string) => boolean;
 /**
  * @title: 追加formItem层
  * @description:
@@ -48,3 +49,4 @@ export declare const withOptions: <P extends unknown>(WrappedComponent: React.Co
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
 export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;
 export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
+export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;

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

@@ -29,9 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/dataSourceComponents/dataSourceForm/utils.tsx
 var utils_exports = {};
 __export(utils_exports, {
+  filterSystemFields: () => filterSystemFields,
   formItemNameReplace: () => formItemNameReplace,
   formItemNameReverse: () => formItemNameReverse,
   getNestedValue: () => getNestedValue,
+  isValidDomain: () => isValidDomain,
   renderValueWithMap: () => renderValueWithMap,
   toArr: () => toArr,
   withDataSource: () => withDataSource,
@@ -85,6 +87,9 @@ var formItemNameReplace = (name) => {
 var formItemNameReverse = (name) => {
   return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
 };
+var isValidDomain = (value) => {
+  return /^(?=.{1,253}$)(?!-)[A-Za-z0-9-]{1,63}(?<!-)(\.[A-Za-z]{2,})+$/.test(value);
+};
 var withFormItem = (WrappedComponent, overlayProps) => {
   return ({
     name: propsName,
@@ -164,6 +169,15 @@ var withFormItem = (WrappedComponent, overlayProps) => {
           message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-email-message")
         });
       }
+      if (typeobj.type === "domain" && typeobj.enabled) {
+        rules.push({
+          validator: (_, value) => isValidDomain(value) ? Promise.resolve() : Promise.reject(
+            new Error(
+              typeobj.message || (0, import_locales.getText)("pisell-data-source-form-domain-message")
+            )
+          )
+        });
+      }
       if (typeobj.type === "url" && typeobj.enabled) {
         rules.push({
           ...typeobj,
@@ -174,7 +188,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         rules.push({
           validator: (_, value) => {
             var _a2;
-            return (0, import_libphonenumber_js.isValidPhoneNumber)(value) && ((_a2 = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value)) == null ? void 0 : _a2.isValid()) ? Promise.resolve() : Promise.reject(
+            return !otherProps.disabled || (0, import_libphonenumber_js.isValidPhoneNumber)(value) && ((_a2 = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value)) == null ? void 0 : _a2.isValid()) ? Promise.resolve() : Promise.reject(
               new Error(
                 typeobj.message || (0, import_locales.getText)("pisell-data-source-form-phone-message")
               )
@@ -182,6 +196,12 @@ var withFormItem = (WrappedComponent, overlayProps) => {
           }
         });
       }
+      if (typeobj.type === "pattern" && typeobj.enabled) {
+        rules.push({
+          ...typeobj,
+          message: typeobj.message
+        });
+      }
     }
     if (maxLengthobj && maxLengthobj.enabled) {
       rules.push({
@@ -316,14 +336,14 @@ var withOptions = (WrappedComponent) => {
       }
     }, []);
     const options = (0, import_react.useMemo)(() => {
-      var _a2, _b;
+      var _a2, _b, _c;
       if (optionSourceType !== "api") {
         return propsOptions;
       }
-      return (((_b = (_a2 = list.data) == null ? void 0 : _a2.data) == null ? void 0 : _b.map((item) => ({
+      return (((_c = (_b = (_a2 = list.data) == null ? void 0 : _a2.data) == null ? void 0 : _b.filter) == null ? void 0 : _c.call(_b, (item) => !["draft", "inactive", "disabled"].includes(item == null ? void 0 : item.status))) || []).map((item) => ({
         label: translationOriginal(item[labelField]),
         value: item[valueField]
-      }))) || []).sort((a, b) => a.label.localeCompare(b.label));
+      })) || [];
     }, [propsOptions, optionSourceType, (_a = list == null ? void 0 : list.data) == null ? void 0 : _a.data]);
     return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, options });
   };
@@ -341,7 +361,15 @@ var getNestedValue = (obj, path) => {
 var renderValueWithMap = (value, valueMap, renderMode) => {
   const textStyle = renderMode === "tableView" ? { fontSize: 14, fontWeight: 400 } : {};
   if ((0, import_utils.isArr)(value)) {
-    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, value.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { key: item, className: "pisell-form-read-pretty-value", style: textStyle }, valueMap == null ? void 0 : valueMap[item]), index < value.length - 1 && ",")));
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, value.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        key: item,
+        className: "pisell-form-read-pretty-value",
+        style: textStyle
+      },
+      valueMap == null ? void 0 : valueMap[item]
+    ), index < value.length - 1 && ", ")));
   } else if ((0, import_utils.isString)(value)) {
     return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-value", style: textStyle }, (valueMap == null ? void 0 : valueMap[value]) || value));
   }
@@ -350,11 +378,29 @@ var renderValueWithMap = (value, valueMap, renderMode) => {
 function toArr(str) {
   return Array.isArray(str) ? str : [str];
 }
+var systemFields = [
+  "createdAt",
+  "updatedAt",
+  "createdBy",
+  "created_at",
+  "updated_at",
+  "deleted_at"
+];
+var filterSystemFields = (params) => {
+  return Object.keys(params).reduce((acc, key) => {
+    if (!systemFields.includes(key)) {
+      acc[key] = params[key];
+    }
+    return acc;
+  }, {});
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  filterSystemFields,
   formItemNameReplace,
   formItemNameReverse,
   getNestedValue,
+  isValidDomain,
   renderValueWithMap,
   toArr,
   withDataSource,

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

@@ -68,6 +68,11 @@ var BaseTable = (props) => {
     drawerContent
   } = (0, import_useDrawerState.default)(operationContent);
   const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange } = (0, import_useTableQuery.default)(props);
+  const handleAllValuesChange = (changedValues, values) => {
+    var _a;
+    (_a = props == null ? void 0 : props.onValuesChange) == null ? void 0 : _a.call(props, changedValues, values);
+    handleValuesChange(changedValues, values);
+  };
   (0, import_useDesignMode.default)(props, {
     registerValueVariable,
     openDrawer,
@@ -112,7 +117,7 @@ var BaseTable = (props) => {
       ...transformProps,
       dataSource: (data == null ? void 0 : data.data) || [],
       loading: list == null ? void 0 : list.loading,
-      onValuesChange: handleValuesChange
+      onValuesChange: handleAllValuesChange
     }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_ActionsProvider.default,

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.js

@@ -167,7 +167,7 @@ var Filter = (props) => {
     },
     searchDom,
     filterDom,
-    show && /* @__PURE__ */ import_react.default.createElement(
+    show && sortButtonShow && /* @__PURE__ */ import_react.default.createElement(
       import_FilterButton.default,
       {
         value: list,

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useColumns.js

@@ -80,7 +80,10 @@ var useColumns = ({
       return {
         ...column,
         title,
-        render: (text) => {
+        render: (text, record, index) => {
+          if (column == null ? void 0 : column.render) {
+            return column.render(text, record, index);
+          }
           return /* @__PURE__ */ import_react.default.createElement(FieldComponent, { ...fieldProps, value: text });
         }
       };

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -142,7 +142,7 @@ var useFormat = ({ dataSourceKey, fields }) => {
     }
   );
   const formatListParams = (0, import_ahooks.useMemoizedFn)((params) => {
-    if (!dataSourceKey) {
+    if (!dataSourceKey || ["pisell2", "main"].includes(dataSourceKey)) {
       return {
         ...params,
         filter: formatFilter(params.filter, fields),

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

@@ -30,11 +30,17 @@ declare const useTableProps: (props: UseTablePropsProps) => {
     buttons: any[] | null;
     filter: React.JSX.Element | null;
     onRow: (record: any) => any;
+    actionButtons: any[] | null;
     titleButtons?: {
         show: boolean;
         maxCount: number;
         items: OperationItem[];
     } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
     operation?: {
         show: boolean;
         title: string;
@@ -74,5 +80,13 @@ declare const useTableProps: (props: UseTablePropsProps) => {
             sortBy: string;
         }[];
     } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+    extraParams?: {
+        list?: Record<string, any> | undefined;
+        get?: Record<string, any> | undefined;
+        update?: Record<string, any> | undefined;
+        create?: Record<string, any> | undefined;
+        destroy?: Record<string, any> | undefined;
+    } | undefined;
 };
 export default useTableProps;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -59,6 +59,7 @@ var useTableProps = (props) => {
     title: propsTitle,
     subTitle: propsSubTitle,
     titleButtons,
+    tableButtons,
     operation,
     filter: propsFilter,
     search,
@@ -101,6 +102,11 @@ var useTableProps = (props) => {
     return propsSubTitle;
   }, [propsSubTitle]);
   const handleOpenDrawer = (0, import_ahooks.useMemoizedFn)((record, item) => {
+    var _a2;
+    (_a2 = item == null ? void 0 : item.onClick) == null ? void 0 : _a2.call(item, record);
+    if (item.openMode === "custom") {
+      return;
+    }
     registerValueVariable == null ? void 0 : registerValueVariable(componentId, {
       currentRecord: record
     });
@@ -141,7 +147,7 @@ var useTableProps = (props) => {
         type,
         render: (_, record) => {
           return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, items == null ? void 0 : items.map((item) => {
-            const { label, actionType } = item;
+            const { label, actionType, show: show2 } = item;
             const handleClick = () => {
               if (actionType === "delete") {
                 import_pisellModal.default.confirm({
@@ -158,6 +164,16 @@ var useTableProps = (props) => {
                 handleOpenDrawer(record, item);
               }
             };
+            if ((0, import_utils.isBoolean)(show2)) {
+              if (!show2) {
+                return null;
+              }
+            } else if ((0, import_utils.isFunction)(show2)) {
+              const result = show2(record);
+              if (!result) {
+                return null;
+              }
+            }
             return /* @__PURE__ */ import_react.default.createElement(
               import_antd.Button,
               {
@@ -186,10 +202,36 @@ var useTableProps = (props) => {
       return null;
     }
     return (_a2 = titleButtons == null ? void 0 : titleButtons.items) == null ? void 0 : _a2.map((button) => {
+      const { actionType, buttonProps, beforeOpen } = button;
+      return {
+        ...button,
+        ...buttonProps,
+        onClick: () => {
+          if (actionType === "add") {
+            let result = true;
+            if (beforeOpen) {
+              result = beforeOpen();
+            }
+            if (result) {
+              handleOpenDrawer(null, button);
+            }
+          }
+        }
+      };
+    });
+  }, [titleButtons]);
+  const actionButtons = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (!(tableButtons == null ? void 0 : tableButtons.show)) {
+      return null;
+    }
+    return (_a2 = tableButtons == null ? void 0 : tableButtons.items) == null ? void 0 : _a2.map((button) => {
       const { actionType, buttonProps } = button;
       return {
         ...button,
         ...buttonProps,
+        size: "large",
+        title: button.label,
         onClick: () => {
           if (actionType === "add") {
             handleOpenDrawer(null, button);
@@ -197,7 +239,7 @@ var useTableProps = (props) => {
         }
       };
     });
-  }, [titleButtons]);
+  }, [tableButtons]);
   const filter = (0, import_react.useMemo)(() => {
     if (!(propsFilter == null ? void 0 : propsFilter.show) && !(search == null ? void 0 : search.show)) {
       return null;
@@ -248,7 +290,8 @@ var useTableProps = (props) => {
     subTitle,
     buttons,
     filter,
-    onRow
+    onRow,
+    actionButtons
   };
 };
 var useTableProps_default = useTableProps;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js

@@ -42,7 +42,7 @@ var useTableQuery = (props) => {
         let filter = prev.filter;
         if ("tabs" in params) {
           sort = ((_a2 = params.tabs) == null ? void 0 : _a2.sortBy) || sortBy || "";
-          filter = ((_b2 = params.tabs) == null ? void 0 : _b2.filterBy) || {};
+          filter = { ...prev.filter, ...((_b2 = params.tabs) == null ? void 0 : _b2.filterBy) || {} };
         }
         if ("order_by" in params) {
           sort = params.order_by || ((_c2 = allParams.tabs) == null ? void 0 : _c2.sortBy) || sortBy;
@@ -62,7 +62,7 @@ var useTableQuery = (props) => {
       setQueryPageConfig((prev) => ({
         ...prev,
         page: 1,
-        filter: { ...allFields, ...filterBy || {} }
+        filter: { ...prev.filter, ...allFields, ...filterBy || {} }
       }));
     }
   );

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

@@ -37,7 +37,7 @@ var import_BaseTable = __toESM(require("./BaseTable"));
 var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
 var import_index = require("./index.less");
 var DataSourceTable = (props) => {
-  const { dataSource, __designMode } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
+  const { dataSource, __designMode, extraParams } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode, extraParams }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
 };
 var dataSourceTable_default = DataSourceTable;

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

@@ -3,12 +3,13 @@ import { ColumnType } from 'antd/es/table';
 import { DataSourceType } from '../provider/dataSource/DataSourceContext';
 export declare type OperationItem = {
     label?: string;
-    openMode: 'modal' | 'drawer';
+    openMode: 'modal' | 'drawer' | 'custom';
     openContentSize: 'small' | 'middle' | 'large';
     openTitle: string;
     actionType: 'detail' | 'edit' | 'delete' | 'custom';
     key: string;
     buttonProps?: any;
+    onClick?: (record: any) => void;
 };
 export interface DataSourceTableProps {
     title?: string | React.ReactNode | (() => React.ReactNode);
@@ -18,6 +19,11 @@ export interface DataSourceTableProps {
         maxCount: number;
         items: OperationItem[];
     };
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
     buttons?: any[];
     operation?: {
         show: boolean;
@@ -61,4 +67,12 @@ export interface DataSourceTableProps {
             sortBy: string;
         }[];
     };
+    onValuesChange?: (changedValues: any, values: any) => void;
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
 }

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -42,7 +42,7 @@ var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils2 = require("../../dataSourceForm/utils");
 var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
 var { Option } = import_select.default;
-var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) => {
+var PhoneInput = ({ value: propsValue, onChange, isVerification, disabled, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -90,6 +90,9 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
     const selectedCountry = countries.find(
       (c) => c.code === countryCode
     );
+    if (phoneNumber.length === 0) {
+      return "";
+    }
     const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
     return `${prefix}${phoneNumber}`;
   }, [countryCode, phoneNumber, countries]);
@@ -106,6 +109,7 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
     import_select.default,
     {
+      disabled,
       value: countryCode,
       onChange: handleCountryChange,
       style: { width: "90px" },
@@ -124,6 +128,7 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
     import_antd.Input,
     {
       ...props,
+      disabled,
       status,
       type: "tel",
       value: phoneNumber,

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { UrlProps } from './type';
 import './ReadPretty.less';
+export declare const formatUrl: (url: string) => string;
 declare const UrlReadPretty: (props: UrlProps) => React.JSX.Element;
 export default UrlReadPretty;