@dovetail-v2/refine 0.4.1 → 0.4.2-alpha.1

package/dist/components/EditMetadataForm/LabelFormatPopover.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const PodLabelFormatRulePopoverStyle: import("@linaria/core").LinariaClassName;
 export declare const LabelFormatPopover: React.FC<{
     noValueValidation?: boolean;
 }>;

package/dist/components/Form/YamlForm.d.ts

@@ -24,6 +24,8 @@ export interface YamlFormProps<Model extends ResourceModel = ResourceModel> {
     transformInitValues?: (values: Record<string, unknown>) => Record<string, unknown>;
     transformApplyValues?: (values: Unstructured) => Unstructured;
     beforeSubmit?: (values: Unstructured, setErrors: (errors: string[]) => void) => Promise<Unstructured>;
+    /** 自定义提交函数，存在时替代 refine core 的 onFinish */
+    onSubmit?: (values: Record<string, unknown>) => Promise<unknown>;
     onSaveButtonPropsChange?: (saveButtonProps: {
         disabled?: boolean;
         onClick: () => void;

package/dist/components/Form/useReactHookForm.d.ts

@@ -34,5 +34,7 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
     onBeforeSubmitError?: (errors: string[]) => void;
     onSubmitStart?: () => void;
     onSubmitAbort?: () => void;
+    /** 自定义提交函数，存在时替代 refine core 的 onFinish */
+    onSubmit?: (values: Record<string, unknown>) => Promise<unknown>;
 } & UseHookFormProps<TVariables, TContext>;
-export declare const useForm: <TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ refineCoreProps, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, disableServerSideValidation: disableServerSideValidationProp, transformApplyValues, transformInitValues, beforeSubmit, onBeforeSubmitError, onSubmitStart, onSubmitAbort, ...rest }?: UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;
+export declare const useForm: <TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ refineCoreProps, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, disableServerSideValidation: disableServerSideValidationProp, transformApplyValues, transformInitValues, beforeSubmit, onBeforeSubmitError, onSubmitStart, onSubmitAbort, onSubmit, ...rest }?: UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;

package/dist/components/Form/useYamlForm.d.ts

@@ -31,6 +31,8 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
     onBeforeSubmitError?: (errors: string[]) => void;
     onSubmitStart?: () => void;
     onSubmitAbort?: () => void;
+    /** 自定义提交函数，存在时替代 refine core 的 onFinish */
+    onSubmit?: (values: Record<string, unknown>) => Promise<unknown>;
     rules?: YamlFormRule[];
 };
 export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError> & {
@@ -55,5 +57,5 @@ declare const useYamlForm: <TQueryFnData extends Unstructured = Unstructured & {
     [prop: string]: unknown;
 } = {
     [prop: string]: unknown;
-}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action: actionFromProps, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, initialValuesForEdit, transformInitValues, transformApplyValues, beforeSubmit, onBeforeSubmitError, onSubmitStart, onSubmitAbort, rules, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action: actionFromProps, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, initialValuesForEdit, transformInitValues, transformApplyValues, beforeSubmit, onBeforeSubmitError, onSubmitStart, onSubmitAbort, onSubmit, rules, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
 export default useYamlForm;

package/dist/components/KeyValueTableForm/FormatRulePopover.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FormatRulePopoverProps {
+    buttonText: string;
+    columns: any[];
+    dataSource: any[];
+}
+export declare const FormatRulePopover: React.FC<FormatRulePopoverProps>;

package/dist/components/KeyValueTableForm/index.d.ts

@@ -31,6 +31,7 @@ interface KeyValueTableFormProps<T extends KeyValuePair> {
     };
     onSubmit?: (value: T[]) => Promise<unknown> | undefined;
     keyTitle?: string;
+    formatPopover?: React.ReactNode;
 }
 export type KeyValueTableFormHandle<T extends KeyValuePair = KeyValuePair> = {
     validate: () => Promise<boolean>;
@@ -38,4 +39,5 @@ export type KeyValueTableFormHandle<T extends KeyValuePair = KeyValuePair> = {
     setValue: (value: T[]) => void;
 };
 export declare const KeyValueTableForm: React.ForwardRefExoticComponent<KeyValueTableFormProps<KeyValuePair> & React.RefAttributes<KeyValueTableFormHandle<KeyValuePair>>>;
-export {};
+export { FormatRulePopover } from './FormatRulePopover';
+export type { FormatRulePopoverProps } from './FormatRulePopover';

package/dist/hooks/useEagleTable/useEagleTable.d.ts

@@ -27,7 +27,7 @@ export declare function addDefaultRenderToColumns<Data, Col extends RequiredColu
 } & Col)[];
 export declare const useEagleTable: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(params: Params<Model>) => {
     setCurrent: (current: number) => void;
-    tableQueryResult: import("@tanstack/query-core").QueryObserverResult<import("@refinedev/core").GetListResponse<Model>, import("@refinedev/core").HttpError>;
+    tableQueryResult: import("@tanstack/react-query").QueryObserverResult<import("@refinedev/core").GetListResponse<Model>, import("@refinedev/core").HttpError>;
     sorter: CrudSorting;
     sorters: CrudSorting;
     setSorter: (sorter: CrudSorting) => void;

package/dist/refine.cjs

@@ -65,18 +65,14 @@ var zh = { exports: {} };
   });
 })(zh);
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i2 = 1; i2 < arguments.length; i2++) {
-      var source = arguments[i2];
-      for (var key2 in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key2)) {
-          target[key2] = source[key2];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var r2 in t2)
+        ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n2;
+  }, _extends.apply(null, arguments);
 }
 var voidElements = {
   "area": true,
@@ -8247,7 +8243,9 @@ function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
         pageSize,
         current: currentPage
       },
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       k8sApiProvider.sortData(sorters, data2)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ),
     currentPage,
     onPageChange: setCurrentPage,
