npm - @dovetail-v2/refine - Versions diffs - 0.0.42 → 0.0.44 - Mend

@dovetail-v2/refine 0.0.42 → 0.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/{MonacoYamlDiffEditor-b007e47c.js → MonacoYamlDiffEditor-71c3ccc4.js} +1 -1
package/dist/{index-3ef1da30.js → index-72d47bc9.js} +604 -456
package/dist/refine.js +1 -1
package/dist/refine.umd.cjs +593 -445
package/dist/style.css +1 -1
package/lib/src/components/Form/RefineFormContent.d.ts +1 -1
package/lib/src/components/Form/type.d.ts +2 -1
package/lib/src/components/Form/useReactHookForm.d.ts +29 -0
package/lib/src/components/Form/useRefineForm.d.ts +3 -3
package/lib/src/components/Table/index.d.ts +1 -1
package/lib/src/types/resource.d.ts +2 -1
package/package.json +1 -1

package/dist/refine.umd.cjs CHANGED Viewed

@@ -43,12 +43,12 @@ var __publicField = (obj, key, value) => {
         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);
@@ -92,8 +92,8 @@ var __publicField = (obj, key, value) => {
           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)
@@ -111,33 +111,33 @@ var __publicField = (obj, key, value) => {
               }
               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);
@@ -145,7 +145,7 @@ var __publicField = (obj, key, value) => {
                 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);
@@ -158,9 +158,9 @@ var __publicField = (obj, key, value) => {
               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);
