@pisell/materials 6.0.13 → 6.0.15

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

@@ -30,7 +30,7 @@
     }
   }
   &-info {
-    width: 320px;
+    width: 100%;
     display: flex;
     flex-direction: column;
     gap: 4px;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ModeType } from '../../type';
 export interface FormSettingContextType {
-    onDataSourceFinish?: (values: any, result: any) => void;
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
     renderMode?: ModeType;
     groupInfoPosition?: 'top' | 'side';
     children?: React.ReactNode;

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

@@ -57,7 +57,7 @@ var FormSettingProvider = (props) => {
       formatInitialValues,
       customSubmit
     };
-  }, [renderMode, groupInfoPosition, currentValue, size, onDataSourceFinish, formatSubmitValues, formatInitialValues, customSubmit]);
+  }, [renderMode, groupInfoPosition, currentValue, size]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_FormSettingContext.default.Provider,
     {

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

@@ -54,9 +54,9 @@ var JsonWrapperProvider = (props) => {
     import_formItem.default,
     {
       label,
-      style: { ...style || {}, paddingLeft: `${level * 12}px` }
+      style: { marginBottom: 0, ...style || {} }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: `${level * 12}px` } }, children)
+    /* @__PURE__ */ import_react.default.createElement("div", null, children)
   ));
 };
 var JsonWrapperProvider_default = JsonWrapperProvider;

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

@@ -25,6 +25,7 @@ export interface SubmitButtonProps extends ButtonProps {
         title: string;
         content: string;
         okText: string;
+        onOk?: () => void;
     };
     afterSubmitNotificationConfig?: {
         title: string;

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

@@ -88,7 +88,8 @@ var SubmitButton = (props) => {
       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
+        okText: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.okText,
+        onOk: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.onOk
       });
     },
     showNotification: () => {
@@ -119,7 +120,7 @@ var SubmitButton = (props) => {
       const formattedValues = formatSubmitValues ? formatSubmitValues(filteredValues) : filteredValues;
       const result = await onSubmit(formattedValues);
       if (onDataSourceFinish) {
-        onDataSourceFinish(formattedValues, result);
+        onDataSourceFinish(formattedValues, result, form);
       }
       if (refreshData) {
         refreshTableData == null ? void 0 : refreshTableData();
@@ -135,7 +136,7 @@ var SubmitButton = (props) => {
           afterSubmitFunc();
         }
       }
-      form.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(form.getFieldsValue()));
+      (0, import_utils.setFormFieldsUntouched)(form);
     } catch (error) {
       (0, import_pisellToast.default)({
         content: `${error.message}`

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormInstance } from 'antd';
 import { ModeType } from './type';
 import './style.less';
 export interface WithModeProps {
@@ -34,9 +35,9 @@ export declare const isValidDomain: (value: string) => boolean;
  * @Date: 2024-11-23 17:14:25
  */
 export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
-    otherFormItemProps?: Record<string, any>;
-    innerProps?: Record<string, any>;
-}) => React.FC<P & WithFormItemProps>;
+    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
+    innerProps?: Record<string, any> | undefined;
+} | undefined) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
 }) => React.JSX.Element;
