@dovetail-v2/refine 0.0.34 → 0.0.35-beta.1

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("lodash-es"), require("@cloudtower/icons-react"), require("js-yaml"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "lodash-es", "@cloudtower/icons-react", "js-yaml", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.lodashEs, global2.iconsReact, global2.yaml, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd, global2.k8sApiProvider));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, lodashEs, iconsReact, yaml, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd, k8sApiProvider) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -1290,7 +1290,7 @@ var __publicField = (obj, key, value) => {
   const message = "信息";
   const save = "保存";
   const workload = "工作负载";
-  const all_namespaces = "所有名字空间";
+  const all_namespaces = "全部名字空间";
   const empty = "暂无数据";
   const schedule = "调度时间表";
   const lastScheduleTime = "上次调度时间";
@@ -8430,9 +8430,223 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  const PodSelectorTable = ({ podSelectors = {} }) => {
+  function memoize$1(fn) {
+    var cache = /* @__PURE__ */ Object.create(null);
+    return function(arg) {
+      if (cache[arg] === void 0)
+        cache[arg] = fn(arg);
+      return cache[arg];
+    };
+  }
+  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+  var isPropValid = /* @__PURE__ */ memoize$1(
+    function(prop) {
+      return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+    }
+    /* Z+1 */
+  );
+  var isCapital = (ch) => ch.toUpperCase() === ch;
+  var filterKey = (keys) => (key2) => keys.indexOf(key2) === -1;
+  var omit = (obj, keys) => {
+    const res = {};
+    Object.keys(obj).filter(filterKey(keys)).forEach((key2) => {
+      res[key2] = obj[key2];
+    });
+    return res;
+  };
+  function filterProps(asIs, props, omitKeys) {
+    const filteredProps = omit(props, omitKeys);
+    if (!asIs) {
+      const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+      Object.keys(filteredProps).forEach((key2) => {
+        if (!interopValidAttr.default(key2)) {
+          delete filteredProps[key2];
+        }
+      });
+    }
+    return filteredProps;
+  }
+  var warnIfInvalid = (value2, componentName) => {
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
+        return;
+      }
+      const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
+      console.warn(
+        `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
+      );
+    }
+  };
+  var idx = 0;
+  function styled(tag) {
+    var _a;
+    let mockedClass = "";
+    if (process.env.NODE_ENV === "test") {
+      mockedClass += `mocked-styled-${idx++}`;
+      if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+        mockedClass += ` ${tag.__linaria.className}`;
+      }
+    }
+    return (options) => {
+      if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+        if (Array.isArray(options)) {
+          throw new Error(
+            'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
+          );
+        }
+      }
+      const render = (props, ref) => {
+        const { as: component = tag, class: className = mockedClass } = props;
+        const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+        const filteredProps = filterProps(shouldKeepProps, props, [
+          "as",
+          "class"
+        ]);
+        filteredProps.ref = ref;
+        filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
+        const { vars } = options;
+        if (vars) {
+          const style = {};
+          for (const name2 in vars) {
+            const variable = vars[name2];
+            const result = variable[0];
+            const unit = variable[1] || "";
+            const value2 = typeof result === "function" ? result(props) : result;
+            warnIfInvalid(value2, options.name);
+            style[`--${name2}`] = `${value2}${unit}`;
+          }
+          const ownStyle = filteredProps.style || {};
+          const keys = Object.keys(ownStyle);
+          if (keys.length > 0) {
+            keys.forEach((key2) => {
+              style[key2] = ownStyle[key2];
+            });
+          }
+          filteredProps.style = style;
+        }
+        if (tag.__linaria && tag !== component) {
+          filteredProps.as = component;
+          return React.createElement(tag, filteredProps);
+        }
+        return React.createElement(component, filteredProps);
+      };
+      const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
+        const rest = omit(props, ["innerRef"]);
+        return render(rest, props.innerRef);
+      };
+      Result.displayName = options.name;
+      Result.__linaria = {
+        className: options.class || mockedClass,
+        extends: tag
+      };
+      return Result;
+    };
+  }
+  var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+    get(o, prop) {
+      return o(prop);
+    }
+  }) : styled;
+  const TableWidgets_ny30pi = "";
+  const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
+    name: "AuxiliaryLine",
+    class: "ax1qopv",
+    propsAsIs: false
+  });
+  const index_dmbxj3 = "";
+  const TableContainerStyle = "t1upn1sz";
+  function Table(props) {
     const kit = eagle.useUIKit();
+    const {
+      t: t2
+    } = useTranslation();
+    const {
+      loading,
+      error,
+      data: dataSource,
+      rowKey,
+      columns,
+      scroll,
+      currentPage,
+      currentSize,
+      RowMenu,
+      refetch,
+      onPageChange,
+      onSizeChange,
+      empty: empty2
+    } = props;
+    const auxiliaryLineRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    const pagination = React.useMemo(() => ({
+      current: currentPage,
+      pageSize: currentSize,
+      onChange: onPageChange
+    }), [currentPage, currentSize, onPageChange]);
+    const finalColumns = React.useMemo(() => {
+      if (RowMenu) {
+        const actionColumn = {
+          key: "_action_",
+          display: true,
+          dataIndex: [],
+          title: "",
+          render: (_, record) => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
+              record
+            });
+          }
+        };
+        return [...columns, actionColumn];
+      }
+      return columns;
+    }, [columns, RowMenu]);
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+    } else if (error) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+        errorText: t2("dovetail.retry_when_access_data_failed"),
+        refetch,
+        style: {
+          padding: "15px 0"
+        }
+      });
+    } else if (dataSource.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+        errorText: empty2 || t2("dovetail.empty"),
+        style: {
+          padding: "15px 0"
+        }
+      });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      ref: wrapperRef,
+      className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
+        tableLayout: "fixed",
+        columns: finalColumns,
+        dataSource,
+        pagination,
+        error,
+        loading,
+        rowKey,
+        wrapper: wrapperRef,
+        scroll
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
+        ref: auxiliaryLineRef
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
+        current: currentPage,
+        size: currentSize,
+        count: dataSource.length,
+        onChange: onPageChange,
+        onSizeChange
+      })]
+    });
+  }
+  const ComponentContext = React.createContext({});
+  const PodSelectorTable = ({ podSelectors = {} }) => {
     const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
     const datas = Object.keys(podSelectors).map((key2) => ({
       id: key2,
       key: key2,
@@ -8464,19 +8678,26 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "podSelector",
         loading: false,
-        dataSource: datas,
+        data: datas,
         columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
+        rowKey: "key",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
   const PortsTable = ({ service }) => {
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
     const columns = [
       {
         key: "name",
@@ -8522,13 +8743,18 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "ports",
         loading: false,
-        dataSource: ports,
+        data: ports,
         columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
+        rowKey: "name",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
@@ -9817,8 +10043,10 @@ var __publicField = (obj, key, value) => {
     });
   };
   const ConditionsTable = ({ conditions = [] }) => {
-    const kit = eagle.useUIKit();
+    const [currentPage, setCurrentPage] = React.useState(1);
     const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const conditionsWithId = addId(conditions, "type");
     const columns = [
       {
@@ -9839,7 +10067,7 @@ var __publicField = (obj, key, value) => {
             "False": "red",
             "Unknown": "warning"
           };
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
         },
         sortable: true
       },
@@ -9873,227 +10101,21 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "condition",
         loading: false,
-        dataSource: conditionsWithId,
+        data: conditionsWithId,
         columns: addDefaultRenderToColumns(columns),
         rowKey: "type",
-        empty: t2("dovetail.empty")
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
-  function memoize$1(fn) {
-    var cache = /* @__PURE__ */ Object.create(null);
-    return function(arg) {
-      if (cache[arg] === void 0)
-        cache[arg] = fn(arg);
-      return cache[arg];
-    };
-  }
-  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-  var isPropValid = /* @__PURE__ */ memoize$1(
-    function(prop) {
-      return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-    }
-    /* Z+1 */
-  );
-  var isCapital = (ch) => ch.toUpperCase() === ch;
-  var filterKey = (keys) => (key2) => keys.indexOf(key2) === -1;
-  var omit = (obj, keys) => {
-    const res = {};
-    Object.keys(obj).filter(filterKey(keys)).forEach((key2) => {
-      res[key2] = obj[key2];
-    });
-    return res;
-  };
-  function filterProps(asIs, props, omitKeys) {
-    const filteredProps = omit(props, omitKeys);
-    if (!asIs) {
-      const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
-      Object.keys(filteredProps).forEach((key2) => {
-        if (!interopValidAttr.default(key2)) {
-          delete filteredProps[key2];
-        }
-      });
-    }
-    return filteredProps;
-  }
-  var warnIfInvalid = (value2, componentName) => {
-    if (process.env.NODE_ENV !== "production") {
-      if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
-        return;
-      }
-      const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
-      console.warn(
-        `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
-      );
-    }
-  };
-  var idx = 0;
-  function styled(tag) {
-    var _a;
-    let mockedClass = "";
-    if (process.env.NODE_ENV === "test") {
-      mockedClass += `mocked-styled-${idx++}`;
-      if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
-        mockedClass += ` ${tag.__linaria.className}`;
-      }
-    }
-    return (options) => {
-      if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
-        if (Array.isArray(options)) {
-          throw new Error(
-            'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
-          );
-        }
-      }
-      const render = (props, ref) => {
-        const { as: component = tag, class: className = mockedClass } = props;
-        const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
-        const filteredProps = filterProps(shouldKeepProps, props, [
-          "as",
-          "class"
-        ]);
-        filteredProps.ref = ref;
-        filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
-        const { vars } = options;
-        if (vars) {
-          const style = {};
-          for (const name2 in vars) {
-            const variable = vars[name2];
-            const result = variable[0];
-            const unit = variable[1] || "";
-            const value2 = typeof result === "function" ? result(props) : result;
-            warnIfInvalid(value2, options.name);
-            style[`--${name2}`] = `${value2}${unit}`;
-          }
-          const ownStyle = filteredProps.style || {};
-          const keys = Object.keys(ownStyle);
-          if (keys.length > 0) {
-            keys.forEach((key2) => {
-              style[key2] = ownStyle[key2];
-            });
-          }
-          filteredProps.style = style;
-        }
-        if (tag.__linaria && tag !== component) {
-          filteredProps.as = component;
-          return React.createElement(tag, filteredProps);
-        }
-        return React.createElement(component, filteredProps);
-      };
-      const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
-        const rest = omit(props, ["innerRef"]);
-        return render(rest, props.innerRef);
-      };
-      Result.displayName = options.name;
-      Result.__linaria = {
-        className: options.class || mockedClass,
-        extends: tag
-      };
-      return Result;
-    };
-  }
-  var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-    get(o, prop) {
-      return o(prop);
-    }
-  }) : styled;
-  const TableWidgets_ny30pi = "";
-  const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
-    name: "AuxiliaryLine",
-    class: "ax1qopv",
-    propsAsIs: false
-  });
-  const index_dmbxj3 = "";
-  const TableContainerStyle = "t1upn1sz";
-  function Table(props) {
-    const kit = eagle.useUIKit();
-    const {
-      t: t2
-    } = useTranslation();
-    const {
-      loading,
-      error,
-      data: dataSource,
-      rowKey,
-      columns,
-      scroll,
-      currentPage,
-      currentSize,
-      RowMenu,
-      refetch,
-      onPageChange,
-      onSizeChange,
-      empty: empty2
-    } = props;
-    const auxiliaryLineRef = React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const pagination = React.useMemo(() => ({
-      current: currentPage,
-      pageSize: currentSize,
-      onChange: onPageChange
-    }), [currentPage, currentSize, onPageChange]);
-    const finalColumns = React.useMemo(() => {
-      if (RowMenu) {
-        const actionColumn = {
-          key: "_action_",
-          display: true,
-          dataIndex: [],
-          title: "",
-          render: (_, record) => {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
-              record
-            });
-          }
-        };
-        return [...columns, actionColumn];
-      }
-      return columns;
-    }, [columns, RowMenu]);
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
-    } else if (error) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-        errorText: t2("dovetail.retry_when_access_data_failed"),
-        refetch,
-        style: {
-          padding: "15px 0"
-        }
-      });
-    } else if (dataSource.length === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-        errorText: empty2 || t2("dovetail.empty"),
-        style: {
-          padding: "15px 0"
-        }
-      });
-    }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      ref: wrapperRef,
-      className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
-        tableLayout: "fixed",
-        columns: finalColumns,
-        dataSource,
-        pagination,
-        error,
-        loading,
-        rowKey,
-        wrapper: wrapperRef,
-        scroll
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
-        ref: auxiliaryLineRef
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
-        current: currentPage,
-        size: currentSize,
-        count: dataSource.length,
-        onChange: onPageChange,
-        onSizeChange
-      })]
-    });
-  }
   function useEdit() {
     const { resource } = core.useParsed();
     const go = core.useGo();
@@ -10287,6 +10309,8 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const [selectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const {
       data: data2
     } = core.useList({
@@ -10308,7 +10332,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
         tableKey: "cronjobs",
         loading: !dataSource,
         data: dataSource || [],
@@ -10318,7 +10342,8 @@ var __publicField = (obj, key, value) => {
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
         currentSize: 10,
-        refetch: () => null
+        refetch: () => null,
+        showMenuColumn: false
       })]
     });
   };
