@dovetail-v2/refine 0.1.9 → 0.1.10

package/dist/refine.umd.cjs

@@ -31,308 +31,301 @@ var __publicField = (obj, key, value) => {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
   }
   var dayjs_min = { exports: {} };
-  var hasRequiredDayjs_min;
-  function requireDayjs_min() {
-    if (hasRequiredDayjs_min)
-      return dayjs_min.exports;
-    hasRequiredDayjs_min = 1;
-    (function(module2, exports3) {
-      !function(t2, e2) {
-        module2.exports = e2();
-      }(commonjsGlobal, function() {
-        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]) + "]";
-        } }, 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: m, z: function(t3) {
-          var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
-          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);
-          var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i3 = e3.clone().add(r3, c2), s3 = n3 - i3 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
-          return +(-(r3 + (n3 - i3) / (s3 ? i3 - u2 : u2 - i3)) || 0);
-        }, a: function(t3) {
-          return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
-        }, p: function(t3) {
-          return { M: c2, y: h, w: o, d: a2, D: d, h: u, m: s2, s: i2, ms: r2, Q: f }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
-        }, u: function(t3) {
-          return void 0 === t3;
-        } }, g = "en", D = {};
-        D[g] = M;
-        var p = "$isDayjsObject", S = function(t3) {
-          return t3 instanceof _ || !(!t3 || !t3[p]);
-        }, w = function t3(e3, n3, r3) {
-          var i3;
-          if (!e3)
-            return g;
-          if ("string" == typeof e3) {
-            var s3 = e3.toLowerCase();
-            D[s3] && (i3 = s3), n3 && (D[s3] = n3, i3 = s3);
-            var u2 = e3.split("-");
-            if (!i3 && u2.length > 1)
-              return t3(u2[0]);
-          } else {
-            var a3 = e3.name;
-            D[a3] = e3, i3 = a3;
-          }
-          return !r3 && i3 && (g = i3), i3 || !r3 && g;
-        }, O = function(t3, e3) {
-          if (S(t3))
-            return t3.clone();
-          var n3 = "object" == typeof e3 ? e3 : {};
-          return n3.date = t3, n3.args = arguments, new _(n3);
-        }, b = v;
-        b.l = w, b.i = S, b.w = function(t3, e3) {
-          return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
-        };
-        var _ = function() {
-          function M2(t3) {
-            this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
-          }
-          var m2 = M2.prototype;
-          return m2.parse = function(t3) {
-            this.$d = function(t4) {
-              var e3 = t4.date, n3 = t4.utc;
-              if (null === e3)
-                return /* @__PURE__ */ new Date(NaN);
-              if (b.u(e3))
-                return /* @__PURE__ */ new Date();
-              if (e3 instanceof Date)
-                return new Date(e3);
-              if ("string" == typeof e3 && !/Z$/i.test(e3)) {
-                var r3 = e3.match($);
-                if (r3) {
-                  var i3 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
-                  return n3 ? new Date(Date.UTC(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
-                }
-              }
+  (function(module2, exports3) {
+    !function(t2, e2) {
+      module2.exports = e2();
+    }(commonjsGlobal, function() {
+      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]) + "]";
+      } }, 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: m, z: function(t3) {
+        var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
+        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);
+        var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i3 = e3.clone().add(r3, c2), s3 = n3 - i3 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
+        return +(-(r3 + (n3 - i3) / (s3 ? i3 - u2 : u2 - i3)) || 0);
+      }, a: function(t3) {
+        return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
+      }, p: function(t3) {
+        return { M: c2, y: h, w: o, d: a2, D: d, h: u, m: s2, s: i2, ms: r2, Q: f }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t3) {
+        return void 0 === t3;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = function(t3) {
+        return t3 instanceof _ || !(!t3 || !t3[p]);
+      }, w = function t3(e3, n3, r3) {
+        var i3;
+        if (!e3)
+          return g;
+        if ("string" == typeof e3) {
+          var s3 = e3.toLowerCase();
+          D[s3] && (i3 = s3), n3 && (D[s3] = n3, i3 = s3);
+          var u2 = e3.split("-");
+          if (!i3 && u2.length > 1)
+            return t3(u2[0]);
+        } else {
+          var a3 = e3.name;
+          D[a3] = e3, i3 = a3;
+        }
+        return !r3 && i3 && (g = i3), i3 || !r3 && g;
+      }, O = function(t3, e3) {
+        if (S(t3))
+          return t3.clone();
+        var n3 = "object" == typeof e3 ? e3 : {};
+        return n3.date = t3, n3.args = arguments, new _(n3);
+      }, b = v;
+      b.l = w, b.i = S, b.w = function(t3, e3) {
+        return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
+      };
+      var _ = function() {
+        function M2(t3) {
+          this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
+        }
+        var m2 = M2.prototype;
+        return m2.parse = function(t3) {
+          this.$d = function(t4) {
+            var e3 = t4.date, n3 = t4.utc;
+            if (null === e3)
+              return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e3))
+              return /* @__PURE__ */ new Date();
+            if (e3 instanceof Date)
               return new Date(e3);
-            }(t3), this.init();
-          }, 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();
-          }, m2.$utils = function() {
-            return b;
-          }, m2.isValid = function() {
-            return !(this.$d.toString() === l);
-          }, m2.isSame = function(t3, e3) {
-            var n3 = O(t3);
-            return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
-          }, m2.isAfter = function(t3, e3) {
-            return O(t3) < this.startOf(e3);
-          }, m2.isBefore = function(t3, e3) {
-            return this.endOf(e3) < O(t3);
-          }, m2.$g = function(t3, e3, n3) {
-            return b.u(t3) ? this[e3] : this.set(n3, t3);
-          }, m2.unix = function() {
-            return Math.floor(this.valueOf() / 1e3);
-          }, m2.valueOf = function() {
-            return this.$d.getTime();
-          }, 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, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-            switch (f2) {
-              case h:
-                return r3 ? l2(1, 0) : l2(31, 11);
-              case c2:
-                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 ? m3 - D2 : m3 + (6 - D2), M3);
-              case a2:
-              case d:
-                return $2(v2 + "Hours", 0);
-              case u:
-                return $2(v2 + "Minutes", 1);
-              case s2:
-                return $2(v2 + "Seconds", 2);
-              case i2:
-                return $2(v2 + "Milliseconds", 3);
-              default:
-                return this.clone();
-            }
-          }, m2.endOf = function(t3) {
-            return this.startOf(t3, false);
-          }, 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);
-              y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-            } else
-              l2 && this.$d[l2]($2);
-            return this.init(), this;
-          }, m2.set = function(t3, e3) {
-            return this.clone().$set(t3, e3);
-          }, m2.get = function(t3) {
-            return this[b.p(t3)]();
-          }, m2.add = function(r3, f2) {
-            var d2, l2 = this;
-            r3 = Number(r3);
-            var $2 = b.p(f2), y2 = function(t3) {
-              var e3 = O(l2);
-              return b.w(e3.date(e3.date() + Math.round(t3 * r3)), l2);
-            };
-            if ($2 === c2)
-              return this.set(c2, this.$M + r3);
-            if ($2 === h)
-              return this.set(h, this.$y + r3);
-            if ($2 === a2)
-              return y2(1);
-            if ($2 === o)
-              return y2(7);
-            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);
-          }, m2.format = function(t3) {
-            var e3 = this, n3 = this.$locale();
-            if (!this.isValid())
-              return n3.invalidDate || l;
-            var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i3 = b.z(this), s3 = this.$H, u2 = this.$m, a3 = this.$M, o2 = n3.weekdays, c3 = n3.months, f2 = n3.meridiem, h2 = function(t4, n4, i4, s4) {
-              return t4 && (t4[n4] || t4(e3, r3)) || i4[n4].slice(0, s4);
-            }, d2 = function(t4) {
-              return b.s(s3 % 12 || 12, t4, "0");
-            }, $2 = f2 || function(t4, e4, n4) {
-              var r4 = t4 < 12 ? "AM" : "PM";
-              return n4 ? r4.toLowerCase() : r4;
-            };
-            return r3.replace(y, function(t4, r4) {
-              return r4 || function(t5) {
-                switch (t5) {
-                  case "YY":
-                    return String(e3.$y).slice(-2);
-                  case "YYYY":
-                    return b.s(e3.$y, 4, "0");
-                  case "M":
-                    return a3 + 1;
-                  case "MM":
-                    return b.s(a3 + 1, 2, "0");
-                  case "MMM":
-                    return h2(n3.monthsShort, a3, c3, 3);
-                  case "MMMM":
-                    return h2(c3, a3);
-                  case "D":
-                    return e3.$D;
-                  case "DD":
-                    return b.s(e3.$D, 2, "0");
-                  case "d":
-                    return String(e3.$W);
-                  case "dd":
-                    return h2(n3.weekdaysMin, e3.$W, o2, 2);
-                  case "ddd":
-                    return h2(n3.weekdaysShort, e3.$W, o2, 3);
-                  case "dddd":
-                    return o2[e3.$W];
-                  case "H":
-                    return String(s3);
-                  case "HH":
-                    return b.s(s3, 2, "0");
-                  case "h":
-                    return d2(1);
-                  case "hh":
-                    return d2(2);
-                  case "a":
-                    return $2(s3, u2, true);
-                  case "A":
-                    return $2(s3, u2, false);
-                  case "m":
-                    return String(u2);
-                  case "mm":
-                    return b.s(u2, 2, "0");
-                  case "s":
-                    return String(e3.$s);
-                  case "ss":
-                    return b.s(e3.$s, 2, "0");
-                  case "SSS":
-                    return b.s(e3.$ms, 3, "0");
-                  case "Z":
-                    return i3;
-                }
-                return null;
-              }(t4) || i3.replace(":", "");
-            });
-          }, m2.utcOffset = function() {
-            return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-          }, 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:
-                $2 = D2() / 12;
-                break;
-              case c2:
-                $2 = D2();
-                break;
-              case f:
-                $2 = D2() / 3;
-                break;
-              case o:
-                $2 = (g2 - v2) / 6048e5;
-                break;
-              case a2:
-                $2 = (g2 - v2) / 864e5;
-                break;
-              case u:
-                $2 = g2 / n2;
-                break;
-              case s2:
-                $2 = g2 / e2;
-                break;
-              case i2:
-                $2 = g2 / t2;
-                break;
-              default:
-                $2 = g2;
-            }
-            return l2 ? $2 : b.a($2);
-          }, m2.daysInMonth = function() {
-            return this.endOf(c2).$D;
-          }, m2.$locale = function() {
-            return D[this.$L];
-          }, 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;
-          }, m2.clone = function() {
-            return b.w(this.$d, this);
-          }, m2.toDate = function() {
-            return new Date(this.valueOf());
-          }, m2.toJSON = function() {
-            return this.isValid() ? this.toISOString() : null;
-          }, m2.toISOString = function() {
-            return this.$d.toISOString();
-          }, m2.toString = function() {
-            return this.$d.toUTCString();
-          }, M2;
-        }(), k = _.prototype;
-        return O.prototype = k, [["$ms", r2], ["$s", i2], ["$m", s2], ["$H", u], ["$W", a2], ["$M", c2], ["$y", h], ["$D", d]].forEach(function(t3) {
-          k[t3[1]] = function(e3) {
-            return this.$g(e3, t3[0], t3[1]);
+            if ("string" == typeof e3 && !/Z$/i.test(e3)) {
+              var r3 = e3.match($);
+              if (r3) {
+                var i3 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
+                return n3 ? new Date(Date.UTC(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
+              }
+            }
+            return new Date(e3);
+          }(t3), this.init();
+        }, 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();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t3, e3) {
+          var n3 = O(t3);
+          return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
+        }, m2.isAfter = function(t3, e3) {
+          return O(t3) < this.startOf(e3);
+        }, m2.isBefore = function(t3, e3) {
+          return this.endOf(e3) < O(t3);
+        }, m2.$g = function(t3, e3, n3) {
+          return b.u(t3) ? this[e3] : this.set(n3, t3);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, 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, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r3 ? l2(1, 0) : l2(31, 11);
+            case c2:
+              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 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a2:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s2:
+              return $2(v2 + "Seconds", 2);
+            case i2:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t3) {
+          return this.startOf(t3, false);
+        }, 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);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t3, e3) {
+          return this.clone().$set(t3, e3);
+        }, m2.get = function(t3) {
+          return this[b.p(t3)]();
+        }, m2.add = function(r3, f2) {
+          var d2, l2 = this;
+          r3 = Number(r3);
+          var $2 = b.p(f2), y2 = function(t3) {
+            var e3 = O(l2);
+            return b.w(e3.date(e3.date() + Math.round(t3 * r3)), l2);
           };
-        }), O.extend = function(t3, e3) {
-          return t3.$i || (t3(e3, _, O), t3.$i = true), O;
-        }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
-          return O(1e3 * t3);
-        }, O.en = D[g], O.Ls = D, O.p = {}, O;
-      });
-    })(dayjs_min);
-    return dayjs_min.exports;
-  }
-  var dayjs_minExports = requireDayjs_min();
+          if ($2 === c2)
+            return this.set(c2, this.$M + r3);
+          if ($2 === h)
+            return this.set(h, this.$y + r3);
+          if ($2 === a2)
+            return y2(1);
+          if ($2 === o)
+            return y2(7);
+          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);
+        }, m2.format = function(t3) {
+          var e3 = this, n3 = this.$locale();
+          if (!this.isValid())
+            return n3.invalidDate || l;
+          var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i3 = b.z(this), s3 = this.$H, u2 = this.$m, a3 = this.$M, o2 = n3.weekdays, c3 = n3.months, f2 = n3.meridiem, h2 = function(t4, n4, i4, s4) {
+            return t4 && (t4[n4] || t4(e3, r3)) || i4[n4].slice(0, s4);
+          }, d2 = function(t4) {
+            return b.s(s3 % 12 || 12, t4, "0");
+          }, $2 = f2 || function(t4, e4, n4) {
+            var r4 = t4 < 12 ? "AM" : "PM";
+            return n4 ? r4.toLowerCase() : r4;
+          };
+          return r3.replace(y, function(t4, r4) {
+            return r4 || function(t5) {
+              switch (t5) {
+                case "YY":
+                  return String(e3.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e3.$y, 4, "0");
+                case "M":
+                  return a3 + 1;
+                case "MM":
+                  return b.s(a3 + 1, 2, "0");
+                case "MMM":
+                  return h2(n3.monthsShort, a3, c3, 3);
+                case "MMMM":
+                  return h2(c3, a3);
+                case "D":
+                  return e3.$D;
+                case "DD":
+                  return b.s(e3.$D, 2, "0");
+                case "d":
+                  return String(e3.$W);
+                case "dd":
+                  return h2(n3.weekdaysMin, e3.$W, o2, 2);
+                case "ddd":
+                  return h2(n3.weekdaysShort, e3.$W, o2, 3);
+                case "dddd":
+                  return o2[e3.$W];
+                case "H":
+                  return String(s3);
+                case "HH":
+                  return b.s(s3, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s3, u2, true);
+                case "A":
+                  return $2(s3, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e3.$s);
+                case "ss":
+                  return b.s(e3.$s, 2, "0");
+                case "SSS":
+                  return b.s(e3.$ms, 3, "0");
+                case "Z":
+                  return i3;
+              }
+              return null;
+            }(t4) || i3.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, 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:
+              $2 = D2() / 12;
+              break;
+            case c2:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a2:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n2;
+              break;
+            case s2:
+              $2 = g2 / e2;
+              break;
+            case i2:
+              $2 = g2 / t2;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c2).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, 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;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r2], ["$s", i2], ["$m", s2], ["$H", u], ["$W", a2], ["$M", c2], ["$y", h], ["$D", d]].forEach(function(t3) {
+        k[t3[1]] = function(e3) {
+          return this.$g(e3, t3[0], t3[1]);
+        };
+      }), O.extend = function(t3, e3) {
+        return t3.$i || (t3(e3, _, O), t3.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
+        return O(1e3 * t3);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  })(dayjs_min);
+  var dayjs_minExports = dayjs_min.exports;
   const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
   var zh = { exports: {} };
   (function(module2, exports3) {
     !function(e2, _) {
-      module2.exports = _(requireDayjs_min());
+      module2.exports = _(dayjs_minExports);
     }(commonjsGlobal, function(e2) {
       function _(e3) {
         return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
@@ -1027,8 +1020,8 @@ var __publicField = (obj, key, value) => {
   const fetch_schema_fail$1 = "获取 schema 失败。";
   const obtain_data_error$1 = "Having trouble getting data.";
   const retry$1 = "Retry";
-  const create_resource$1 = "Create {{resource}}";
-  const edit_resource$1 = "Edit {{resource}}";
+  const create_resource$1 = "Create{{resource}}";
+  const edit_resource$1 = "Edit{{resource}}";
   const state$1 = "Status";
   const name$1 = "Name";
   const pod$1 = "Pod";
@@ -1062,18 +1055,18 @@ var __publicField = (obj, key, value) => {
   const resume$1 = "Resume";
   const sessionAffinity$1 = "Session Affinity";
   const log$1 = "Log";
-  const ready$1 = "Ready";
-  const updating$1 = "Updating";
-  const completed$1 = "Completed";
-  const failed$1 = "Failed";
-  const suspended$1 = "Suspended";
-  const running$1 = "Running";
-  const terminating$1 = "Terminating";
-  const terminated$1 = "Terminated";
-  const succeeded$1 = "Succeeded";
-  const unknown$1 = "Unknown";
-  const pending$1 = "Pending";
-  const waiting$1 = "Waiting";
+  const ready = "Ready";
+  const updating = "Updating";
+  const completed = "Completed";
+  const failed = "Failed";
+  const suspended = "Suspended";
+  const running = "Running";
+  const terminating = "Terminating";
+  const terminated = "Terminated";
+  const succeeded = "Succeeded";
+  const unknown = "Unknown";
+  const pending = "Pending";
+  const waiting = "Waiting";
   const expand$1 = "Expand";
   const fold$1 = "Collapse";
   const rule$1 = "Rule";
@@ -1164,7 +1157,7 @@ var __publicField = (obj, key, value) => {
   const path_type$1 = "Path type";
   const only_support_one_yaml$1 = "Only one YAML configuration is supported at a time.";
   const not_support$1 = "Not supported";
-  const stopped$1 = "Stopped";
+  const stopped = "Stopped";
   const any_node_ip$1 = "Any node IP";
   const storage_class$1 = "Storage class";
   const persistent_volume$1 = "Persistent volume";
@@ -1174,11 +1167,11 @@ var __publicField = (obj, key, value) => {
   const volume_mode$1 = "Volume mode";
   const access_mode$1 = "Access mode";
   const block$1 = "Block";
-  const pv_phase_available$1 = "Available";
-  const pv_phase_bound$1 = "Bound";
-  const pv_phase_released$1 = "Released";
-  const pv_phase_failed$1 = "Failed";
-  const pv_phase_pending$1 = "Pending";
+  const pv_phase_available = "Available";
+  const pv_phase_bound = "Bound";
+  const pv_phase_released = "Released";
+  const pv_phase_failed = "Failed";
+  const pv_phase_pending = "Pending";
   const exec_pod = "Execute shell";
   const search$1 = "Search";
   const edit_label$1 = "Edit label";
@@ -1232,18 +1225,18 @@ var __publicField = (obj, key, value) => {
     resume: resume$1,
     sessionAffinity: sessionAffinity$1,
     log: log$1,
-    ready: ready$1,
-    updating: updating$1,
-    completed: completed$1,
-    failed: failed$1,
-    suspended: suspended$1,
-    running: running$1,
-    terminating: terminating$1,
-    terminated: terminated$1,
-    succeeded: succeeded$1,
-    unknown: unknown$1,
-    pending: pending$1,
-    waiting: waiting$1,
+    ready,
+    updating,
+    completed,
+    failed,
+    suspended,
+    running,
+    terminating,
+    terminated,
+    succeeded,
+    unknown,
+    pending,
+    waiting,
     expand: expand$1,
     fold: fold$1,
     rule: rule$1,
@@ -1336,7 +1329,7 @@ var __publicField = (obj, key, value) => {
     path_type: path_type$1,
     only_support_one_yaml: only_support_one_yaml$1,
     not_support: not_support$1,
-    stopped: stopped$1,
+    stopped,
     any_node_ip: any_node_ip$1,
     storage_class: storage_class$1,
     persistent_volume: persistent_volume$1,
@@ -1346,11 +1339,11 @@ var __publicField = (obj, key, value) => {
     volume_mode: volume_mode$1,
     access_mode: access_mode$1,
     block: block$1,
-    pv_phase_available: pv_phase_available$1,
-    pv_phase_bound: pv_phase_bound$1,
-    pv_phase_released: pv_phase_released$1,
-    pv_phase_failed: pv_phase_failed$1,
-    pv_phase_pending: pv_phase_pending$1,
+    pv_phase_available,
+    pv_phase_bound,
+    pv_phase_released,
+    pv_phase_failed,
+    pv_phase_pending,
     exec_pod,
     search: search$1,
     edit_label: edit_label$1
@@ -1414,20 +1407,20 @@ var __publicField = (obj, key, value) => {
   const fetch_schema_fail = "获取 schema 失败。";
   const obtain_data_error = "获取数据时遇到问题。";
   const retry = "重试";
-  const ready = "已就绪";
-  const updating = "更新中";
-  const completed = "已完成";
-  const failed = "异常";
-  const suspended = "已挂起";
-  const running = "运行中";
-  const terminating = "终止中";
-  const succeeded = "已成功终止";
-  const terminated = "已终止";
-  const unknown = "未知";
-  const pending = "待处理";
-  const waiting = "等待中";
-  const create_resource = "创建 {{resource}}";
-  const edit_resource = "编辑 {{resource}}";
+  const ready_state = "已就绪";
+  const updating_state = "更新中";
+  const completed_state = "已完成";
+  const abnormal_state = "异常";
+  const suspended_state = "已挂起";
+  const running_state = "运行中";
+  const terminating_state = "终止中";
+  const succeeded_state = "已成功终止";
+  const terminated_state = "已终止";
+  const unknown_state = "未知";
+  const pending_state = "待处理";
+  const waiting_state = "等待中";
+  const create_resource = "创建{{resource}}";
+  const edit_resource = "编辑{{resource}}";
   const sec = "秒";
   const min = "分";
   const hr = "小时";
@@ -1462,6 +1455,7 @@ var __publicField = (obj, key, value) => {
   const protocol = "协议";
   const key = "键";
   const value = "值";
+  const effect = "效果";
   const show_data_value = "显示数值";
   const hide_data_value = "隐藏数值";
   const path_type = "路径类型";
@@ -1510,7 +1504,7 @@ var __publicField = (obj, key, value) => {
   const only_support_one_yaml = "一次仅支持输入一个 YAML 配置。";
   const support = "支持";
   const not_support = "不支持";
-  const stopped = "已停止";
+  const stopped_state = "已停止";
   const any_node_ip = "任意节点 IP";
   const storage_class = "存储类";
   const persistent_volume = "持久卷";
@@ -1521,11 +1515,11 @@ var __publicField = (obj, key, value) => {
   const volume_mode = "卷模式";
   const access_mode = "访问模式";
   const block = "块";
-  const pv_phase_available = "可用";
-  const pv_phase_bound = "已绑定";
-  const pv_phase_released = "已释放";
-  const pv_phase_failed = "失败";
-  const pv_phase_pending = "等待中";
+  const available_state = "可用";
+  const bound_state = "已绑定";
+  const released_state = "已释放";
+  const failed_state = "失败";
+  const lost_state = "卷不可用";
   const font_size = "字体大小";
   const download_shell_content = "下载控制台日志";
   const clear_shell = "清空命令行";
@@ -1551,6 +1545,16 @@ var __publicField = (obj, key, value) => {
   const edit_distribute_storage = "编辑分配量";
   const edit_distribute_storage_success_toast = "编辑分配量成功";
   const edit_distribute_storage_failed_toast = "编辑分配量失败";
+  const edit_node_taint = "编辑节点污点";
+  const edit_node_taint_success_toast = "编辑节点 {{name}} 的污点成功";
+  const node_taint_NoSchedule = "仅阻止调度";
+  const node_taint_PreferNoSchedule = "尽可能阻止调度";
+  const node_taint_NoExecute = "阻止调度并驱逐 Pod";
+  const taint = "污点";
+  const change_form_mode_alert = "从编辑 YAML 切回表单编辑，将无法保留对 YAML 文件做出的所有更改。";
+  const pvc_storage_required = "请填写分配量。";
+  const pvc_storage_min = "请输入正整数。";
+  const pvc_storage_reduce_limit = "输入值不得小于当前数值。";
   const dovetail = {
     copy: copy$1,
     reset_arguments,
@@ -1609,18 +1613,18 @@ var __publicField = (obj, key, value) => {
     fetch_schema_fail,
     obtain_data_error,
     retry,
-    ready,
-    updating,
-    completed,
-    failed,
-    suspended,
-    running,
-    terminating,
-    succeeded,
-    terminated,
-    unknown,
-    pending,
-    waiting,
+    ready_state,
+    updating_state,
+    completed_state,
+    abnormal_state,
+    suspended_state,
+    running_state,
+    terminating_state,
+    succeeded_state,
+    terminated_state,
+    unknown_state,
+    pending_state,
+    waiting_state,
     create_resource,
     edit_resource,
     sec,
@@ -1657,6 +1661,7 @@ var __publicField = (obj, key, value) => {
     protocol,
     key,
     value,
+    effect,
     show_data_value,
     hide_data_value,
     path_type,
@@ -1707,7 +1712,7 @@ var __publicField = (obj, key, value) => {
     only_support_one_yaml,
     support,
     not_support,
-    stopped,
+    stopped_state,
     any_node_ip,
     storage_class,
     persistent_volume,
@@ -1718,11 +1723,11 @@ var __publicField = (obj, key, value) => {
     volume_mode,
     access_mode,
     block,
-    pv_phase_available,
-    pv_phase_bound,
-    pv_phase_released,
-    pv_phase_failed,
-    pv_phase_pending,
+    available_state,
+    bound_state,
+    released_state,
+    failed_state,
+    lost_state,
     font_size,
     download_shell_content,
     clear_shell,
@@ -1747,7 +1752,17 @@ var __publicField = (obj, key, value) => {
     allow_expand,
     edit_distribute_storage,
     edit_distribute_storage_success_toast,
-    edit_distribute_storage_failed_toast
+    edit_distribute_storage_failed_toast,
+    edit_node_taint,
+    edit_node_taint_success_toast,
+    node_taint_NoSchedule,
+    node_taint_PreferNoSchedule,
+    node_taint_NoExecute,
+    taint,
+    change_form_mode_alert,
+    pvc_storage_required,
+    pvc_storage_min,
+    pvc_storage_reduce_limit
   };
   const ZH = {
     dovetail
@@ -8850,15 +8865,15 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  const TableWidgets_sc2nyo = "";
+  const TableWidgets_zbqkvj = "";
   const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
     name: "AuxiliaryLine",
-    class: "ax1qopv",
+    class: "a60f3dj",
     propsAsIs: false
   });
-  const index_dp43sd = "";
-  const TableContainerStyle = "t1upn1sz";
-  function Table(props) {
+  const index_17chkj7 = "";
+  const TableContainerStyle = "t47xc8k";
+  function Table$1(props) {
     const {
       t: t2
     } = useTranslation();
@@ -8975,7 +8990,7 @@ var __publicField = (obj, key, value) => {
   const PodSelectorTable = ({ podSelectors = {} }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const datas = Object.keys(podSelectors).map((key2) => ({
       id: key2,
@@ -9020,7 +9035,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "podSelector",
         loading: false,
@@ -9040,7 +9055,7 @@ var __publicField = (obj, key, value) => {
   const PortsTable = ({ service }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = [
       {
@@ -9108,7 +9123,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "ports",
         loading: false,
@@ -9125,6 +9140,409 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
+  function FormErrorAlert(props) {
+    const { title, errorMsgs, style, className, isEdit } = props;
+    const { i18n: i18n2 } = useTranslation();
+    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Alert,
+      {
+        message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
+          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            index2 + 1 + ". ",
+            " ",
+            errorMsg
+          ] }, errorMsg)) }) : lodashEs.first(errorMsgs)
+        ] }),
+        type: "error",
+        style,
+        className
+      }
+    ) : null;
+  }
+  var AccessControlAuth = /* @__PURE__ */ ((AccessControlAuth2) => {
+    AccessControlAuth2["Edit"] = "Edit";
+    AccessControlAuth2["Delete"] = "Delete";
+    AccessControlAuth2["Create"] = "Create";
+    return AccessControlAuth2;
+  })(AccessControlAuth || {});
+  function getCommonErrors(responseBody, i18n2) {
+    var _a;
+    if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
+      return [];
+    }
+    const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
+    if (causes.length) {
+      return causes.map((cause) => {
+        let params = {};
+        let message2 = cause.message;
+        try {
+          const info = JSON.parse(cause.message);
+          params = info.params;
+          message2 = info.message;
+        } catch {
+          return i18n2.t(
+            [
+              `error.${cause.reason}`,
+              `error.${cause.code}`,
+              `${cause.field ? `${cause.field}: ` : ""}${message2}`
+            ],
+            {
+              ...params,
+              fallbackLng: ""
+            }
+          );
+        }
+        return i18n2.t(
+          [
+            `error.${cause.reason}`,
+            `error.${cause.code}`,
+            `${cause.field ? `${cause.field}: ` : ""}${message2}`
+          ],
+          {
+            ...params,
+            fallbackLng: ""
+          }
+        );
+      });
+    }
+    return [
+      i18n2.t(
+        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+        { fallbackLng: "" }
+      )
+    ];
+  }
+  function useSubmitForm(options) {
+    const { formRef, onSubmitSuccess } = options;
+    const { i18n: i18n2 } = useTranslation();
+    const [submitting, setSubmitting] = React.useState(false);
+    const [errorMsgs, setErrorMsgs] = React.useState([]);
+    const reset = React.useCallback(() => {
+      setSubmitting(false);
+      setErrorMsgs([]);
+    }, []);
+    const onSubmit = React.useCallback(async () => {
+      var _a;
+      try {
+        setSubmitting(true);
+        const isFalsy = await ((_a = formRef.current) == null ? void 0 : _a.submit()) === false;
+        if (isFalsy) {
+          return;
+        }
+        onSubmitSuccess == null ? void 0 : onSubmitSuccess();
+        reset();
+      } catch (error) {
+        if (error instanceof Object) {
+          if ("response" in error && error.response instanceof Response) {
+            const response = error.response;
+            const body = await response.json();
+            setErrorMsgs(getCommonErrors(body, i18n2));
+          } else if ("message" in error && typeof error.message === "string") {
+            setErrorMsgs([error.message]);
+          }
+        }
+      } finally {
+        setSubmitting(false);
+      }
+    }, [formRef, i18n2, reset, onSubmitSuccess]);
+    return {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    };
+  }
+  const index_10dq51k = "";
+  const EditButtonStyle = "esoz3jw";
+  function EditFieldModal(props) {
+    const {
+      title,
+      formRef: form2,
+      renderContent,
+      fullscreen
+    } = props;
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const popModal = eagle.usePopModal();
+    const {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    } = useSubmitForm({
+      formRef: form2,
+      onSubmitSuccess: () => {
+        popModal();
+      }
+    });
+    const close = React.useCallback(() => {
+      popModal();
+      reset();
+    }, [reset]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
+      className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
+      title: title || i18n2.t("dovetail.edit"),
+      confirmLoading: submitting,
+      onOk: onSubmit,
+      onCancel: close,
+      okText: i18n2.t("dovetail.save"),
+      normal: true,
+      destroyOnClose: true,
+      fullscreen,
+      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+        style: {
+          marginTop: 16
+        },
+        errorMsgs,
+        isEdit: true
+      })]
+    });
+  }
+  function EditField(props) {
+    const {
+      modalProps
+    } = props;
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const {
+      resource
+    } = core.useResource();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
+        className: cx_default(EditButtonStyle, eagle.Typo.Label.l4_regular_title),
+        type: "link",
+        onClick: () => {
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: i18n2.t("dovetail.edit")
+      })
+    });
+  }
+  var StorageUnit = /* @__PURE__ */ ((StorageUnit2) => {
+    StorageUnit2["Pi"] = "Pi";
+    StorageUnit2["PiB"] = "PiB";
+    StorageUnit2["Ti"] = "Ti";
+    StorageUnit2["TiB"] = "TiB";
+    StorageUnit2["Gi"] = "Gi";
+    StorageUnit2["GiB"] = "GiB";
+    StorageUnit2["Mi"] = "Mi";
+    StorageUnit2["MiB"] = "MiB";
+    StorageUnit2["Ki"] = "Ki";
+    StorageUnit2["KiB"] = "KiB";
+    return StorageUnit2;
+  })(StorageUnit || {});
+  const UNIT_FACTORS = {
+    Pi: 1024 ** 5,
+    PiB: 1024 ** 5,
+    Ti: 1024 ** 4,
+    TiB: 1024 ** 4,
+    Gi: 1024 ** 3,
+    GiB: 1024 ** 3,
+    Mi: 1024 ** 2,
+    MiB: 1024 ** 2,
+    Ki: 1024,
+    KiB: 1024,
+    B: 1
+  };
+  function transformStorageUnit(value2, toUnit = "Gi") {
+    const num = parseFloat(value2);
+    const unit = Object.values(StorageUnit).find((u) => value2.includes(u)) || "Ki";
+    return num / UNIT_FACTORS[unit] * UNIT_FACTORS[toUnit];
+  }
+  const UNITS = ["", "K", "M", "G", "T", "P"];
+  const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
+  function formatSi(inValue, options) {
+    const {
+      increment = 1e3,
+      suffix = null,
+      firstSuffix = null,
+      startingExponent = 0,
+      minExponent = 0,
+      maxPrecision = 2,
+      atLeastOne = true
+    } = options || {};
+    let val = inValue;
+    let exp = startingExponent;
+    while (val >= increment && exp + 1 < UNITS.length || exp < minExponent) {
+      val = val / increment;
+      exp++;
+    }
+    let out = 0;
+    if (val < 10 && maxPrecision >= 2) {
+      out = Math.round(val * 100) / 100;
+    } else if (val < 100 && maxPrecision >= 1) {
+      out = Math.round(val * 10) / 10;
+    } else {
+      out = Math.round(val);
+    }
+    if (atLeastOne && out === 0) {
+      out = 1;
+    }
+    let outStr = String(out);
+    if (exp === 0 && firstSuffix !== null) {
+      outStr += `${firstSuffix}`;
+    } else {
+      outStr += `${UNITS[exp]}${suffix}` || "";
+    }
+    return outStr;
+  }
+  function parseSi(inValue, increment = null, allowFractional = true) {
+    if (!inValue || typeof inValue !== "string" || !inValue.length) {
+      return NaN;
+    }
+    inValue = inValue.replace(/,/g, "");
+    let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
+    const val = parseFloat(valStr);
+    if (!unit) {
+      return val;
+    }
+    if (unit.charCodeAt(0) === 181) {
+      unit = "u";
+    }
+    const divide = FRACTIONAL.includes(unit);
+    const multiply = UNITS.includes(unit.toUpperCase());
+    if (increment === null) {
+      if ((multiply || divide) && incStr === "i") {
+        increment = 1024;
+      } else {
+        increment = 1e3;
+      }
+    }
+    if (divide && allowFractional) {
+      const exp = FRACTIONAL.indexOf(unit);
+      return val / Math.pow(increment, exp);
+    }
+    if (multiply) {
+      const exp = UNITS.indexOf(unit.toUpperCase());
+      return val * Math.pow(increment, exp);
+    }
+    return val;
+  }
+  const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(props, ref) {
+    const { defaultValue, pvc: pvc2 } = props;
+    const { resource } = core.useResource();
+    const { mutateAsync } = core.useUpdate();
+    const { t: t2 } = useTranslation();
+    const [distributeStorage, setDistributeStorage] = React.useState(defaultValue);
+    const [validateResult, setValidateResult] = React.useState({
+      distributeStorage: ""
+    });
+    const validators = React.useMemo(() => {
+      return {
+        distributeStorage(value2) {
+          if (lodashEs.isNil(value2)) {
+            return t2("dovetail.pvc_storage_required");
+          } else if (value2 < 1) {
+            return t2("dovetail.pvc_storage_min");
+          } else if (value2 < defaultValue) {
+            return t2("dovetail.pvc_storage_reduce_limit");
+          }
+          return "";
+        }
+      };
+    }, [t2, defaultValue]);
+    const submit = React.useCallback(() => {
+      const isInvalid = !!validators.distributeStorage(distributeStorage);
+      if (isInvalid) {
+        return false;
+      }
+      const v = pvc2.updateDistributeStorage(distributeStorage);
+      const id = pvc2.id;
+      pruneBeforeEdit(v);
+      return mutateAsync({
+        id,
+        resource: (resource == null ? void 0 : resource.name) || "",
+        values: v,
+        successNotification() {
+          return {
+            message: t2("dovetail.edit_distribute_storage_success_toast", {
+              kind: pvc2.kind,
+              name: pvc2.id,
+              interpolation: {
+                escapeValue: false
+              }
+            }),
+            type: "success"
+          };
+        },
+        errorNotification: false
+      });
+    }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, validators, mutateAsync, t2]);
+    React.useImperativeHandle(ref, () => ({
+      submit
+    }), [submit]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Form.Item,
+      {
+        label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: t2("dovetail.distributed") }),
+        colon: false,
+        help: validateResult.distributeStorage,
+        validateStatus: validateResult.distributeStorage ? "error" : "",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          eagle.Fields.Integer,
+          {
+            style: { width: "142px" },
+            input: {
+              name: "distributeStorage",
+              value: distributeStorage,
+              onChange: (value2) => {
+                const v = Number(value2);
+                setDistributeStorage(v);
+                setValidateResult({
+                  distributeStorage: validators.distributeStorage(v)
+                });
+              },
+              onBlur: () => {
+              },
+              onFocus: () => {
+              }
+            },
+            min: 1,
+            meta: {},
+            suffix: "GiB",
+            controls: true
+          }
+        )
+      }
+    );
+  });
+  function PVCDistributeStorage({ pvc: pvc2, editable }) {
+    var _a, _b;
+    const { t: t2 } = useTranslation();
+    const formRef = React.useRef(null);
+    const value2 = (_b = (_a = pvc2.spec.resources) == null ? void 0 : _a.requests) == null ? void 0 : _b.storage;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Units.Byte, { rawValue: parseSi(value2), decimals: 1 }),
+      editable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EditField,
+        {
+          modalProps: {
+            formRef,
+            title: t2("dovetail.edit_replicas"),
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DistributeStorageForm,
+                {
+                  ref: formRef,
+                  defaultValue: value2 ? transformStorageUnit(value2, StorageUnit.Gi) : 0,
+                  pvc: pvc2
+                }
+              );
+            }
+          }
+        }
+      )
+    ] });
+  }
   class ResourceModel {
     constructor(_rawYaml, _globalStore) {
       __publicField(this, "id");
@@ -9806,28 +10224,27 @@ var __publicField = (obj, key, value) => {
       "storageClassName": "example"
     }
   };
-  var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
-    WorkloadState2["Terminated"] = "terminated";
-    WorkloadState2["UPDATING"] = "updating";
-    WorkloadState2["READY"] = "ready";
-    WorkloadState2["COMPLETED"] = "completed";
-    WorkloadState2["FAILED"] = "failed";
-    WorkloadState2["SUSPENDED"] = "suspended";
-    WorkloadState2["RUNNING"] = "running";
-    WorkloadState2["SUCCEEDED"] = "succeeded";
-    WorkloadState2["UNKNOWN"] = "unknown";
-    WorkloadState2["TERMINATING"] = "terminating";
-    WorkloadState2["PENDING"] = "pending";
-    WorkloadState2["WAITING"] = "waiting";
-    WorkloadState2["STOPPED"] = "stopped";
-    return WorkloadState2;
-  })(WorkloadState || {});
-  var AccessControlAuth = /* @__PURE__ */ ((AccessControlAuth2) => {
-    AccessControlAuth2["Edit"] = "Edit";
-    AccessControlAuth2["Delete"] = "Delete";
-    AccessControlAuth2["Create"] = "Create";
-    return AccessControlAuth2;
-  })(AccessControlAuth || {});
+  var ResourceState = /* @__PURE__ */ ((ResourceState2) => {
+    ResourceState2["TERMINATED"] = "terminated";
+    ResourceState2["UPDATING"] = "updating";
+    ResourceState2["READY"] = "ready";
+    ResourceState2["COMPLETED"] = "completed";
+    ResourceState2["ABNORMAL"] = "abnormal";
+    ResourceState2["FAILED"] = "failed";
+    ResourceState2["SUSPENDED"] = "suspended";
+    ResourceState2["RUNNING"] = "running";
+    ResourceState2["SUCCEEDED"] = "succeeded";
+    ResourceState2["UNKNOWN"] = "unknown";
+    ResourceState2["TERMINATING"] = "terminating";
+    ResourceState2["PENDING"] = "pending";
+    ResourceState2["WAITING"] = "waiting";
+    ResourceState2["STOPPED"] = "stopped";
+    ResourceState2["AVAILABLE"] = "available";
+    ResourceState2["BOUND"] = "bound";
+    ResourceState2["RELEASED"] = "released";
+    ResourceState2["LOST"] = "lost";
+    return ResourceState2;
+  })(ResourceState || {});
   function matchSelector(pod2, selector, namespace2 = "default") {
     var _a, _b, _c;
     let match = true;
@@ -9913,18 +10330,18 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       if (!((_a = this.spec) == null ? void 0 : _a.completions) && !((_b = this.status) == null ? void 0 : _b.succeeded)) {
-        return WorkloadState.RUNNING;
+        return ResourceState.RUNNING;
       }
       if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded) || ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c2) => c2.type === "Complete" && c2.status === "True"))) {
-        return WorkloadState.COMPLETED;
+        return ResourceState.COMPLETED;
       }
       if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c2) => c2.type === "Failed" && c2.status === "True")) {
-        return WorkloadState.FAILED;
+        return ResourceState.ABNORMAL;
       }
       if ((_j = (_i = this.status) == null ? void 0 : _i.conditions) == null ? void 0 : _j.some((c2) => c2.type === "Suspended" && c2.status === "True")) {
-        return WorkloadState.SUSPENDED;
+        return ResourceState.SUSPENDED;
       }