@@ -11250,6 +11248,7 @@ const useYamlForm = ({
   onBeforeSubmitError,
   onSubmitStart,
   onSubmitAbort,
+  onSubmit,
   rules
 } = {}) => {
   var _a;
@@ -11463,6 +11462,11 @@ const useYamlForm = ({
               setIsBeforeSubmitLoading(false);
             }
           }
+          if (onSubmit) {
+            const result = await onSubmit(finalValues);
+            onMutationSuccessProp == null ? void 0 : onMutationSuccessProp({ data: result }, {}, {});
+            return result;
+          }
           return onFinish(finalValues);
         } catch (error) {
           onSubmitAbort == null ? void 0 : onSubmitAbort();
@@ -11512,6 +11516,7 @@ function YamlForm(props) {
     transformInitValues,
     transformApplyValues,
     beforeSubmit,
+    onSubmit,
     onSaveButtonPropsChange,
     onErrorsChange,
     rules
@@ -11550,6 +11555,7 @@ function YamlForm(props) {
     initialValuesForEdit: props.initialValuesForEdit,
     rules,
     beforeSubmit,
+    onSubmit,
     successNotification(data2) {
       var _a;
       const displayName = resourceConfig.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
@@ -12515,13 +12521,16 @@ const CronjobJobsTable = ({
         kind: "Job"
       },
       filters: {
-        permanent: [{
-          field: "",
-          value: "",
-          fn(item) {
-            return owner ? matchOwner(item, owner) : true;
+        permanent: [
+          {
+            field: "",
+            value: "",
+            fn(item) {
+              return owner ? matchOwner(item, owner) : true;
+            }
           }
-        }]
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ]
       }
     }
   }), [columns, owner]);
@@ -12989,31 +12998,63 @@ function readFileAsBase64(file) {
     reader.readAsArrayBuffer(file);
   });
 }