@@ -10407,6 +10432,8 @@ var __publicField = (obj, key, value) => {
       ],
       [i18n2]
     );
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const dataSource = React.useMemo(() => {
       return data2 == null ? void 0 : data2.data.filter((d) => {
         const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
@@ -10423,7 +10450,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table,
+      Table$1,
       {
         tableKey: "events",
         loading: isLoading,
@@ -10434,7 +10461,8 @@ var __publicField = (obj, key, value) => {
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
         currentSize: 10,
-        refetch: () => null
+        refetch: () => null,
+        showMenuColumn: false
       }
     );
   };
@@ -10471,11 +10499,13 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
   };
   const IngressRulesTable = ({ ingress }) => {
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const rows = React.useMemo(() => {
       return addId(ingress.flattenedRules || [], "fullPath");
     }, [ingress.flattenedRules]);
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
     const columns = [
       {
         key: "pathType",
@@ -10539,13 +10569,18 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "ingressRules",
         loading: false,
-        dataSource: rows,
+        data: rows,
         columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
+        rowKey: "pathType",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
@@ -10609,7 +10644,7 @@ var __publicField = (obj, key, value) => {
             children: Object.keys(data2).length
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
             type: "link",
-            className: ExpandButtonStyle,
+            className: cx_default(ExpandButtonStyle, eagle.Typo.Label.l4_regular_title),
             onClick: () => {
               setIsExpand(!isExpand);
             },
@@ -10724,8 +10759,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ComponentContext = React.createContext({});
-  const ShowContent_tusz9j = "";
+  const ShowContent_eym19u = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -10808,7 +10842,7 @@ var __publicField = (obj, key, value) => {
           children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
             className: FieldWrapperStyle,
             children: [field.title && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: eagle.Typo.Label.l3_regular,
+              className: eagle.Typo.Label.l4_regular_title,
               style: {
                 width: field.labelWidth || "165px",
                 marginRight: 8,
@@ -10821,6 +10855,7 @@ var __publicField = (obj, key, value) => {
                 minWidth: 0
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+                className: eagle.Typo.Label.l4_regular_title,
                 value: content,
                 useOverflow: false
               })
@@ -10874,6 +10909,7 @@ var __publicField = (obj, key, value) => {
               marginRight: 8
             },
             onClick: openForm,
+            prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.EditPen16GradientBlueIcon, {}),
             children: t2("dovetail.edit_yaml")
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
             record,
@@ -10943,6 +10979,8 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const {
       data: data2
     } = core.useList({
@@ -10983,7 +11021,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
         tableKey: "pods",
         loading: !dataSource,
         data: dataSource || [],
@@ -10994,7 +11032,8 @@ var __publicField = (obj, key, value) => {
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
         currentSize: 10,
-        refetch: () => null
+        refetch: () => null,
+        showMenuColumn: false
       })]
     });
   };
@@ -11168,7 +11207,7 @@ var __publicField = (obj, key, value) => {
       children: i18n2.t("dovetail.edit")
     });
   }
-  const index_1qy3pu6 = "";
+  const index_psn0hb = "";
   const WorkloadReplicasWrapperStyle = "w8ychfk";
   const DonutChartWrapperStyle = "d1o004do";
   const DonutChartStyle = "dfo80qq";
@@ -11268,10 +11307,10 @@ var __publicField = (obj, key, value) => {
         color: "rgba(33, 190, 106, 1)"
       }];
       const remain = replicas - readyReplicas;
-      if (remain > 0) {
+      if (remain > 0 || replicas === 0) {
         data2.push({
           name: "remain",
-          value: remain,
+          value: replicas === 0 ? 1 : remain,
           color: "rgba(162, 240, 213, 1)"
         });
       }
@@ -11303,20 +11342,20 @@ var __publicField = (obj, key, value) => {
         })
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ContentWrapperStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             className: LabelStyle,
             children: t2("dovetail.pod_ready_num")
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: readyReplicas
           })]
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             className: LabelStyle,
             children: t2("dovetail.pod_replicas_num")
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: replicas
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: editable && canScale && /* @__PURE__ */ jsxRuntimeExports.jsx(EditField, {
               modalProps: {
                 formRef,
@@ -17551,8 +17590,8 @@ var __publicField = (obj, key, value) => {
     __proto__: null,
     default: MonacoYamlEditor$1
   }, Symbol.toStringTag, { value: "Module" }));
-  const NetworkPolicyRulesTable_1ig139p = "";
-  const EditorStyle$1 = "e151npt0";
+  const NetworkPolicyRulesViewer_13asgaq = "";
+  const EditorStyle$1 = "e1cjl2b8";
   const NetworkPolicyRulesViewer = ({
     ingressOrEgress,
     kind
@@ -17582,8 +17621,10 @@ var __publicField = (obj, key, value) => {
     containerStatuses,
     initContainerStatuses
   }) => {
-    const kit = eagle.useUIKit();
     const { i18n: i18n2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
     const columns = React.useMemo(
       () => [
         {
@@ -17649,13 +17690,18 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "podContainers",
         loading: false,
-        dataSource,
+        data: dataSource,
         columns: addDefaultRenderToColumns(columns),
         rowKey: "containerID",
-        error: false
+        error: false,
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
@@ -18175,7 +18221,7 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  const index_1srrgg6 = "";
+  const index_hp158y = "";
   const ListPageStyle = "laykzsq";
   const ListContentStyle = "l1ng0psc";
   const TableStyle = "tj6zpn4";
@@ -18211,15 +18257,23 @@ var __publicField = (obj, key, value) => {
         className: ListContentStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
           className: NamespaceFilterStyle
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
-          ...tableProps,
-          empty: tableProps.empty || t2("dovetail.no_resource", {
-            kind: ` ${config.kind}`
-          }),
-          className: cx_default(tableProps.className, TableStyle),
-          scroll: {
-            y: "calc(100% - 48px)"
-          }
+        }), /* @__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}`
+            }),
+            hiddenRetry: true
+          }) : /* @__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)"
+            }
+          })
         })]
       })]
     });
@@ -23447,6 +23501,7 @@ var __publicField = (obj, key, value) => {
       }),
       sortable: true,
       width: 120,
+      align: "right",
       sorter: CommonSorter(dataIndex)
     };
   };
@@ -23664,6 +23719,7 @@ var __publicField = (obj, key, value) => {
       }),
       width: 120,
       sortable: true,
+      align: "right",
       sorter: CommonSorter(["readyDisplay"])
     };
   };