-      return WorkloadState.RUNNING;
+      return ResourceState.RUNNING;
     }
   }
   class WorkloadModel extends WorkloadBaseModel {
@@ -9976,75 +10393,6 @@ var __publicField = (obj, key, value) => {
       return newOne;
     }
   }
-  const UNITS = ["", "K", "M", "G", "T", "P"];
-  const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
-  function formatSi(inValue, options) {
-    const {
-      increment = 1e3,
-      suffix = null,
-      firstSuffix = null,
-      startingExponent = 0,
-      minExponent = 0,
-      maxPrecision = 2,
-      atLeastOne = true
-    } = options || {};
-    let val = inValue;
-    let exp = startingExponent;
-    while (val >= increment && exp + 1 < UNITS.length || exp < minExponent) {
-      val = val / increment;
-      exp++;
-    }
-    let out = 0;
-    if (val < 10 && maxPrecision >= 2) {
-      out = Math.round(val * 100) / 100;
-    } else if (val < 100 && maxPrecision >= 1) {
-      out = Math.round(val * 10) / 10;
-    } else {
-      out = Math.round(val);
-    }
-    if (atLeastOne && out === 0) {
-      out = 1;
-    }
-    let outStr = String(out);
-    if (exp === 0 && firstSuffix !== null) {
-      outStr += `${firstSuffix}`;
-    } else {
-      outStr += `${UNITS[exp]}${suffix}` || "";
-    }
-    return outStr;
-  }
-  function parseSi(inValue, increment = null, allowFractional = true) {
-    if (!inValue || typeof inValue !== "string" || !inValue.length) {
-      return NaN;
-    }
-    inValue = inValue.replace(/,/g, "");
-    let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
-    const val = parseFloat(valStr);
-    if (!unit) {
-      return val;
-    }
-    if (unit.charCodeAt(0) === 181) {
-      unit = "u";
-    }
-    const divide = FRACTIONAL.includes(unit);
-    const multiply = UNITS.includes(unit.toUpperCase());
-    if (increment === null) {
-      if ((multiply || divide) && incStr === "i") {
-        increment = 1024;
-      } else {
-        increment = 1e3;
-      }
-    }
-    if (divide && allowFractional) {
-      const exp = FRACTIONAL.indexOf(unit);
-      return val / Math.pow(increment, exp);
-    }
-    if (multiply) {
-      const exp = UNITS.indexOf(unit.toUpperCase());
-      return val * Math.pow(increment, exp);
-    }
-    return val;
-  }
   class PodModel extends WorkloadBaseModel {
     constructor(_rawYaml, _globalStore) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -10122,9 +10470,9 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b;
       if (this.metadata.deletionTimestamp) {
-        return WorkloadState.TERMINATING;
+        return ResourceState.TERMINATING;
       }
-      return ((_b = (_a = this.status) == null ? void 0 : _a.phase) == null ? void 0 : _b.toLowerCase()) || WorkloadState.UNKNOWN;
+      return ((_b = (_a = this.status) == null ? void 0 : _a.phase) == null ? void 0 : _b.toLowerCase()) || ResourceState.UNKNOWN;
     }
   }
   class PodMetricsModel extends ResourceModel {
@@ -10164,9 +10512,9 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a;
       if ((_a = this.spec) == null ? void 0 : _a.suspend) {
-        return WorkloadState.SUSPENDED;
+        return ResourceState.SUSPENDED;
       }
-      return WorkloadState.RUNNING;
+      return ResourceState.RUNNING;
     }
     suspend() {
       const newOne = lodashExports.cloneDeep(this._rawYaml);
@@ -10198,11 +10546,11 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b, _c;
       if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
-        return WorkloadState.STOPPED;
+        return ResourceState.STOPPED;
       } else if (((_b = this.spec) == null ? void 0 : _b.replicas) !== ((_c = this.status) == null ? void 0 : _c.readyReplicas)) {
-        return WorkloadState.UPDATING;
+        return ResourceState.UPDATING;
       }