-const LabelFormatPopover_piveun = "";
-const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-const LabelFormatPopover = ({
-  noValueValidation
-}) => {
-  const {
-    t: t2
-  } = common.useTranslation();
-  const data2 = [{
-    object: t2("dovetail.key"),
-    contains: t2("dovetail.prefix"),
-    optional: t2("dovetail.no"),
-    rule: [t2("dovetail.prefix_format_rule_1"), t2("dovetail.prefix_format_rule_2"), t2("dovetail.prefix_format_rule_3")]
-  }, {
-    object: t2("dovetail.key"),
-    contains: t2("dovetail.name"),
-    optional: t2("dovetail.yes"),
-    rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-  }];
+const FormatRulePopover_1b8vyke = "";
+const FormatRulePopoverStyle = "f1eyh8ow";
+const FormatRulePopover = ({
+  buttonText,
+  columns,
+  dataSource
+}) => /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Popover, {
+  trigger: "click",
+  overlayClassName: FormatRulePopoverStyle,
+  placement: "bottomRight",
+  content: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.AntdTable, {
+    bordered: true,
+    dataSource,
+    columns,
+    pagination: false,
+    rowKey: (_, index2) => String(index2)
+  }),
+  children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+    size: "small",
+    type: "link",
+    children: buttonText
+  })
+});
+const LabelFormatPopover = ({ noValueValidation }) => {
+  const { t: t2 } = common.useTranslation();
+  const data2 = [
+    {
+      object: t2("dovetail.key"),
+      contains: t2("dovetail.prefix"),
+      optional: t2("dovetail.no"),
+      rule: [
+        t2("dovetail.prefix_format_rule_1"),
+        t2("dovetail.prefix_format_rule_2"),
+        t2("dovetail.prefix_format_rule_3")
+      ]
+    },
+    {
+      object: t2("dovetail.key"),
+      contains: t2("dovetail.name"),
+      optional: t2("dovetail.yes"),
+      rule: [
+        t2("dovetail.name_format_rule_1"),
+        t2("dovetail.name_format_rule_2"),
+        t2("dovetail.name_format_rule_3")
+      ]
+    }
+  ];
   if (!noValueValidation) {
     data2.push({
       object: t2("dovetail.value"),
       contains: t2("dovetail.name"),
       optional: t2("dovetail.no"),
-      rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+      rule: [
+        t2("dovetail.name_format_rule_1"),
+        t2("dovetail.name_format_rule_2"),
+        t2("dovetail.name_format_rule_3")
+      ]
     });
   } else {
     data2.push({
@@ -13023,57 +13064,42 @@ const LabelFormatPopover = ({
       rule: [t2("dovetail.no_limitation_rule")]
     });
   }
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Popover, {
-    trigger: "click",
-    overlayClassName: PodLabelFormatRulePopoverStyle,
-    placement: "bottomRight",
-    content: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.AntdTable, {
-      bordered: true,
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+    FormatRulePopover,
+    {
+      buttonText: t2("dovetail.look_format_requirement"),
       dataSource: data2,
-      columns: [{
-        key: "object",
-        title: t2("dovetail.object"),
-        dataIndex: "object",
-        render: (cell, record, index2) => {
-          return {
-            children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-              className: eagle.Typo.Label.l4_bold,
-              children: cell
-            }),
+      columns: [
+        {
+          key: "object",
+          title: t2("dovetail.object"),
+          dataIndex: "object",
+          render: (cell, _record, index2) => ({
+            children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { className: eagle.Typo.Label.l4_bold, children: cell }),
             props: {
               rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
             }
-          };
-        }
-      }, {
-        key: "contains",
-        title: t2("dovetail.contains"),
-        dataIndex: "contains"
-      }, {
-        key: "optional",
-        title: t2("dovetail.optional"),
-        dataIndex: "optional"
-      }, {
-        key: "rule",
-        title: t2("dovetail.format_requirements"),
-        dataIndex: "rule",
-        render: (cell) => {
-          return /* @__PURE__ */ common.jsxRuntimeExports.jsx("ul", {
-            className: "rule-list",
-            children: cell.map((rule2, index2) => /* @__PURE__ */ common.jsxRuntimeExports.jsx("li", {
-              children: rule2
-            }, index2))
-          });
+          })
+        },
+        {
+          key: "contains",
+          title: t2("dovetail.contains"),
+          dataIndex: "contains"
+        },
+        {
+          key: "optional",
+          title: t2("dovetail.optional"),
+          dataIndex: "optional"
+        },
+        {
+          key: "rule",
+          title: t2("dovetail.format_requirements"),
+          dataIndex: "rule",
+          render: (cell) => /* @__PURE__ */ common.jsxRuntimeExports.jsx("ul", { style: { listStyle: "disc", listStylePosition: "inside" }, children: cell.map((rule2, i2) => /* @__PURE__ */ common.jsxRuntimeExports.jsx("li", { style: { textIndent: 8 }, children: rule2 }, i2)) })
         }
-      }],
-      pagination: false
-    }),
-    children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
-      size: "small",
-      type: "link",
-      children: t2("dovetail.look_format_requirement")
-    })
-  });
+      ]
+    }
+  );
 };
 const index_t3zi07 = "";
 function _KeyValueTableForm(props, ref) {
@@ -13094,7 +13120,8 @@ function _KeyValueTableForm(props, ref) {
     validateKey,
     validateValue,
     onSubmit,
-    keyTitle
+    keyTitle,
+    formatPopover
   } = props;
   const {
     t: t2,
@@ -13278,7 +13305,7 @@ function _KeyValueTableForm(props, ref) {
       validateTriggerType: eagle.ValidateTriggerType.Aggressive,
       disableBatchFilling: true,
       hideEmptyTable: true
-    }), isHideLabelFormatPopover || _value.length === 0 ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(LabelFormatPopover, {
+    }), isHideLabelFormatPopover || _value.length === 0 ? null : formatPopover ?? /* @__PURE__ */ common.jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
     })]
   });
@@ -13759,6 +13786,7 @@ const WorkloadPodsTable = ({
           fn(item) {
             return filter ? filter(item) : matchSelector(item, selector, namespace2);
           }
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }]
       }
     }