@@ -45,9 +46,11 @@ export declare const withOptions: <P extends unknown>(WrappedComponent: React.Co
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 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>;
 export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
+export declare const setFormFieldsUntouched: (form: FormInstance) => void;

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

@@ -35,6 +35,7 @@ __export(utils_exports, {
   getNestedValue: () => getNestedValue,
   isValidDomain: () => isValidDomain,
   renderValueWithMap: () => renderValueWithMap,
+  setFormFieldsUntouched: () => setFormFieldsUntouched,
   toArr: () => toArr,
   transformFormObjToArrayWithUntouched: () => transformFormObjToArrayWithUntouched,
   withDataSource: () => withDataSource,
@@ -54,6 +55,7 @@ var import_useFormSetting = __toESM(require("./provider/hooks/useFormSetting"));
 var import_useJsonPrefixPath = __toESM(require("./provider/hooks/useJsonPrefixPath"));
 var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
 var import_useTranslationOriginal = __toESM(require("../../../hooks/useTranslationOriginal"));
+var import_useVariables = __toESM(require("../hooks/useVariables"));
 var import_style = require("./style.less");
 var withMode = (FieldComponent, ReadPrettyComponent, transformProps) => {
   return ({ renderMode = "edit", value, onChange, ...props }) => {
@@ -89,7 +91,9 @@ var formItemNameReverse = (name) => {
   return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
 };
 var isValidDomain = (value) => {
-  return /^(?!.*--)[A-Za-z0-9][A-Za-z0-9-]{0,61}[A-Za-z0-9](\.[A-Za-z]{2,})+$/.test(value);
+  return /^(?!.*--)[A-Za-z0-9][A-Za-z0-9-]{0,61}[A-Za-z0-9](\.[A-Za-z]{2,})+$/.test(
+    value
+  );
 };
 var withFormItem = (WrappedComponent, overlayProps) => {
   return ({
@@ -187,8 +191,8 @@ var withFormItem = (WrappedComponent, overlayProps) => {
                 return Promise.resolve();
               }
               try {
-                const cleanedNumber2 = value.replace(/\s|\(|\)/g, "");
-                const parsedNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(cleanedNumber2);
+                const cleanedNumber = value.replace(/\s|\(|\)/g, "");
+                const parsedNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(cleanedNumber);
                 if (!(parsedNumber == null ? void 0 : parsedNumber.isValid())) {
                   return Promise.reject(
                     new Error(
@@ -214,16 +218,16 @@ var withFormItem = (WrappedComponent, overlayProps) => {
                 return Promise.resolve();
               }
               try {
-                const cleanedNumber2 = value.replace(/\s|\(|\)/g, "");
-                if (cleanedNumber2.length > 15) {
+                const cleanedNumber = value.replace(/\s|\(|\)/g, "");
+                if (cleanedNumber.length > 15) {
                   return Promise.reject(
                     new Error(
                       typeobj.message || (0, import_locales.getText)("pisell-data-source-form-mobile-message")
                     )
                   );
                 }
-                if (cleanedNumber2.startsWith("+61")) {
-                  const numberWithoutPrefix = cleanedNumber2.slice(3);
+                if (cleanedNumber.startsWith("+61")) {
+                  const numberWithoutPrefix = cleanedNumber.slice(3);
                   if (!/^(?:04\d{8}|4\d{8})$/.test(numberWithoutPrefix)) {
                     return Promise.reject(
                       new Error(
@@ -231,8 +235,8 @@ var withFormItem = (WrappedComponent, overlayProps) => {
                       )
                     );
                   }
-                } else if (cleanedNumber2.startsWith("+86")) {
-                  const numberWithoutPrefix = cleanedNumber2.slice(3);
+                } else if (cleanedNumber.startsWith("+86")) {
+                  const numberWithoutPrefix = cleanedNumber.slice(3);
                   if (!/^1[3-9]\d{9}$/.test(numberWithoutPrefix)) {
                     return Promise.reject(
                       new Error(
@@ -243,6 +247,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
                 }
                 return Promise.resolve();
               } catch (error) {
+                const cleanedNumber = value.replace(/\s|\(|\)/g, "");
                 if (cleanedNumber.length > 15) {
                   return Promise.reject(
                     new Error(
@@ -255,6 +260,12 @@ var withFormItem = (WrappedComponent, overlayProps) => {
             }
           });
           break;
+        case "url":
+          rules.push({
+            ...typeobj,
+            message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-url-message")
+          });
+          break;
         case "subdomain":
           rules.push({
             validator: (_, value) => {
@@ -285,6 +296,49 @@ var withFormItem = (WrappedComponent, overlayProps) => {
             }
           });
           break;
+        case "appIdentifier":
+          rules.push({
+            validator: (_, value) => {
+              if (!value)
+                return Promise.resolve();
+              if (!/^[a-z0-9\-\._]+$/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)("pisell-data-source-form-app-identifier-pattern")
+                  )
+                );
+              }
+              if (!/^[a-z]/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)(
+                      "pisell-data-source-form-app-identifier-start-with-letter"
+                    )
+                  )
+                );
+              }
+              if (/[\-\._]$/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)(
+                      "pisell-data-source-form-app-identifier-special-ends"
+                    )
+                  )
+                );
+              }
+              if (/[\-]{2,}|[\.]{2,}|[\_]{2,}/.test(value)) {
+                return Promise.reject(
+                  new Error(
+                    (0, import_locales.getText)(
+                      "pisell-data-source-form-app-identifier-consecutive-special"
+                    )
+                  )
+                );
+              }
+              return Promise.resolve();
+            }
+          });
+          break;
       }
     }
     if (maxLengthobj && maxLengthobj.enabled) {
@@ -364,6 +418,14 @@ var withFormItem = (WrappedComponent, overlayProps) => {
       }
       return propsLabelCol;
     }, [hideLabel, propsLabelCol]);
+    const otherFormItemProps = (0, import_react.useMemo)(() => {
+      if ((0, import_utils.isFunction)(overlayProps == null ? void 0 : overlayProps.otherFormItemProps)) {
+        return overlayProps == null ? void 0 : overlayProps.otherFormItemProps(otherProps, {
+          rules
+        });
+      }
+      return (overlayProps == null ? void 0 : overlayProps.otherFormItemProps) || {};
+    }, [overlayProps == null ? void 0 : overlayProps.otherFormItemProps, otherProps]);
     return /* @__PURE__ */ import_react.default.createElement(
       import_form.default.Item,
       {
@@ -388,7 +450,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         className: (0, import_classnames.default)("pisell-data-source-form-item", {
           "pisell-data-source-form-item-view": effectiveMode === "view"
         }),
-        ...overlayProps == null ? void 0 : overlayProps.otherFormItemProps
+        ...otherFormItemProps
       },
       renderComponent
     );
@@ -397,7 +459,18 @@ var withFormItem = (WrappedComponent, overlayProps) => {
 var withDataSource = (WrappedComponent) => {
   return (props) => {
     const { dataSource } = props;
-    return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource }, /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props }));
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_DataSourceProvider.default,
+      {
+        dataSource,
+        requestOptions: {
+          list: {
+            cacheKey: `${dataSource == null ? void 0 : dataSource.headerDataSource}-${dataSource == null ? void 0 : dataSource.name}-${dataSource == null ? void 0 : dataSource.tableName}`
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props })
+    );
   };
 };
 var withOptions = (WrappedComponent) => {
@@ -408,14 +481,28 @@ var withOptions = (WrappedComponent) => {
       options: propsOptions,
       optionSourceType,
       labelField,
-      valueField
+      valueField,
+      extraParams
     } = props;
-    const { list } = (0, import_useDataSource.default)();
+    const { parseVariable } = (0, import_useVariables.default)();
+    const { list, getCurrentRecord } = (0, import_useDataSource.default)();
+    const parseParams = (0, import_react.useMemo)(() => {
+      const params = {};
+      if (extraParams) {
+        Object.keys(extraParams).forEach((key) => {
+          params[key] = parseVariable == null ? void 0 : parseVariable(extraParams[key], {
+            currentRecord: getCurrentRecord()
+          });
+        });
+      }
+      return params;
+    }, [extraParams]);
     (0, import_react.useEffect)(() => {
       if (optionSourceType === "api") {
         list.run({
           page: 1,
-          pageSize: 200
+          pageSize: 500,
+          ...parseParams
         });
       }
     }, []);
@@ -424,7 +511,10 @@ var withOptions = (WrappedComponent) => {
       if (optionSourceType !== "api") {
         return propsOptions;
       }
-      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) => ({
+      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]
       })) || [];
@@ -454,7 +544,7 @@ var renderValueWithMap = (value, valueMap, renderMode) => {
       },
       valueMap == null ? void 0 : valueMap[item]
     ), index < value.length - 1 && ", ")));
-  } else if ((0, import_utils.isString)(value)) {
+  } else if ((0, import_utils.isString)(value) || (0, import_utils.isNumber)(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));
   }
   return null;