-      return WorkloadState.READY;
+      return ResourceState.READY;
     }
   }
   class DaemonSetModel extends WorkloadModel {
@@ -10213,9 +10561,9 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b;
       if (((_a = this.status) == null ? void 0 : _a.desiredNumberScheduled) !== ((_b = this.status) == null ? void 0 : _b.numberReady)) {
-        return WorkloadState.UPDATING;
+        return ResourceState.UPDATING;
       }
-      return WorkloadState.READY;
+      return ResourceState.READY;
     }
     get replicas() {
       return this.status && "desiredNumberScheduled" in this.status ? this.status.desiredNumberScheduled : 0;
@@ -10232,11 +10580,11 @@ var __publicField = (obj, key, value) => {
     get stateDisplay() {
       var _a, _b, _c;
       if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
-        return WorkloadState.STOPPED;
+        return ResourceState.STOPPED;
       } else if (((_b = this.spec) == null ? void 0 : _b.replicas) !== ((_c = this.status) == null ? void 0 : _c.readyReplicas)) {
-        return WorkloadState.UPDATING;
+        return ResourceState.UPDATING;
       }
-      return WorkloadState.READY;
+      return ResourceState.READY;
     }
   }
   var ServiceTypeEnum = /* @__PURE__ */ ((ServiceTypeEnum2) => {
@@ -10285,7 +10633,7 @@ var __publicField = (obj, key, value) => {
     NodeRole2["Worker"] = "Worker";
     return NodeRole2;
   })(NodeRole || {});
-  class NodeModel extends WorkloadBaseModel {
+  class NodeModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
       this._rawYaml = _rawYaml;
@@ -10343,6 +10691,22 @@ var __publicField = (obj, key, value) => {
     get phase() {
       return this._rawYaml.status.phase;
     }
+    get stateDisplay() {
+      switch (this.phase) {
+        case "Pending":
+          return ResourceState.PENDING;
+        case "Bound":
+          return ResourceState.BOUND;
+        case "Failed":
+          return ResourceState.FAILED;
+        case "Available":
+          return ResourceState.AVAILABLE;
+        case "Released":
+          return ResourceState.RELEASED;
+        default:
+          return ResourceState.UNKNOWN;
+      }
+    }
     get csi() {
       var _a;
       return (_a = this._rawYaml.spec.csi) == null ? void 0 : _a.driver;
@@ -10351,6 +10715,10 @@ var __publicField = (obj, key, value) => {
       var _a;
       return (_a = this._rawYaml.spec.claimRef) == null ? void 0 : _a.name;
     }
+    get pvcNamespace() {
+      var _a;
+      return (_a = this._rawYaml.spec.claimRef) == null ? void 0 : _a.namespace;
+    }
   }
   class PersistentVolumeClaimModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
@@ -10363,6 +10731,18 @@ var __publicField = (obj, key, value) => {
     get pv() {
       return this._rawYaml.spec.volumeName;
     }
+    get stateDisplay() {
+      switch (this.phase) {
+        case "Pending":
+          return ResourceState.PENDING;
+        case "Bound":
+          return ResourceState.BOUND;
+        case "Lost":
+          return ResourceState.LOST;
+        case "Failed":
+          return ResourceState.FAILED;
+      }
+    }
     updateDistributeStorage(distributeStorage) {
       const yaml2 = lodashEs.cloneDeep(this._globalStore.restoreItem(this));
       return lodashEs.set(yaml2, "spec.resources.requests.storage", `${distributeStorage}Gi`);
@@ -10474,38 +10854,8 @@ var __publicField = (obj, key, value) => {
       children: tags
     });
   };
-  const StateTag_1o2atxo = "";
-  const StateTagStyle = "s8qkbck";
-  const StateTag = ({
-    state: state2 = WorkloadState.UPDATING,
-    hideBackground,
-    className
-  }) => {
-    const {
-      t: t2
-    } = useTranslation();
-    const statusMap = {
-      updating: "loading",
-      ready: "green",
-      completed: "gray",
-      failed: "red",
-      suspended: "warning",
-      running: "green",
-      succeeded: "blue",
-      unknown: "gray",
-      terminating: "loading",
-      pending: "warning",
-      waiting: "warning",
-      terminated: "red",
-      stopped: "gray"
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, {
-      className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
-      color: statusMap[state2] !== "loading" ? statusMap[state2] : void 0,
-      loading: statusMap[state2] === "loading",
-      children: t2(`dovetail.${state2 || "updating"}`)
-    });
-  };
+  const tag_how7no = "";
+  const StateTagStyle = "s82411";
   function addId(arr, idKey) {
     return arr.map((e2) => {
       return {
@@ -10623,7 +10973,7 @@ var __publicField = (obj, key, value) => {
   const ConditionsTable = ({ conditions = [] }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const conditionsWithId = addId(conditions, "type");
     const columns = [
       {
@@ -10699,7 +11049,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "condition",
         loading: false,
@@ -10816,184 +11166,6 @@ var __publicField = (obj, key, value) => {
       }
     };
   }
-  function FormErrorAlert(props) {
-    const { title, errorMsgs, style, className, isEdit } = props;
-    const { i18n: i18n2 } = useTranslation();
-    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.Alert,
-      {
-        message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
-          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-            index2 + 1 + ". ",
-            " ",
-            errorMsg
-          ] }, errorMsg)) }) : lodashEs.first(errorMsgs)
-        ] }),
-        type: "error",
-        style,
-        className
-      }
-    ) : null;
-  }
-  function getCommonErrors(responseBody, i18n2) {
-    var _a;
-    if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
-      return [];
-    }
-    const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
-    if (causes.length) {
-      return causes.map((cause) => {
-        let params = {};
-        let message2 = cause.message;
-        try {
-          const info = JSON.parse(cause.message);
-          params = info.params;
-          message2 = info.message;
-        } catch {
-          return i18n2.t(
-            [
-              `error.${cause.reason}`,
-              `error.${cause.code}`,
-              `${cause.field ? `${cause.field}: ` : ""}${message2}`
-            ],
-            {
-              ...params,
-              fallbackLng: ""
-            }
-          );
-        }
-        return i18n2.t(
-          [
-            `error.${cause.reason}`,
-            `error.${cause.code}`,
-            `${cause.field ? `${cause.field}: ` : ""}${message2}`
-          ],
-          {
-            ...params,
-            fallbackLng: ""
-          }
-        );
-      });
-    }
-    return [
-      i18n2.t(
-        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
-        { fallbackLng: "" }
-      )
-    ];
-  }
-  function useSubmitForm(options) {
-    const { formRef, onSubmitSuccess } = options;
-    const { i18n: i18n2 } = useTranslation();
-    const [submitting, setSubmitting] = React.useState(false);
-    const [errorMsgs, setErrorMsgs] = React.useState([]);
-    const reset = React.useCallback(() => {
-      setSubmitting(false);
-      setErrorMsgs([]);
-    }, []);
-    const onSubmit = React.useCallback(async () => {
-      var _a;
-      try {
-        setSubmitting(true);
-        await ((_a = formRef.current) == null ? void 0 : _a.submit());
-        onSubmitSuccess == null ? void 0 : onSubmitSuccess();
-        reset();
-      } catch (error) {
-        if (error instanceof Object) {
-          if ("response" in error && error.response instanceof Response) {
-            const response = error.response;
-            const body = await response.json();
-            setErrorMsgs(getCommonErrors(body, i18n2));
-          } else if ("message" in error && typeof error.message === "string") {
-            setErrorMsgs([error.message]);
-          }
-        }
-      } finally {
-        setSubmitting(false);
-      }
-    }, [formRef, i18n2, reset, onSubmitSuccess]);
-    return {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    };
-  }
-  const index_130sdg8 = "";
-  const EditButtonStyle = "esoz3jw";
-  function EditFieldModal(props) {
-    const {
-      title,
-      formRef: form2,
-      renderContent,
-      fullscreen
-    } = props;
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const popModal = eagle.usePopModal();
-    const {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    } = useSubmitForm({
-      formRef: form2,
-      onSubmitSuccess: () => {
-        popModal();
-      }
-    });
-    const close = React.useCallback(() => {
-      popModal();
-      reset();
-    }, [reset]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
-      className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
-      title: title || i18n2.t("dovetail.edit"),
-      confirmLoading: submitting,
-      onOk: onSubmit,
-      onCancel: close,
-      okText: i18n2.t("dovetail.save"),
-      normal: true,
-      destroyOnClose: true,
-      fullscreen,
-      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-        style: {
-          marginTop: 16
-        },
-        errorMsgs,
-        isEdit: true
-      })]
-    });
-  }
-  function EditField(props) {
-    const {
-      modalProps
-    } = props;
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const {
-      resource
-    } = core.useResource();
-    const pushModal = eagle.usePushModal();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
-      resource: resource == null ? void 0 : resource.name,
-      action: AccessControlAuth.Edit,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
-        className: EditButtonStyle,
-        type: "link",
-        onClick: () => {
-          pushModal({
-            component: EditFieldModal,
-            props: modalProps
-          });
-        },
-        children: i18n2.t("dovetail.edit")
-      })
-    });
-  }
   const EditLabelForm = React.forwardRef(
     function EditLabelForm2(props, ref) {
       var _a;
@@ -11054,12 +11226,12 @@ var __publicField = (obj, key, value) => {
           columns: [
             {
               key: "key",
-              title: "Key",
+              title: t2("dovetail.key"),
               type: "input"
             },
             {
               key: "value",
-              title: "Value",
+              title: t2("dovetail.value"),
               type: "input"
             }
           ],
@@ -11126,7 +11298,7 @@ var __publicField = (obj, key, value) => {
         value2.forEach(({ key: key2, value: value22 }) => {
           newAnnotations[key2] = value22;
         });
-        const newYaml = resourceModel.updateLabel(newAnnotations);
+        const newYaml = resourceModel.updateAnnotation(newAnnotations);
         pruneBeforeEdit(newYaml);
         return mutateAsync({
           id: resourceModel.id,
@@ -11167,12 +11339,12 @@ var __publicField = (obj, key, value) => {
           columns: [
             {
               key: "key",
-              title: "Key",
+              title: t2("dovetail.key"),
               type: "input"
             },
             {
               key: "value",
-              title: "Value",
+              title: t2("dovetail.value"),
               type: "input"
             }
           ],
@@ -11325,22 +11497,23 @@ var __publicField = (obj, key, value) => {
     }));
   }
   const useEagleTable = (params) => {
-    var _a, _b;
-    const { columns, tableProps, formatter, Dropdown = K8sDropdown, resource: resourceFromParams } = params;
+    var _a, _b, _c;
+    const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
     const { resource } = core.useResource();
     const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
     const useTableParams = React.useMemo(() => {
+      var _a2;
       const mergedParams = lodashEs.merge(params.useTableParams, {
         pagination: {
           pageSize: currentSize,
           mode: "server"
         },
-        resource: resourceFromParams || (resource == null ? void 0 : resource.name)
+        resource: ((_a2 = params.useTableParams) == null ? void 0 : _a2.resource) || (resource == null ? void 0 : resource.name)
       });
       return mergedParams;
-    }, [params.useTableParams, currentSize, resourceFromParams, resource]);
+    }, [params.useTableParams, currentSize, resource]);
     const finalColumns = React.useMemo(
       () => addDefaultRenderToColumns(columns),
       [columns]
@@ -11370,7 +11543,7 @@ var __publicField = (obj, key, value) => {
     const total = ((_b = table.tableQueryResult.data) == null ? void 0 : _b.total) || 0;
     const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
     const finalProps = {
-      tableKey: resourceFromParams || (resource == null ? void 0 : resource.name) || "table",
+      tableKey: ((_c = params.useTableParams) == null ? void 0 : _c.resource) || (resource == null ? void 0 : resource.name) || "table",
       loading: table.tableQueryResult.isLoading,
       data: finalDataSource || [],
       columns: finalColumns,
@@ -11395,18 +11568,19 @@ var __publicField = (obj, key, value) => {
     }, []);
     return { tableProps: finalProps, selectedKeys, ...table };
   };
-  function CreateButton() {
+  function CreateButton(props) {
     var _a;
     const { t: t2 } = useTranslation();
     const openForm = useOpenForm();
     const { resource } = core.useResource();
+    const label2 = props.label || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Button,
       {
         prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.PlusAddCreateNew16BoldOntintIcon, {}),
         type: "primary",
         onClick: openForm,
-        children: t2("dovetail.create_resource", { resource: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind })
+        children: t2("dovetail.create_resource", { resource: /^[a-zA-Z]/.test(label2) ? ` ${label2}` : label2 })
       }
     );
   }
@@ -11453,12 +11627,13 @@ var __publicField = (obj, key, value) => {
       visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
-  const TableToolBar_nvjftd = "";
-  const ToolbarWrapperStyle = "t1v3ienx";
-  const ToolbarStyle$3 = "tgejfwe";
-  const TitleStyle$2 = "tq6dc79";
-  const DescriptionStyle = "d1wqyhgc";
+  const index_1wo1wv1 = "";
+  const ToolbarWrapperStyle = "t1908hhn";
+  const ToolbarStyle$3 = "t1ym1gqo";
+  const TitleStyle$2 = "t38ugwl";
+  const DescriptionStyle = "d13nfex0";
   const TableToolBar = ({
+    title,
     description,
     selectedKeys,
     hideCreate
@@ -11473,14 +11648,16 @@ var __publicField = (obj, key, value) => {
         className: ToolbarStyle$3,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: cx_default(eagle.Typo.Display.d2_regular_title, TitleStyle$2),
-          children: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind
+          children: title || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind)
         }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
           children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
             ids: selectedKeys
           }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
             resource: resource == null ? void 0 : resource.name,
             action: AccessControlAuth.Create,
-            children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null
+            children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {
+              label: title
+            }) : null
           })]
         })]
       }), description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -11511,7 +11688,7 @@ var __publicField = (obj, key, value) => {
     } = useTranslation();
     const [selectedKeys] = React.useState([]);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const columns = React.useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
       ...WorkloadImageColumnRenderer(i18n2),
       width: 238