@@ -16906,6 +16934,7 @@ const useForm = ({
   onBeforeSubmitError,
   onSubmitStart,
   onSubmitAbort,
+  onSubmit,
   ...rest
 } = {}) => {
   const { options } = core.useRefineContext();
@@ -17029,6 +17058,7 @@ const useForm = ({
         onSubmitStart == null ? void 0 : onSubmitStart();
         handleSubmit(
           async (v) => {
+            var _a;
             let finalValues = transformApplyValues ? transformApplyValues(v) : v;
             if (beforeSubmit) {
               try {
@@ -17055,6 +17085,11 @@ const useForm = ({
                 setIsBeforeSubmitLoading(false);
               }
             }
+            if (onSubmit) {
+              const result = await onSubmit(finalValues);
+              (_a = refineCoreProps == null ? void 0 : refineCoreProps.onMutationSuccess) == null ? void 0 : _a.call(refineCoreProps, { data: result }, {}, {});
+              return result;
+            }
             return onFinish(finalValues);
           },
           () => {
@@ -17069,6 +17104,8 @@ const useForm = ({
     isBeforeSubmitLoading,
     handleSubmit,
     onFinish,
+    onSubmit,
+    refineCoreProps,
     transformApplyValues,
     beforeSubmit,
     onBeforeSubmitError,
@@ -17100,6 +17137,10 @@ const useRefineForm = (props) => {
       errorNotification: false,
       successNotification: () => {
         var _a;
+        if (formConfig == null ? void 0 : formConfig.successMessage) {
+          const msg = typeof formConfig.successMessage === "function" ? formConfig.successMessage(id ? "edit" : "create") : formConfig.successMessage;
+          return { message: msg, description: "Success", type: "success" };
+        }
         const formValue = result.getValues();
         return {
           message: i18n2.t(id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast", {
@@ -17127,6 +17168,7 @@ const useRefineForm = (props) => {
     onBeforeSubmitError: options == null ? void 0 : options.onBeforeSubmitError,
     onSubmitStart: options == null ? void 0 : options.onSubmitStart,
     onSubmitAbort: options == null ? void 0 : options.onSubmitAbort,
+    onSubmit: formConfig == null ? void 0 : formConfig.onSubmit,
     ...formConfig == null ? void 0 : formConfig.useFormProps
   });
   React.useEffect(() => {
@@ -17161,7 +17203,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
   onError,
   onSaveButtonPropsChange
 }, ref) {
-  var _a, _b;
+  var _a;
   const action = id ? "edit" : "create";
   const pushModal = eagle.usePushModal();
   const popModal = eagle.usePopModal();
@@ -17232,6 +17274,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     transformApplyValues: (formConfig == null ? void 0 : formConfig.transformApplyValues) || ((v) => v)
   });
   const yamlFormProps = React.useMemo(() => {
+    var _a2;
     if (isYamlMode) {
       return {
         ...customYamlFormProps,
@@ -17248,8 +17291,10 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
         id,
         action,
         isShowLayout: false,
+        onSubmit: formConfig == null ? void 0 : formConfig.onSubmit,
         useFormProps: {
           redirect: false,
+          mutationMeta: (_a2 = formConfig == null ? void 0 : formConfig.refineCoreProps) == null ? void 0 : _a2.mutationMeta,
           onSubmitStart: () => {
             setIsSubmitting(true);
           },
@@ -17304,18 +17349,20 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     }),
     [refineFormResult.formResult]
   );
-  if (action === "edit" && !((_b = (_a = refineFormResult.formResult.getValues()) == null ? void 0 : _a.metadata) == null ? void 0 : _b.name)) {
+  const currentFormValues = refineFormResult.formResult.getValues();
+  const isReady = (formConfig == null ? void 0 : formConfig.isDataReady) ? formConfig.isDataReady(currentFormValues) : !!((_a = currentFormValues == null ? void 0 : currentFormValues.metadata) == null ? void 0 : _a.name);
+  if (action === "edit" && !isReady) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Loading, {});
   }
   if (isYamlMode) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(YamlForm, { ...yamlFormProps });
   }
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
-    !(formConfig == null ? void 0 : formConfig.isDisabledChangeMode) ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+    !(formConfig == null ? void 0 : formConfig.isDisabledChangeMode) && (formConfig == null ? void 0 : formConfig.changeModeAlert) !== false ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(
       eagle.Alert,
       {
         type: "warning",
-        message: i18n.t("dovetail.change_form_mode_alert"),
+        message: (formConfig == null ? void 0 : formConfig.changeModeAlert) ?? i18n.t("dovetail.change_form_mode_alert"),
         style: { marginBottom: "16px" }
       }
     ) : void 0,
@@ -20694,6 +20741,7 @@ exports.FormItemLayout = FormItemLayout;
 exports.FormModal = FormModal;
 exports.FormMode = FormMode;
 exports.FormType = FormType;
+exports.FormatRulePopover = FormatRulePopover;
 exports.GlobalStoreContext = GlobalStoreContext;
 exports.INGRESS_INIT_VALUE = INGRESS_INIT_VALUE;
 exports.ImageField = ImageField;

package/dist/refine.js

@@ -46,18 +46,14 @@ var zh = { exports: {} };
   });
 })(zh);
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i2 = 1; i2 < arguments.length; i2++) {
-      var source = arguments[i2];
-      for (var key2 in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key2)) {
-          target[key2] = source[key2];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var r2 in t2)
+        ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n2;
+  }, _extends.apply(null, arguments);
 }
 var voidElements = {
   "area": true,
@@ -8228,7 +8224,9 @@ function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
         pageSize,
         current: currentPage
       },
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       sortData(sorters, data2)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ),
     currentPage,
     onPageChange: setCurrentPage,
@@ -11231,6 +11229,7 @@ const useYamlForm = ({
   onBeforeSubmitError,
   onSubmitStart,
   onSubmitAbort,
+  onSubmit,
   rules
 } = {}) => {
   var _a;
@@ -11444,6 +11443,11 @@ const useYamlForm = ({
               setIsBeforeSubmitLoading(false);
             }
           }
+          if (onSubmit) {
+            const result = await onSubmit(finalValues);
+            onMutationSuccessProp == null ? void 0 : onMutationSuccessProp({ data: result }, {}, {});
+            return result;
+          }
           return onFinish(finalValues);
         } catch (error) {
           onSubmitAbort == null ? void 0 : onSubmitAbort();
@@ -11493,6 +11497,7 @@ function YamlForm(props) {
     transformInitValues,
     transformApplyValues,
     beforeSubmit,
+    onSubmit,
     onSaveButtonPropsChange,
     onErrorsChange,
     rules
@@ -11531,6 +11536,7 @@ function YamlForm(props) {
     initialValuesForEdit: props.initialValuesForEdit,
     rules,
     beforeSubmit,
+    onSubmit,
     successNotification(data2) {
       var _a;
       const displayName = resourceConfig.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
@@ -12496,13 +12502,16 @@ const CronjobJobsTable = ({
         kind: "Job"
       },
       filters: {
-        permanent: [{
-          field: "",
-          value: "",
-          fn(item) {
-            return owner ? matchOwner(item, owner) : true;
+        permanent: [
+          {
+            field: "",
+            value: "",
+            fn(item) {
+              return owner ? matchOwner(item, owner) : true;
+            }
           }
-        }]
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ]
       }
     }
   }), [columns, owner]);
@@ -12970,31 +12979,63 @@ function readFileAsBase64(file) {
     reader.readAsArrayBuffer(file);
   });
 }
-const LabelFormatPopover_piveun = "";
-const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-const LabelFormatPopover = ({
-  noValueValidation
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  const data2 = [{
-    object: t2("dovetail.key"),
-    contains: t2("dovetail.prefix"),
-    optional: t2("dovetail.no"),
-    rule: [t2("dovetail.prefix_format_rule_1"), t2("dovetail.prefix_format_rule_2"), t2("dovetail.prefix_format_rule_3")]
-  }, {
-    object: t2("dovetail.key"),
-    contains: t2("dovetail.name"),
-    optional: t2("dovetail.yes"),
-    rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-  }];
+const FormatRulePopover_1b8vyke = "";
+const FormatRulePopoverStyle = "f1eyh8ow";
+const FormatRulePopover = ({
+  buttonText,
+  columns,
+  dataSource
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, {
+  trigger: "click",
+  overlayClassName: FormatRulePopoverStyle,
+  placement: "bottomRight",
+  content: /* @__PURE__ */ jsxRuntimeExports.jsx(AntdTable, {
+    bordered: true,
+    dataSource,
+    columns,
+    pagination: false,
+    rowKey: (_, index2) => String(index2)
+  }),
+  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+    size: "small",
+    type: "link",
+    children: buttonText
+  })
+});
+const LabelFormatPopover = ({ noValueValidation }) => {
+  const { t: t2 } = useTranslation();
+  const data2 = [
+    {
+      object: t2("dovetail.key"),
+      contains: t2("dovetail.prefix"),
+      optional: t2("dovetail.no"),
+      rule: [
+        t2("dovetail.prefix_format_rule_1"),
+        t2("dovetail.prefix_format_rule_2"),
+        t2("dovetail.prefix_format_rule_3")
+      ]
+    },
+    {
+      object: t2("dovetail.key"),
+      contains: t2("dovetail.name"),
+      optional: t2("dovetail.yes"),
+      rule: [
+        t2("dovetail.name_format_rule_1"),
+        t2("dovetail.name_format_rule_2"),
+        t2("dovetail.name_format_rule_3")
+      ]
+    }
+  ];
   if (!noValueValidation) {
     data2.push({
       object: t2("dovetail.value"),
       contains: t2("dovetail.name"),
       optional: t2("dovetail.no"),
-      rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+      rule: [
+        t2("dovetail.name_format_rule_1"),
+        t2("dovetail.name_format_rule_2"),
+        t2("dovetail.name_format_rule_3")
+      ]
     });
   } else {
     data2.push({
@@ -13004,57 +13045,42 @@ const LabelFormatPopover = ({
       rule: [t2("dovetail.no_limitation_rule")]
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, {
-    trigger: "click",
-    overlayClassName: PodLabelFormatRulePopoverStyle,
-    placement: "bottomRight",
-    content: /* @__PURE__ */ jsxRuntimeExports.jsx(AntdTable, {
-      bordered: true,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FormatRulePopover,
+    {
+      buttonText: t2("dovetail.look_format_requirement"),
       dataSource: data2,
-      columns: [{
-        key: "object",
-        title: t2("dovetail.object"),
-        dataIndex: "object",
-        render: (cell, record, index2) => {
-          return {
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: Typo.Label.l4_bold,
-              children: cell
-            }),
+      columns: [
+        {
+          key: "object",
+          title: t2("dovetail.object"),
+          dataIndex: "object",
+          render: (cell, _record, index2) => ({
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: Typo.Label.l4_bold, children: cell }),
             props: {
               rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
             }
-          };
-        }
-      }, {
-        key: "contains",
-        title: t2("dovetail.contains"),
-        dataIndex: "contains"
-      }, {
-        key: "optional",
-        title: t2("dovetail.optional"),
-        dataIndex: "optional"
-      }, {
-        key: "rule",
-        title: t2("dovetail.format_requirements"),
-        dataIndex: "rule",
-        render: (cell) => {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
-            className: "rule-list",
-            children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-              children: rule2
-            }, index2))
-          });
+          })
+        },
+        {
+          key: "contains",
+          title: t2("dovetail.contains"),
+          dataIndex: "contains"
+        },
+        {
+          key: "optional",
+          title: t2("dovetail.optional"),
+          dataIndex: "optional"
+        },
+        {
+          key: "rule",
+          title: t2("dovetail.format_requirements"),
+          dataIndex: "rule",
+          render: (cell) => /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { listStyle: "disc", listStylePosition: "inside" }, children: cell.map((rule2, i2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { style: { textIndent: 8 }, children: rule2 }, i2)) })
         }
-      }],
-      pagination: false
-    }),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-      size: "small",
-      type: "link",
-      children: t2("dovetail.look_format_requirement")
-    })
-  });
+      ]
+    }
+  );
 };
 const index_t3zi07 = "";
 function _KeyValueTableForm(props, ref) {
@@ -13075,7 +13101,8 @@ function _KeyValueTableForm(props, ref) {
     validateKey,
     validateValue,
     onSubmit,
-    keyTitle
+    keyTitle,
+    formatPopover
   } = props;
   const {
     t: t2,
@@ -13259,7 +13286,7 @@ function _KeyValueTableForm(props, ref) {
       validateTriggerType: ValidateTriggerType.Aggressive,
       disableBatchFilling: true,
       hideEmptyTable: true
-    }), isHideLabelFormatPopover || _value.length === 0 ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
+    }), isHideLabelFormatPopover || _value.length === 0 ? null : formatPopover ?? /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
     })]
   });