@@ -484,6 +574,17 @@ var transformFormObjToArrayWithUntouched = (obj) => {
     return acc;
   }, []);
 };
+var setFormFieldsUntouched = (form) => {
+  const fieldsErrorArray = form.getFieldsError();
+  const fields = fieldsErrorArray.map((item) => {
+    return {
+      name: item.name,
+      value: form.getFieldValue(item.name),
+      touched: false
+    };
+  });
+  form.setFields(fields);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   filterSystemFields,
@@ -492,6 +593,7 @@ var transformFormObjToArrayWithUntouched = (obj) => {
   getNestedValue,
   isValidDomain,
   renderValueWithMap,
+  setFormFieldsUntouched,
   toArr,
   transformFormObjToArrayWithUntouched,
   withDataSource,

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -0,0 +1,92 @@
+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/dataSourceMenu/Basic.tsx
+var Basic_exports = {};
+__export(Basic_exports, {
+  default: () => Basic_default
+});
+module.exports = __toCommonJS(Basic_exports);
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_pisellMenu = __toESM(require("../../pisellMenu"));
+var DataSourceMenu = (0, import_react.forwardRef)(
+  (props, ref) => {
+    var _a, _b, _c, _d;
+    const { appHelper } = (0, import_useEngineContext.default)();
+    const {
+      menuItems,
+      selectedKeys,
+      openKeys,
+      setOpenKeys,
+      getShowChildren,
+      handleClick
+    } = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.menuManager) == null ? void 0 : _d.useMenu();
+    const renderMenuItems = (items) => {
+      return items.map((item) => {
+        if (item.hide) {
+          return null;
+        }
+        const _children = getShowChildren(item.children || []);
+        if (_children == null ? void 0 : _children.length) {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_pisellMenu.default.SubMenu,
+            {
+              key: item.key,
+              title: item.label,
+              icon: item.icon,
+              router: item.path
+            },
+            renderMenuItems(_children)
+          );
+        }
+        return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default.Item, { key: item.key, icon: item.icon, router: item.path }, item.label);
+      });
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_pisellMenu.default,
+      {
+        ref,
+        mode: "inline",
+        selectedKeys,
+        openKeys,
+        onOpenChange: setOpenKeys,
+        onClick: ({ item }) => {
+          var _a2;
+          handleClick((_a2 = item.props) == null ? void 0 : _a2.router);
+        },
+        ...props,
+        other: {
+          items: void 0
+        }
+      },
+      renderMenuItems(menuItems)
+    );
+  }
+);
+var Basic_default = DataSourceMenu;

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