@@ -11552,7 +11729,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
         ...tableProps,
         tableKey: "cronjobs",
         showMenuColumn: false
@@ -11626,7 +11803,7 @@ var __publicField = (obj, key, value) => {
     }), [columns, uid]);
     const { tableProps } = useEagleTable(params);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WidgetErrorContent,
@@ -11636,7 +11813,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         ...tableProps,
         tableKey: "events",
@@ -11679,9 +11856,9 @@ var __publicField = (obj, key, value) => {
   const LinkStyle = "l1vnw9x0";
   const ResourceLink = (props) => {
     const {
-      resourceName,
+      resourceKind: resourceName,
       namespace: namespace2,
-      resourceId
+      name: resourceId
     } = props;
     const navigation = core.useNavigation();
     const go = core.useGo();
@@ -11708,7 +11885,7 @@ var __publicField = (obj, key, value) => {
       return addId(ingress.flattenedRules || [], "fullPath");
     }, [ingress.flattenedRules]);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = [
       {
@@ -11741,9 +11918,9 @@ var __publicField = (obj, key, value) => {
           return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
             {
-              resourceName: "services",
+              resourceKind: "services",
               namespace: ingress.metadata.namespace || "default",
-              resourceId: serviceName
+              name: serviceName
             }
           ) : record.resourceName;
         }
@@ -11768,9 +11945,9 @@ var __publicField = (obj, key, value) => {
           return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
             {
-              resourceName: "secrets",
+              resourceKind: "secrets",
               namespace: ingress.metadata.namespace || "default",
-              resourceId: secretName
+              name: secretName
             }
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
         },
@@ -11797,7 +11974,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "ingressRules",
         loading: false,
@@ -11814,7 +11991,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_18l1y97 = "";
+  const KeyValue_1cqk7i8 = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -11894,6 +12071,40 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
+  const StateTag = (props) => {
+    const { state: state2 = ResourceState.UPDATING, hideBackground, className, resourceKind } = props;
+    const { t: t2 } = useTranslation();
+    const defaultStateMap = {
+      [ResourceState.UPDATING]: "loading",
+      [ResourceState.READY]: "green",
+      [ResourceState.COMPLETED]: "gray",
+      [ResourceState.FAILED]: "red",
+      [ResourceState.SUSPENDED]: "warning",
+      [ResourceState.RUNNING]: "green",
+      [ResourceState.SUCCEEDED]: "blue",
+      [ResourceState.UNKNOWN]: "gray",
+      [ResourceState.TERMINATING]: "loading",
+      [ResourceState.PENDING]: "warning",
+      [ResourceState.WAITING]: "warning",
+      [ResourceState.TERMINATED]: "red",
+      [ResourceState.STOPPED]: "gray",
+      [ResourceState.AVAILABLE]: "blue",
+      [ResourceState.BOUND]: "green",
+      [ResourceState.RELEASED]: "gray",
+      [ResourceState.LOST]: "red"
+    };
+    const resourceStateMap = {};
+    const finalStateMap = resourceStateMap[resourceKind || ""] || defaultStateMap;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.StatusCapsule,
+      {
+        className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
+        color: finalStateMap[state2] !== "loading" ? finalStateMap[state2] : void 0,
+        loading: finalStateMap[state2] === "loading",
+        children: t2(`dovetail.${state2 || "updating"}_state`)
+      }
+    );
+  };
   const ShowContent_11g4jr2 = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
@@ -11926,7 +12137,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ShowContent = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const {
       showConfig,
       formatter,
@@ -11955,6 +12166,8 @@ var __publicField = (obj, key, value) => {
       id
     });
     const Component = React.useContext(ComponentContext);
+    const configs = React.useContext(ConfigsContext);
+    const config = configs[(resource == null ? void 0 : resource.name) || ""];
     const Tabs$1 = Component.Tabs || Tabs;
     if (!(data2 == null ? void 0 : data2.data)) {
       return null;
@@ -12026,7 +12239,7 @@ var __publicField = (obj, key, value) => {
           },
           children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
             className: "button-text",
-            children: (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind
+            children: (config == null ? void 0 : config.displayName) || ((_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind)
           })
         })
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
@@ -12039,10 +12252,11 @@ var __publicField = (obj, key, value) => {
             className: cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
             children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
           }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