@@ -13740,6 +13767,7 @@ const WorkloadPodsTable = ({
           fn(item) {
             return filter ? filter(item) : matchSelector(item, selector, namespace2);
           }
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }]
       }
     }
@@ -16887,6 +16915,7 @@ const useForm = ({
   onBeforeSubmitError,
   onSubmitStart,
   onSubmitAbort,
+  onSubmit,
   ...rest
 } = {}) => {
   const { options } = useRefineContext();
@@ -17010,6 +17039,7 @@ const useForm = ({
         onSubmitStart == null ? void 0 : onSubmitStart();
         handleSubmit(
           async (v) => {
+            var _a;
             let finalValues = transformApplyValues ? transformApplyValues(v) : v;
             if (beforeSubmit) {
               try {
@@ -17036,6 +17066,11 @@ const useForm = ({
                 setIsBeforeSubmitLoading(false);
               }
             }
+            if (onSubmit) {
+              const result = await onSubmit(finalValues);
+              (_a = refineCoreProps == null ? void 0 : refineCoreProps.onMutationSuccess) == null ? void 0 : _a.call(refineCoreProps, { data: result }, {}, {});
+              return result;
+            }
             return onFinish(finalValues);
           },
           () => {
@@ -17050,6 +17085,8 @@ const useForm = ({
     isBeforeSubmitLoading,
     handleSubmit,
     onFinish,
+    onSubmit,
+    refineCoreProps,
     transformApplyValues,
     beforeSubmit,
     onBeforeSubmitError,
@@ -17081,6 +17118,10 @@ const useRefineForm = (props) => {
       errorNotification: false,
       successNotification: () => {
         var _a;
+        if (formConfig == null ? void 0 : formConfig.successMessage) {
+          const msg = typeof formConfig.successMessage === "function" ? formConfig.successMessage(id ? "edit" : "create") : formConfig.successMessage;
+          return { message: msg, description: "Success", type: "success" };
+        }
         const formValue = result.getValues();
         return {
           message: i18n2.t(id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast", {
@@ -17108,6 +17149,7 @@ const useRefineForm = (props) => {
     onBeforeSubmitError: options == null ? void 0 : options.onBeforeSubmitError,
     onSubmitStart: options == null ? void 0 : options.onSubmitStart,
     onSubmitAbort: options == null ? void 0 : options.onSubmitAbort,
+    onSubmit: formConfig == null ? void 0 : formConfig.onSubmit,
     ...formConfig == null ? void 0 : formConfig.useFormProps
   });
   useEffect(() => {
@@ -17142,7 +17184,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
   onError,
   onSaveButtonPropsChange
 }, ref) {
-  var _a, _b;
+  var _a;
   const action = id ? "edit" : "create";
   const pushModal = usePushModal();
   const popModal = usePopModal();
@@ -17213,6 +17255,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     transformApplyValues: (formConfig == null ? void 0 : formConfig.transformApplyValues) || ((v) => v)
   });
   const yamlFormProps = useMemo(() => {
+    var _a2;
     if (isYamlMode) {
       return {
         ...customYamlFormProps,
@@ -17229,8 +17272,10 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
         id,
         action,
         isShowLayout: false,
+        onSubmit: formConfig == null ? void 0 : formConfig.onSubmit,
         useFormProps: {
           redirect: false,
+          mutationMeta: (_a2 = formConfig == null ? void 0 : formConfig.refineCoreProps) == null ? void 0 : _a2.mutationMeta,
           onSubmitStart: () => {
             setIsSubmitting(true);
           },
@@ -17285,18 +17330,20 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     }),
     [refineFormResult.formResult]
   );
-  if (action === "edit" && !((_b = (_a = refineFormResult.formResult.getValues()) == null ? void 0 : _a.metadata) == null ? void 0 : _b.name)) {
+  const currentFormValues = refineFormResult.formResult.getValues();
+  const isReady = (formConfig == null ? void 0 : formConfig.isDataReady) ? formConfig.isDataReady(currentFormValues) : !!((_a = currentFormValues == null ? void 0 : currentFormValues.metadata) == null ? void 0 : _a.name);
+  if (action === "edit" && !isReady) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
   }
   if (isYamlMode) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(YamlForm, { ...yamlFormProps });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    !(formConfig == null ? void 0 : formConfig.isDisabledChangeMode) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !(formConfig == null ? void 0 : formConfig.isDisabledChangeMode) && (formConfig == null ? void 0 : formConfig.changeModeAlert) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       Alert,
       {
         type: "warning",
-        message: i18n.t("dovetail.change_form_mode_alert"),
+        message: (formConfig == null ? void 0 : formConfig.changeModeAlert) ?? i18n.t("dovetail.change_form_mode_alert"),
         style: { marginBottom: "16px" }
       }
     ) : void 0,
@@ -20676,6 +20723,7 @@ export {
   FormModal,
   FormMode,
   FormType,
+  FormatRulePopover,
   GlobalStoreContext,
   INGRESS_INIT_VALUE,
   ImageField,

package/dist/style.css

@@ -2068,47 +2068,35 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.p5jt6nm .ant-popover-inner {
+.f1eyh8ow .ant-popover-inner {
   border-radius: 8px;
 }
-.p5jt6nm .ant-popover-innerntent {
-  padding: 12px;
-}
-.p5jt6nm .ant-popover-content > .ant-popover-arrow {
+.f1eyh8ow .ant-popover-content > .ant-popover-arrow {
   display: none;
 }
-.p5jt6nm td.ant-table-cell {
-  vertical-align: middle;
-}
-.p5jt6nm .rule-list {
-  list-style: disc;
-  list-style-position: inside;
-}
-.p5jt6nm .ant-table {
+.f1eyh8ow .ant-table {
   font-size: 12px;
   line-height: 18px;
 }
-.p5jt6nm .ant-table .ant-table-container {
+.f1eyh8ow .ant-table .ant-table-container {
   border: none !important;
 }
-.p5jt6nm .ant-table .ant-table-thead {
+.f1eyh8ow .ant-table .ant-table-thead {
   font-weight: 700;
 }
-.p5jt6nm .ant-table .ant-table-thead > tr > th {
+.f1eyh8ow .ant-table .ant-table-thead > tr > th {
   background: #fff;
 }
-.p5jt6nm .ant-table thead > tr > th:last-child,
-.p5jt6nm .ant-table tbody > tr > td:last-child {
+.f1eyh8ow .ant-table thead > tr > th:last-child,
+.f1eyh8ow .ant-table tbody > tr > td:last-child {
   border-right: none !important;
 }
-.p5jt6nm .ant-table tbody > tr:last-child > td {
+.f1eyh8ow .ant-table tbody > tr:last-child > td {
   border-bottom: none;
 }
-.p5jt6nm .ant-table .ant-table-cell {
+.f1eyh8ow .ant-table .ant-table-cell {
   padding: 4px 8px !important;
-}
-.p5jt6nm .ant-table li {
-  text-indent: 8px;
+  vertical-align: middle;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*

package/dist/types/resource.d.ts

@@ -149,6 +149,26 @@ export type CommonFormConfig<Model extends ResourceModel = ResourceModel> = {
         from: string[];
         to: string[];
     }[];
+    /**
+     * 自定义数据就绪检查（编辑模式下判断初始数据是否加载完成）
+     * 默认检查 metadata.name，非标准 K8s 资源可覆盖
+     */
+    isDataReady?: (formValues: Record<string, unknown>) => boolean;
+    /**
+     * 自定义提交函数，存在时替代 refine core 的 onFinish
+     * 用于非标准 K8s 资源或需要自定义 API 调用的场景
+     */
+    onSubmit?: (values: Record<string, unknown>) => Promise<unknown>;
+    /**
+     * 自定义成功 toast 消息
+     */
+    successMessage?: string | ((action: 'create' | 'edit') => string);
+    /**
+     * 自定义切换 YAML 模式时的提示 Alert 内容
+     * 设为 false 可隐藏 Alert，设为 string/ReactNode 可替换默认文案
+     * 默认显示 dovetail.change_form_mode_alert
+     */
+    changeModeAlert?: React.ReactNode | false;
 };
 export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
     /** 资源名称，用于 API 调用和路由。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.4.1",
+  "version": "0.4.2-alpha.1",
   "type": "module",
   "files": [
     "dist",
@@ -58,11 +58,14 @@
     "@playwright/test": "^1.39.0",
     "@refinedev/cli": "^2.9.0",
     "@rollup/pluginutils": "^4.2.1",
+    "@tanstack/react-query": "^4.35.3",
     "@testing-library/react-hooks": "7",
     "@types/body-parser": "^1.19.5",
+    "@types/history": "^4.7.11",
     "@types/jest": "^29",
     "@types/js-yaml": "^4.0.6",
     "@types/json-schema": "^7.0.13",
+    "@types/lodash": "^4.14.198",
     "@types/lodash-es": "^4.17.9",
     "@types/node": "^18.16.2",
     "@types/qs": "^6.9.8",
@@ -74,16 +77,20 @@
     "@vitejs/plugin-react": "^4.0.0",
     "body-parser": "^1.20.2",
     "eslint": "^8.38.0",
+    "history": "^4.10.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
     "jest": "^29",
+    "json-schema": "^0.4.0",
     "jest-environment-jsdom": "^30.0.0",
     "kubernetes-types": "^1.26.0",
+    "lodash": "^4.17.21",
     "prettier": "2.8.8",
     "sass": "1.51.0",
     "ts-jest": "^29",
     "vite": "^4.5.2",
-    "vite-plugin-commonjs": "^0.10.0"
+    "vite-plugin-commonjs": "^0.10.0",
+    "ws": "^8.18.2"
   },
   "peerDependencies": {
     "@cloudtower/eagle": "^490.0.1",
@@ -103,7 +110,7 @@
     "refine": "refine",
     "unit-test": "jest",
     "playwright-test": "npx playwright test --workers 1",
-    "test": "yarn unit-test && yarn playwright-test",
+    "test": "pnpm unit-test && pnpm playwright-test",
     "lint": "eslint src --ext .ts,.tsx"
   },
   "browserslist": {