@@ -33,13 +33,43 @@ __export(dataSourceMenu_exports, {
 });
 module.exports = __toCommonJS(dataSourceMenu_exports);
 var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_pisellMenu = __toESM(require("../../pisellMenu"));
 var import_useVariables = __toESM(require("../hooks/useVariables"));
-var DataSourceMenu = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const { dataSource } = props;
-    const { parseVariable } = (0, import_useVariables.default)();
-    return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default, { ...props, dataSource: parseVariable == null ? void 0 : parseVariable(dataSource), ref });
+var import_Basic = __toESM(require("./Basic"));
+var DataSourceMenu = (props, ref) => {
+  var _a, _b, _c, _d;
+  const { dataSource } = props;
+  const { parseVariable } = (0, import_useVariables.default)();
+  const { appHelper } = (0, import_useEngineContext.default)();
+  const _dataSource = (0, import_react.useMemo)(() => {
+    if (Array.isArray(dataSource)) {
+      return dataSource;
+    }
+    if (props.__designMode === "design") {
+      return [
+        {
+          label: "菜单项1",
+          key: "item-1",
+          path: "/item-1"
+        },
+        {
+          label: "菜单项2",
+          key: "item-2",
+          path: "/item-2"
+        }
+      ];
+    }
+    if (typeof dataSource === "string") {
+      return parseVariable == null ? void 0 : parseVariable(dataSource);
+    }
+    return [];
+  }, [dataSource]);
+  if (props.__designMode === "design") {
+    return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default, { ...props });
   }
-);
+  const MenuProvider = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.menuManager) == null ? void 0 : _d.MenuProvider;
+  console.log("MenuProvider11", appHelper);
+  return /* @__PURE__ */ import_react.default.createElement(MenuProvider, { menus: _dataSource }, /* @__PURE__ */ import_react.default.createElement(import_Basic.default, { ...props }));
+};
 var dataSourceMenu_default = DataSourceMenu;

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

@@ -1,4 +1,8 @@
 import React from 'react';
 import { DataSourceTableProps } from './type';
-declare const BaseTable: (props: DataSourceTableProps) => React.JSX.Element;
-export default BaseTable;
+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