-            state: stateDisplay
+            state: stateDisplay,
+            resourceKind: (_d = resource == null ? void 0 : resource.meta) == null ? void 0 : _d.kind
           }) : void 0]
         }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
-          children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+          children: [(_e = showConfig.renderExtraButton) == null ? void 0 : _e.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
             resource: resource == null ? void 0 : resource.name,
             action: AccessControlAuth.Edit,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
@@ -12139,18 +12353,84 @@ var __publicField = (obj, key, value) => {
       })
     });
   }
-  function PVPhaseDisplay(props) {
-    const { value: value2 } = props;
-    const i18n2 = useTranslation();
-    const map = {
-      Available: i18n2.t("dovetail.pv_phase_available"),
-      Bound: i18n2.t("dovetail.pv_phase_bound"),
-      Failed: i18n2.t("dovetail.pv_phase_released"),
-      Pending: i18n2.t("dovetail.pv_phase_failed"),
-      Released: i18n2.t("dovetail.pv_phase_pending")
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
-  }
+  const NodeTaintsTable = ({ taints = [] }) => {
+    const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table2 = component.Table || Table$1;
+    const taintsWithId = addId(taints, "key");
+    const columns = [
+      {
+        key: "key",
+        display: true,
+        dataIndex: "key",
+        title: t2("dovetail.key"),
+        width: 120,
+        sortable: true
+      },
+      {
+        key: "value",
+        display: true,
+        dataIndex: "value",
+        title: t2("dovetail.value"),
+        width: 120,
+        sortable: true
+      },
+      {
+        key: "effect",
+        display: true,
+        dataIndex: "effect",
+        title: t2("dovetail.effect"),
+        width: 120,
+        sortable: true,
+        render: (value2) => {
+          return t2(`dovetail.node_taint_${value2}`);
+        }
+      }
+    ];
+    const {
+      data: finalData,
+      currentPage,
+      onPageChange,
+      onSorterChange
+    } = useTableData({
+      data: taintsWithId,
+      columns,
+      defaultSorters: [
+        {
+          field: "lastUpdateTime",
+          order: "desc"
+        }
+      ]
+    });
+    const currentSize = 10;
+    if (taintsWithId.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        WidgetErrorContent,
+        {
+          errorText: t2("dovetail.no_resource", { kind: t2("dovetail.taint") }),
+          style: { padding: "15px 0" },
+          type: ErrorContentType.Card
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Table2,
+      {
+        tableKey: "condition",
+        loading: false,
+        data: finalData,
+        total: taintsWithId.length,
+        columns: addDefaultRenderToColumns(columns),
+        rowKey: "key",
+        empty: t2("dovetail.empty"),
+        defaultSize: currentSize,
+        currentPage,
+        onPageChange,
+        onSorterChange,
+        showMenuColumn: false
+      }
+    );
+  };
   function PVVolumeModeDisplay(props) {
     const { value: value2 } = props;
     const i18n2 = useTranslation();
@@ -12160,18 +12440,42 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
   }
-  function ResourceTable(props) {
+  const GlobalStoreContext = React.createContext({});
+  function Table(props) {
     var _a;
+    const { tableProps, displayName, errorContentProps } = props;
+    const { Table: TableComponent } = React.useContext(ComponentContext);
+    const Table2 = TableComponent || Table$1;
+    const { i18n: i18n2 } = useTranslation();
+    const resourceType = /^[a-zA-Z]/.test(displayName) ? ` ${displayName}` : displayName;
+    if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        WidgetErrorContent,
+        {
+          errorText: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: resourceType }),
+          ...errorContentProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Table2,
+      {
+        ...tableProps,
+        empty: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: resourceType }),
+        className: cx_default(tableProps.className)
+      }
+    );
+  }
+  function ResourceTable(props) {
     const { resource, useTableParams } = props;
     const configs = React.useContext(ConfigsContext);
     const config = configs[resource];
     const { formatter, columns, Dropdown, noShow } = config;
     const { i18n: i18n2 } = useTranslation();
-    const { Table: TableComponent } = React.useContext(ComponentContext);
-    const Table$1 = TableComponent || Table;
     const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
     const { tableProps } = useEagleTable({
       useTableParams: {
+        resource,
         ...useTableParams
       },
       columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
@@ -12179,28 +12483,20 @@ var __publicField = (obj, key, value) => {
         defaultSize: 10,
         ...config.tableProps
       },
-      resource,
       formatter,
       Dropdown
     });
     React.useEffect(() => {
       tableProps.onPageChange(1);
     }, []);
-    if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        WidgetErrorContent,
-        {
-          errorText: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: ` ${config.kind}` }),
-          type: ErrorContentType.Card
-        }
-      );
-    }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table,
       {
-        ...tableProps,
-        empty: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: ` ${config.kind}` }),
-        className: cx_default(tableProps.className)
+        tableProps,
+        displayName: config.displayName || config.kind,
+        errorContentProps: {
+          type: ErrorContentType.Card
+        }
       }
     );
   }
