@dovetail-v2/refine 0.0.42 → 0.0.44

package/dist/{index-3ef1da30.js → index-72d47bc9.js}

@@ -7,17 +7,17 @@ var __publicField = (obj, key2, value2) => {
 import i18n from "i18next";
 import * as React from "react";
 import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle, memo, PureComponent, useLayoutEffect, forwardRef, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, CanAccess, useCan, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$1, flattenObjectKeys, useInvalidate, useUserFriendlyName, useModal, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, CanAccess, useCan, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
 import { Typo, Tag, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
 import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
-import { get as get$2, first, debounce, last, isObject as isObject$2, merge, keyBy } from "lodash-es";
+import { get as get$3, first, debounce, last, isObject as isObject$4, merge, keyBy } from "lodash-es";
 import yaml from "js-yaml";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
 import ReactDOM from "react-dom";
-import { useForm as useForm$2 } from "sunflower-antd";
+import { useForm as useForm$3 } from "sunflower-antd";
 import { Drawer } from "antd";
 import { dataProvider, liveProvider } from "k8s-api-provider";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -37,12 +37,12 @@ function requireDayjs_min() {
       var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i2 = "second", s2 = "minute", u = "hour", a2 = "day", o = "week", c2 = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t3) {
         var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
         return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
-      } }, m2 = function(t3, e3, n3) {
+      } }, m = function(t3, e3, n3) {
         var r3 = String(t3);
         return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
-      }, v = { s: m2, z: function(t3) {
+      }, v = { s: m, z: function(t3) {
         var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
-        return (e3 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(i3, 2, "0");
+        return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i3, 2, "0");
       }, m: function t3(e3, n3) {
         if (e3.date() < n3.date())
           return -t3(n3, e3);
@@ -86,8 +86,8 @@ function requireDayjs_min() {
         function M2(t3) {
           this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
         }
-        var m3 = M2.prototype;
-        return m3.parse = function(t3) {
+        var m2 = M2.prototype;
+        return m2.parse = function(t3) {
           this.$d = function(t4) {
             var e3 = t4.date, n3 = t4.utc;
             if (null === e3)
@@ -105,33 +105,33 @@ function requireDayjs_min() {
             }
             return new Date(e3);
           }(t3), this.init();
-        }, m3.init = function() {
+        }, m2.init = function() {
           var t3 = this.$d;
           this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
-        }, m3.$utils = function() {
+        }, m2.$utils = function() {
           return b;
-        }, m3.isValid = function() {
+        }, m2.isValid = function() {
           return !(this.$d.toString() === l);
-        }, m3.isSame = function(t3, e3) {
+        }, m2.isSame = function(t3, e3) {
           var n3 = O(t3);
           return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
-        }, m3.isAfter = function(t3, e3) {
+        }, m2.isAfter = function(t3, e3) {
           return O(t3) < this.startOf(e3);
-        }, m3.isBefore = function(t3, e3) {
+        }, m2.isBefore = function(t3, e3) {
           return this.endOf(e3) < O(t3);
-        }, m3.$g = function(t3, e3, n3) {
+        }, m2.$g = function(t3, e3, n3) {
           return b.u(t3) ? this[e3] : this.set(n3, t3);
-        }, m3.unix = function() {
+        }, m2.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
-        }, m3.valueOf = function() {
+        }, m2.valueOf = function() {
           return this.$d.getTime();
-        }, m3.startOf = function(t3, e3) {
+        }, m2.startOf = function(t3, e3) {
           var n3 = this, r3 = !!b.u(e3) || e3, f2 = b.p(t3), l2 = function(t4, e4) {
             var i3 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
             return r3 ? i3 : i3.endOf(a2);
           }, $2 = function(t4, e4) {
             return b.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
-          }, y2 = this.$W, M3 = this.$M, m4 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
           switch (f2) {
             case h:
               return r3 ? l2(1, 0) : l2(31, 11);
@@ -139,7 +139,7 @@ function requireDayjs_min() {
               return r3 ? l2(1, M3) : l2(0, M3 + 1);
             case o:
               var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-              return l2(r3 ? m4 - D2 : m4 + (6 - D2), M3);
+              return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
             case a2:
             case d:
               return $2(v2 + "Hours", 0);
@@ -152,9 +152,9 @@ function requireDayjs_min() {
             default:
               return this.clone();
           }
-        }, m3.endOf = function(t3) {
+        }, m2.endOf = function(t3) {
           return this.startOf(t3, false);
-        }, m3.$set = function(t3, e3) {
+        }, m2.$set = function(t3, e3) {
           var n3, o2 = b.p(t3), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a2] = f2 + "Date", n3[d] = f2 + "Date", n3[c2] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s2] = f2 + "Minutes", n3[i2] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a2 ? this.$D + (e3 - this.$W) : e3;
           if (o2 === c2 || o2 === h) {
             var y2 = this.clone().set(d, 1);
@@ -162,11 +162,11 @@ function requireDayjs_min() {
           } else
             l2 && this.$d[l2]($2);
           return this.init(), this;
-        }, m3.set = function(t3, e3) {
+        }, m2.set = function(t3, e3) {
           return this.clone().$set(t3, e3);
-        }, m3.get = function(t3) {
+        }, m2.get = function(t3) {
           return this[b.p(t3)]();
-        }, m3.add = function(r3, f2) {
+        }, m2.add = function(r3, f2) {
           var d2, l2 = this;
           r3 = Number(r3);
           var $2 = b.p(f2), y2 = function(t3) {
@@ -181,11 +181,11 @@ function requireDayjs_min() {
             return y2(1);
           if ($2 === o)
             return y2(7);
-          var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i2] = t2, d2)[$2] || 1, m4 = this.$d.getTime() + r3 * M3;
-          return b.w(m4, this);
-        }, m3.subtract = function(t3, e3) {
+          var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i2] = t2, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t3, e3) {
           return this.add(-1 * t3, e3);
-        }, m3.format = function(t3) {
+        }, m2.format = function(t3) {
           var e3 = this, n3 = this.$locale();
           if (!this.isValid())
             return n3.invalidDate || l;
@@ -252,11 +252,11 @@ function requireDayjs_min() {
               return null;
             }(t4) || i3.replace(":", "");
           });
-        }, m3.utcOffset = function() {
+        }, m2.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, m3.diff = function(r3, d2, l2) {
-          var $2, y2 = this, M3 = b.p(d2), m4 = O(r3), v2 = (m4.utcOffset() - this.utcOffset()) * e2, g2 = this - m4, D2 = function() {
-            return b.m(y2, m4);
+        }, m2.diff = function(r3, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e2, g2 = this - m3, D2 = function() {
+            return b.m(y2, m3);
           };
           switch (M3) {
             case h:
@@ -287,24 +287,24 @@ function requireDayjs_min() {
               $2 = g2;
           }
           return l2 ? $2 : b.a($2);
-        }, m3.daysInMonth = function() {
+        }, m2.daysInMonth = function() {
           return this.endOf(c2).$D;
-        }, m3.$locale = function() {
+        }, m2.$locale = function() {
           return D[this.$L];
-        }, m3.locale = function(t3, e3) {
+        }, m2.locale = function(t3, e3) {
           if (!t3)
             return this.$L;
           var n3 = this.clone(), r3 = w(t3, e3, true);
           return r3 && (n3.$L = r3), n3;
-        }, m3.clone = function() {
+        }, m2.clone = function() {
           return b.w(this.$d, this);
-        }, m3.toDate = function() {
+        }, m2.toDate = function() {
           return new Date(this.valueOf());
-        }, m3.toJSON = function() {
+        }, m2.toJSON = function() {
           return this.isValid() ? this.toISOString() : null;
-        }, m3.toISOString = function() {
+        }, m2.toISOString = function() {
           return this.$d.toISOString();
-        }, m3.toString = function() {
+        }, m2.toString = function() {
           return this.$d.toUTCString();
         }, M2;
       }(), k = _.prototype;
@@ -405,23 +405,23 @@ function a(e2, t2) {
 }
 var c = { parse: function(e2, t2) {
   t2 || (t2 = {}), t2.components || (t2.components = s);
-  var a2, c2 = [], o = [], l = -1, m2 = false;
+  var a2, c2 = [], o = [], l = -1, m = false;
   if (0 !== e2.indexOf("<")) {
     var u = e2.indexOf("<");
     c2.push({ type: "text", content: -1 === u ? e2 : e2.substring(0, u) });
   }
   return e2.replace(r, function(r2, s2) {
-    if (m2) {
+    if (m) {
       if (r2 !== "</" + a2.name + ">")
         return;
-      m2 = false;
+      m = false;
     }
     var u2, f = "/" !== r2.charAt(1), h = r2.startsWith("<!--"), p = s2 + r2.length, d = e2.charAt(p);
     if (h) {
       var v = n(r2);
       return l < 0 ? (c2.push(v), c2) : ((u2 = o[l]).children.push(v), c2);
     }
-    if (f && (l++, "tag" === (a2 = n(r2)).type && t2.components[a2.name] && (a2.type = "component", m2 = true), a2.voidElement || m2 || !d || "<" === d || a2.children.push({ type: "text", content: e2.slice(p, e2.indexOf("<", p)) }), 0 === l && c2.push(a2), (u2 = o[l - 1]) && u2.children.push(a2), o[l] = a2), (!f || a2.voidElement) && (l > -1 && (a2.voidElement || a2.name === r2.slice(2, -1)) && (l--, a2 = -1 === l ? c2 : o[l]), !m2 && "<" !== d && d)) {
+    if (f && (l++, "tag" === (a2 = n(r2)).type && t2.components[a2.name] && (a2.type = "component", m = true), a2.voidElement || m || !d || "<" === d || a2.children.push({ type: "text", content: e2.slice(p, e2.indexOf("<", p)) }), 0 === l && c2.push(a2), (u2 = o[l - 1]) && u2.children.push(a2), o[l] = a2), (!f || a2.voidElement) && (l > -1 && (a2.voidElement || a2.name === r2.slice(2, -1)) && (l--, a2 = -1 === l ? c2 : o[l]), !m && "<" !== d && d)) {
       u2 = -1 === l ? c2 : o[l].children;
       var x = e2.indexOf("<", p), g = e2.slice(p, -1 === x ? void 0 : x);
       i.test(g) && (g = " "), (x > -1 && l + u2.length >= 0 || " " !== g) && u2.push({ type: "text", content: g });
@@ -540,7 +540,7 @@ const htmlEntities = {
   "&#x2F;": "/",
   "&#47;": "/"
 };
-const unescapeHtmlEntity = (m2) => htmlEntities[m2];
+const unescapeHtmlEntity = (m) => htmlEntities[m];
 const unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
 let defaultOptions$1 = {
   bindI18n: "languageChanged",
@@ -1593,7 +1593,7 @@ function requireReactJsxRuntime_production_min() {
     g = h("react.element");
     reactJsxRuntime_production_min.Fragment = h("react.fragment");
   }
-  var m2 = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n2 = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
+  var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n2 = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
   function q(c2, a2, k) {
     var b, d = {}, e2 = null, l = null;
     void 0 !== k && (e2 = "" + k);
@@ -1604,7 +1604,7 @@ function requireReactJsxRuntime_production_min() {
     if (c2 && c2.defaultProps)
       for (b in a2 = c2.defaultProps, a2)
         void 0 === d[b] && (d[b] = a2[b]);
-    return { $$typeof: g, type: c2, key: e2, ref: l, props: d, _owner: m2.current };
+    return { $$typeof: g, type: c2, key: e2, ref: l, props: d, _owner: m.current };
   }
   reactJsxRuntime_production_min.jsx = q;
   reactJsxRuntime_production_min.jsxs = q;
@@ -8409,7 +8409,7 @@ function MetadataForm() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
   ] });
 }
-function memoize$1(fn) {
+function memoize$2(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
   return function(arg) {
     if (cache[arg] === void 0)
@@ -8418,7 +8418,7 @@ function memoize$1(fn) {
   };
 }
 var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-var isPropValid = /* @__PURE__ */ memoize$1(
+var isPropValid = /* @__PURE__ */ memoize$2(
   function(prop) {
     return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
   }
@@ -8608,7 +8608,8 @@ function Table(props) {
     columns,
     scroll,
     currentPage,
-    currentSize,
+    defaultSize,
+    total,
     RowMenu,
     refetch,
     onPageChange,
@@ -8619,9 +8620,9 @@ function Table(props) {
   const wrapperRef = useRef(null);
   const pagination = useMemo(() => ({
     current: currentPage,
-    pageSize: currentSize,
+    pageSize: defaultSize,
     onChange: onPageChange
-  }), [currentPage, currentSize, onPageChange]);
+  }), [currentPage, defaultSize, onPageChange]);
   const finalColumns = useMemo(() => {
     if (RowMenu) {
       const actionColumn = {
@@ -8674,8 +8675,8 @@ function Table(props) {
       ref: auxiliaryLineRef
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
       current: currentPage,
-      size: currentSize,
-      count: dataSource.length,
+      size: defaultSize,
+      count: total,
       onChange: onPageChange,
       onSizeChange
     })]
@@ -8699,14 +8700,16 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
       display: true,
       dataIndex: "key",
       title: t2("dovetail.key"),
-      sortable: true
+      sortable: true,
+      width: "50%"
     },
     {
       key: "value",
       display: true,
       dataIndex: "value",
       title: t2("dovetail.value"),
-      sortable: true
+      sortable: true,
+      width: "50%"
     }
   ];
   if (datas.length === 0) {
@@ -8729,7 +8732,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
       columns: addDefaultRenderToColumns(columns),
       rowKey: "key",
       empty: t2("dovetail.empty"),
-      currentSize,
+      defaultSize: currentSize,
       currentPage,
       onPageChange: setCurrentPage,
       showMenuColumn: false
@@ -8748,35 +8751,40 @@ const PortsTable = ({ service }) => {
       display: true,
       dataIndex: "name",
       title: t2("dovetail.name"),
-      sortable: true
+      sortable: true,
+      width: 267
     },
     {
       key: "servicePort",
       display: true,
       dataIndex: "port",
       title: t2("dovetail.service_port"),
-      sortable: true
+      sortable: true,
+      width: 199
     },
     {
       key: "protocol",
       display: true,
       dataIndex: "protocol",
       title: t2("dovetail.protocol"),
-      sortable: true
+      sortable: true,
+      width: 199
     },
     {
       key: "podPort",
       display: true,
       dataIndex: "targetPort",
       title: t2("dovetail.pod_port"),
-      sortable: true
+      sortable: true,
+      width: 199
     },
     {
       key: "nodePort",
       display: true,
       dataIndex: "nodePort",
       title: t2("dovetail.node_port"),
-      sortable: true
+      sortable: true,
+      width: 199
     }
   ];
   const ports = (service._rawYaml.spec.ports || []).map((port2) => ({
@@ -8803,7 +8811,7 @@ const PortsTable = ({ service }) => {
       columns: addDefaultRenderToColumns(columns),
       rowKey: "name",
       empty: t2("dovetail.empty"),
-      currentSize,
+      defaultSize: currentSize,
       currentPage,
       onPageChange: setCurrentPage,
       showMenuColumn: false
@@ -10024,7 +10032,7 @@ var relativeTime$1 = { exports: {} };
         return n2.fromToBase(r3, e3, t3, o2);
       }
       t2.en.relativeTime = o, n2.fromToBase = function(e3, n3, i3, d2, u) {
-        for (var f, a2, s2, l = i3.$locale().relativeTime || o, h = r2.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m2 = h.length, c2 = 0; c2 < m2; c2 += 1) {
+        for (var f, a2, s2, l = i3.$locale().relativeTime || o, h = r2.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m = h.length, c2 = 0; c2 < m; c2 += 1) {
           var y = h[c2];
           y.d && (f = d2 ? t2(e3).diff(i3, y.d, true) : i3.diff(e3, y.d, true));
           var p = (r2.rounding || Math.round)(Math.abs(f));
@@ -10130,6 +10138,7 @@ const ConditionsTable = ({ conditions = [] }) => {
       display: true,
       dataIndex: "type",
       title: t2("dovetail.type"),
+      width: 120,
       sortable: true
     },
     {
@@ -10145,6 +10154,7 @@ const ConditionsTable = ({ conditions = [] }) => {
         };
         return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
       },
+      width: 120,
       sortable: true
     },
     {
@@ -10153,6 +10163,7 @@ const ConditionsTable = ({ conditions = [] }) => {
       dataIndex: "lastUpdateTime",
       title: t2("dovetail.updated_time"),
       sortable: true,
+      width: 120,
       render: (value2, record) => {
         const time = value2 || record.lastTransitionTime;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(time) });
@@ -10163,14 +10174,16 @@ const ConditionsTable = ({ conditions = [] }) => {
       display: true,
       dataIndex: "reason",
       title: t2("dovetail.reason"),
-      sortable: true
+      sortable: true,
+      width: 300
     },
     {
       key: "message",
       display: true,
       dataIndex: "message",
       title: t2("dovetail.message"),
-      sortable: true
+      sortable: true,
+      width: 403
     }
   ];
   if (conditionsWithId.length === 0) {
@@ -10193,7 +10206,7 @@ const ConditionsTable = ({ conditions = [] }) => {
       columns: addDefaultRenderToColumns(columns),
       rowKey: "type",
       empty: t2("dovetail.empty"),
-      currentSize,
+      defaultSize: currentSize,
       currentPage,
       onPageChange: setCurrentPage,
       showMenuColumn: false
@@ -10418,7 +10431,10 @@ const CronjobJobsTable = ({
       return owner ? matchOwner(p, owner) : true;
     });
   }, [data2 == null ? void 0 : data2.data, owner]);
-  const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
+  const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
+    ...WorkloadImageColumnRenderer(i18n2),
+    width: 238
+  }, CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
   if (!(dataSource == null ? void 0 : dataSource.length) && !isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
@@ -10443,7 +10459,7 @@ const CronjobJobsTable = ({
       error: false,
       currentPage,
       onPageChange: (p) => setCurrentPage(p),
-      currentSize,
+      defaultSize: currentSize,
       refetch: () => null,
       showMenuColumn: false
     })]
@@ -10469,6 +10485,7 @@ const EventsTable = ({}) => {
         dataIndex: ["type"],
         title: i18n2.t("dovetail.type"),
         sortable: true,
+        width: 120,
         render(value2) {
           const colorMap = {
             "Warning": "red",
@@ -10484,6 +10501,7 @@ const EventsTable = ({}) => {
         dataIndex: ["reason"],
         title: i18n2.t("dovetail.reason"),
         sortable: true,
+        width: 120,
         sorter: CommonSorter(["reason"])
       },
       {
@@ -10492,6 +10510,7 @@ const EventsTable = ({}) => {
         dataIndex: ["note"],
         title: i18n2.t("dovetail.note"),
         sortable: true,
+        width: 723,
         sorter: CommonSorter(["note"])
       },
       AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen"), width: 160 }, { isRelativeTime: false })
@@ -10526,7 +10545,7 @@ const EventsTable = ({}) => {
       error: false,
       currentPage,
       onPageChange: (p) => setCurrentPage(p),
-      currentSize,
+      defaultSize: currentSize,
       refetch: () => null,
       showMenuColumn: false
     }
@@ -10579,6 +10598,7 @@ const IngressRulesTable = ({ ingress }) => {
       display: true,
       dataIndex: "pathType",
       title: t2("dovetail.path_type"),
+      width: 160,
       sortable: true
     },
     {
@@ -10586,6 +10606,7 @@ const IngressRulesTable = ({ ingress }) => {
       display: true,
       dataIndex: "fullPath",
       title: t2("dovetail.path"),
+      width: 478,
       sortable: true
     },
     {
@@ -10594,6 +10615,7 @@ const IngressRulesTable = ({ ingress }) => {
       dataIndex: "serviceName",
       title: t2("dovetail.backend"),
       sortable: true,
+      width: 160,
       render: (serviceName, record) => {
         return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
@@ -10610,6 +10632,7 @@ const IngressRulesTable = ({ ingress }) => {
       display: true,
       dataIndex: "servicePort",
       title: t2("dovetail.port"),
+      width: 120,
       sortable: true
     },
     {
@@ -10617,6 +10640,7 @@ const IngressRulesTable = ({ ingress }) => {
       display: true,
       dataIndex: "host",
       title: "Secret",
+      width: 160,
       render(host2) {
         var _a, _b;
         const secretName = (_b = (_a = ingress._rawYaml.spec.tls) == null ? void 0 : _a.find(({ hosts }) => hosts == null ? void 0 : hosts.includes(host2))) == null ? void 0 : _b.secretName;
@@ -10652,7 +10676,7 @@ const IngressRulesTable = ({ ingress }) => {
       columns: addDefaultRenderToColumns(columns),
       rowKey: "pathType",
       empty: t2("dovetail.empty"),
-      currentSize,
+      defaultSize: currentSize,
       currentPage,
       onPageChange: setCurrentPage,
       showMenuColumn: false
@@ -10915,11 +10939,11 @@ const ShowContent = (props) => {
       return null;
     return fields.map((field) => {
       let content;
-      const value2 = get$2(record, field.path);
+      const value2 = get$3(record, field.path);
       if (field.renderContent) {
         content = field.renderContent(value2, record, field);
       } else {
-        content = get$2(record, field.path);
+        content = get$3(record, field.path);
       }
       return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.col, {
         flex: areaType === AreaType.Inline ? "none" : "",
@@ -10955,7 +10979,7 @@ const ShowContent = (props) => {
       });
     });
   }
-  const stateDisplay = get$2(record, "stateDisplay");
+  const stateDisplay = get$3(record, "stateDisplay");
   const topBar = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: ToolBarWrapper,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
@@ -11114,7 +11138,8 @@ const WorkloadPodsTable = ({
     display: true,
     dataIndex: ["status", "podIP"],
     title: i18n2.t("dovetail.ip_address"),
-    sortable: true
+    sortable: true,
+    width: 160
   }, NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), PodContainersNumColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
   if ((dataSource == null ? void 0 : dataSource.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
@@ -11144,7 +11169,7 @@ const WorkloadPodsTable = ({
       error: false,
       currentPage,
       onPageChange: (p) => setCurrentPage(p),
-      currentSize,
+      defaultSize: currentSize,
       refetch: () => null,
       showMenuColumn: false
     })]
@@ -11885,7 +11910,7 @@ function requireReactDomServer_browser_production_min() {
       });
     }
   }
-  function C2(a2) {
+  function C(a2) {
     if (null == a2)
       return null;
     if ("function" === typeof a2)
@@ -11917,12 +11942,12 @@ function requireReactDomServer_browser_production_min() {
           b = b.displayName || b.name || "";
           return a2.displayName || ("" !== b ? "ForwardRef(" + b + ")" : "ForwardRef");
         case ia:
-          return C2(a2.type);
+          return C(a2.type);
         case ka:
-          return C2(a2.render);
+          return C(a2.render);
         case ja:
           if (a2 = 1 === a2._status ? a2._result : null)
-            return C2(a2);
+            return C(a2);
       }
     return null;
   }
@@ -12034,23 +12059,23 @@ function requireReactDomServer_browser_production_min() {
   ["rowSpan", "start"].forEach(function(a2) {
     K[a2] = new J(a2, 5, false, a2.toLowerCase(), null, false);
   });
-  var L2 = /[\-:]([a-z])/g;
+  var L = /[\-:]([a-z])/g;
   function M(a2) {
     return a2[1].toUpperCase();
   }
   "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a2) {
     var b = a2.replace(
-      L2,
+      L,
       M
     );
     K[b] = new J(b, 1, false, a2, null, false);
   });
   "xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a2) {
-    var b = a2.replace(L2, M);
+    var b = a2.replace(L, M);
     K[b] = new J(b, 1, false, a2, "http://www.w3.org/1999/xlink", false);
   });
   ["xml:base", "xml:lang", "xml:space"].forEach(function(a2) {
-    var b = a2.replace(L2, M);
+    var b = a2.replace(L, M);
     K[b] = new J(b, 1, false, a2, "http://www.w3.org/XML/1998/namespace", false);
   });
   ["tabIndex", "crossOrigin"].forEach(function(a2) {
@@ -12309,11 +12334,11 @@ function requireReactDomServer_browser_production_min() {
   var Wa = Object.prototype.hasOwnProperty, Xa = { children: null, dangerouslySetInnerHTML: null, suppressContentEditableWarning: null, suppressHydrationWarning: null };
   function Ya(a2, b) {
     if (void 0 === a2)
-      throw Error(q(152, C2(b) || "Component"));
+      throw Error(q(152, C(b) || "Component"));
   }
   function Za(a2, b, c2) {
     function d(d2, g2) {
-      var e2 = g2.prototype && g2.prototype.isReactComponent, f2 = pa(g2, b, c2, e2), x = [], h = false, m2 = { isMounted: function() {
+      var e2 = g2.prototype && g2.prototype.isReactComponent, f2 = pa(g2, b, c2, e2), x = [], h = false, m = { isMounted: function() {
         return false;
       }, enqueueForceUpdate: function() {
         if (null === x)
@@ -12327,14 +12352,14 @@ function requireReactDomServer_browser_production_min() {
         x.push(c3);
       } };
       if (e2) {
-        if (e2 = new g2(d2.props, f2, m2), "function" === typeof g2.getDerivedStateFromProps) {
+        if (e2 = new g2(d2.props, f2, m), "function" === typeof g2.getDerivedStateFromProps) {
           var w = g2.getDerivedStateFromProps.call(null, d2.props, e2.state);
           null != w && (e2.state = k({}, e2.state, w));
         }
       } else if (O = {}, e2 = g2(
         d2.props,
         f2,
-        m2
+        m
       ), e2 = Da(g2, d2.props, e2, f2), null == e2 || null == e2.render) {
         a2 = e2;
         Ya(a2, g2);
@@ -12342,22 +12367,22 @@ function requireReactDomServer_browser_production_min() {
       }
       e2.props = d2.props;
       e2.context = f2;
-      e2.updater = m2;
-      m2 = e2.state;
-      void 0 === m2 && (e2.state = m2 = null);
+      e2.updater = m;
+      m = e2.state;
+      void 0 === m && (e2.state = m = null);
       if ("function" === typeof e2.UNSAFE_componentWillMount || "function" === typeof e2.componentWillMount)
         if ("function" === typeof e2.componentWillMount && "function" !== typeof g2.getDerivedStateFromProps && e2.componentWillMount(), "function" === typeof e2.UNSAFE_componentWillMount && "function" !== typeof g2.getDerivedStateFromProps && e2.UNSAFE_componentWillMount(), x.length) {
-          m2 = x;
+          m = x;
           var r2 = h;
           x = null;
           h = false;
-          if (r2 && 1 === m2.length)
-            e2.state = m2[0];
+          if (r2 && 1 === m.length)
+            e2.state = m[0];
           else {
-            w = r2 ? m2[0] : e2.state;
+            w = r2 ? m[0] : e2.state;
             var y = true;
-            for (r2 = r2 ? 1 : 0; r2 < m2.length; r2++) {
-              var p = m2[r2];
+            for (r2 = r2 ? 1 : 0; r2 < m.length; r2++) {
+              var p = m[r2];
               p = "function" === typeof p ? p.call(e2, w, d2.props, f2) : p;
               null != p && (y ? (y = false, w = k({}, w, p)) : k(w, p));
             }
@@ -12371,7 +12396,7 @@ function requireReactDomServer_browser_production_min() {
         var A = e2.getChildContext();
         for (var T in A)
           if (!(T in d2))
-            throw Error(q(108, C2(g2) || "Unknown", T));
+            throw Error(q(108, C(g2) || "Unknown", T));
       }
       A && (b = k({}, b, A));
     }
@@ -12484,9 +12509,9 @@ function requireReactDomServer_browser_production_min() {
             }
             g[this.suspenseDepth] += I;
           } else {
-            var m2 = e2.children[e2.childIndex++], w = "";
+            var m = e2.children[e2.childIndex++], w = "";
             try {
-              w += this.render(m2, e2.context, e2.domNamespace);
+              w += this.render(m, e2.context, e2.domNamespace);
             } catch (r2) {
               if (null != r2 && "function" === typeof r2.then)
                 throw Error(q(294));
@@ -12657,14 +12682,14 @@ function requireReactDomServer_browser_production_min() {
       G = "<" + a3.type;
       for (z in h)
         if (Wa.call(h, z)) {
-          var m2 = h[z];
-          if (null != m2) {
+          var m = h[z];
+          if (null != m) {
             if ("style" === z) {
               n2 = void 0;
               var w = "", r2 = "";
-              for (n2 in m2)
-                if (m2.hasOwnProperty(n2)) {
-                  var y = 0 === n2.indexOf("--"), p = m2[n2];
+              for (n2 in m)
+                if (m.hasOwnProperty(n2)) {
+                  var y = 0 === n2.indexOf("--"), p = m[n2];
                   if (null != p) {
                     if (y)
                       var A = n2;
@@ -12681,7 +12706,7 @@ function requireReactDomServer_browser_production_min() {
                     r2 = ";";
                   }
                 }
-              m2 = w || null;
+              m = w || null;
             }
             n2 = null;
             b:
@@ -12702,7 +12727,7 @@ function requireReactDomServer_browser_production_min() {
                   default:
                     y = true;
                 }
-            y ? Xa.hasOwnProperty(z) || (n2 = z, n2 = ua(n2) && null != m2 ? n2 + '="' + (N(m2) + '"') : "") : n2 = ya(z, m2);
+            y ? Xa.hasOwnProperty(z) || (n2 = z, n2 = ua(n2) && null != m ? n2 + '="' + (N(m) + '"') : "") : n2 = ya(z, m);
             n2 && (G += " " + n2);
           }
         }
@@ -12764,14 +12789,14 @@ function requireReactPropTypesSecret() {
   ReactPropTypesSecret_1 = ReactPropTypesSecret;
   return ReactPropTypesSecret_1;
 }
-var has$1;
+var has$2;
 var hasRequiredHas;
 function requireHas() {
   if (hasRequiredHas)
-    return has$1;
+    return has$2;
   hasRequiredHas = 1;
-  has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
-  return has$1;
+  has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
+  return has$2;
 }
 var checkPropTypes_1;
 var hasRequiredCheckPropTypes;
@@ -17646,8 +17671,8 @@ const MonacoYamlEditor$1 = (props) => {
         const currentEditorUri = model == null ? void 0 : model.uri;
         if (model && uri2.toString() === (currentEditorUri == null ? void 0 : currentEditorUri.toString())) {
           const marks = monaco.editor.getModelMarkers({ owner: "yaml", resource: currentEditorUri });
-          const yamlMarks = marks.filter((m2) => m2.source === "YAML");
-          const schemaMarks = marks.filter((m2) => m2.source !== "YAML");
+          const yamlMarks = marks.filter((m) => m.source === "YAML");
+          const schemaMarks = marks.filter((m) => m.source !== "YAML");
           const yamlValid = yamlMarks.length === 0;
           const schemaValid = schemaMarks.length === 0;
           onValidate == null ? void 0 : onValidate(yamlValid, schemaValid);
@@ -17761,7 +17786,8 @@ const PodContainersTable = ({
         dataIndex: ["name"],
         title: i18n2.t("dovetail.name"),
         sortable: true,
-        sorter: CommonSorter(["name"])
+        sorter: CommonSorter(["name"]),
+        width: 200
       },
       {
         key: "state",
@@ -17769,6 +17795,7 @@ const PodContainersTable = ({
         title: i18n2.t("dovetail.state"),
         sortable: true,
         sorter: CommonSorter(["state"]),
+        width: 120,
         render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: Object.keys(v)[0], hideBackground: true })
       },
       {
@@ -17776,12 +17803,14 @@ const PodContainersTable = ({
         dataIndex: ["image"],
         title: i18n2.t("dovetail.image"),
         sortable: true,
+        width: 383,
         sorter: CommonSorter(["image"])
       },
       {
         key: "init",
         dataIndex: [],
         title: i18n2.t("dovetail.type"),
+        width: 120,
         render: (_, record) => {
           const isInit = initContainerStatuses.some(
             (c2) => c2.containerID === record.containerID
@@ -17794,6 +17823,8 @@ const PodContainersTable = ({
         dataIndex: ["restartCount"],
         title: i18n2.t("dovetail.restarts"),
         sortable: true,
+        align: "right",
+        width: 120,
         sorter: CommonSorter(["restartCount"])
       },
       {
@@ -17802,6 +17833,7 @@ const PodContainersTable = ({
         title: i18n2.t("dovetail.created_time"),
         sortable: true,
         sorter: CommonSorter(["state", "running", "startedAt"]),
+        width: 120,
         render: (value2) => {
           if (value2)
             return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(value2) });
@@ -17835,7 +17867,7 @@ const PodContainersTable = ({
       columns: addDefaultRenderToColumns(columns),
       rowKey: "containerID",
       error: false,
-      currentSize,
+      defaultSize: currentSize,
       currentPage,
       onPageChange: setCurrentPage,
       showMenuColumn: false
@@ -18487,7 +18519,7 @@ function ResourceList(props) {
     useTableParams: {},
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
-      currentSize: 50
+      defaultSize: 50
     },
     formatter,
     Dropdown
@@ -19719,7 +19751,7 @@ function getSaturation(hsv, i2, light) {
   }
   return saturation;
 }
-function getValue$1(hsv, i2, light) {
+function getValue$2(hsv, i2, light) {
   if (light) {
     return Math.round(hsv.v * 100) + brightnessStep1 * i2;
   }
@@ -19733,7 +19765,7 @@ function generate$2(color) {
     var colorString = tinycolor2_1.default({
       h: getHue(hsv, i2, true),
       s: getSaturation(hsv, i2, true),
-      v: getValue$1(hsv, i2, true)
+      v: getValue$2(hsv, i2, true)
     }).toHexString();
     patterns.push(colorString);
   }
@@ -19743,7 +19775,7 @@ function generate$2(color) {
     var colorString = tinycolor2_1.default({
       h: getHue(hsv, i2),
       s: getSaturation(hsv, i2),
-      v: getValue$1(hsv, i2)
+      v: getValue$2(hsv, i2)
     }).toHexString();
     patterns.push(colorString);
   }
@@ -20119,13 +20151,13 @@ var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value2) => value2 instanceof Date;
 var isNullOrUndefined = (value2) => value2 == null;
 const isObjectType = (value2) => typeof value2 === "object";
-var isObject$1 = (value2) => !isNullOrUndefined(value2) && !Array.isArray(value2) && isObjectType(value2) && !isDateObject(value2);
-var getEventValue = (event2) => isObject$1(event2) && event2.target ? isCheckBoxInput(event2.target) ? event2.target.checked : event2.target.value : event2;
+var isObject$3 = (value2) => !isNullOrUndefined(value2) && !Array.isArray(value2) && isObjectType(value2) && !isDateObject(value2);
+var getEventValue = (event2) => isObject$3(event2) && event2.target ? isCheckBoxInput(event2.target) ? event2.target.checked : event2.target.value : event2;
 var getNodeParentName = (name2) => name2.substring(0, name2.search(/\.\d+(\.|$)/)) || name2;
 var isNameInFieldArray = (names, name2) => names.has(getNodeParentName(name2));
 var isPlainObject = (tempObject) => {
   const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-  return isObject$1(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
+  return isObject$3(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
 };
 var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
 function cloneObject(data2) {
@@ -20135,7 +20167,7 @@ function cloneObject(data2) {
     copy2 = new Date(data2);
   } else if (data2 instanceof Set) {
     copy2 = new Set(data2);
-  } else if (!(isWeb && (data2 instanceof Blob || data2 instanceof FileList)) && (isArray2 || isObject$1(data2))) {
+  } else if (!(isWeb && (data2 instanceof Blob || data2 instanceof FileList)) && (isArray2 || isObject$3(data2))) {
     copy2 = isArray2 ? [] : {};
     if (!isArray2 && !isPlainObject(data2)) {
       copy2 = data2;
@@ -20153,8 +20185,8 @@ function cloneObject(data2) {
 }
 var compact = (value2) => Array.isArray(value2) ? value2.filter(Boolean) : [];
 var isUndefined = (val) => val === void 0;
-var get$1 = (object2, path2, defaultValue) => {
-  if (!path2 || !isObject$1(object2)) {
+var get$2 = (object2, path2, defaultValue) => {
+  if (!path2 || !isObject$3(object2)) {
     return defaultValue;
   }
   const result = compact(path2.split(/[,[\].]+?/)).reduce((result2, key2) => isNullOrUndefined(result2) ? result2 : result2[key2], object2);
@@ -20202,7 +20234,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
   }
   return result;
 };
-var isEmptyObject = (value2) => isObject$1(value2) && !Object.keys(value2).length;
+var isEmptyObject = (value2) => isObject$3(value2) && !Object.keys(value2).length;
 var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
   updateFormState(formStateData);
   const { name: name2, ...formState } = formStateData;
@@ -20259,10 +20291,10 @@ var isString = (value2) => typeof value2 === "string";
 var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
   if (isString(names)) {
     isGlobal && _names.watch.add(names);
-    return get$1(formValues, names, defaultValue);
+    return get$2(formValues, names, defaultValue);
   }
   if (Array.isArray(names)) {
-    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get$1(formValues, fieldName)));
+    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get$2(formValues, fieldName)));
   }
   isGlobal && (_names.watchAll = true);
   return formValues;
@@ -20285,11 +20317,11 @@ function useWatch(props) {
   React__default.useEffect(() => control._removeUnmounted());
   return value2;
 }
-var isKey$1 = (value2) => /^\w*$/.test(value2);
+var isKey$2 = (value2) => /^\w*$/.test(value2);
 var stringToPath$2 = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
 var set = (object2, path2, value2) => {
   let index = -1;
-  const tempPath = isKey$1(path2) ? [path2] : stringToPath$2(path2);
+  const tempPath = isKey$2(path2) ? [path2] : stringToPath$2(path2);
   const length = tempPath.length;
   const lastIndex = length - 1;
   while (++index < length) {
@@ -20297,7 +20329,7 @@ var set = (object2, path2, value2) => {
     let newValue = value2;
     if (index !== lastIndex) {
       const objValue = object2[key2];
-      newValue = isObject$1(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
+      newValue = isObject$3(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
     }
     object2[key2] = newValue;
     object2 = object2[key2];
@@ -20311,7 +20343,7 @@ function useController(props) {
   const value2 = useWatch({
     control,
     name: name2,
-    defaultValue: get$1(control._formValues, name2, get$1(control._defaultValues, name2, props.defaultValue)),
+    defaultValue: get$2(control._formValues, name2, get$2(control._defaultValues, name2, props.defaultValue)),
     exact: true
   });
   const formState = useFormState({
@@ -20326,16 +20358,16 @@ function useController(props) {
   React__default.useEffect(() => {
     const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
     const updateMounted = (name3, value3) => {
-      const field = get$1(control._fields, name3);
+      const field = get$2(control._fields, name3);
       if (field) {
         field._f.mount = value3;
       }
     };
     updateMounted(name2, true);
     if (_shouldUnregisterField) {
-      const value3 = cloneObject(get$1(control._options.defaultValues, name2));
+      const value3 = cloneObject(get$2(control._options.defaultValues, name2));
       set(control._defaultValues, name2, value3);
-      if (isUndefined(get$1(control._formValues, name2))) {
+      if (isUndefined(get$2(control._formValues, name2))) {
         set(control._formValues, name2, value3);
       }
     }
@@ -20344,12 +20376,12 @@ function useController(props) {
     };
   }, [name2, control, isArrayField, shouldUnregister]);
   React__default.useEffect(() => {
-    if (get$1(control._fields, name2)) {
+    if (get$2(control._fields, name2)) {
       control._updateDisabledField({
         disabled,
         fields: control._fields,
         name: name2,
-        value: get$1(control._fields, name2)._f.value
+        value: get$2(control._fields, name2)._f.value
       });
     }
   }, [disabled, name2, control]);
@@ -20367,13 +20399,13 @@ function useController(props) {
       }), [name2]),
       onBlur: React__default.useCallback(() => _registerProps.current.onBlur({
         target: {
-          value: get$1(control._formValues, name2),
+          value: get$2(control._formValues, name2),
           name: name2
         },
         type: EVENTS.BLUR
       }), [name2, control]),
       ref: (elm) => {
-        const field = get$1(control._fields, name2);
+        const field = get$2(control._fields, name2);
         if (field && elm) {
           field._f.ref = {
             focus: () => elm.focus(),
@@ -20388,19 +20420,19 @@ function useController(props) {
     fieldState: Object.defineProperties({}, {
       invalid: {
         enumerable: true,
-        get: () => !!get$1(formState.errors, name2)
+        get: () => !!get$2(formState.errors, name2)
       },
       isDirty: {
         enumerable: true,
-        get: () => !!get$1(formState.dirtyFields, name2)
+        get: () => !!get$2(formState.dirtyFields, name2)
       },
       isTouched: {
         enumerable: true,
-        get: () => !!get$1(formState.touchedFields, name2)
+        get: () => !!get$2(formState.touchedFields, name2)
       },
       error: {
         enumerable: true,
-        get: () => get$1(formState.errors, name2)
+        get: () => get$2(formState.errors, name2)
       }
     })
   };
@@ -20423,7 +20455,7 @@ var getValidationModes = (mode) => ({
 var isWatched = (name2, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name2) || [..._names.watch].some((watchName) => name2.startsWith(watchName) && /^\.\w+/.test(name2.slice(watchName.length))));
 const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
   for (const key2 of fieldsNames || Object.keys(fields)) {
-    const field = get$1(fields, key2);
+    const field = get$2(fields, key2);
     if (field) {
       const { _f, ...currentField } = field;
       if (_f) {
@@ -20434,20 +20466,20 @@ const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
         } else {
           iterateFieldsByAction(currentField, action);
         }
-      } else if (isObject$1(currentField)) {
+      } else if (isObject$3(currentField)) {
         iterateFieldsByAction(currentField, action);
       }
     }
   }
 };
 var updateFieldArrayRootError = (errors, error, name2) => {
-  const fieldArrayErrors = compact(get$1(errors, name2));
+  const fieldArrayErrors = compact(get$2(errors, name2));
   set(fieldArrayErrors, "root", error[name2]);
   set(errors, name2, fieldArrayErrors);
   return errors;
 };
 var isFileInput = (element) => element.type === "file";
-var isFunction$1 = (value2) => typeof value2 === "function";
+var isFunction$2 = (value2) => typeof value2 === "function";
 var isHTMLElement = (value2) => {
   if (!isWeb) {
     return false;
@@ -20493,13 +20525,13 @@ function getValidateError(result, ref, type2 = "validate") {
     };
   }
 }
-var getValueAndMessage = (validationData) => isObject$1(validationData) && !isRegex(validationData) ? validationData : {
+var getValueAndMessage = (validationData) => isObject$3(validationData) && !isRegex(validationData) ? validationData : {
   value: validationData,
   message: ""
 };
 var validateField = async (field, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {
   const { ref, refs, required, maxLength, minLength, min: min2, max, pattern, validate, name: name2, valueAsNumber, mount, disabled } = field._f;
-  const inputValue = get$1(formValues, name2);
+  const inputValue = get$2(formValues, name2);
   if (!mount || disabled) {
     return {};
   }
@@ -20602,7 +20634,7 @@ var validateField = async (field, formValues, validateAllFieldCriteria, shouldUs
     }
   }
   if (validate) {
-    if (isFunction$1(validate)) {
+    if (isFunction$2(validate)) {
       const result = await validate(inputValue, formValues);
       const validateError = getValidateError(result, inputRef);
       if (validateError) {
@@ -20615,7 +20647,7 @@ var validateField = async (field, formValues, validateAllFieldCriteria, shouldUs
           return error;
         }
       }
-    } else if (isObject$1(validate)) {
+    } else if (isObject$3(validate)) {
       let validationResult = {};
       for (const key2 in validate) {
         if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {
@@ -20647,7 +20679,7 @@ var validateField = async (field, formValues, validateAllFieldCriteria, shouldUs
   setCustomValidity(true);
   return error;
 };
-function baseGet$1(object2, updatePath) {
+function baseGet$2(object2, updatePath) {
   const length = updatePath.slice(0, -1).length;
   let index = 0;
   while (index < length) {
@@ -20664,14 +20696,14 @@ function isEmptyArray(obj) {
   return true;
 }
 function unset(object2, path2) {
-  const paths = Array.isArray(path2) ? path2 : isKey$1(path2) ? [path2] : stringToPath$2(path2);
-  const childObject = paths.length === 1 ? object2 : baseGet$1(object2, paths);
+  const paths = Array.isArray(path2) ? path2 : isKey$2(path2) ? [path2] : stringToPath$2(path2);
+  const childObject = paths.length === 1 ? object2 : baseGet$2(object2, paths);
   const index = paths.length - 1;
   const key2 = paths[index];
   if (childObject) {
     delete childObject[key2];
   }
-  if (index !== 0 && (isObject$1(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) {
+  if (index !== 0 && (isObject$3(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) {
     unset(object2, paths.slice(0, -1));
   }
   return object2;
@@ -20723,7 +20755,7 @@ function deepEqual(object1, object2) {
     }
     if (key2 !== "ref") {
       const val2 = object2[key2];
-      if (isDateObject(val1) && isDateObject(val2) || isObject$1(val1) && isObject$1(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual(val1, val2) : val1 !== val2) {
+      if (isDateObject(val1) && isDateObject(val2) || isObject$3(val1) && isObject$3(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual(val1, val2) : val1 !== val2) {
         return false;
       }
     }
@@ -20735,7 +20767,7 @@ var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
 var live = (ref) => isHTMLElement(ref) && ref.isConnected;
 var objectHasFunction = (data2) => {
   for (const key2 in data2) {
-    if (isFunction$1(data2[key2])) {
+    if (isFunction$2(data2[key2])) {
       return true;
     }
   }
@@ -20743,9 +20775,9 @@ var objectHasFunction = (data2) => {
 };
 function markFieldsDirty(data2, fields = {}) {
   const isParentNodeArray = Array.isArray(data2);
-  if (isObject$1(data2) || isParentNodeArray) {
+  if (isObject$3(data2) || isParentNodeArray) {
     for (const key2 in data2) {
-      if (Array.isArray(data2[key2]) || isObject$1(data2[key2]) && !objectHasFunction(data2[key2])) {
+      if (Array.isArray(data2[key2]) || isObject$3(data2[key2]) && !objectHasFunction(data2[key2])) {
         fields[key2] = Array.isArray(data2[key2]) ? [] : {};
         markFieldsDirty(data2[key2], fields[key2]);
       } else if (!isNullOrUndefined(data2[key2])) {
@@ -20757,9 +20789,9 @@ function markFieldsDirty(data2, fields = {}) {
 }
 function getDirtyFieldsFromDefaultValues(data2, formValues, dirtyFieldsFromValues) {
   const isParentNodeArray = Array.isArray(data2);
-  if (isObject$1(data2) || isParentNodeArray) {
+  if (isObject$3(data2) || isParentNodeArray) {
     for (const key2 in data2) {
-      if (Array.isArray(data2[key2]) || isObject$1(data2[key2]) && !objectHasFunction(data2[key2])) {
+      if (Array.isArray(data2[key2]) || isObject$3(data2[key2]) && !objectHasFunction(data2[key2])) {
         if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key2])) {
           dirtyFieldsFromValues[key2] = Array.isArray(data2[key2]) ? markFieldsDirty(data2[key2], []) : { ...markFieldsDirty(data2[key2]) };
         } else {
@@ -20796,7 +20828,7 @@ function getFieldValue(_f) {
 var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
   const fields = {};
   for (const name2 of fieldsNames) {
-    const field = get$1(_fields, name2);
+    const field = get$2(_fields, name2);
     field && set(fields, name2, field._f);
   }
   return {
@@ -20806,11 +20838,11 @@ var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeVal
     shouldUseNativeValidation
   };
 };
-var getRuleValue = (rule2) => isUndefined(rule2) ? rule2 : isRegex(rule2) ? rule2.source : isObject$1(rule2) ? isRegex(rule2.value) ? rule2.value.source : rule2.value : rule2;
+var getRuleValue = (rule2) => isUndefined(rule2) ? rule2 : isRegex(rule2) ? rule2.source : isObject$3(rule2) ? isRegex(rule2.value) ? rule2.value.source : rule2.value : rule2;
 var hasValidation = (options) => options.mount && (options.required || options.min || options.max || options.maxLength || options.minLength || options.pattern || options.validate);
 function schemaErrorLookup(errors, _fields, name2) {
-  const error = get$1(errors, name2);
-  if (error || isKey$1(name2)) {
+  const error = get$2(errors, name2);
+  if (error || isKey$2(name2)) {
     return {
       error,
       name: name2
@@ -20819,8 +20851,8 @@ function schemaErrorLookup(errors, _fields, name2) {
   const names = name2.split(".");
   while (names.length) {
     const fieldName = names.join(".");
-    const field = get$1(_fields, fieldName);
-    const foundError = get$1(errors, fieldName);
+    const field = get$2(_fields, fieldName);
+    const foundError = get$2(errors, fieldName);
     if (field && !Array.isArray(field) && name2 !== fieldName) {
       return { name: name2 };
     }
@@ -20848,7 +20880,7 @@ var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode)
   }
   return true;
 };
-var unsetEmptyArray = (ref, name2) => !compact(get$1(ref, name2)).length && unset(ref, name2);
+var unsetEmptyArray = (ref, name2) => !compact(get$2(ref, name2)).length && unset(ref, name2);
 const defaultOptions = {
   mode: VALIDATION_MODE.onSubmit,
   reValidateMode: VALIDATION_MODE.onChange,
@@ -20862,7 +20894,7 @@ function createFormControl(props = {}, flushRootRender) {
   let _formState = {
     submitCount: 0,
     isDirty: false,
-    isLoading: isFunction$1(_options.defaultValues),
+    isLoading: isFunction$2(_options.defaultValues),
     isValidating: false,
     isSubmitted: false,
     isSubmitting: false,
@@ -20874,7 +20906,7 @@ function createFormControl(props = {}, flushRootRender) {
     disabled: _options.disabled || false
   };
   let _fields = {};
-  let _defaultValues = isObject$1(_options.values) || isObject$1(_options.defaultValues) ? cloneObject(_options.values || _options.defaultValues) || {} : {};
+  let _defaultValues = isObject$3(_options.values) || isObject$3(_options.defaultValues) ? cloneObject(_options.values || _options.defaultValues) || {} : {};
   let _formValues = _options.shouldUnregister ? {} : cloneObject(_defaultValues);
   let _state = {
     action: false,
@@ -20925,17 +20957,17 @@ function createFormControl(props = {}, flushRootRender) {
   const _updateFieldArray = (name2, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
     if (args && method) {
       _state.action = true;
-      if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name2))) {
-        const fieldValues = method(get$1(_fields, name2), args.argA, args.argB);
+      if (shouldUpdateFieldsAndState && Array.isArray(get$2(_fields, name2))) {
+        const fieldValues = method(get$2(_fields, name2), args.argA, args.argB);
         shouldSetValues && set(_fields, name2, fieldValues);
       }
-      if (shouldUpdateFieldsAndState && Array.isArray(get$1(_formState.errors, name2))) {
-        const errors = method(get$1(_formState.errors, name2), args.argA, args.argB);
+      if (shouldUpdateFieldsAndState && Array.isArray(get$2(_formState.errors, name2))) {
+        const errors = method(get$2(_formState.errors, name2), args.argA, args.argB);
         shouldSetValues && set(_formState.errors, name2, errors);
         unsetEmptyArray(_formState.errors, name2);
       }
-      if (_proxyFormState.touchedFields && shouldUpdateFieldsAndState && Array.isArray(get$1(_formState.touchedFields, name2))) {
-        const touchedFields = method(get$1(_formState.touchedFields, name2), args.argA, args.argB);
+      if (_proxyFormState.touchedFields && shouldUpdateFieldsAndState && Array.isArray(get$2(_formState.touchedFields, name2))) {
+        const touchedFields = method(get$2(_formState.touchedFields, name2), args.argA, args.argB);
         shouldSetValues && set(_formState.touchedFields, name2, touchedFields);
       }
       if (_proxyFormState.dirtyFields) {
@@ -20966,9 +20998,9 @@ function createFormControl(props = {}, flushRootRender) {
     });
   };
   const updateValidAndValue = (name2, shouldSkipSetValueAs, value2, ref) => {
-    const field = get$1(_fields, name2);
+    const field = get$2(_fields, name2);
     if (field) {
-      const defaultValue = get$1(_formValues, name2, isUndefined(value2) ? get$1(_defaultValues, name2) : value2);
+      const defaultValue = get$2(_formValues, name2, isUndefined(value2) ? get$2(_defaultValues, name2) : value2);
       isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name2, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name2, defaultValue);
       _state.mount && _updateValid();
     }
@@ -20979,21 +21011,21 @@ function createFormControl(props = {}, flushRootRender) {
     const output = {
       name: name2
     };
-    const disabledField = !!(get$1(_fields, name2) && get$1(_fields, name2)._f.disabled);
+    const disabledField = !!(get$2(_fields, name2) && get$2(_fields, name2)._f.disabled);
     if (!isBlurEvent || shouldDirty) {
       if (_proxyFormState.isDirty) {
         isPreviousDirty = _formState.isDirty;
         _formState.isDirty = output.isDirty = _getDirty();
         shouldUpdateField = isPreviousDirty !== output.isDirty;
       }
-      const isCurrentFieldPristine = disabledField || deepEqual(get$1(_defaultValues, name2), fieldValue);
-      isPreviousDirty = !!(!disabledField && get$1(_formState.dirtyFields, name2));
+      const isCurrentFieldPristine = disabledField || deepEqual(get$2(_defaultValues, name2), fieldValue);
+      isPreviousDirty = !!(!disabledField && get$2(_formState.dirtyFields, name2));
       isCurrentFieldPristine || disabledField ? unset(_formState.dirtyFields, name2) : set(_formState.dirtyFields, name2, true);
       output.dirtyFields = _formState.dirtyFields;
       shouldUpdateField = shouldUpdateField || _proxyFormState.dirtyFields && isPreviousDirty !== !isCurrentFieldPristine;
     }
     if (isBlurEvent) {
-      const isPreviousFieldTouched = get$1(_formState.touchedFields, name2);
+      const isPreviousFieldTouched = get$2(_formState.touchedFields, name2);
       if (!isPreviousFieldTouched) {
         set(_formState.touchedFields, name2, isBlurEvent);
         output.touchedFields = _formState.touchedFields;
@@ -21004,7 +21036,7 @@ function createFormControl(props = {}, flushRootRender) {
     return shouldUpdateField ? output : {};
   };
   const shouldRenderByError = (name2, isValid, error, fieldState) => {
-    const previousFieldError = get$1(_formState.errors, name2);
+    const previousFieldError = get$2(_formState.errors, name2);
     const shouldUpdateValid = _proxyFormState.isValid && isBoolean(isValid) && _formState.isValid !== isValid;
     if (props.delayError && error) {
       delayErrorCallback = debounce2(() => updateErrors(name2, error));
@@ -21034,7 +21066,7 @@ function createFormControl(props = {}, flushRootRender) {
     const { errors } = await _executeSchema(names);
     if (names) {
       for (const name2 of names) {
-        const error = get$1(errors, name2);
+        const error = get$2(errors, name2);
         error ? set(_formState.errors, name2, error) : unset(_formState.errors, name2);
       }
     } else {
@@ -21058,7 +21090,7 @@ function createFormControl(props = {}, flushRootRender) {
               break;
             }
           }
-          !shouldOnlyCheckValid && (get$1(fieldError, _f.name) ? isFieldArrayRoot ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name) : set(_formState.errors, _f.name, fieldError[_f.name]) : unset(_formState.errors, _f.name));
+          !shouldOnlyCheckValid && (get$2(fieldError, _f.name) ? isFieldArrayRoot ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name) : set(_formState.errors, _f.name, fieldError[_f.name]) : unset(_formState.errors, _f.name));
         }
         fieldValue && await executeBuiltInValidation(fieldValue, shouldOnlyCheckValid, context);
       }
@@ -21067,7 +21099,7 @@ function createFormControl(props = {}, flushRootRender) {
   };
   const _removeUnmounted = () => {
     for (const name2 of _names.unMount) {
-      const field = get$1(_fields, name2);
+      const field = get$2(_fields, name2);
       field && (field._f.refs ? field._f.refs.every((ref) => !live(ref)) : !live(field._f.ref)) && unregister(name2);
     }
     _names.unMount = /* @__PURE__ */ new Set();
@@ -21076,9 +21108,9 @@ function createFormControl(props = {}, flushRootRender) {
   const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
     ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? { [names]: defaultValue } : defaultValue
   }, isGlobal, defaultValue);
-  const _getFieldArray = (name2) => compact(get$1(_state.mount ? _formValues : _defaultValues, name2, props.shouldUnregister ? get$1(_defaultValues, name2, []) : []));
+  const _getFieldArray = (name2) => compact(get$2(_state.mount ? _formValues : _defaultValues, name2, props.shouldUnregister ? get$2(_defaultValues, name2, []) : []));
   const setFieldValue = (name2, value2, options = {}) => {
-    const field = get$1(_fields, name2);
+    const field = get$2(_fields, name2);
     let fieldValue = value2;
     if (field) {
       const fieldReference = field._f;
@@ -21113,12 +21145,12 @@ function createFormControl(props = {}, flushRootRender) {
     for (const fieldKey in value2) {
       const fieldValue = value2[fieldKey];
       const fieldName = `${name2}.${fieldKey}`;
-      const field = get$1(_fields, fieldName);
+      const field = get$2(_fields, fieldName);
       (_names.array.has(name2) || !isPrimitive(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setValues(fieldName, fieldValue, options) : setFieldValue(fieldName, fieldValue, options);
     }
   };
   const setValue = (name2, value2, options = {}) => {
-    const field = get$1(_fields, name2);
+    const field = get$2(_fields, name2);
     const isFieldArray = _names.array.has(name2);
     const cloneValue = cloneObject(value2);
     set(_formValues, name2, cloneValue);
@@ -21148,17 +21180,17 @@ function createFormControl(props = {}, flushRootRender) {
     const target = event2.target;
     let name2 = target.name;
     let isFieldValueUpdated = true;
-    const field = get$1(_fields, name2);
+    const field = get$2(_fields, name2);
     const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event2);
     const _updateIsFieldValueUpdated = (fieldValue) => {
-      isFieldValueUpdated = Number.isNaN(fieldValue) || fieldValue === get$1(_formValues, name2, fieldValue);
+      isFieldValueUpdated = Number.isNaN(fieldValue) || fieldValue === get$2(_formValues, name2, fieldValue);
     };
     if (field) {
       let error;
       let isValid;
       const fieldValue = getCurrentFieldValue();
       const isBlurEvent = event2.type === EVENTS.BLUR || event2.type === EVENTS.FOCUS_OUT;
-      const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get$1(_formState.errors, name2) && !field._f.deps || skipValidation(isBlurEvent, get$1(_formState.touchedFields, name2), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
+      const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get$2(_formState.errors, name2) && !field._f.deps || skipValidation(isBlurEvent, get$2(_formState.touchedFields, name2), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
       const watched = isWatched(name2, _names, isBlurEvent);
       set(_formValues, name2, fieldValue);
       if (isBlurEvent) {
@@ -21208,7 +21240,7 @@ function createFormControl(props = {}, flushRootRender) {
     }
   };
   const _focusInput = (ref, key2) => {
-    if (get$1(_formState.errors, key2) && ref.focus) {
+    if (get$2(_formState.errors, key2) && ref.focus) {
       ref.focus();
       return 1;
     }
@@ -21222,10 +21254,10 @@ function createFormControl(props = {}, flushRootRender) {
     if (_options.resolver) {
       const errors = await executeSchemaAndUpdateState(isUndefined(name2) ? name2 : fieldNames);
       isValid = isEmptyObject(errors);
-      validationResult = name2 ? !fieldNames.some((name3) => get$1(errors, name3)) : isValid;
+      validationResult = name2 ? !fieldNames.some((name3) => get$2(errors, name3)) : isValid;
     } else if (name2) {
       validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {
-        const field = get$1(_fields, fieldName);
+        const field = get$2(_fields, fieldName);
         return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field);
       }))).every(Boolean);
       !(!validationResult && !_formState.isValid) && _updateValid();
@@ -21246,13 +21278,13 @@ function createFormControl(props = {}, flushRootRender) {
       ..._defaultValues,
       ..._state.mount ? _formValues : {}
     };
-    return isUndefined(fieldNames) ? values : isString(fieldNames) ? get$1(values, fieldNames) : fieldNames.map((name2) => get$1(values, name2));
+    return isUndefined(fieldNames) ? values : isString(fieldNames) ? get$2(values, fieldNames) : fieldNames.map((name2) => get$2(values, name2));
   };
   const getFieldState = (name2, formState) => ({
-    invalid: !!get$1((formState || _formState).errors, name2),
-    isDirty: !!get$1((formState || _formState).dirtyFields, name2),
-    isTouched: !!get$1((formState || _formState).touchedFields, name2),
-    error: get$1((formState || _formState).errors, name2)
+    invalid: !!get$2((formState || _formState).errors, name2),
+    isDirty: !!get$2((formState || _formState).dirtyFields, name2),
+    isTouched: !!get$2((formState || _formState).touchedFields, name2),
+    error: get$2((formState || _formState).errors, name2)
   });
   const clearErrors = (name2) => {
     name2 && convertToArrayPayload(name2).forEach((inputName) => unset(_formState.errors, inputName));
@@ -21261,7 +21293,7 @@ function createFormControl(props = {}, flushRootRender) {
     });
   };
   const setError = (name2, error, options) => {
-    const ref = (get$1(_fields, name2, { _f: {} })._f || {}).ref;
+    const ref = (get$2(_fields, name2, { _f: {} })._f || {}).ref;
     set(_formState.errors, name2, {
       ...error,
       ref
@@ -21273,7 +21305,7 @@ function createFormControl(props = {}, flushRootRender) {
     });
     options && options.shouldFocus && ref && ref.focus && ref.focus();
   };
-  const watch = (name2, defaultValue) => isFunction$1(name2) ? _subjects.values.subscribe({
+  const watch = (name2, defaultValue) => isFunction$2(name2) ? _subjects.values.subscribe({
     next: (payload) => name2(_getWatch(void 0, defaultValue), payload)
   }) : _getWatch(name2, defaultValue, true);
   const unregister = (name2, options = {}) => {
@@ -21300,13 +21332,13 @@ function createFormControl(props = {}, flushRootRender) {
   };
   const _updateDisabledField = ({ disabled, name: name2, field, fields, value: value2 }) => {
     if (isBoolean(disabled)) {
-      const inputValue = disabled ? void 0 : isUndefined(value2) ? getFieldValue(field ? field._f : get$1(fields, name2)._f) : value2;
+      const inputValue = disabled ? void 0 : isUndefined(value2) ? getFieldValue(field ? field._f : get$2(fields, name2)._f) : value2;
       set(_formValues, name2, inputValue);
       updateTouchAndDirty(name2, inputValue, false, false, true);
     }
   };
   const register = (name2, options = {}) => {
-    let field = get$1(_fields, name2);
+    let field = get$2(_fields, name2);
     const disabledIsDefined = isBoolean(options.disabled);
     set(_fields, name2, {
       ...field || {},
@@ -21344,7 +21376,7 @@ function createFormControl(props = {}, flushRootRender) {
       ref: (ref) => {
         if (ref) {
           register(name2, options);
-          field = get$1(_fields, name2);
+          field = get$2(_fields, name2);
           const fieldRef = isUndefined(ref.value) ? ref.querySelectorAll ? ref.querySelectorAll("input,select,textarea")[0] || ref : ref : ref;
           const radioOrCheckbox = isRadioOrCheckbox(fieldRef);
           const refs = field._f.refs || [];
@@ -21358,7 +21390,7 @@ function createFormControl(props = {}, flushRootRender) {
                 refs: [
                   ...refs.filter(live),
                   fieldRef,
-                  ...Array.isArray(get$1(_defaultValues, name2)) ? [{}] : []
+                  ...Array.isArray(get$2(_defaultValues, name2)) ? [{}] : []
                 ],
                 ref: { type: fieldRef.type, name: name2 }
               } : { ref: fieldRef }
@@ -21366,7 +21398,7 @@ function createFormControl(props = {}, flushRootRender) {
           });
           updateValidAndValue(name2, false, void 0, fieldRef);
         } else {
-          field = get$1(_fields, name2, {});
+          field = get$2(_fields, name2, {});
           if (field._f) {
             field._f.mount = false;
           }
@@ -21381,7 +21413,7 @@ function createFormControl(props = {}, flushRootRender) {
       _subjects.state.next({ disabled });
       iterateFieldsByAction(_fields, (ref, name2) => {
         let requiredDisabledState = disabled;
-        const currentField = get$1(_fields, name2);
+        const currentField = get$2(_fields, name2);
         if (currentField && isBoolean(currentField._f.disabled)) {
           requiredDisabledState || (requiredDisabledState = currentField._f.disabled);
         }
@@ -21435,9 +21467,9 @@ function createFormControl(props = {}, flushRootRender) {
     }
   };
   const resetField = (name2, options = {}) => {
-    if (get$1(_fields, name2)) {
+    if (get$2(_fields, name2)) {
       if (isUndefined(options.defaultValue)) {
-        setValue(name2, cloneObject(get$1(_defaultValues, name2)));
+        setValue(name2, cloneObject(get$2(_defaultValues, name2)));
       } else {
         setValue(name2, options.defaultValue);
         set(_defaultValues, name2, cloneObject(options.defaultValue));
@@ -21447,7 +21479,7 @@ function createFormControl(props = {}, flushRootRender) {
       }
       if (!options.keepDirty) {
         unset(_formState.dirtyFields, name2);
-        _formState.isDirty = options.defaultValue ? _getDirty(name2, cloneObject(get$1(_defaultValues, name2))) : _getDirty();
+        _formState.isDirty = options.defaultValue ? _getDirty(name2, cloneObject(get$2(_defaultValues, name2))) : _getDirty();
       }
       if (!options.keepError) {
         unset(_formState.errors, name2);
@@ -21466,12 +21498,12 @@ function createFormControl(props = {}, flushRootRender) {
     if (!keepStateOptions.keepValues) {
       if (keepStateOptions.keepDirtyValues) {
         for (const fieldName of _names.mount) {
-          get$1(_formState.dirtyFields, fieldName) ? set(values, fieldName, get$1(_formValues, fieldName)) : setValue(fieldName, get$1(values, fieldName));
+          get$2(_formState.dirtyFields, fieldName) ? set(values, fieldName, get$2(_formValues, fieldName)) : setValue(fieldName, get$2(values, fieldName));
         }
       } else {
         if (isWeb && isUndefined(formValues)) {
           for (const name2 of _names.mount) {
-            const field = get$1(_fields, name2);
+            const field = get$2(_fields, name2);
             if (field && field._f) {
               const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
               if (isHTMLElement(fieldReference)) {
@@ -21516,9 +21548,9 @@ function createFormControl(props = {}, flushRootRender) {
       isSubmitting: false
     });
   };
-  const reset = (formValues, keepStateOptions) => _reset(isFunction$1(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
+  const reset = (formValues, keepStateOptions) => _reset(isFunction$2(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
   const setFocus = (name2, options = {}) => {
-    const field = get$1(_fields, name2);
+    const field = get$2(_fields, name2);
     const fieldReference = field && field._f;
     if (fieldReference) {
       const fieldRef = fieldReference.refs ? fieldReference.refs[0] : fieldReference.ref;
@@ -21534,7 +21566,7 @@ function createFormControl(props = {}, flushRootRender) {
       ...updatedFormState
     };
   };
-  const _resetDefaultValues = () => isFunction$1(_options.defaultValues) && _options.defaultValues().then((values) => {
+  const _resetDefaultValues = () => isFunction$2(_options.defaultValues) && _options.defaultValues().then((values) => {
     reset(values, _options.resetOptions);
     _subjects.state.next({
       isLoading: false
@@ -21614,13 +21646,13 @@ function createFormControl(props = {}, flushRootRender) {
     getFieldState
   };
 }
-function useForm(props = {}) {
+function useForm$1(props = {}) {
   const _formControl = React__default.useRef();
   const _values = React__default.useRef();
   const [formState, updateFormState] = React__default.useState({
     isDirty: false,
     isValidating: false,
-    isLoading: isFunction$1(props.defaultValues),
+    isLoading: isFunction$2(props.defaultValues),
     isSubmitted: false,
     isSubmitting: false,
     isSubmitSuccessful: false,
@@ -21630,7 +21662,7 @@ function useForm(props = {}) {
     touchedFields: {},
     errors: props.errors || {},
     disabled: props.disabled || false,
-    defaultValues: isFunction$1(props.defaultValues) ? void 0 : props.defaultValues
+    defaultValues: isFunction$2(props.defaultValues) ? void 0 : props.defaultValues
   });
   if (!_formControl.current) {
     _formControl.current = {
@@ -21703,10 +21735,8 @@ const RefineFormContent = (props) => {
   } = props;
   const {
     control,
-    watch,
     getValues
   } = formResult;
-  watch();
   const fields = (_b = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _b.map((c2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Controller, {
       control,
@@ -21761,13 +21791,13 @@ const RefineFormContent = (props) => {
               meta: {}
             });
         }
-        if (action === "edit" && c2.key === "name") {
+        if (action === "edit" && c2.disabledWhenEdit) {
           ele = /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
             children: value2
           });
         }
         if (c2 == null ? void 0 : c2.render) {
-          ele = c2.render(value2, onChange, formValue, onBlur);
+          ele = c2.render(value2, onChange, formValue, onBlur, action);
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
           label: c2.label,
@@ -21793,20 +21823,23 @@ const RefineFormContent = (props) => {
     })]
   });
 };
-var isArray = Array.isArray;
-const isArray$1 = isArray;
-var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-const freeGlobal$1 = freeGlobal;
+var isArray$4 = Array.isArray;
+var isArray_1 = isArray$4;
+var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal$1;
+var freeGlobal = _freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal$1 || freeSelf || Function("return this")();
-const root$1 = root;
-var Symbol$1 = root$1.Symbol;
-const Symbol$2 = Symbol$1;
+var root$3 = freeGlobal || freeSelf || Function("return this")();
+var _root = root$3;
+var root$2 = _root;
+var Symbol$4 = root$2.Symbol;
+var _Symbol = Symbol$4;
+var Symbol$3 = _Symbol;
 var objectProto$6 = Object.prototype;
 var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$6.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function getRawTag(value2) {
+var symToStringTag$1 = Symbol$3 ? Symbol$3.toStringTag : void 0;
+function getRawTag$1(value2) {
   var isOwn = hasOwnProperty$5.call(value2, symToStringTag$1), tag = value2[symToStringTag$1];
   try {
     value2[symToStringTag$1] = void 0;
@@ -21823,61 +21856,76 @@ function getRawTag(value2) {
   }
   return result;
 }
+var _getRawTag = getRawTag$1;
 var objectProto$5 = Object.prototype;
 var nativeObjectToString = objectProto$5.toString;
-function objectToString(value2) {
+function objectToString$1(value2) {
   return nativeObjectToString.call(value2);
 }
+var _objectToString = objectToString$1;
+var Symbol$2 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
 var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
 var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function baseGetTag(value2) {
+function baseGetTag$3(value2) {
   if (value2 == null) {
     return value2 === void 0 ? undefinedTag : nullTag;
   }
   return symToStringTag && symToStringTag in Object(value2) ? getRawTag(value2) : objectToString(value2);
 }
-function isObjectLike(value2) {
+var _baseGetTag = baseGetTag$3;
+function isObjectLike$3(value2) {
   return value2 != null && typeof value2 == "object";
 }
+var isObjectLike_1 = isObjectLike$3;
+var baseGetTag$2 = _baseGetTag, isObjectLike$2 = isObjectLike_1;
 var symbolTag = "[object Symbol]";
-function isSymbol(value2) {
-  return typeof value2 == "symbol" || isObjectLike(value2) && baseGetTag(value2) == symbolTag;
+function isSymbol$3(value2) {
+  return typeof value2 == "symbol" || isObjectLike$2(value2) && baseGetTag$2(value2) == symbolTag;
 }
+var isSymbol_1 = isSymbol$3;
+var isArray$3 = isArray_1, isSymbol$2 = isSymbol_1;
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
-function isKey(value2, object2) {
-  if (isArray$1(value2)) {
+function isKey$1(value2, object2) {
+  if (isArray$3(value2)) {
     return false;
   }
   var type2 = typeof value2;
-  if (type2 == "number" || type2 == "symbol" || type2 == "boolean" || value2 == null || isSymbol(value2)) {
+  if (type2 == "number" || type2 == "symbol" || type2 == "boolean" || value2 == null || isSymbol$2(value2)) {
     return true;
   }
   return reIsPlainProp.test(value2) || !reIsDeepProp.test(value2) || object2 != null && value2 in Object(object2);
 }
-function isObject(value2) {
+var _isKey = isKey$1;
+function isObject$2(value2) {
   var type2 = typeof value2;
   return value2 != null && (type2 == "object" || type2 == "function");
 }
+var isObject_1 = isObject$2;
+var baseGetTag$1 = _baseGetTag, isObject$1 = isObject_1;
 var asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-function isFunction(value2) {
-  if (!isObject(value2)) {
+function isFunction$1(value2) {
+  if (!isObject$1(value2)) {
     return false;
   }
-  var tag = baseGetTag(value2);
+  var tag = baseGetTag$1(value2);
   return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
 }
-var coreJsData = root$1["__core-js_shared__"];
-const coreJsData$1 = coreJsData;
+var isFunction_1 = isFunction$1;
+var root$1 = _root;
+var coreJsData$1 = root$1["__core-js_shared__"];
+var _coreJsData = coreJsData$1;
+var coreJsData = _coreJsData;
 var maskSrcKey = function() {
-  var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || "");
+  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
   return uid ? "Symbol(src)_1." + uid : "";
 }();
-function isMasked(func) {
+function isMasked$1(func) {
   return !!maskSrcKey && maskSrcKey in func;
 }
+var _isMasked = isMasked$1;
 var funcProto$1 = Function.prototype;
 var funcToString$1 = funcProto$1.toString;
-function toSource(func) {
+function toSource$1(func) {
   if (func != null) {
     try {
       return funcToString$1.call(func);
@@ -21890,6 +21938,8 @@ function toSource(func) {
   }
   return "";
 }
+var _toSource = toSource$1;
+var isFunction = isFunction_1, isMasked = _isMasked, isObject = isObject_1, toSource = _toSource;
 var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
 var funcProto = Function.prototype, objectProto$4 = Object.prototype;
@@ -21898,56 +21948,71 @@ var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
 var reIsNative = RegExp(
   "^" + funcToString.call(hasOwnProperty$4).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function baseIsNative(value2) {
+function baseIsNative$1(value2) {
   if (!isObject(value2) || isMasked(value2)) {
     return false;
   }
   var pattern = isFunction(value2) ? reIsNative : reIsHostCtor;
   return pattern.test(toSource(value2));
 }
-function getValue(object2, key2) {
+var _baseIsNative = baseIsNative$1;
+function getValue$1(object2, key2) {
   return object2 == null ? void 0 : object2[key2];
 }
-function getNative(object2, key2) {
+var _getValue = getValue$1;
+var baseIsNative = _baseIsNative, getValue = _getValue;
+function getNative$2(object2, key2) {
   var value2 = getValue(object2, key2);
   return baseIsNative(value2) ? value2 : void 0;
 }
-var nativeCreate = getNative(Object, "create");
-const nativeCreate$1 = nativeCreate;
-function hashClear() {
-  this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {};
+var _getNative = getNative$2;
+var getNative$1 = _getNative;
+var nativeCreate$4 = getNative$1(Object, "create");
+var _nativeCreate = nativeCreate$4;
+var nativeCreate$3 = _nativeCreate;
+function hashClear$1() {
+  this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {};
   this.size = 0;
 }
-function hashDelete(key2) {
+var _hashClear = hashClear$1;
+function hashDelete$1(key2) {
   var result = this.has(key2) && delete this.__data__[key2];
   this.size -= result ? 1 : 0;
   return result;
 }
+var _hashDelete = hashDelete$1;
+var nativeCreate$2 = _nativeCreate;
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
 var objectProto$3 = Object.prototype;
 var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-function hashGet(key2) {
+function hashGet$1(key2) {
   var data2 = this.__data__;
-  if (nativeCreate$1) {
+  if (nativeCreate$2) {
     var result = data2[key2];
     return result === HASH_UNDEFINED$1 ? void 0 : result;
   }
   return hasOwnProperty$3.call(data2, key2) ? data2[key2] : void 0;
 }
+var _hashGet = hashGet$1;
+var nativeCreate$1 = _nativeCreate;
 var objectProto$2 = Object.prototype;
 var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
-function hashHas(key2) {
+function hashHas$1(key2) {
   var data2 = this.__data__;
   return nativeCreate$1 ? data2[key2] !== void 0 : hasOwnProperty$2.call(data2, key2);
 }
+var _hashHas = hashHas$1;
+var nativeCreate = _nativeCreate;
 var HASH_UNDEFINED = "__lodash_hash_undefined__";
-function hashSet(key2, value2) {
+function hashSet$1(key2, value2) {
   var data2 = this.__data__;
   this.size += this.has(key2) ? 0 : 1;
-  data2[key2] = nativeCreate$1 && value2 === void 0 ? HASH_UNDEFINED : value2;
+  data2[key2] = nativeCreate && value2 === void 0 ? HASH_UNDEFINED : value2;
   return this;
 }
-function Hash(entries) {
+var _hashSet = hashSet$1;
+var hashClear = _hashClear, hashDelete = _hashDelete, hashGet = _hashGet, hashHas = _hashHas, hashSet = _hashSet;
+function Hash$1(entries) {
   var index = -1, length = entries == null ? 0 : entries.length;
   this.clear();
   while (++index < length) {
@@ -21955,19 +22020,23 @@ function Hash(entries) {
     this.set(entry[0], entry[1]);
   }
 }
-Hash.prototype.clear = hashClear;
-Hash.prototype["delete"] = hashDelete;
-Hash.prototype.get = hashGet;
-Hash.prototype.has = hashHas;
-Hash.prototype.set = hashSet;
-function listCacheClear() {
+Hash$1.prototype.clear = hashClear;
+Hash$1.prototype["delete"] = hashDelete;
+Hash$1.prototype.get = hashGet;
+Hash$1.prototype.has = hashHas;
+Hash$1.prototype.set = hashSet;
+var _Hash = Hash$1;
+function listCacheClear$1() {
   this.__data__ = [];
   this.size = 0;
 }
-function eq(value2, other) {
+var _listCacheClear = listCacheClear$1;
+function eq$1(value2, other) {
   return value2 === other || value2 !== value2 && other !== other;
 }
-function assocIndexOf(array, key2) {
+var eq_1 = eq$1;
+var eq = eq_1;
+function assocIndexOf$4(array, key2) {
   var length = array.length;
   while (length--) {
     if (eq(array[length][0], key2)) {
@@ -21976,10 +22045,12 @@ function assocIndexOf(array, key2) {
   }
   return -1;
 }
+var _assocIndexOf = assocIndexOf$4;
+var assocIndexOf$3 = _assocIndexOf;
 var arrayProto = Array.prototype;
 var splice = arrayProto.splice;
-function listCacheDelete(key2) {
-  var data2 = this.__data__, index = assocIndexOf(data2, key2);
+function listCacheDelete$1(key2) {
+  var data2 = this.__data__, index = assocIndexOf$3(data2, key2);
   if (index < 0) {
     return false;
   }
@@ -21992,14 +22063,20 @@ function listCacheDelete(key2) {
   --this.size;
   return true;
 }
-function listCacheGet(key2) {
-  var data2 = this.__data__, index = assocIndexOf(data2, key2);
+var _listCacheDelete = listCacheDelete$1;
+var assocIndexOf$2 = _assocIndexOf;
+function listCacheGet$1(key2) {
+  var data2 = this.__data__, index = assocIndexOf$2(data2, key2);
   return index < 0 ? void 0 : data2[index][1];
 }
-function listCacheHas(key2) {
-  return assocIndexOf(this.__data__, key2) > -1;
+var _listCacheGet = listCacheGet$1;
+var assocIndexOf$1 = _assocIndexOf;
+function listCacheHas$1(key2) {
+  return assocIndexOf$1(this.__data__, key2) > -1;
 }
-function listCacheSet(key2, value2) {
+var _listCacheHas = listCacheHas$1;
+var assocIndexOf = _assocIndexOf;
+function listCacheSet$1(key2, value2) {
   var data2 = this.__data__, index = assocIndexOf(data2, key2);
   if (index < 0) {
     ++this.size;
@@ -22009,7 +22086,9 @@ function listCacheSet(key2, value2) {
   }
   return this;
 }
-function ListCache(entries) {
+var _listCacheSet = listCacheSet$1;
+var listCacheClear = _listCacheClear, listCacheDelete = _listCacheDelete, listCacheGet = _listCacheGet, listCacheHas = _listCacheHas, listCacheSet = _listCacheSet;
+function ListCache$1(entries) {
   var index = -1, length = entries == null ? 0 : entries.length;
   this.clear();
   while (++index < length) {
@@ -22017,47 +22096,63 @@ function ListCache(entries) {
     this.set(entry[0], entry[1]);
   }
 }
-ListCache.prototype.clear = listCacheClear;
-ListCache.prototype["delete"] = listCacheDelete;
-ListCache.prototype.get = listCacheGet;
-ListCache.prototype.has = listCacheHas;
-ListCache.prototype.set = listCacheSet;
-var Map$1 = getNative(root$1, "Map");
-const Map$2 = Map$1;
-function mapCacheClear() {
+ListCache$1.prototype.clear = listCacheClear;
+ListCache$1.prototype["delete"] = listCacheDelete;
+ListCache$1.prototype.get = listCacheGet;
+ListCache$1.prototype.has = listCacheHas;
+ListCache$1.prototype.set = listCacheSet;
+var _ListCache = ListCache$1;
+var getNative = _getNative, root = _root;
+var Map$2 = getNative(root, "Map");
+var _Map = Map$2;
+var Hash = _Hash, ListCache = _ListCache, Map$1 = _Map;
+function mapCacheClear$1() {
   this.size = 0;
   this.__data__ = {
     "hash": new Hash(),
-    "map": new (Map$2 || ListCache)(),
+    "map": new (Map$1 || ListCache)(),
     "string": new Hash()
   };
 }
-function isKeyable(value2) {
+var _mapCacheClear = mapCacheClear$1;
+function isKeyable$1(value2) {
   var type2 = typeof value2;
   return type2 == "string" || type2 == "number" || type2 == "symbol" || type2 == "boolean" ? value2 !== "__proto__" : value2 === null;
 }
-function getMapData(map, key2) {
+var _isKeyable = isKeyable$1;
+var isKeyable = _isKeyable;
+function getMapData$4(map, key2) {
   var data2 = map.__data__;
   return isKeyable(key2) ? data2[typeof key2 == "string" ? "string" : "hash"] : data2.map;
 }
-function mapCacheDelete(key2) {
-  var result = getMapData(this, key2)["delete"](key2);
+var _getMapData = getMapData$4;
+var getMapData$3 = _getMapData;
+function mapCacheDelete$1(key2) {
+  var result = getMapData$3(this, key2)["delete"](key2);
   this.size -= result ? 1 : 0;
   return result;
 }
-function mapCacheGet(key2) {
-  return getMapData(this, key2).get(key2);
+var _mapCacheDelete = mapCacheDelete$1;
+var getMapData$2 = _getMapData;
+function mapCacheGet$1(key2) {
+  return getMapData$2(this, key2).get(key2);
 }
-function mapCacheHas(key2) {
-  return getMapData(this, key2).has(key2);
+var _mapCacheGet = mapCacheGet$1;
+var getMapData$1 = _getMapData;
+function mapCacheHas$1(key2) {
+  return getMapData$1(this, key2).has(key2);
 }
-function mapCacheSet(key2, value2) {
+var _mapCacheHas = mapCacheHas$1;
+var getMapData = _getMapData;
+function mapCacheSet$1(key2, value2) {
   var data2 = getMapData(this, key2), size = data2.size;
   data2.set(key2, value2);
   this.size += data2.size == size ? 0 : 1;
   return this;
 }
-function MapCache(entries) {
+var _mapCacheSet = mapCacheSet$1;
+var mapCacheClear = _mapCacheClear, mapCacheDelete = _mapCacheDelete, mapCacheGet = _mapCacheGet, mapCacheHas = _mapCacheHas, mapCacheSet = _mapCacheSet;
+function MapCache$1(entries) {
   var index = -1, length = entries == null ? 0 : entries.length;
   this.clear();
   while (++index < length) {
@@ -22065,13 +22160,15 @@ function MapCache(entries) {
     this.set(entry[0], entry[1]);
   }
 }
-MapCache.prototype.clear = mapCacheClear;
-MapCache.prototype["delete"] = mapCacheDelete;
-MapCache.prototype.get = mapCacheGet;
-MapCache.prototype.has = mapCacheHas;
-MapCache.prototype.set = mapCacheSet;
+MapCache$1.prototype.clear = mapCacheClear;
+MapCache$1.prototype["delete"] = mapCacheDelete;
+MapCache$1.prototype.get = mapCacheGet;
+MapCache$1.prototype.has = mapCacheHas;
+MapCache$1.prototype.set = mapCacheSet;
+var _MapCache = MapCache$1;
+var MapCache = _MapCache;
 var FUNC_ERROR_TEXT = "Expected a function";
-function memoize(func, resolver) {
+function memoize$1(func, resolver) {
   if (typeof func != "function" || resolver != null && typeof resolver != "function") {
     throw new TypeError(FUNC_ERROR_TEXT);
   }
@@ -22084,12 +22181,14 @@ function memoize(func, resolver) {
     memoized.cache = cache.set(key2, result) || cache;
     return result;
   };
-  memoized.cache = new (memoize.Cache || MapCache)();
+  memoized.cache = new (memoize$1.Cache || MapCache)();
   return memoized;
 }
-memoize.Cache = MapCache;
+memoize$1.Cache = MapCache;
+var memoize_1 = memoize$1;
+var memoize = memoize_1;
 var MAX_MEMOIZE_SIZE = 500;
-function memoizeCapped(func) {
+function memoizeCapped$1(func) {
   var result = memoize(func, function(key2) {
     if (cache.size === MAX_MEMOIZE_SIZE) {
       cache.clear();
@@ -22099,9 +22198,11 @@ function memoizeCapped(func) {
   var cache = result.cache;
   return result;
 }
+var _memoizeCapped = memoizeCapped$1;
+var memoizeCapped = _memoizeCapped;
 var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
 var reEscapeChar = /\\(\\)?/g;
-var stringToPath = memoizeCapped(function(string) {
+var stringToPath$1 = memoizeCapped(function(string) {
   var result = [];
   if (string.charCodeAt(0) === 46) {
     result.push("");
@@ -22111,88 +22212,109 @@ var stringToPath = memoizeCapped(function(string) {
   });
   return result;
 });
-const stringToPath$1 = stringToPath;
-function arrayMap(array, iteratee) {
+var _stringToPath = stringToPath$1;
+function arrayMap$1(array, iteratee) {
   var index = -1, length = array == null ? 0 : array.length, result = Array(length);
   while (++index < length) {
     result[index] = iteratee(array[index], index, array);
   }
   return result;
 }
+var _arrayMap = arrayMap$1;
+var Symbol$1 = _Symbol, arrayMap = _arrayMap, isArray$2 = isArray_1, isSymbol$1 = isSymbol_1;
 var INFINITY$1 = 1 / 0;
-var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0;
-function baseToString(value2) {
+var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0;
+function baseToString$1(value2) {
   if (typeof value2 == "string") {
     return value2;
   }
-  if (isArray$1(value2)) {
-    return arrayMap(value2, baseToString) + "";
+  if (isArray$2(value2)) {
+    return arrayMap(value2, baseToString$1) + "";
   }
-  if (isSymbol(value2)) {
+  if (isSymbol$1(value2)) {
     return symbolToString ? symbolToString.call(value2) : "";
   }
   var result = value2 + "";
   return result == "0" && 1 / value2 == -INFINITY$1 ? "-0" : result;
 }
-function toString(value2) {
+var _baseToString = baseToString$1;
+var baseToString = _baseToString;
+function toString$1(value2) {
   return value2 == null ? "" : baseToString(value2);
 }
-function castPath(value2, object2) {
+var toString_1 = toString$1;
+var isArray$1 = isArray_1, isKey = _isKey, stringToPath = _stringToPath, toString = toString_1;
+function castPath$2(value2, object2) {
   if (isArray$1(value2)) {
     return value2;
   }
-  return isKey(value2, object2) ? [value2] : stringToPath$1(toString(value2));
+  return isKey(value2, object2) ? [value2] : stringToPath(toString(value2));
 }
+var _castPath = castPath$2;
+var isSymbol = isSymbol_1;
 var INFINITY = 1 / 0;
-function toKey(value2) {
+function toKey$2(value2) {
   if (typeof value2 == "string" || isSymbol(value2)) {
     return value2;
   }
   var result = value2 + "";
   return result == "0" && 1 / value2 == -INFINITY ? "-0" : result;
 }
-function baseGet(object2, path2) {
-  path2 = castPath(path2, object2);
+var _toKey = toKey$2;
+var castPath$1 = _castPath, toKey$1 = _toKey;
+function baseGet$1(object2, path2) {
+  path2 = castPath$1(path2, object2);
   var index = 0, length = path2.length;
   while (object2 != null && index < length) {
-    object2 = object2[toKey(path2[index++])];
+    object2 = object2[toKey$1(path2[index++])];
   }
   return index && index == length ? object2 : void 0;
 }
+var _baseGet = baseGet$1;
+var baseGet = _baseGet;
 function get(object2, path2, defaultValue) {
   var result = object2 == null ? void 0 : baseGet(object2, path2);
   return result === void 0 ? defaultValue : result;
 }
+var get_1 = get;
+const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(get_1);
 var objectProto$1 = Object.prototype;
 var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-function baseHas(object2, key2) {
+function baseHas$1(object2, key2) {
   return object2 != null && hasOwnProperty$1.call(object2, key2);
 }
+var _baseHas = baseHas$1;
+var baseGetTag = _baseGetTag, isObjectLike$1 = isObjectLike_1;
 var argsTag = "[object Arguments]";
-function baseIsArguments(value2) {
-  return isObjectLike(value2) && baseGetTag(value2) == argsTag;
+function baseIsArguments$1(value2) {
+  return isObjectLike$1(value2) && baseGetTag(value2) == argsTag;
 }
+var _baseIsArguments = baseIsArguments$1;
+var baseIsArguments = _baseIsArguments, isObjectLike = isObjectLike_1;
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
 var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-var isArguments = baseIsArguments(function() {
+var isArguments$1 = baseIsArguments(function() {
   return arguments;
 }()) ? baseIsArguments : function(value2) {
   return isObjectLike(value2) && hasOwnProperty.call(value2, "callee") && !propertyIsEnumerable.call(value2, "callee");
 };
-const isArguments$1 = isArguments;
+var isArguments_1 = isArguments$1;
 var MAX_SAFE_INTEGER$1 = 9007199254740991;
 var reIsUint = /^(?:0|[1-9]\d*)$/;
-function isIndex(value2, length) {
+function isIndex$1(value2, length) {
   var type2 = typeof value2;
   length = length == null ? MAX_SAFE_INTEGER$1 : length;
   return !!length && (type2 == "number" || type2 != "symbol" && reIsUint.test(value2)) && (value2 > -1 && value2 % 1 == 0 && value2 < length);
 }
+var _isIndex = isIndex$1;
 var MAX_SAFE_INTEGER = 9007199254740991;
-function isLength(value2) {
+function isLength$1(value2) {
   return typeof value2 == "number" && value2 > -1 && value2 % 1 == 0 && value2 <= MAX_SAFE_INTEGER;
 }
-function hasPath(object2, path2, hasFunc) {
+var isLength_1 = isLength$1;
+var castPath = _castPath, isArguments = isArguments_1, isArray = isArray_1, isIndex = _isIndex, isLength = isLength_1, toKey = _toKey;
+function hasPath$1(object2, path2, hasFunc) {
   path2 = castPath(path2, object2);
   var index = -1, length = path2.length, result = false;
   while (++index < length) {
@@ -22206,123 +22328,138 @@ function hasPath(object2, path2, hasFunc) {
     return result;
   }
   length = object2 == null ? 0 : object2.length;
-  return !!length && isLength(length) && isIndex(key2, length) && (isArray$1(object2) || isArguments$1(object2));
+  return !!length && isLength(length) && isIndex(key2, length) && (isArray(object2) || isArguments(object2));
 }
+var _hasPath = hasPath$1;
+var baseHas = _baseHas, hasPath = _hasPath;
 function has(object2, path2) {
   return object2 != null && hasPath(object2, path2, baseHas);
 }
-var L = Object.defineProperty;
-var m = (t2, a2) => L(t2, "name", { value: a2, configurable: true });
-var C = m(({ refineCoreProps: t2, warnWhenUnsavedChanges: a2, disableServerSideValidation: p = false, ...Q } = {}) => {
-  let { options: F } = useRefineContext(), S = (F == null ? void 0 : F.disableServerSideValidation) || p, U = useTranslate(), { warnWhenUnsavedChanges: h, setWarnWhen: b } = useWarnAboutChange(), f = a2 ?? h, d = useForm({ ...Q }), { watch: c2, setValue: R, getValues: i2, handleSubmit: T, setError: x } = d, E = useForm$1({ ...t2, onMutationError: (r2, s2, e2) => {
-    var v, H;
-    if (S) {
-      (v = t2 == null ? void 0 : t2.onMutationError) == null || v.call(t2, r2, s2, e2);
-      return;
-    }
-    let y = r2 == null ? void 0 : r2.errors;
-    for (let V in y) {
-      if (!Object.keys(flattenObjectKeys(s2)).includes(V))
-        continue;
-      let u = y[V], D = "";
-      Array.isArray(u) && (D = u.join(" ")), typeof u == "string" && (D = u), typeof u == "boolean" && u && (D = "Field is not valid."), typeof u == "object" && "key" in u && (D = U(u.key, u.message)), x(V, { message: D });
+var has_1 = has;
+const has$1 = /* @__PURE__ */ getDefaultExportFromCjs(has_1);
+const useForm = ({
+  refineCoreProps,
+  warnWhenUnsavedChanges: warnWhenUnsavedChangesProp,
+  disableServerSideValidation: disableServerSideValidationProp = false,
+  ...rest
+} = {}) => {
+  const { options } = useRefineContext();
+  const disableServerSideValidation = (options == null ? void 0 : options.disableServerSideValidation) || disableServerSideValidationProp;
+  const translate = useTranslate();
+  const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = useWarnAboutChange();
+  const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+  const useHookFormResult = useForm$1({
+    ...rest
+  });
+  const {
+    watch,
+    setValue,
+    getValues,
+    handleSubmit: handleSubmitReactHookForm,
+    setError,
+    formState
+  } = useHookFormResult;
+  const useFormCoreResult = useForm$2({
+    ...refineCoreProps,
+    onMutationError: (error, _variables, _context) => {
+      var _a, _b;
+      if (disableServerSideValidation) {
+        (_a = refineCoreProps == null ? void 0 : refineCoreProps.onMutationError) == null ? void 0 : _a.call(refineCoreProps, error, _variables, _context);
+        return;
+      }
+      const errors = error == null ? void 0 : error.errors;
+      for (const key2 in errors) {
+        const isKeyInVariables = Object.keys(flattenObjectKeys(_variables)).includes(key2);
+        if (!isKeyInVariables) {
+          continue;
+        }
+        const fieldError = errors[key2];
+        let newError = "";
+        if (Array.isArray(fieldError)) {
+          newError = fieldError.join(" ");
+        }
+        if (typeof fieldError === "string") {
+          newError = fieldError;
+        }
+        if (typeof fieldError === "boolean" && fieldError) {
+          newError = "Field is not valid.";
+        }
+        if (typeof fieldError === "object" && "key" in fieldError) {
+          const translatedMessage = translate(fieldError.key, fieldError.message);
+          newError = translatedMessage;
+        }
+        setError(key2, {
+          message: newError
+        });
+      }
+      (_b = refineCoreProps == null ? void 0 : refineCoreProps.onMutationError) == null ? void 0 : _b.call(refineCoreProps, error, _variables, _context);
     }
-    (H = t2 == null ? void 0 : t2.onMutationError) == null || H.call(t2, r2, s2, e2);
-  } }), { queryResult: l, onFinish: o, formLoading: B, onFinishAutoSave: j } = E;
+  });
+  const { queryResult, onFinish, formLoading, onFinishAutoSave } = useFormCoreResult;
   useEffect(() => {
-    var e2;
-    let r2 = (e2 = l == null ? void 0 : l.data) == null ? void 0 : e2.data;
-    if (!r2)
+    var _a;
+    if (formState.isDirty)
       return;
-    Object.keys(flattenObjectKeys(i2())).forEach((y) => {
-      let v = has(r2, y), H = get(r2, y);
-      v && R(y, H);
-    });
-  }, [l == null ? void 0 : l.data, R, i2]), useEffect(() => {
-    let r2 = c2((s2, { type: e2 }) => {
-      e2 === "change" && W(s2);
+    const data2 = (_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data;
+    if (!data2)
+      return;
+    const registeredFields = Object.keys(flattenObjectKeys(getValues()));
+    registeredFields.forEach((path2) => {
+      const hasValue = has$1(data2, path2);
+      const dataValue = get$1(data2, path2);
+      if (hasValue) {
+        setValue(path2, dataValue);
+      }
     });
-    return () => r2.unsubscribe();
-  }, [c2]);
-  let W = m((r2) => {
-    var s2;
-    if (f && b(true), t2 != null && t2.autoSave) {
-      b(false);
-      let e2 = (s2 = t2.autoSave) == null ? void 0 : s2.onFinish;
-      return j(e2 ? e2(r2) : r2);
-    }
-    return r2;
-  }, "onValuesChange"), g = m((r2, s2) => async (e2) => (b(false), T(r2, s2)(e2)), "handleSubmit");
-  return { ...d, handleSubmit: g, refineCore: E, saveButtonProps: { disabled: B, onClick: (r2) => {
-    g(o, () => false)(r2);
-  } } };
-}, "useForm");
-m(({ stepsProps: t2, ...a2 } = {}) => {
-  let { defaultStep: p = 0, isBackValidate: Q = false } = t2 ?? {}, [F, S] = useState(p), U = C({ ...a2 }), { trigger: h, getValues: b, setValue: f, formState: { dirtyFields: d }, refineCore: { queryResult: c2 } } = U;
+  }, [queryResult == null ? void 0 : queryResult.data, setValue, getValues, formState.isDirty]);
   useEffect(() => {
-    var E;
-    let T = (E = c2 == null ? void 0 : c2.data) == null ? void 0 : E.data;
-    if (!T)
-      return;
-    let x = Object.keys(b());
-    Object.entries(T).forEach(([l, o]) => {
-      let B = l;
-      x.includes(B) && (d[B] || f(B, o));
+    const subscription = watch((values, { type: type2 }) => {
+      if (type2 === "change") {
+        onValuesChange(values);
+      }
     });
-  }, [c2 == null ? void 0 : c2.data, F, f, b]);
-  let R = m((T) => {
-    let x = T;
-    T < 0 && (x = 0), S(x);
-  }, "go");
-  return { ...U, steps: { currentStep: F, gotoStep: m(async (T) => {
-    if (T === F)
-      return;
-    if (T < F && !Q) {
-      R(T);
-      return;
+    return () => subscription.unsubscribe();
+  }, [watch]);
+  const onValuesChange = (changeValues) => {
+    var _a;
+    if (warnWhenUnsavedChanges) {
+      setWarnWhen(true);
     }
-    await h() && R(T);
-  }, "gotoStep") } };
-}, "useStepsForm");
-m(({ modalProps: t2, refineCoreProps: a2, syncWithLocation: p, ...Q } = {}) => {
-  var A, N;
-  let F = useInvalidate(), [S, U] = React__default.useState(false), h = useTranslate(), { resource: b, action: f } = a2 ?? {}, { resource: d, action: c2, identifier: R } = useResource(b), i2 = useParsed(), T = useGo(), x = useUserFriendlyName(), E = f ?? c2 ?? "", l = !(typeof p == "object" && (p == null ? void 0 : p.syncId) === false), o = typeof p == "object" && "key" in p ? p.key : d && E && p ? `modal-${R}-${E}` : void 0, { defaultVisible: B = false, autoSubmitClose: j = true, autoResetForm: W = true } = t2 ?? {}, g = C({ refineCoreProps: { ...a2, meta: { ...o ? { [o]: void 0 } : {}, ...a2 == null ? void 0 : a2.meta } }, ...Q }), { reset: $, refineCore: { onFinish: r2, id: s2, setId: e2, autoSaveProps: y }, saveButtonProps: v, handleSubmit: H } = g, { visible: V, show: k, close: u } = useModal({ defaultVisible: B });
-  React__default.useEffect(() => {
-    var n2, w, K, I;
-    if (S === false && o) {
-      let M = (w = (n2 = i2 == null ? void 0 : i2.params) == null ? void 0 : n2[o]) == null ? void 0 : w.open;
-      if (typeof M == "boolean" ? M && k() : typeof M == "string" && M === "true" && k(), l) {
-        let G = (I = (K = i2 == null ? void 0 : i2.params) == null ? void 0 : K[o]) == null ? void 0 : I.id;
-        G && (e2 == null || e2(G));
-      }
-      U(true);
-    }
-  }, [o, i2, l, e2]), React__default.useEffect(() => {
-    var n2;
-    S === true && (V && o ? T({ query: { [o]: { ...(n2 = i2 == null ? void 0 : i2.params) == null ? void 0 : n2[o], open: true, ...l && s2 && { id: s2 } } }, options: { keepQuery: true }, type: "replace" }) : o && !V && T({ query: { [o]: void 0 }, options: { keepQuery: true }, type: "replace" }));
-  }, [s2, V, k, o, l]);
-  let D = m(async (n2) => {
-    await r2(n2), j && u(), W && $();
-  }, "submit"), { warnWhen: O, setWarnWhen: X } = useWarnAboutChange(), Z = useCallback(() => {
-    var n2;
-    if (y.status === "success" && ((n2 = a2 == null ? void 0 : a2.autoSave) != null && n2.invalidateOnClose) && F({ id: s2, invalidates: a2.invalidates || ["list", "many", "detail"], dataProviderName: a2.dataProviderName, resource: R }), O)
-      if (window.confirm(h("warnWhenUnsavedChanges", "Are you sure you want to leave? You have unsaved changes.")))
-        X(false);
-      else
-        return;
-    e2 == null || e2(void 0), u();
-  }, [O, y.status]), _ = useCallback((n2) => {
-    typeof n2 < "u" && (e2 == null || e2(n2)), (!(E === "edit" || E === "clone") || (typeof n2 < "u" || typeof s2 < "u")) && k();
-  }, [s2]), q = h(`${R}.titles.${f}`, void 0, `${x(`${f} ${((A = d == null ? void 0 : d.meta) == null ? void 0 : A.label) ?? ((N = d == null ? void 0 : d.options) == null ? void 0 : N.label) ?? (d == null ? void 0 : d.label) ?? R}`, "singular")}`);
-  return { modal: { submit: D, close: Z, show: _, visible: V, title: q }, ...g, saveButtonProps: { ...v, onClick: (n2) => H(D)(n2) } };
-}, "useModalForm");
+    if (refineCoreProps == null ? void 0 : refineCoreProps.autoSave) {
+      setWarnWhen(false);
+      const onFinishProps = (_a = refineCoreProps.autoSave) == null ? void 0 : _a.onFinish;
+      if (onFinishProps) {
+        return onFinishAutoSave(onFinishProps(changeValues));
+      }
+      return onFinishAutoSave(changeValues);
+    }
+    return changeValues;
+  };
+  const handleSubmit = (onValid, onInvalid) => async (e2) => {
+    setWarnWhen(false);
+    return handleSubmitReactHookForm(onValid, onInvalid)(e2);
+  };
+  const saveButtonProps = {
+    disabled: formLoading,
+    onClick: (e2) => {
+      handleSubmit(onFinish, () => false)(e2);
+    }
+  };
+  return {
+    ...useHookFormResult,
+    handleSubmit,
+    refineCore: useFormCoreResult,
+    saveButtonProps
+  };
+};
 const useRefineForm = (props) => {
   var _a;
   const { config, id, refineProps } = props;
   const [responseErrorMsg, setResponseErrorMsg] = useState("");
   const i18n2 = useTranslation();
-  const result = C({
-    mode: "onChange",
+  const result = useForm({
+    mode: "onSubmit",
+    reValidateMode: "onChange",
     refineCoreProps: {
       errorNotification: false,
       successNotification: () => {
@@ -22353,10 +22490,11 @@ const useRefineForm = (props) => {
     const response = (_a2 = result.refineCore.mutationResult.error) == null ? void 0 : _a2.response;
     if (response && !(response == null ? void 0 : response.bodyUsed)) {
       (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-        setResponseErrorMsg(body.message);
+        var _a3, _b2;
+        setResponseErrorMsg(((_b2 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b2.call(_a3, body)) || body.message);
       });
     }
-  }, [(_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
+  }, [config.formConfig, (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
   return { formResult: result, responseErrorMsg };
 };
 const index_12sfrn = "";
@@ -22367,7 +22505,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-b007e47c.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-71c3ccc4.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -22665,7 +22803,7 @@ function generateYamlBySchema(defaultValue, schema) {
   const typeObject = generateSchemaTypeValue(schema);
   function makeAnnotations(obj, key2) {
     const result = {};
-    if (isObject$2(obj[key2])) {
+    if (isObject$4(obj[key2])) {
       result[`#${key2}`] = {};
       Object.keys(obj[key2]).forEach((prop) => {
         result[`#${key2}`] = {
@@ -22684,7 +22822,7 @@ function generateYamlBySchema(defaultValue, schema) {
     }
     for (const key2 in obj2) {
       if (key2 in obj1) {
-        if (isObject$2(obj2[key2]) && isObject$2(obj1[key2])) {
+        if (isObject$4(obj2[key2]) && isObject$4(obj1[key2])) {
           merged2[key2] = merge2(
             obj1[key2],
             obj2[key2]
@@ -22757,12 +22895,12 @@ const useYamlForm = ({
     skip: editorOptions == null ? void 0 : editorOptions.isSkipSchema
   });
   const [formAnt] = kit.form.useForm();
-  const formSF = useForm$2({
+  const formSF = useForm$3({
     form: formAnt
   });
   const { form } = formSF;
   const { fold: fold2 } = useK8sYamlEditor();
-  const useFormCoreResult = useForm$1({
+  const useFormCoreResult = useForm$2({
     onMutationSuccess: onMutationSuccessProp ? onMutationSuccessProp : void 0,
     onMutationError,
     redirect,
@@ -23044,7 +23182,7 @@ const FullscreenModalStyle = "f1nltbcu";
 const FormDescStyle = "f1qgcca6";
 const ErrorStyle = "e1tl3wq2";
 function FormModal(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     resource: resourceFromProps,
     id,
@@ -23060,10 +23198,8 @@ function FormModal(props) {
   const [yamlSaveButtonProps, setYamlSaveButtonProps] = useState({});
   const [isError, setIsError] = useState(false);
   const config = configs[resourceFromProps || (resource == null ? void 0 : resource.name) || ""];
-  const title = i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-    resource: config == null ? void 0 : config.kind
-  });
   const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
+  const action = id ? "edit" : "create";
   const yamlFormProps = useMemo(() => {
     var _a2, _b2, _c2;
     return {
@@ -23072,7 +23208,7 @@ function FormModal(props) {
       transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
       initialValues: ((_c2 = props.formProps) == null ? void 0 : _c2.initialValues) || (config == null ? void 0 : config.initValue),
       id,
-      action: id ? "edit" : "create",
+      action,
       isShowLayout: false,
       useFormProps: {
         redirect: false
@@ -23083,7 +23219,7 @@ function FormModal(props) {
       },
       onFinish: popModal
     };
-  }, [props.formProps, setYamlSaveButtonProps, config, id]);
+  }, [props.formProps, (_a = config.formConfig) == null ? void 0 : _a.transformInitValues, (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues, config == null ? void 0 : config.initValue, id, action]);
   const refineFormResult = useRefineForm({
     config,
     id,
@@ -23092,10 +23228,10 @@ function FormModal(props) {
         popModal();
       },
       redirect: false,
-      ...(_a = config.formConfig) == null ? void 0 : _a.refineCoreProps
+      ...(_c = config.formConfig) == null ? void 0 : _c.refineCoreProps
     }
   });
-  const isYamlForm = !((_b = config.formConfig) == null ? void 0 : _b.fields);
+  const isYamlForm = !((_d = config.formConfig) == null ? void 0 : _d.fields);
   const formEle = (() => {
     if (renderForm) {
       return renderForm(yamlFormProps);
@@ -23124,10 +23260,21 @@ function FormModal(props) {
       return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
     }
   })();
+  const title = useMemo(() => {
+    var _a2, _b2, _c2, _d2;
+    if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formTitle) === "string")
+      return (_b2 = config.formConfig) == null ? void 0 : _b2.formTitle;
+    if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
+      return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
+    }
+    return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
+      resource: config == null ? void 0 : config.kind
+    });
+  }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
     className: FullscreenModalStyle,
     width: "calc(100vw - 16px)",
-    title: ((_c = config.formConfig) == null ? void 0 : _c.formTitle) || title,
+    title,
     error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ErrorStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
@@ -23139,9 +23286,9 @@ function FormModal(props) {
     onCancel,
     destroyOnClose: true,
     fullscreen: true,
-    children: [((_d = config.formConfig) == null ? void 0 : _d.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    children: [((_e = config.formConfig) == null ? void 0 : _e.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: FormDescStyle,
-      children: (_e = config.formConfig) == null ? void 0 : _e.formDesc
+      children: (_f = config.formConfig) == null ? void 0 : _f.formDesc
     }) : void 0, formEle]
   });
 }
@@ -23179,7 +23326,8 @@ const RefineFormPage = (props) => {
     className: "c1pvtlkp",
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
       config,
-      formResult
+      formResult,
+      action
     }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
       ...saveButtonProps,
       onClick,
@@ -23511,7 +23659,7 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
 };
-const columns_44785k = "";
+const columns_qgyagz = "";
 const DashedTitleStyle = "dh5j833";
 const ServiceClusterTooltipStyle = "s1fcgan";
 const NameLink = (props) => {
@@ -24091,7 +24239,7 @@ const useEagleTable = (params) => {
     },
     [setCurrentPage]
   );
-  const currentSize = (tableProps == null ? void 0 : tableProps.currentSize) || 5;
+  const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
   const data2 = (_b = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data) == null ? void 0 : _b.slice((currentPage - 1) * currentSize, currentPage * currentSize);
   const total = ((_c = table.tableQueryResult.data) == null ? void 0 : _c.data.length) || 0;
   const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
@@ -24104,7 +24252,7 @@ const useEagleTable = (params) => {
     error: false,
     rowKey: "id",
     currentPage,
-    currentSize,
+    defaultSize: currentSize,
     onPageChange,
     onSelect: (keys) => {
       setSelectedKeys(keys);