@@ -168,11 +168,11 @@ var __publicField = (obj, key, value) => {
             } 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) {
@@ -187,11 +187,11 @@ var __publicField = (obj, key, value) => {
               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;
@@ -258,11 +258,11 @@ var __publicField = (obj, key, value) => {
                 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:
@@ -293,24 +293,24 @@ var __publicField = (obj, key, value) => {
                 $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;
@@ -411,23 +411,23 @@ var __publicField = (obj, key, value) => {
   }
   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 });
@@ -546,7 +546,7 @@ var __publicField = (obj, key, value) => {
     "&#x2F;": "/",
     "&#47;": "/"
   };
-  const unescapeHtmlEntity = (m2) => htmlEntities[m2];
+  const unescapeHtmlEntity = (m) => htmlEntities[m];
   const unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
   let defaultOptions$1 = {
     bindI18n: "languageChanged",
@@ -1599,7 +1599,7 @@ var __publicField = (obj, key, value) => {
       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);
@@ -1610,7 +1610,7 @@ var __publicField = (obj, key, value) => {
       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;
@@ -8415,7 +8415,7 @@ var __publicField = (obj, key, value) => {
       /* @__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)
@@ -8424,7 +8424,7 @@ var __publicField = (obj, key, value) => {
     };
   }
   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;
     }
@@ -8614,7 +8614,8 @@ var __publicField = (obj, key, value) => {
       columns,
       scroll,
       currentPage,
-      currentSize,
+      defaultSize,
+      total,
       RowMenu,
       refetch,
       onPageChange,
@@ -8625,9 +8626,9 @@ var __publicField = (obj, key, value) => {
     const wrapperRef = React.useRef(null);
     const pagination = React.useMemo(() => ({
       current: currentPage,
-      pageSize: currentSize,
+      pageSize: defaultSize,
       onChange: onPageChange
-    }), [currentPage, currentSize, onPageChange]);
+    }), [currentPage, defaultSize, onPageChange]);
     const finalColumns = React.useMemo(() => {
       if (RowMenu) {
         const actionColumn = {
@@ -8680,8 +8681,8 @@ var __publicField = (obj, key, value) => {
         ref: auxiliaryLineRef
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
         current: currentPage,
-        size: currentSize,
-        count: dataSource.length,
+        size: defaultSize,
+        count: total,
         onChange: onPageChange,
         onSizeChange
       })]
@@ -8705,14 +8706,16 @@ var __publicField = (obj, key, value) => {
         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) {
@@ -8735,7 +8738,7 @@ var __publicField = (obj, key, value) => {
         columns: addDefaultRenderToColumns(columns),
         rowKey: "key",
         empty: t2("dovetail.empty"),
-        currentSize,
+        defaultSize: currentSize,
         currentPage,
         onPageChange: setCurrentPage,
         showMenuColumn: false
@@ -8754,35 +8757,40 @@ var __publicField = (obj, key, value) => {
         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) => ({
@@ -8809,7 +8817,7 @@ var __publicField = (obj, key, value) => {
         columns: addDefaultRenderToColumns(columns),
         rowKey: "name",
         empty: t2("dovetail.empty"),
-        currentSize,
+        defaultSize: currentSize,
         currentPage,
         onPageChange: setCurrentPage,
         showMenuColumn: false
@@ -10030,7 +10038,7 @@ var __publicField = (obj, key, value) => {
           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));
@@ -10136,6 +10144,7 @@ var __publicField = (obj, key, value) => {
         display: true,
         dataIndex: "type",
         title: t2("dovetail.type"),
+        width: 120,
         sortable: true
       },
       {
@@ -10151,6 +10160,7 @@ var __publicField = (obj, key, value) => {
           };
           return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
         },
+        width: 120,
         sortable: true
       },
       {
@@ -10159,6 +10169,7 @@ var __publicField = (obj, key, value) => {
         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) });
@@ -10169,14 +10180,16 @@ var __publicField = (obj, key, value) => {
         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) {
@@ -10199,7 +10212,7 @@ var __publicField = (obj, key, value) => {
         columns: addDefaultRenderToColumns(columns),
         rowKey: "type",
         empty: t2("dovetail.empty"),
-        currentSize,
+        defaultSize: currentSize,
         currentPage,
         onPageChange: setCurrentPage,
         showMenuColumn: false
@@ -10424,7 +10437,10 @@ var __publicField = (obj, key, value) => {
         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", {
@@ -10449,7 +10465,7 @@ var __publicField = (obj, key, value) => {
         error: false,
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
-        currentSize,
+        defaultSize: currentSize,
         refetch: () => null,
         showMenuColumn: false
       })]
@@ -10475,6 +10491,7 @@ var __publicField = (obj, key, value) => {
           dataIndex: ["type"],
           title: i18n2.t("dovetail.type"),
           sortable: true,
+          width: 120,
           render(value2) {
             const colorMap = {
               "Warning": "red",
@@ -10490,6 +10507,7 @@ var __publicField = (obj, key, value) => {
           dataIndex: ["reason"],
           title: i18n2.t("dovetail.reason"),
           sortable: true,
+          width: 120,
           sorter: CommonSorter(["reason"])
         },
         {
@@ -10498,6 +10516,7 @@ var __publicField = (obj, key, value) => {
           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 })
@@ -10532,7 +10551,7 @@ var __publicField = (obj, key, value) => {
         error: false,
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
-        currentSize,
+        defaultSize: currentSize,
         refetch: () => null,
         showMenuColumn: false
       }
@@ -10585,6 +10604,7 @@ var __publicField = (obj, key, value) => {
         display: true,
         dataIndex: "pathType",
         title: t2("dovetail.path_type"),
+        width: 160,
         sortable: true
       },
       {
@@ -10592,6 +10612,7 @@ var __publicField = (obj, key, value) => {
         display: true,
         dataIndex: "fullPath",
         title: t2("dovetail.path"),
+        width: 478,
         sortable: true
       },
       {
@@ -10600,6 +10621,7 @@ var __publicField = (obj, key, value) => {
         dataIndex: "serviceName",
         title: t2("dovetail.backend"),
         sortable: true,
+        width: 160,
         render: (serviceName, record) => {
           return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
@@ -10616,6 +10638,7 @@ var __publicField = (obj, key, value) => {
         display: true,
         dataIndex: "servicePort",
         title: t2("dovetail.port"),
+        width: 120,
         sortable: true
       },
       {
@@ -10623,6 +10646,7 @@ var __publicField = (obj, key, value) => {
         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;
@@ -10658,7 +10682,7 @@ var __publicField = (obj, key, value) => {
         columns: addDefaultRenderToColumns(columns),
         rowKey: "pathType",
         empty: t2("dovetail.empty"),
-        currentSize,
+        defaultSize: currentSize,
         currentPage,
         onPageChange: setCurrentPage,
         showMenuColumn: false
@@ -11120,7 +11144,8 @@ var __publicField = (obj, key, value) => {
       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, {
@@ -11150,7 +11175,7 @@ var __publicField = (obj, key, value) => {
         error: false,
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
-        currentSize,
+        defaultSize: currentSize,
         refetch: () => null,
         showMenuColumn: false
       })]
@@ -11891,7 +11916,7 @@ var __publicField = (obj, key, value) => {
         });
       }
     }
-    function C2(a2) {
+    function C(a2) {
       if (null == a2)
         return null;
       if ("function" === typeof a2)
@@ -11923,12 +11948,12 @@ var __publicField = (obj, key, value) => {
             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;
     }
@@ -12040,23 +12065,23 @@ var __publicField = (obj, key, value) => {
     ["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) {
@@ -12315,11 +12340,11 @@ var __publicField = (obj, key, value) => {
     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)
@@ -12333,14 +12358,14 @@ var __publicField = (obj, key, value) => {
           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);
@@ -12348,22 +12373,22 @@ var __publicField = (obj, key, value) => {
         }
         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));
               }
@@ -12377,7 +12402,7 @@ var __publicField = (obj, key, value) => {
           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));
       }
@@ -12490,9 +12515,9 @@ var __publicField = (obj, key, value) => {
               }
               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));
@@ -12663,14 +12688,14 @@ var __publicField = (obj, key, value) => {
         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;
@@ -12687,7 +12712,7 @@ var __publicField = (obj, key, value) => {
                       r2 = ";";
                     }
                   }
-                m2 = w || null;
+                m = w || null;
               }
               n2 = null;
               b:
@@ -12708,7 +12733,7 @@ var __publicField = (obj, key, value) => {
                     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);
             }
           }
@@ -12770,14 +12795,14 @@ var __publicField = (obj, key, value) => {
     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;
@@ -17652,8 +17677,8 @@ var __publicField = (obj, key, value) => {
           const currentEditorUri = model == null ? void 0 : model.uri;
           if (model && uri2.toString() === (currentEditorUri == null ? void 0 : currentEditorUri.toString())) {
             const marks = monaco__namespace.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);
@@ -17767,7 +17792,8 @@ var __publicField = (obj, key, value) => {
           dataIndex: ["name"],
           title: i18n2.t("dovetail.name"),
           sortable: true,
-          sorter: CommonSorter(["name"])
+          sorter: CommonSorter(["name"]),
+          width: 200
         },
         {
           key: "state",
@@ -17775,6 +17801,7 @@ var __publicField = (obj, key, value) => {
           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 })
         },
         {
@@ -17782,12 +17809,14 @@ var __publicField = (obj, key, value) => {
           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
@@ -17800,6 +17829,8 @@ var __publicField = (obj, key, value) => {
           dataIndex: ["restartCount"],
           title: i18n2.t("dovetail.restarts"),
           sortable: true,
+          align: "right",
+          width: 120,
           sorter: CommonSorter(["restartCount"])
         },
         {
@@ -17808,6 +17839,7 @@ var __publicField = (obj, key, value) => {
           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) });
@@ -17841,7 +17873,7 @@ var __publicField = (obj, key, value) => {
         columns: addDefaultRenderToColumns(columns),
         rowKey: "containerID",
         error: false,
-        currentSize,
+        defaultSize: currentSize,
         currentPage,
         onPageChange: setCurrentPage,
         showMenuColumn: false
@@ -18493,7 +18525,7 @@ var __publicField = (obj, key, value) => {
       useTableParams: {},
       columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
       tableProps: {
-        currentSize: 50
+        defaultSize: 50
       },
       formatter,
       Dropdown
@@ -19725,7 +19757,7 @@ var __publicField = (obj, key, value) => {
     }
     return saturation;
   }
-  function getValue$1(hsv, i2, light) {
+  function getValue$2(hsv, i2, light) {
     if (light) {
       return Math.round(hsv.v * 100) + brightnessStep1 * i2;
     }
@@ -19739,7 +19771,7 @@ var __publicField = (obj, key, value) => {
       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);
     }
@@ -19749,7 +19781,7 @@ var __publicField = (obj, key, value) => {
       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);
     }
@@ -20125,13 +20157,13 @@ var __publicField = (obj, key, value) => {
   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) {
@@ -20141,7 +20173,7 @@ var __publicField = (obj, key, value) => {
       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;
@@ -20159,8 +20191,8 @@ var __publicField = (obj, key, value) => {
   }
   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);
@@ -20208,7 +20240,7 @@ var __publicField = (obj, key, value) => {
     }
     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;
@@ -20265,10 +20297,10 @@ var __publicField = (obj, key, value) => {
   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;
@@ -20291,11 +20323,11 @@ var __publicField = (obj, key, value) => {
     React.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) {
@@ -20303,7 +20335,7 @@ var __publicField = (obj, key, value) => {
       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];
@@ -20317,7 +20349,7 @@ var __publicField = (obj, key, value) => {
     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({
@@ -20332,16 +20364,16 @@ var __publicField = (obj, key, value) => {
     React.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);
         }
       }
@@ -20350,12 +20382,12 @@ var __publicField = (obj, key, value) => {
       };
     }, [name2, control, isArrayField, shouldUnregister]);
     React.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]);
@@ -20373,13 +20405,13 @@ var __publicField = (obj, key, value) => {
         }), [name2]),
         onBlur: React.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(),
@@ -20394,19 +20426,19 @@ var __publicField = (obj, key, value) => {
       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)
         }
       })
     };
@@ -20429,7 +20461,7 @@ var __publicField = (obj, key, value) => {
   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) {
@@ -20440,20 +20472,20 @@ var __publicField = (obj, key, value) => {
           } 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;
@@ -20499,13 +20531,13 @@ var __publicField = (obj, key, value) => {
       };
     }
   }
-  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 {};
     }
@@ -20608,7 +20640,7 @@ var __publicField = (obj, key, value) => {
       }
     }
     if (validate) {
-      if (isFunction$1(validate)) {
+      if (isFunction$2(validate)) {
         const result = await validate(inputValue, formValues);
         const validateError = getValidateError(result, inputRef);
         if (validateError) {
@@ -20621,7 +20653,7 @@ var __publicField = (obj, key, value) => {
             return error;
           }
         }
-      } else if (isObject$1(validate)) {
+      } else if (isObject$3(validate)) {
         let validationResult = {};
         for (const key2 in validate) {
           if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {
@@ -20653,7 +20685,7 @@ var __publicField = (obj, key, value) => {
     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) {
@@ -20670,14 +20702,14 @@ var __publicField = (obj, key, value) => {
     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;
@@ -20729,7 +20761,7 @@ var __publicField = (obj, key, value) => {
       }
       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;
         }
       }
@@ -20741,7 +20773,7 @@ var __publicField = (obj, key, value) => {
   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;
       }
     }
@@ -20749,9 +20781,9 @@ var __publicField = (obj, key, value) => {
   };
   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])) {
@@ -20763,9 +20795,9 @@ var __publicField = (obj, key, value) => {
   }
   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 {
@@ -20802,7 +20834,7 @@ var __publicField = (obj, key, value) => {
   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 {
@@ -20812,11 +20844,11 @@ var __publicField = (obj, key, value) => {
       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
@@ -20825,8 +20857,8 @@ var __publicField = (obj, key, value) => {
     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 };
       }
@@ -20854,7 +20886,7 @@ var __publicField = (obj, key, value) => {
     }
     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,
@@ -20868,7 +20900,7 @@ var __publicField = (obj, key, value) => {
     let _formState = {
       submitCount: 0,
       isDirty: false,
-      isLoading: isFunction$1(_options.defaultValues),
+      isLoading: isFunction$2(_options.defaultValues),
       isValidating: false,
       isSubmitted: false,
       isSubmitting: false,
@@ -20880,7 +20912,7 @@ var __publicField = (obj, key, value) => {
       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,
@@ -20931,17 +20963,17 @@ var __publicField = (obj, key, value) => {
     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) {
@@ -20972,9 +21004,9 @@ var __publicField = (obj, key, value) => {
       });
     };
     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();
       }
@@ -20985,21 +21017,21 @@ var __publicField = (obj, key, value) => {
       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;
@@ -21010,7 +21042,7 @@ var __publicField = (obj, key, value) => {
       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 = debounce(() => updateErrors(name2, error));
@@ -21040,7 +21072,7 @@ var __publicField = (obj, key, value) => {
       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 {
@@ -21064,7 +21096,7 @@ var __publicField = (obj, key, value) => {
                 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);
         }
@@ -21073,7 +21105,7 @@ var __publicField = (obj, key, value) => {
     };
     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();
@@ -21082,9 +21114,9 @@ var __publicField = (obj, key, value) => {
     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;
@@ -21119,12 +21151,12 @@ var __publicField = (obj, key, value) => {
       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);
@@ -21154,17 +21186,17 @@ var __publicField = (obj, key, value) => {
       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) {
@@ -21214,7 +21246,7 @@ var __publicField = (obj, key, value) => {
       }
     };
     const _focusInput = (ref, key2) => {
-      if (get$1(_formState.errors, key2) && ref.focus) {
+      if (get$2(_formState.errors, key2) && ref.focus) {
         ref.focus();
         return 1;
       }
@@ -21228,10 +21260,10 @@ var __publicField = (obj, key, value) => {
       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();
@@ -21252,13 +21284,13 @@ var __publicField = (obj, key, value) => {
         ..._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));
@@ -21267,7 +21299,7 @@ var __publicField = (obj, key, value) => {
       });
     };
     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
@@ -21279,7 +21311,7 @@ var __publicField = (obj, key, value) => {
       });
       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 = {}) => {
@@ -21306,13 +21338,13 @@ var __publicField = (obj, key, value) => {
     };
     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 || {},
@@ -21350,7 +21382,7 @@ var __publicField = (obj, key, value) => {
         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 || [];
@@ -21364,7 +21396,7 @@ var __publicField = (obj, key, value) => {
                   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 }
@@ -21372,7 +21404,7 @@ var __publicField = (obj, key, value) => {
             });
             updateValidAndValue(name2, false, void 0, fieldRef);
           } else {
-            field = get$1(_fields, name2, {});
+            field = get$2(_fields, name2, {});
             if (field._f) {
               field._f.mount = false;
             }
@@ -21387,7 +21419,7 @@ var __publicField = (obj, key, value) => {
         _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);
           }
@@ -21441,9 +21473,9 @@ var __publicField = (obj, key, value) => {
       }
     };
     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));
@@ -21453,7 +21485,7 @@ var __publicField = (obj, key, value) => {
         }
         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);
@@ -21472,12 +21504,12 @@ var __publicField = (obj, key, value) => {
       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)) {
@@ -21522,9 +21554,9 @@ var __publicField = (obj, key, value) => {
         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;
@@ -21540,7 +21572,7 @@ var __publicField = (obj, key, value) => {
         ...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
@@ -21620,13 +21652,13 @@ var __publicField = (obj, key, value) => {
       getFieldState
     };
   }
-  function useForm(props = {}) {
+  function useForm$1(props = {}) {
     const _formControl = React.useRef();
     const _values = React.useRef();
     const [formState, updateFormState] = React.useState({
       isDirty: false,
       isValidating: false,
-      isLoading: isFunction$1(props.defaultValues),
+      isLoading: isFunction$2(props.defaultValues),
       isSubmitted: false,
       isSubmitting: false,
       isSubmitSuccessful: false,
@@ -21636,7 +21668,7 @@ var __publicField = (obj, key, value) => {
       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 = {
@@ -21709,10 +21741,8 @@ var __publicField = (obj, key, value) => {
     } = 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,
@@ -21767,13 +21797,13 @@ var __publicField = (obj, key, value) => {
                 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(eagle.Form.Item, {
             label: c2.label,
@@ -21799,20 +21829,23 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  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;
@@ -21829,61 +21862,76 @@ var __publicField = (obj, key, value) => {
     }
     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);
@@ -21896,6 +21944,8 @@ var __publicField = (obj, key, value) => {
     }
     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;
@@ -21904,56 +21954,71 @@ var __publicField = (obj, key, value) => {
   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) {
@@ -21961,19 +22026,23 @@ var __publicField = (obj, key, value) => {
       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)) {
@@ -21982,10 +22051,12 @@ var __publicField = (obj, key, value) => {
     }
     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;
     }
@@ -21998,14 +22069,20 @@ var __publicField = (obj, key, value) => {
     --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;
@@ -22015,7 +22092,9 @@ var __publicField = (obj, key, value) => {
     }
     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) {
@@ -22023,47 +22102,63 @@ var __publicField = (obj, key, value) => {
       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) {
@@ -22071,13 +22166,15 @@ var __publicField = (obj, key, value) => {
       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);
     }
@@ -22090,12 +22187,14 @@ var __publicField = (obj, key, value) => {
       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();
@@ -22105,9 +22204,11 @@ var __publicField = (obj, key, value) => {
     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("");
@@ -22117,88 +22218,109 @@ var __publicField = (obj, key, value) => {
     });
     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) {
@@ -22212,123 +22334,138 @@ var __publicField = (obj, key, value) => {
       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 } = core.useRefineContext(), S = (F == null ? void 0 : F.disableServerSideValidation) || p, U = core.useTranslate(), { warnWhenUnsavedChanges: h, setWarnWhen: b } = core.useWarnAboutChange(), f = a2 ?? h, d = useForm({ ...Q }), { watch: c2, setValue: R, getValues: i2, handleSubmit: T, setError: x } = d, E = core.useForm({ ...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(core.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 } = core.useRefineContext();
+    const disableServerSideValidation = (options == null ? void 0 : options.disableServerSideValidation) || disableServerSideValidationProp;
+    const translate = core.useTranslate();
+    const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = core.useWarnAboutChange();
+    const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+    const useHookFormResult = useForm$1({
+      ...rest
+    });
+    const {
+      watch,
+      setValue,
+      getValues,
+      handleSubmit: handleSubmitReactHookForm,
+      setError,
+      formState
+    } = useHookFormResult;
+    const useFormCoreResult = core.useForm({
+      ...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(core.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;
     React.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(core.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]), React.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(core.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] = React.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]);
     React.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 = core.useInvalidate(), [S, U] = React.useState(false), h = core.useTranslate(), { resource: b, action: f } = a2 ?? {}, { resource: d, action: c2, identifier: R } = core.useResource(b), i2 = core.useParsed(), T = core.useGo(), x = core.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 } = core.useModal({ defaultVisible: B });
-    React.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.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 } = core.useWarnAboutChange(), Z = React.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]), _ = React.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] = React.useState("");
     const i18n2 = useTranslation();
-    const result = C({
-      mode: "onChange",
+    const result = useForm({
+      mode: "onSubmit",
+      reValidateMode: "onChange",
       refineCoreProps: {
         errorNotification: false,
         successNotification: () => {
@@ -22359,10 +22496,11 @@ var __publicField = (obj, key, value) => {
       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 = "";
@@ -23050,7 +23188,7 @@ var __publicField = (obj, key, value) => {
   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,
@@ -23066,10 +23204,8 @@ var __publicField = (obj, key, value) => {
     const [yamlSaveButtonProps, setYamlSaveButtonProps] = React.useState({});
     const [isError, setIsError] = React.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 = React.useMemo(() => {
       var _a2, _b2, _c2;
       return {
@@ -23078,7 +23214,7 @@ var __publicField = (obj, key, value) => {
         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
@@ -23089,7 +23225,7 @@ var __publicField = (obj, key, value) => {
         },
         onFinish: eagle.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,
@@ -23098,10 +23234,10 @@ var __publicField = (obj, key, value) => {
           eagle.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);
@@ -23130,10 +23266,21 @@ var __publicField = (obj, key, value) => {
         return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
       }
     })();
+    const title = React.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(eagle.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(iconsReact.ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
@@ -23145,9 +23292,9 @@ var __publicField = (obj, key, value) => {
       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]
     });
   }
@@ -23185,7 +23332,8 @@ var __publicField = (obj, key, value) => {
       className: "c1pvtlkp",
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
         config,
-        formResult
+        formResult,
+        action
       }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
         ...saveButtonProps,
         onClick,
@@ -23517,7 +23665,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
-  const columns_44785k = "";
+  const columns_qgyagz = "";
   const DashedTitleStyle = "dh5j833";
   const ServiceClusterTooltipStyle = "s1fcgan";
   const NameLink = (props) => {
@@ -24097,7 +24245,7 @@ var __publicField = (obj, key, value) => {
       },
       [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;
@@ -24110,7 +24258,7 @@ var __publicField = (obj, key, value) => {
       error: false,
       rowKey: "id",
       currentPage,
-      currentSize,
+      defaultSize: currentSize,
       onPageChange,
       onSelect: (keys) => {
         setSelectedKeys(keys);