@@ -12208,7 +12504,8 @@ var __publicField = (obj, key, value) => {
   const WorkloadPodsTable = ({
     namespace: namespace2,
     selector,
-    hideToolbar
+    hideToolbar,
+    filter
   }) => {
     var _a;
     const {
@@ -12216,7 +12513,7 @@ var __publicField = (obj, key, value) => {
     } = useTranslation();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = [NameColumnRenderer(i18n2, "pods"), StateDisplayColumnRenderer(i18n2), {
       key: "ip",
@@ -12241,7 +12538,7 @@ var __publicField = (obj, key, value) => {
             field: "",
             value: "",
             fn(item) {
-              return matchSelector(item, selector, namespace2);
+              return filter ? filter(item) : matchSelector(item, selector, namespace2);
             }
           }]
         }
@@ -12264,7 +12561,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
         ...tableProps,
         tableKey: "pods",
         onSelect: (keys) => setSelectedKeys(keys),
@@ -12442,126 +12739,6 @@ var __publicField = (obj, key, value) => {
       })]
     });
   }
-  var StorageUnit = /* @__PURE__ */ ((StorageUnit2) => {
-    StorageUnit2["Pi"] = "Pi";
-    StorageUnit2["PiB"] = "PiB";
-    StorageUnit2["Ti"] = "Ti";
-    StorageUnit2["TiB"] = "TiB";
-    StorageUnit2["Gi"] = "Gi";
-    StorageUnit2["GiB"] = "GiB";
-    StorageUnit2["Mi"] = "Mi";
-    StorageUnit2["MiB"] = "MiB";
-    StorageUnit2["Ki"] = "Ki";
-    StorageUnit2["KiB"] = "KiB";
-    return StorageUnit2;
-  })(StorageUnit || {});
-  const UNIT_FACTORS = {
-    Pi: 1024 ** 5,
-    PiB: 1024 ** 5,
-    Ti: 1024 ** 4,
-    TiB: 1024 ** 4,
-    Gi: 1024 ** 3,
-    GiB: 1024 ** 3,
-    Mi: 1024 ** 2,
-    MiB: 1024 ** 2,
-    Ki: 1024,
-    KiB: 1024,
-    B: 1
-  };
-  function transformStorageUnit(value2, toUnit = "Gi") {
-    const num = parseFloat(value2);
-    const unit = Object.values(StorageUnit).find((u) => value2.includes(u)) || "Ki";
-    return num / UNIT_FACTORS[unit] * UNIT_FACTORS[toUnit];
-  }
-  const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(props, ref) {
-    const { defaultValue, pvc: pvc2 } = props;
-    const { resource } = core.useResource();
-    const { mutateAsync } = core.useUpdate();
-    const { t: t2 } = useTranslation();
-    const [distributeStorage, setDistributeStorage] = React.useState(defaultValue);
-    const submit = React.useCallback(() => {
-      const v = pvc2.updateDistributeStorage(distributeStorage);
-      const id = pvc2.id;
-      pruneBeforeEdit(v);
-      return mutateAsync({
-        id,
-        resource: (resource == null ? void 0 : resource.name) || "",
-        values: v,
-        successNotification() {
-          return {
-            message: t2("dovetail.edit_distribute_storage_success_toast", {
-              kind: pvc2.kind,
-              name: pvc2.id,
-              interpolation: {
-                escapeValue: false
-              }
-            }),
-            type: "success"
-          };
-        },
-        errorNotification: false
-      });
-    }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, mutateAsync, t2]);
-    React.useImperativeHandle(ref, () => ({
-      submit
-    }), [submit]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.Form.Item,
-      {
-        label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: t2("dovetail.distributed") }),
-        colon: false,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          eagle.Fields.Integer,
-          {
-            style: { width: "142px" },
-            input: {
-              name: "distributeStorage",
-              value: distributeStorage,
-              onChange: (value2) => {
-                setDistributeStorage(Number(value2));
-              },
-              onBlur: () => {
-              },
-              onFocus: () => {
-              }
-            },
-            min: 0,
-            meta: {},
-            suffix: "GiB",
-            controls: true
-          }
-        )
-      }
-    );
-  });
-  function PVCDistributeStorage({ pvc: pvc2, editable }) {
-    var _a, _b;
-    const { t: t2 } = useTranslation();
-    const formRef = React.useRef(null);
-    const value2 = (_b = (_a = pvc2.spec.resources) == null ? void 0 : _a.requests) == null ? void 0 : _b.storage;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Units.Byte, { rawValue: parseSi(value2), decimals: 1 }),
-      editable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        EditField,
-        {
-          modalProps: {
-            formRef,
-            title: t2("dovetail.edit_replicas"),
-            renderContent() {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DistributeStorageForm,
-                {
-                  ref: formRef,
-                  defaultValue: value2 ? transformStorageUnit(value2, StorageUnit.Gi) : 0,
-                  pvc: pvc2
-                }
-              );
-            }
-          }
-        }
-      )
-    ] });
-  }
   var AreaType = /* @__PURE__ */ ((AreaType2) => {
     AreaType2["Inline"] = "Inline";
     AreaType2["Grid"] = "Grid";
@@ -12595,6 +12772,15 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
+  const NodeTaintsField = () => {
+    return {
+      key: "NodeTaints",
+      path: ["spec", "taints"],
+      renderContent: (value2) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTaintsTable, { taints: value2 });
+      }
+    };
+  };
   const PodsField = () => {
     return {
       key: "pods",
@@ -12824,13 +13010,15 @@ var __publicField = (obj, key, value) => {
             resource: "persistentvolumes",
             useTableParams: {
               filters: {
-                permanent: [{
-                  field: "",
-                  value: "",
-                  fn(pv2) {
-                    return sc.filterPV(pv2, sc.metadata.name);
+                permanent: [
+                  {
+                    field: "",
+                    value: "",
+                    fn(pv2) {
+                      return sc.filterPV(pv2, sc.metadata.name);
+                    }
                   }
-                }]
+                ]
               }
             }
           }
@@ -12871,17 +13059,24 @@ var __publicField = (obj, key, value) => {
       path: ["spec", "storageClassName"],
       title: i18n2.t("dovetail.storage_class"),
       renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, { resourceName: "storageclasses", namespace: "", resourceId: value2 });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceLink,
+          {
+            resourceKind: "storageclasses",
+            namespace: "",
+            name: value2
+          }
+        );
       }
     };
   };
   const PVPhaseField = (i18n2) => {
     return {
       key: "phase",
-      path: ["phase"],
+      path: ["stateDisplay"],
       title: i18n2.t("dovetail.state"),
       renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(PVPhaseDisplay, { value: value2 });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, resourceKind: "PersistentVolume", hideBackground: true });
       }
     };
   };