@@ -45,7 +45,13 @@ var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_TableSettingProvider = __toESM(require("./provider/tableSetting/TableSettingProvider"));
 var import_useDataSourceKey = __toESM(require("./hooks/useDataSourceKey"));
 var import_useTableProps = __toESM(require("./hooks/useTableProps"));
-var BaseTable = (props) => {
+var mockData = {
+  count: 1,
+  data: [{}],
+  page: 1,
+  pageSize: 10
+};
+var BaseTable = (props, ref) => {
   const {
     columns: propsColumns,
     dataSource,
@@ -55,8 +61,15 @@ var BaseTable = (props) => {
   const tableRef = (0, import_react.useRef)(null);
   const componentId = (0, import_useComponentId.default)(props);
   const { registerValueVariable } = (0, import_useVariables.default)();
-  const { list } = (0, import_useDataSource.default)();
-  const { data } = list;
+  const { list, __designMode } = (0, import_useDataSource.default)();
+  const { data: originData } = list;
+  const data = (0, import_react.useMemo)(() => {
+    var _a;
+    if (__designMode === "design" && !((_a = originData == null ? void 0 : originData.data) == null ? void 0 : _a.length)) {
+      return mockData;
+    }
+    return originData;
+  }, [originData, __designMode]);
   const { dataSourceKey, dataSourceKeyRef } = (0, import_useDataSourceKey.default)();
   const beforeClose = (0, import_react.useRef)();
   const setBeforeClose = (0, import_react.useCallback)((fn) => {
@@ -71,7 +84,7 @@ var BaseTable = (props) => {
     Container,
     drawerContent
   } = (0, import_useDrawerState.default)(operationContent);
-  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange } = (0, import_useTableQuery.default)(props);
+  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange, refreshCurrentPage } = (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);
@@ -119,6 +132,15 @@ var BaseTable = (props) => {
     handleFilterChange,
     tableRef
   });
+  (0, import_react.useImperativeHandle)(ref, () => {
+    if (tableRef.current) {
+      tableRef.current.dataSourceTable = {
+        refreshCurrentPage,
+        refreshData
+      };
+    }
+    return tableRef.current;
+  });
   return /* @__PURE__ */ import_react.default.createElement(import_TableSettingProvider.default, null, /* @__PURE__ */ import_react.default.createElement(
     import_table.default,
     {
@@ -151,4 +173,4 @@ var BaseTable = (props) => {
     )
   ));
 };
-var BaseTable_default = BaseTable;
+var BaseTable_default = (0, import_react.forwardRef)(BaseTable);

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

@@ -39,9 +39,7 @@ var genFieldProps = (field, fieldProps) => {
     renderMode: "tableView",
     noStyle: true
   };
-  if (!field)
-    return props;
-  if (["Select", "Radio.Group", "Checkbox.Group"].includes(
+  if (field && ["Select", "Radio.Group", "Checkbox.Group"].includes(
     field.uiSchema["x-component"]
   ) && field.uiSchema.enum.length > 0) {
     if (["Radio.Group", "Checkbox.Group"].includes(field.uiSchema["x-component"])) {
@@ -76,7 +74,10 @@ var useColumns = ({
       const field = fieldMap[column == null ? void 0 : column.dataIndex];
       const title = (column == null ? void 0 : column.title) || (field == null ? void 0 : field.title);
       const FieldComponent = (0, import_fields.getFieldComponent)(column == null ? void 0 : column.fieldComponent) || "div";
-      const fieldProps = genFieldProps(field, (_a = column.other) == null ? void 0 : _a.fieldProps);
+      const fieldProps = genFieldProps(
+        field,
+        (_a = column.other) == null ? void 0 : _a.fieldProps
+      );
       return {
         ...column,
         title,

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

@@ -9,12 +9,16 @@ export declare type UseFormatParams = {
     dataSourceKey: string;
     fields: Field[];
 };
-export declare type FormatListResultParams = {
+export declare type ApiListResult = {
     list: any[];
     count: number;
-    page: number;
     size: number;
+} & ({
+    page: number;
 } | {
+    skip: number;
+});
+export declare type FormatListResultParams = ApiListResult | {
     data: any[];
     meta: {
         count: number;