@@ -12899,14 +13094,49 @@ var __publicField = (obj, key, value) => {
     return {
       key: "accessMode",
       path: ["spec", "accessModes"],
-      title: i18n2.t("dovetail.access_mode")
+      title: i18n2.t("dovetail.access_mode"),
+      renderContent(value2) {
+        return value2.join(", ");
+      }
+    };
+  };
+  const PVCPodsField = () => {
+    return {
+      key: "pods",
+      path: [],
+      renderContent: (_, record) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          WorkloadPodsTable,
+          {
+            filter: (item) => {
+              var _a, _b;
+              return !!((_b = (_a = item.spec) == null ? void 0 : _a.volumes) == null ? void 0 : _b.some((v) => {
+                var _a2;
+                return ((_a2 = v.persistentVolumeClaim) == null ? void 0 : _a2.claimName) === record.metadata.name;
+              }));
+            },
+            namespace: record.metadata.namespace,
+            hideToolbar: true
+          }
+        );
+      }
     };
   };
   const PVCRefField = (i18n2) => {
     return {
       key: "pvc",
       path: ["pvc"],
-      title: i18n2.t("dovetail.pvc")
+      title: i18n2.t("dovetail.pvc"),
+      renderContent(value2, pvc2) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceLink,
+          {
+            resourceKind: "persistentvolumeclaims",
+            namespace: pvc2.pvcNamespace || "default",
+            name: value2
+          }
+        );
+      }
     };
   };
   const PVCSIRefField = (i18n2) => {
@@ -12955,13 +13185,7 @@ var __publicField = (obj, key, value) => {
       key: resource,
       path: [],
       renderContent() {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResourceTable,
-          {
-            resource,
-            useTableParams
-          }
-        );
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, { resource, useTableParams });
       }
     };
   };
@@ -19000,7 +19224,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     const { i18n: i18n2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = React.useMemo(
       () => [
@@ -19095,7 +19319,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "podContainers",
         loading: false,
@@ -19116,18 +19340,17 @@ var __publicField = (obj, key, value) => {
     upAreas = [],
     downAreas = [],
     basicFields = []
-  } = {}) => ({
+  } = {}, isShowNamespace = true) => ({
     title: i18n2.t("dovetail.basic_info"),
     areas: [
       ...upAreas,
       {
-        fields: [
-          NamespaceField(i18n2),
+        fields: (isShowNamespace ? [NamespaceField(i18n2)] : []).concat([
           ...basicFields,
           LabelsField(i18n2),
           AnnotationsField(i18n2),
           AgeField(i18n2)
-        ]
+        ])
       },
       ...downAreas
     ]
@@ -19171,6 +19394,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const PVCPodsGroup = () => ({
+    title: "Pod",
+    areas: [
+      {
+        fields: [PVCPodsField()]
+      }
+    ]
+  });
   const ConditionsGroup = (i18n2) => ({
     title: i18n2.t("dovetail.condition"),
     areas: [
@@ -19179,6 +19410,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const NodeTaintsGroup = (i18n2) => ({
+    title: i18n2.t("dovetail.taint"),
+    areas: [
+      {
+        fields: [NodeTaintsField()]
+      }
+    ]
+  });
   const SecretDataGroup = () => ({
     areas: [
       {
@@ -33016,7 +33255,6 @@ WARNING: This link could potentially be dangerous`)) {
       })]
     });
   });
-  const GlobalStoreContext = React.createContext({});
   var buffer = {};
   var base64Js = {};
   base64Js.byteLength = byteLength;
@@ -35473,13 +35711,7 @@ WARNING: This link could potentially be dangerous`)) {
       tableProps,
       contentClassName
     } = props;
-    const {
-      Table: TableComponent
-    } = React.useContext(ComponentContext);
-    const {
-      t: t2
-    } = useTranslation();
-    const Table$1 = TableComponent || Table;
+    useTranslation();
     const {
       resource
     } = core.useResource();
@@ -35490,6 +35722,7 @@ WARNING: This link could potentially be dangerous`)) {
       children: [!config.hideListToolBar ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
           selectedKeys,
+          title: config == null ? void 0 : config.displayName,
           description: config == null ? void 0 : config.description
         }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, {
           style: {
@@ -35501,23 +35734,21 @@ WARNING: This link could potentially be dangerous`)) {
         })]
       }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: cx_default(ListContentStyle, contentClassName),
+        style: config.hideNamespacesFilter ? {
+          paddingTop: 0
+        } : {},
         children: [!config.hideNamespacesFilter ? /* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
           className: NamespaceFilterStyle
         }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: TableStyle,
-          children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
-            errorText: tableProps.empty || t2("dovetail.no_resource", {
-              kind: ` ${config.kind}`
-            })
-          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
-            ...tableProps,
-            empty: tableProps.empty || t2("dovetail.no_resource", {
-              kind: ` ${config.kind}`
-            }),
-            className: cx_default(tableProps.className),
-            scroll: {
-              y: "calc(100% - 48px)"
-            }
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+            tableProps: {
+              ...tableProps,
+              scroll: {
+                y: "calc(100% - 48px)"
+              }
+            },
+            displayName: (config == null ? void 0 : config.displayName) || config.kind
           })
         })]
       })]
@@ -38829,10 +39060,11 @@ WARNING: This link could potentially be dangerous`)) {
       if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
         return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
       }
+      const label2 = config.displayName || (config == null ? void 0 : config.kind);
       return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-        resource: config == null ? void 0 : config.kind
+        resource: /^[a-zA-Z]/.test(label2) ? ` ${label2}` : label2
       });
-    }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
+    }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
     const desc = React.useMemo(() => {
       var _a2, _b2, _c2, _d2;
       if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formDesc) === "string")
@@ -38883,6 +39115,12 @@ WARNING: This link could potentially be dangerous`)) {
       children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: FormDescStyle,
         children: desc
+      }) : void 0, !isYamlForm && mode === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Alert, {
+        type: "warning",
+        message: i18n2.t("dovetail.change_form_mode_alert"),
+        style: {
+          marginBottom: "16px"
+        }
       }) : void 0, formEle]
     });
   }
@@ -39195,8 +39433,8 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       ResourceLink,
       {
-        resourceId: ownerReference.name,
-        resourceName: resource.name || "",
+        name: ownerReference.name,
+        resourceKind: resource.name || "",
         namespace: namespace2
       }
     );
@@ -39250,9 +39488,9 @@ WARNING: This link could potentially be dangerous`)) {
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResourceLink,
                 {
-                  resourceName: "services",
+                  resourceKind: "services",
                   namespace: ingress.metadata.namespace || "default",
-                  resourceId: r2.serviceName
+                  name: r2.serviceName
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -39843,7 +40081,7 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["pv"],
       title: i18n2.t("dovetail.pv"),
-      width: 120,
+      width: 160,
       sortable: true
     };
   };
@@ -39853,13 +40091,13 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["spec", "storageClassName"],
       title: i18n2.t("dovetail.storage_class"),
-      width: 120,
+      width: 160,
       sortable: true,
       render(value2) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
-          resourceName: "storageclasses",
+          resourceKind: "storageclasses",
           namespace: "",
-          resourceId: value2
+          name: value2
         });
       }
     };
@@ -39868,13 +40106,15 @@ WARNING: This link could potentially be dangerous`)) {
     return {
       key: "phase",
       display: true,
-      dataIndex: ["phase"],
+      dataIndex: ["stateDisplay"],
       title: i18n2.t("dovetail.state"),
       width: 120,
       sortable: true,
       render(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(PVPhaseDisplay, {
-          value: value2
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+          state: value2,
+          resourceKind: "PersistentVolume",
+          hideBackground: true
         });
       }
     };
@@ -39885,8 +40125,15 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["pvc"],
       title: i18n2.t("dovetail.pvc"),
-      width: 120,
-      sortable: true
+      width: 160,
+      sortable: true,
+      render(value2, pv2) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+          resourceKind: "persistentvolumeclaims",
+          namespace: pv2.pvcNamespace || "default",
+          name: value2
+        });
+      }
     };
   };
   const PVCSIRefColumnRenderer = (i18n2) => {
@@ -39895,7 +40142,7 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["csi"],
       title: i18n2.t("dovetail.csi"),
-      width: 120,
+      width: 160,
       sortable: true
     };
   };
@@ -39921,7 +40168,15 @@ WARNING: This link could potentially be dangerous`)) {
       dataIndex: ["spec", "accessModes"],
       title: i18n2.t("dovetail.access_mode"),
       width: 120,
-      sortable: true
+      sortable: true,
+      render(value2) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          style: {
+            whiteSpace: "pre-wrap"
+          },
+          children: value2.join("\n")
+        });
+      }
     };
   };
   const IsDefaultSCColumnRenderer = (i18n2) => {
@@ -39954,6 +40209,19 @@ WARNING: This link could potentially be dangerous`)) {
       }
     };
   };
+  const SCAllowExpandColumnRenderer = (i18n2) => {
+    return {
+      key: "​​allowVolumeExpansion",
+      display: true,
+      dataIndex: ["​​allowVolumeExpansion"],
+      title: i18n2.t("dovetail.allow_expand"),
+      width: 120,
+      sortable: true,
+      render(val) {
+        return val ? i18n2.t("dovetail.support") : i18n2.t("dovetail.not_support");
+      }
+    };
+  };
   const styles = "";
   const Dovetail = (props) => {
     const {
@@ -40322,9 +40590,13 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.NodeModel = NodeModel;
   exports2.NodeNameColumnRenderer = NodeNameColumnRenderer;
   exports2.NodeRole = NodeRole;
+  exports2.NodeTaintsField = NodeTaintsField;
+  exports2.NodeTaintsGroup = NodeTaintsGroup;
   exports2.POD_INIT_VALUE = POD_INIT_VALUE;
   exports2.PVAccessModeColumnRenderer = PVAccessModeColumnRenderer;
   exports2.PVAccessModeField = PVAccessModeField;
+  exports2.PVCPodsField = PVCPodsField;
+  exports2.PVCPodsGroup = PVCPodsGroup;
   exports2.PVCRefColumnRenderer = PVCRefColumnRenderer;
   exports2.PVCRefField = PVCRefField;
   exports2.PVCSIRefColumnRenderer = PVCSIRefColumnRenderer;
@@ -40335,7 +40607,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.PVCapacityColumnRenderer = PVCapacityColumnRenderer;
   exports2.PVCapacityField = PVCapacityField;
   exports2.PVPhaseColumnRenderer = PVPhaseColumnRenderer;
-  exports2.PVPhaseDisplay = PVPhaseDisplay;
   exports2.PVPhaseField = PVPhaseField;
   exports2.PVRefColumnRenderer = PVRefColumnRenderer;
   exports2.PVRefField = PVRefField;
@@ -40385,11 +40656,13 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.ResourceModel = ResourceModel;
   exports2.ResourceSelect = ResourceSelect;
   exports2.ResourceShow = ResourceShow;
+  exports2.ResourceState = ResourceState;
   exports2.ResourceTable = ResourceTable;
   exports2.ResourceTableField = ResourceTableField;
   exports2.ResourceTableGroup = ResourceTableGroup;
   exports2.ResourceUsageBar = ResourceUsageBar;
   exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
+  exports2.SCAllowExpandColumnRenderer = SCAllowExpandColumnRenderer;
   exports2.SCReclaimPolicyColumnRenderer = SCReclaimPolicyColumnRenderer;
   exports2.SCReclaimPolicyField = SCReclaimPolicyField;
   exports2.SECRET_BASIC_AUTH_INIT_VALUE = SECRET_BASIC_AUTH_INIT_VALUE;
@@ -40432,12 +40705,12 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.StartTimeField = StartTimeField;
   exports2.StateDisplayColumnRenderer = StateDisplayColumnRenderer;
   exports2.StateTag = StateTag;
-  exports2.StateTagStyle = StateTagStyle;
   exports2.StatefulSetModel = StatefulSetModel;
   exports2.StorageClassModel = StorageClassModel;
   exports2.StorageClassProvisionerField = StorageClassProvisionerField;
   exports2.StorageClassPvField = StorageClassPvField;
   exports2.StorageClassPvGroup = StorageClassPvGroup;
+  exports2.Table = Table;
   exports2.Tabs = Tabs;
   exports2.Tags = Tags;
   exports2.TextTags = TextTags;
@@ -40451,7 +40724,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.WorkloadReplicas = WorkloadReplicas;
   exports2.WorkloadReplicasForm = WorkloadReplicasForm;
   exports2.WorkloadRestartsColumnRenderer = WorkloadRestartsColumnRenderer;
-  exports2.WorkloadState = WorkloadState;
   exports2.YamlEditorComponent = YamlEditorComponent;
   exports2.YamlForm = YamlForm;
   exports2.addDefaultRenderToColumns = addDefaultRenderToColumns;