@dovetail-v2/refine 0.0.63 → 0.0.65

package/dist/refine.umd.cjs

@@ -1158,7 +1158,7 @@ var __publicField = (obj, key, value) => {
   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 any_node_ip$1 = "Any node IP";
+  const any_node_ip = "Any node IP";
   const dovetail$1 = {
     copy: copy$1,
     reset_arguments: reset_arguments$1,
@@ -1314,7 +1314,7 @@ var __publicField = (obj, key, value) => {
     only_support_one_yaml: only_support_one_yaml$1,
     not_support: not_support$1,
     stopped: stopped$1,
-    any_node_ip: any_node_ip$1
+    any_node_ip
   };
   const EN = {
     dovetail: dovetail$1
@@ -1471,7 +1471,10 @@ var __publicField = (obj, key, value) => {
   const only_support_one_yaml = "一次仅支持输入一个 YAML 配置。";
   const not_support = "不支持";
   const stopped = "已停止";
-  const any_node_ip = "任意节点 IP";
+  const storage_class = "存储类";
+  const persistent_volumn = "持久卷";
+  const provisioner = "制备器";
+  const file_system = "文件系统";
   const dovetail = {
     copy,
     reset_arguments,
@@ -1628,7 +1631,10 @@ var __publicField = (obj, key, value) => {
     only_support_one_yaml,
     not_support,
     stopped,
-    any_node_ip
+    storage_class,
+    persistent_volumn,
+    provisioner,
+    file_system
   };
   const ZH = {
     dovetail
@@ -8237,6 +8243,7 @@ var __publicField = (obj, key, value) => {
   }
   const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
+    ValueDisplay,
     default: ValueDisplay
   }, Symbol.toStringTag, { value: "Module" }));
   function getSecondsDiff(startDate, endDate) {
@@ -8318,9 +8325,8 @@ var __publicField = (obj, key, value) => {
     });
   }
   function NameInputWidget(props) {
-    const kit = eagle.useUIKit();
     const { action } = core.useResource();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Input, { ...props, disabled: action === "edit" });
   }
   const dnsSubDomainRules = [
     {
@@ -8365,7 +8371,6 @@ var __publicField = (obj, key, value) => {
     }
   ];
   function NamespaceSelectWidget(props) {
-    const kit = eagle.useUIKit();
     const { action } = core.useResource();
     const { data: data2 } = core.useList({
       resource: "namespaces",
@@ -8377,7 +8382,7 @@ var __publicField = (obj, key, value) => {
         mode: "off"
       }
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdOption, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
   }
   const namespaceRules = [
     {
@@ -8387,7 +8392,6 @@ var __publicField = (obj, key, value) => {
   ];
   function KeyValueInput(props) {
     const { children, item } = props;
-    const kit = eagle.useUIKit();
     const onKeyChange = React.useCallback(
       (event2) => {
         var _a;
@@ -8410,14 +8414,13 @@ var __publicField = (obj, key, value) => {
       },
       [item, props]
     );
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { value: item.key, onChange: onKeyChange }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }),
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Input, { value: item.key, onChange: onKeyChange }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TextArea, { value: item.value, onChange: onValueChange }),
       children
     ] });
   }
   function KeyValueListWidget(props) {
-    const kit = eagle.useUIKit();
     const { value: value2 } = props;
     const items = React.useMemo(() => {
       return Object.entries(value2 || {}).map(([key2, value22]) => ({
@@ -8459,7 +8462,7 @@ var __publicField = (obj, key, value) => {
               onChange(temp);
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              kit.button,
+              eagle.Button,
               {
                 onClick: () => {
                   onRemove(index2);
@@ -8472,15 +8475,14 @@ var __publicField = (obj, key, value) => {
           index2
         );
       }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, { type: "primary", onClick: onAdd, children: "Add" }) })
     ] });
   }
   function MetadataForm() {
-    const kit = eagle.useUIKit();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        kit.form.Item,
+        eagle.Form.Item,
         {
           label: "Namespace",
           name: ["metadata", "namespace"],
@@ -8488,8 +8490,8 @@ var __publicField = (obj, key, value) => {
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(NamespaceSelectWidget, {})
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
     ] });
   }
   function memoize$2(fn) {
@@ -8679,7 +8681,6 @@ var __publicField = (obj, key, value) => {
   const index_dmbxj3 = "";
   const TableContainerStyle = "t1upn1sz";
   function Table(props) {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -8724,7 +8725,7 @@ var __publicField = (obj, key, value) => {
       return columns;
     }, [columns, RowMenu]);
     if (loading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {});
     } else if (error) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
         errorText: t2("dovetail.retry_when_access_data_failed"),
@@ -8744,7 +8745,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       ref: wrapperRef,
       className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Table, {
         tableLayout: "fixed",
         columns: finalColumns,
         dataSource,
@@ -8755,7 +8756,7 @@ var __publicField = (obj, key, value) => {
         scroll
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
         ref: auxiliaryLineRef
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Pagination, {
         current: currentPage,
         size: defaultSize,
         count: total,
@@ -9554,6 +9555,24 @@ var __publicField = (obj, key, value) => {
     "type": "",
     "data": {}
   };
+  const NODE_INIT_VALUE = {
+    "apiVersion": "v1",
+    "kind": "Node",
+    "metadata": {
+      "name": "example",
+      "namespace": "default"
+    },
+    "spec": {}
+  };
+  const STORAGE_CLASS_INIT_VALUE = {
+    "apiVersion": "storage.k8s.io/v1",
+    "kind": "StorageClass",
+    "metadata": {
+      "name": "example",
+      "namespace": "default"
+    },
+    "spec": {}
+  };
   var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
     WorkloadState2["Terminated"] = "terminated";
     WorkloadState2["UPDATING"] = "updating";
@@ -10039,6 +10058,69 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
+  var NodeRole = /* @__PURE__ */ ((NodeRole2) => {
+    NodeRole2["ControlPlane"] = "Control Plane";
+    NodeRole2["Worker"] = "Worker";
+    return NodeRole2;
+  })(NodeRole || {});
+  class NodeModel extends WorkloadBaseModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+    get role() {
+      return "node-role.kubernetes.io/control-plane" in (this.metadata.labels || {}) ? "Control Plane" : "Worker";
+    }
+    get ip() {
+      var _a, _b;
+      return (_b = (_a = this._rawYaml.status.addresses) == null ? void 0 : _a.find((add) => add.type === "InternalIP")) == null ? void 0 : _b.address;
+    }
+    get nodeGroupName() {
+      var _a;
+      return (_a = this.metadata.labels) == null ? void 0 : _a["cape.infrastructure.cluster.x-k8s.io/node-group"];
+    }
+    get isControlPlane() {
+      var _a;
+      if (!((_a = this == null ? void 0 : this.metadata) == null ? void 0 : _a.labels))
+        return false;
+      return "node-role.kubernetes.io/control-plane" in this.metadata.labels;
+    }
+  }
+  class StorageClassModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      __publicField(this, "pvs", []);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+    async init() {
+      const pvs = await this._globalStore.get("persistentvolumes", {
+        resourceBasePath: "/api/v1",
+        kind: "PersistentVolume"
+      });
+      this.pvs = pvs.items.filter(
+        (pv) => {
+          var _a;
+          return ((_a = pv.spec) == null ? void 0 : _a.storageClassName) === this.metadata.name;
+        }
+      );
+    }
+  }
+  class PersistentVolumeModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+  }
+  class PersistentVolumeClaimModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+  }
   const index_1lzkrja = "";
   const ServiceInClusterAccessComponent = ({
     service
@@ -10125,14 +10207,13 @@ var __publicField = (obj, key, value) => {
     const {
       value: value2
     } = props;
-    const kit = eagle.useUIKit();
     if (!value2) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         value: ""
       });
     }
     const tags = Object.keys(value2).map((key2) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tag.SplitTag, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tag.SplitTag, {
         className: TagStyle,
         primaryContent: key2,
         secondaryContent: value2[key2],
@@ -10140,7 +10221,7 @@ var __publicField = (obj, key, value) => {
         color: "gray"
       }, key2);
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Space, {
       className: TagWrapper,
       size: 8,
       children: tags
@@ -10153,7 +10234,6 @@ var __publicField = (obj, key, value) => {
     hideBackground,
     className
   }) => {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -10172,7 +10252,7 @@ var __publicField = (obj, key, value) => {
       terminated: "red",
       stopped: "gray"
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, {
+    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",
@@ -10435,6 +10515,8 @@ var __publicField = (obj, key, value) => {
     RESOURCE_GROUP2["CLUSTER"] = "CLUSTER";
     RESOURCE_GROUP2["SERVICE"] = "SERVICE";
     RESOURCE_GROUP2["SERVICE_AND_NETWORK"] = "SERVICE_AND_NETWORK";
+    RESOURCE_GROUP2["CONFIG"] = "CONFIG";
+    RESOURCE_GROUP2["NODE_MANAGEMENT"] = "NODE_MANAGEMENT";
     return RESOURCE_GROUP2;
   })(RESOURCE_GROUP || {});
   var FormType = /* @__PURE__ */ ((FormType2) => {
@@ -10489,7 +10571,6 @@ var __publicField = (obj, key, value) => {
   }
   function K8sDropdown(props) {
     const { record, size = "normal" } = props;
-    const kit = eagle.useUIKit();
     const { globalStore } = useGlobalStore();
     const useResourceResult = core.useResource();
     const resource = useResourceResult.resource;
@@ -10510,18 +10591,18 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        kit.dropdown,
+        eagle.Dropdown,
         {
-          overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
+          overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Menu, { children: [
             isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-              kit.menuItem,
+              eagle.Menu.Item,
               {
                 onClick: openForm,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
-              kit.menu.Item,
+              eagle.Menu.Item,
               {
                 onClick: () => {
                   var _a;
@@ -10536,9 +10617,9 @@ var __publicField = (obj, key, value) => {
               }
             ),
             props.children,
-            (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }) : null,
+            (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, { style: { margin: 0 } }) : null,
             (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              kit.menuItem,
+              eagle.Menu.Item,
               {
                 danger: true,
                 onClick: () => {
@@ -10550,7 +10631,7 @@ var __publicField = (obj, key, value) => {
           ] }),
           trigger: ["click"],
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.button,
+            eagle.Button,
             {
               type: "quiet",
               size: size === "large" ? "middle" : "small",
@@ -10567,7 +10648,7 @@ var __publicField = (obj, key, value) => {
           )
         }
       ),
-      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   }
   var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
@@ -10665,12 +10746,11 @@ var __publicField = (obj, key, value) => {
   };
   function CreateButton() {
     var _a;
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const openForm = useOpenForm();
     const { resource } = core.useResource();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.button,
+      eagle.Button,
       {
         prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.PlusAddCreateNew16BoldOntintIcon, {}),
         type: "primary",
@@ -10709,7 +10789,6 @@ var __publicField = (obj, key, value) => {
   };
   const DeleteManyButton = (props) => {
     const { resource } = core.useResource();
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const { modalProps, visible, setVisible } = useDeleteManyModal(
       (resource == null ? void 0 : resource.name) || "",
@@ -10719,8 +10798,8 @@ var __publicField = (obj, key, value) => {
       setVisible(true);
     }, [setVisible]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
-      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
+      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
   const TableToolBar_4s5vf2 = "";
@@ -10734,18 +10813,17 @@ var __publicField = (obj, key, value) => {
     hideCreate
   }) => {
     var _a;
-    const kit = eagle.useUIKit();
     const {
       resource
     } = core.useResource();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: cx_default(ToolbarWrapperStyle, "table-toolbar"),
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
         className: ToolbarStyle$1,
         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
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
           children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
             ids: selectedKeys
           }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
@@ -10780,7 +10858,6 @@ var __publicField = (obj, key, value) => {
     const {
       i18n: i18n2
     } = useTranslation();
-    const kit = eagle.useUIKit();
     const [selectedKeys] = React.useState([]);
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
@@ -10818,7 +10895,7 @@ var __publicField = (obj, key, value) => {
         type: ErrorContentType.Card
       });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
       direction: "vertical",
       className: WrapperStyle$5,
       children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
@@ -10951,25 +11028,24 @@ var __publicField = (obj, key, value) => {
   const LinkStyle = "l1vnw9x0";
   const ResourceLink = (props) => {
     const {
-      name: name2,
+      resourceName,
       namespace: namespace2,
       resourceId
     } = props;
-    const kit = eagle.useUIKit();
     const navigation = core.useNavigation();
     const go = core.useGo();
     const onClick = () => {
       go({
-        to: navigation.showUrl(name2, ""),
+        to: navigation.showUrl(resourceName, ""),
         query: {
-          id: `${namespace2}/${resourceId}`
+          id: namespace2 ? `${namespace2}/${resourceId}` : resourceId
         },
         options: {
           keepQuery: true
         }
       });
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Link, {
       className: LinkStyle,
       onClick,
       children: resourceId
@@ -11014,7 +11090,7 @@ var __publicField = (obj, key, value) => {
           return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
             {
-              name: "services",
+              resourceName: "services",
               namespace: ingress.metadata.namespace || "default",
               resourceId: serviceName
             }
@@ -11041,7 +11117,7 @@ var __publicField = (obj, key, value) => {
           return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
             {
-              name: "secrets",
+              resourceName: "secrets",
               namespace: ingress.metadata.namespace || "default",
               resourceId: secretName
             }
@@ -11163,12 +11239,11 @@ var __publicField = (obj, key, value) => {
   }
   function Tabs(props) {
     const { tabs, className } = props;
-    const kit = eagle.useUIKit();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabs, { className, children: tabs.map((tab) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tabs, { className, children: tabs.map((tab) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ShowContent_vvz9yc = "";
+  const ShowContent_1u0cbxv = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -11200,13 +11275,12 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ShowContent = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const {
       showConfig,
       formatter,
       Dropdown = K8sDropdown
     } = props;
-    const kit = eagle.useUIKit();
     const parsed = core.useParsed();
     const {
       resource
@@ -11240,6 +11314,8 @@ var __publicField = (obj, key, value) => {
       if (!record)
         return null;
       return fields.map((field) => {
+        if (field.hidden)
+          return null;
         let content;
         const value2 = lodashEs.get(record, field.path);
         if (field.renderContent) {
@@ -11247,7 +11323,7 @@ var __publicField = (obj, key, value) => {
         } else {
           content = lodashEs.get(record, field.path);
         }
-        return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.col, {
+        return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Col, {
           flex: areaType === AreaType.Inline ? "none" : "",
           span: field.col || 24,
           children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11302,7 +11378,7 @@ var __publicField = (obj, key, value) => {
             children: (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind
           })
         })
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
         className: TopBarStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
           style: {
@@ -11314,11 +11390,11 @@ var __publicField = (obj, key, value) => {
           }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
             state: stateDisplay
           }) : void 0]
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
+          children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
             resource: resource == null ? void 0 : resource.name,
             action: AccessControlAuth.Edit,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
               style: {
                 marginRight: 8
               },
@@ -11326,7 +11402,7 @@ var __publicField = (obj, key, value) => {
               prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.EditPen16GradientBlueIcon, {}),
               children: t2("dovetail.edit_yaml")
             })
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
+          }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
             record,
             size: "large"
           })]
@@ -11343,7 +11419,7 @@ var __publicField = (obj, key, value) => {
             className: cx_default(TabContentStyle, tab.groups.length <= 1 && FullTabContentStyle),
             children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => {
               const GroupContainer = group.title ? ShowGroupComponent : React.Fragment;
-              const FieldContainer = group.title ? kit.row : React.Fragment;
+              const FieldContainer = group.title ? eagle.Row : React.Fragment;
               const groupContainerProps = group.title ? {
                 title: group.title || ""
               } : {};
@@ -11356,7 +11432,7 @@ var __publicField = (obj, key, value) => {
                   children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, {
                     ...fieldContainerProps,
                     children: renderFields(area.fields, area.type, !!group.title)
-                  }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                  }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, {
                     style: {
                       margin: "8px 0 12px 0"
                     }
@@ -11371,7 +11447,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ShowContentWrapperStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Space, {
         direction: "vertical",
         className: ShowContentHeaderStyle,
         children: topBar
@@ -11422,7 +11498,6 @@ var __publicField = (obj, key, value) => {
     const {
       i18n: i18n2
     } = useTranslation();
-    const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
@@ -11467,7 +11542,7 @@ var __publicField = (obj, key, value) => {
         type: ErrorContentType.Card
       });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
       direction: "vertical",
       className: "c1dicff8",
       children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
@@ -11485,9 +11560,8 @@ var __publicField = (obj, key, value) => {
   function FormErrorAlert(props) {
     const { errorMsgs, style, className, isEdit } = props;
     const { i18n: i18n2 } = useTranslation();
-    const kit = eagle.useUIKit();
     return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.alert,
+      eagle.Alert,
       {
         message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
@@ -11595,7 +11669,6 @@ var __publicField = (obj, key, value) => {
       formRef: form,
       renderContent
     } = props;
-    const kit = eagle.useUIKit();
     const {
       i18n: i18n2
     } = useTranslation();
@@ -11615,7 +11688,7 @@ var __publicField = (obj, key, value) => {
       popModal();
       reset();
     }, [reset]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.modal, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
       className: ModalStyle,
       title: title || i18n2.t("dovetail.edit"),
       confirmLoading: submitting,
@@ -11637,7 +11710,6 @@ var __publicField = (obj, key, value) => {
     const {
       modalProps
     } = props;
-    const kit = eagle.useUIKit();
     const {
       i18n: i18n2
     } = useTranslation();
@@ -11648,7 +11720,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
       resource: resource == null ? void 0 : resource.name,
       action: AccessControlAuth.Edit,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
         className: EditButtonStyle,
         type: "link",
         onClick: () => {
@@ -11677,7 +11749,6 @@ var __publicField = (obj, key, value) => {
       record,
       label: label2
     } = props;
-    const kit = eagle.useUIKit();
     const {
       resource
     } = core.useResource();
@@ -11714,7 +11785,7 @@ var __publicField = (obj, key, value) => {
     React.useImperativeHandle(ref, () => ({
       submit
     }), [submit]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
       label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         style: {
           width: "134px"
@@ -11722,7 +11793,7 @@ var __publicField = (obj, key, value) => {
         children: label2
       }),
       colon: false,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.fields.Integer, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Fields.Integer, {
         style: {
           width: "142px"
         },
@@ -11747,7 +11818,6 @@ var __publicField = (obj, key, value) => {
     record,
     editable
   }) {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -11775,7 +11845,7 @@ var __publicField = (obj, key, value) => {
       className: WorkloadReplicasWrapperStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: DonutChartWrapperStyle,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.DonutChart, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.DonutChart, {
           className: DonutChartStyle,
           data: donutData,
           width: 70,
@@ -12076,6 +12146,36 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
+  const StorageClassProvisionerField = (i18n2) => {
+    return {
+      key: "provisioner",
+      path: ["provisioner"],
+      title: i18n2.t("dovetail.provisioner")
+    };
+  };
+  const StorageClassFsTypeField = (i18n2) => {
+    return {
+      key: "fstype",
+      path: ["parameters", "csi.storage.k8s.io/fstype"],
+      title: i18n2.t("dovetail.file_system")
+    };
+  };
+  const StorageClassPvField = () => {
+    return {
+      key: "pvs",
+      path: ["pvs"],
+      renderContent: (pvs) => {
+        return pvs.map((pv) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceLink,
+          {
+            resourceName: "persistentvolumes",
+            namespace: pv.metadata.namespace || "",
+            resourceId: pv.id
+          }
+        ) }, pv.metadata.name));
+      }
+    };
+  };
   function __rest(s2, e2) {
     var t2 = {};
     for (var p in s2)
@@ -17676,7 +17776,6 @@ var __publicField = (obj, key, value) => {
     pod: pod2
   }) => {
     var _a, _b, _c, _d, _e;
-    const kit = eagle.useUIKit();
     const [selectedContainer, setSelectedContainer] = React.useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
     const [logs, setLogs] = React.useState([]);
     const [logType, setLogType] = React.useState("realtime");
@@ -17799,7 +17898,7 @@ var __publicField = (obj, key, value) => {
         className: ToolbarStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
           className: ToolbarAreaStyle,
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.SegmentedControl, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.SegmentControl, {
             options: [{
               label: t2("dovetail.realtime_log"),
               value: "realtime"
@@ -17812,7 +17911,7 @@ var __publicField = (obj, key, value) => {
               setLogType(value2);
               setLogs([]);
             }
-          }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Select, {
             input: {
               onChange: (newValue) => {
                 stopFetchingLogs();
@@ -17826,22 +17925,22 @@ var __publicField = (obj, key, value) => {
             style: {
               width: 200
             },
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdOption, {
               value: "",
               disabled: true,
               children: t2("dovetail.select_container")
-            }), (((_e = pod2.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+            }), (((_e = pod2.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdOption, {
               value: container2.name,
               children: container2.name
             }, container2.name))]
           })]
         }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
           className: ToolbarAreaStyle,
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.checkbox, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Checkbox, {
             checked: wrap,
             onChange: (e2) => setWrap(e2.target.checked),
             children: t2("dovetail.auto_wrap")
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
             onClick: () => setPaused((prev) => !prev),
             prefixIcon: paused ? /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.RecoverContinue16GradientBlueIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.SuspendedPause16GradientBlueIcon, {}),
             size: "middle",
@@ -18299,21 +18398,27 @@ var __publicField = (obj, key, value) => {
   });
   const IngressRulesGroup = (i18n2) => ({
     title: i18n2.t("dovetail.rule"),
-    areas: [{
-      fields: [IngressRulesTableTabField()]
-    }]
+    areas: [
+      {
+        fields: [IngressRulesTableTabField()]
+      }
+    ]
   });
   const PodSelectorGroup = (i18n2) => ({
     title: i18n2.t("dovetail.pod_selector"),
-    areas: [{
-      fields: [PodSelectorField()]
-    }]
+    areas: [
+      {
+        fields: [PodSelectorField()]
+      }
+    ]
   });
   const PortsGroup = (i18n2) => ({
     title: i18n2.t("dovetail.port"),
-    areas: [{
-      fields: [PortsTableField()]
-    }]
+    areas: [
+      {
+        fields: [PortsTableField()]
+      }
+    ]
   });
   const DataGroup = (i18n2) => ({
     title: i18n2.t("dovetail.data"),
@@ -18367,6 +18472,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const StorageClassPvGroup = (i18n2) => ({
+    title: i18n2.t("dovetail.persistent_volumn"),
+    areas: [
+      {
+        fields: [StorageClassPvField()]
+      }
+    ]
+  });
   const PageShow = (props) => {
     var _a;
     const parsed = core.useParsed();
@@ -18408,7 +18521,6 @@ var __publicField = (obj, key, value) => {
     const {
       saveButtonProps
     } = props;
-    const kit = eagle.useUIKit();
     const {
       resource,
       action
@@ -18421,8 +18533,8 @@ var __publicField = (obj, key, value) => {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
         className: cx_default(eagle.Typo.Display.d2_bold_title, TitleStyle),
         children: [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, ":", " ", action === "create" ? t2("dovetail.create") : t2("dovetail.edit")]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
           type: "primary",
           ...saveButtonProps,
           children: t2("dovetail.save")
@@ -18432,7 +18544,6 @@ var __publicField = (obj, key, value) => {
   }
   function WorkloadDropdown(props) {
     const { record, size, children } = props;
-    const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutateAsync } = core.useUpdate();
     const { t: t2 } = useTranslation();
@@ -18442,7 +18553,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(K8sDropdown, { record, size, children: [
       (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        kit.menu.Item,
+        eagle.Menu.Item,
         {
           onClick: async () => {
             const v = record.redeploy();
@@ -18486,7 +18597,6 @@ var __publicField = (obj, key, value) => {
   }
   function ReplicasDropdown(props) {
     const { record, size, children } = props;
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const pushModal = eagle.usePushModal();
     const formRef = React.useRef(null);
@@ -18498,7 +18608,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
       isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        kit.menu.Item,
+        eagle.Menu.Item,
         {
           onClick: () => {
             const modalProps = {
@@ -18688,7 +18798,6 @@ var __publicField = (obj, key, value) => {
   const NamespacesFilter = ({
     className
   }) => {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -18737,7 +18846,7 @@ var __publicField = (obj, key, value) => {
     }, [calcTagMaxWidth]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: WRAPPER_CLASS,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Select, {
         loading: isLoading,
         className: cx_default(SelectStyle, SELECT_CLASS, className),
         style: {
@@ -18758,14 +18867,14 @@ var __publicField = (obj, key, value) => {
         },
         dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
           className: SelectContentStyle,
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.SearchInput, {
             style: {
               width: "100%"
             },
             className: SearchInputStyle,
             onChange: debouncedSetSearch,
             placeholder: t2("dovetail.please_input")
-          }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
+          }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : null]
         }),
         tagRender: ({
           label: label2,
@@ -18784,17 +18893,17 @@ var __publicField = (obj, key, value) => {
                 marginLeft: 8
               },
               children: label2
-            }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
+            }) : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Token, {
               className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
               closable,
               size: "medium",
               onClose,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-                content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tooltip, {
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
+                content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
                   title: isCountToken ? value2.slice(MAX_TAG_COUNT).map((namespace2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
                     children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
                       children: namespace2
-                    }), index2 !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                    }), index2 !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, {
                       style: {
                         margin: "6px 0",
                         borderColor: "rgba(107, 128, 167, 0.60)"
@@ -18819,26 +18928,26 @@ var __publicField = (obj, key, value) => {
           setOpen(open2);
         },
         multiple: true,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdOption, {
           value: "_all",
           label: t2("dovetail.all_namespaces"),
           className: AllNamespaceOptionStyle,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
             content: t2("dovetail.all_namespaces"),
             className: LabelWrapperStyle
           })
-        }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
+        }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdSelectOptGroup, {
           label: "",
           className: SelectOptionGroupStyle,
           children: data2 == null ? void 0 : data2.data.map((namespace2) => {
             const {
               name: name2
             } = namespace2.metadata;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdOption, {
               value: name2,
               label: name2,
               className: OptionStyle,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
                 content: name2,
                 className: LabelWrapperStyle
               })
@@ -22243,6 +22352,9 @@ var __publicField = (obj, key, value) => {
               children: value2
             });
           }
+          if (c2 == null ? void 0 : c2.render) {
+            ele = c2.render(value2, onChange, formValue, onBlur, action, control);
+          }
           if (c2.helperText) {
             ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
               size: 4,
@@ -22254,9 +22366,6 @@ var __publicField = (obj, key, value) => {
               })]
             });
           }
-          if (c2 == null ? void 0 : c2.render) {
-            ele = c2.render(value2, onChange, formValue, onBlur, action);
-          }
           return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
             label: c2.label,
             colon: false,
@@ -22981,7 +23090,6 @@ var __publicField = (obj, key, value) => {
         eleRef,
         className
       } = props;
-      const kit = eagle.useUIKit();
       const { t: t2 } = useTranslation();
       const [isCollapsed, setIsCollapsed] = React.useState(
         collapsable ? isDefaultCollapsed : false
@@ -23041,14 +23149,14 @@ var __publicField = (obj, key, value) => {
           ref: eleRef,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              kit.space,
+              eagle.Space,
               {
                 className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
                 direction: "vertical",
                 size: 0,
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ToolBarHeaderStyle, children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 8, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, { className: ToolBarHeaderStyle, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, { size: 8, children: [
                       collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
                         eagle.Icon,
                         {
@@ -23062,10 +23170,10 @@ var __publicField = (obj, key, value) => {
                       ),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 14, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
                       isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          kit.tooltip,
+                          eagle.Tooltip,
                           {
                             title: isCollapsed ? "" : copyTooltip,
                             onVisibleChange: (visible) => {
@@ -23096,7 +23204,7 @@ var __publicField = (obj, key, value) => {
                         ),
                         /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
                         /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          kit.tooltip,
+                          eagle.Tooltip,
                           {
                             title: isCollapsed ? "" : resetTooltip,
                             onVisibleChange: (visible) => {
@@ -23129,7 +23237,7 @@ var __publicField = (obj, key, value) => {
                         /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
                       ] }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        kit.tooltip,
+                        eagle.Tooltip,
                         {
                           title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
                           children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -23159,7 +23267,7 @@ var __publicField = (obj, key, value) => {
                       )
                     ] })
                   ] }),
-                  errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                  errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
                       errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
@@ -23346,7 +23454,6 @@ var __publicField = (obj, key, value) => {
     const [errorResponseBody, setErrorResponseBody] = React.useState(null);
     const useResourceResult = core.useResource();
     const { globalStore } = useGlobalStore();
-    const kit = eagle.useUIKit();
     const {
       schema,
       loading: isLoadingSchema,
@@ -23355,7 +23462,7 @@ var __publicField = (obj, key, value) => {
     } = useSchema({
       skip: editorOptions == null ? void 0 : editorOptions.isSkipSchema
     });
-    const [formAnt] = kit.form.useForm();
+    const [formAnt] = eagle.Form.useForm();
     const formSF = sunflowerAntd.useForm({
       form: formAnt
     });
@@ -23589,7 +23696,6 @@ var __publicField = (obj, key, value) => {
       },
       ...useFormProps
     });
-    const kit = eagle.useUIKit();
     const {
       t: t2,
       i18n: i18n2
@@ -23625,7 +23731,7 @@ var __publicField = (obj, key, value) => {
     }, [responseErrors, onErrorsChange]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(FormWrapper, {
       ...formWrapperProps,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form, {
         ...formProps,
         initialValues: formProps.initialValues,
         layout: "horizontal",
@@ -23633,10 +23739,10 @@ var __publicField = (obj, key, value) => {
         onFinish,
         children: (() => {
           if (isLoadingSchema || (queryResult == null ? void 0 : queryResult.isLoading) && action === "edit") {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {});
           }
           return editorProps.schema || schemaStrategy !== "Required" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
               style: {
                 flex: 1
               },
@@ -23646,7 +23752,7 @@ var __publicField = (obj, key, value) => {
                 schema,
                 collapsable: false
               })
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
               children: mutationResult.error && /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
                 errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message],
                 style: {
@@ -23870,7 +23976,6 @@ var __publicField = (obj, key, value) => {
   function CronJobDropdown(props) {
     const { record, size } = props;
     const { spec } = record;
-    const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutateAsync } = core.useUpdate();
     const { t: t2 } = useTranslation();
@@ -23880,7 +23985,7 @@ var __publicField = (obj, key, value) => {
     });
     const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
+      eagle.Menu.Item,
       {
         onClick: async () => {
           const v = suspended2 ? record.resume() : record.suspend();
@@ -23986,36 +24091,34 @@ var __publicField = (obj, key, value) => {
   const DeleteButton = () => {
     const { resource } = core.useResource();
     const { id } = core.useParsed();
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
       (resource == null ? void 0 : resource.name) || ""
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t2("dovetail.delete") }),
-      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+      /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t2("dovetail.delete") }),
+      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
   const index_1wt5px2 = "";
   const MenuStyle = "mdppgn0";
   const Menu = () => {
-    const kit = eagle.useUIKit();
     const {
       menuItems,
       selectedKey
     } = core.useMenu();
     function renderMenuItems(items) {
-      return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItem, {
+      return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Menu.Item, {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.NavLink, {
           to: item.route || "",
           children: item.label
         })
-      }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItemGroup, {
+      }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.MenuItemGroup, {
         title: item.name,
         children: renderMenuItems(item.children)
       }, item.key));
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menu, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Menu, {
       className: MenuStyle,
       theme: "light",
       selectedKeys: [selectedKey],
@@ -24030,21 +24133,20 @@ var __publicField = (obj, key, value) => {
   const Layout = ({
     children
   }) => {
-    const kit = eagle.useUIKit();
     const [collapsed, setCollapsed] = React.useState(false);
     const {
       Header,
       Content,
       Sider
-    } = kit.layout;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
+    } = eagle.Layout;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Layout, {
       style: {
         height: "100%"
       },
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Header, {
         className: cx_default(HeaderStyle, eagle.Typo.Heading.h1_bold_title),
         children: "Dovetail 2"
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Layout, {
         className: ContentLayoutStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Sider, {
           width: 256,
@@ -24062,7 +24164,6 @@ var __publicField = (obj, key, value) => {
   };
   const DrawerShow = (props) => {
     var _a, _b;
-    const kit = eagle.useUIKit();
     const parsed = core.useParsed();
     const nav = core.useNavigation();
     const { queryResult } = core.useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
@@ -24075,16 +24176,15 @@ var __publicField = (obj, key, value) => {
         onClose: () => nav.goBack(),
         width: "50%",
         visible: !!((_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id),
-        children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
+        children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
       }
     );
   };
   const EditButton = () => {
     const { id } = core.useParsed();
-    const kit = eagle.useUIKit();
     const { edit: edit2 } = useEdit();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.button,
+      eagle.Button,
       {
         type: "primary",
         onClick: () => {
@@ -24109,7 +24209,7 @@ var __publicField = (obj, key, value) => {
       ResourceLink,
       {
         resourceId: ownerReference.name,
-        name: resource.name || "",
+        resourceName: resource.name || "",
         namespace: namespace2
       }
     );
@@ -24124,12 +24224,37 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: tags });
   };
+  function ResourceSelect(props) {
+    const { resource, resourceBasePath, kind, selectProps, value: value2, onChange } = props;
+    const { data: data2, isLoading, isError } = core.useList({
+      resource,
+      meta: {
+        resourceBasePath,
+        kind
+      },
+      pagination: {
+        mode: "off"
+      }
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Select,
+      {
+        input: {
+          value: value2,
+          onChange
+        },
+        loading: isLoading,
+        error: isError,
+        ...selectProps,
+        children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdOption, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name))
+      }
+    );
+  }
   const IngressRulesComponent = ({ ingress }) => {
-    const kit = eagle.useUIKit();
     const result = ingress.flattenedRules.map((r2) => {
       const divider = " > ";
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        kit.overflowTooltip,
+        eagle.OverflowTooltip,
         {
           content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: r2.fullPath }),
@@ -24138,7 +24263,7 @@ var __publicField = (obj, key, value) => {
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResourceLink,
                 {
-                  name: "services",
+                  resourceName: "services",
                   namespace: ingress.metadata.namespace || "default",
                   resourceId: r2.serviceName
                 }
@@ -24166,12 +24291,11 @@ var __publicField = (obj, key, value) => {
       id,
       resource
     } = props;
-    const kit = eagle.useUIKit();
     const go = core.useGo();
     const navigation = core.useNavigation();
     const parsed = core.useParsed();
     const resourceName = resource || ((_a = parsed.resource) == null ? void 0 : _a.name) || "";
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
       type: "link",
       onClick: () => {
         go({
@@ -24316,7 +24440,6 @@ var __publicField = (obj, key, value) => {
     isRelativeTime = true
   } = {}) => {
     const dataIndex = ["metadata", "creationTimestamp"];
-    const kit = eagle.useUIKit();
     return {
       key: "creationTimestamp",
       display: true,
@@ -24328,7 +24451,7 @@ var __publicField = (obj, key, value) => {
         return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
           date: new Date(value2)
         }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-          value: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.time, {
+          value: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Time, {
             date: value2,
             timeTemplate: "HH:mm:ss",
             dateTemplate: "YYYY-MM-DD"
@@ -24683,6 +24806,76 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
+  const ProvisionerColumnRenderer = (i18n2) => {
+    return {
+      key: "provisioner",
+      display: true,
+      dataIndex: ["provisioner"],
+      title: i18n2.t("dovetail.provisioner"),
+      width: 120,
+      sortable: true
+    };
+  };
+  const FsTypeColumnRenderer = (i18n2) => {
+    return {
+      key: "fstype",
+      display: true,
+      dataIndex: ["parameters", "csi.storage.k8s.io/fstype"],
+      title: i18n2.t("dovetail.file_system"),
+      width: 120,
+      sortable: true
+    };
+  };
+  const PVCapacityColumnRenderer = (i18n2) => {
+    return {
+      key: "capacity",
+      display: true,
+      dataIndex: ["spec", "capacity", "storage"],
+      title: i18n2.t("dovetail.capacity"),
+      width: 120,
+      sortable: true
+    };
+  };
+  const PVStorageClassColumnRenderer = (i18n2) => {
+    return {
+      key: "storageClass",
+      display: true,
+      dataIndex: ["spec", "storageClassName"],
+      title: i18n2.t("dovetail.storage_class"),
+      width: 120,
+      sortable: true
+    };
+  };
+  const PVPhaseColumnRenderer = (i18n2) => {
+    return {
+      key: "phase",
+      display: true,
+      dataIndex: ["status", "phase"],
+      title: i18n2.t("dovetail.phase"),
+      width: 120,
+      sortable: true
+    };
+  };
+  const PVModeColumnRenderer = (i18n2) => {
+    return {
+      key: "mode",
+      display: true,
+      dataIndex: ["spec", "volumeMode"],
+      title: i18n2.t("dovetail.volume_mode"),
+      width: 120,
+      sortable: true
+    };
+  };
+  const PVAccessModeColumnRenderer = (i18n2) => {
+    return {
+      key: "accessMode",
+      display: true,
+      dataIndex: ["spec", "accessModes"],
+      title: i18n2.t("dovetail.access_mode"),
+      width: 120,
+      sortable: true
+    };
+  };
   const styles = "";
   const Dovetail = (props) => {
     const {
@@ -24770,7 +24963,11 @@ var __publicField = (obj, key, value) => {
     Event: EventModel,
     Ingress: IngressModel,
     NetworkPolicy: NetworkPolicyModel,
-    Service: ServiceModel
+    Service: ServiceModel,
+    Node: NodeModel,
+    StorageClass: StorageClassModel,
+    PersistentVolume: PersistentVolumeModel,
+    PersistentVolumeClaim: PersistentVolumeClaimModel
   };
   class ModelPlugin {
     constructor() {
@@ -24978,6 +25175,7 @@ var __publicField = (obj, key, value) => {
   exports2.EventsTableTabField = EventsTableTabField;
   exports2.FormModal = FormModal;
   exports2.FormType = FormType;
+  exports2.FsTypeColumnRenderer = FsTypeColumnRenderer;
   exports2.GlobalStoreContext = GlobalStoreContext;
   exports2.INGRESS_INIT_VALUE = INGRESS_INIT_VALUE;
   exports2.ImageField = ImageField;
@@ -24993,6 +25191,7 @@ var __publicField = (obj, key, value) => {
   exports2.JobModel = JobModel;
   exports2.JobsField = JobsField;
   exports2.JobsGroup = JobsGroup;
+  exports2.K8sDropdown = K8sDropdown;
   exports2.KeyValue = KeyValue;
   exports2.KeyValueAnnotation = KeyValueAnnotation;
   exports2.KeyValueListWidget = KeyValueListWidget;
@@ -25004,6 +25203,7 @@ var __publicField = (obj, key, value) => {
   exports2.MetadataForm = MetadataForm;
   exports2.ModalStyle = ModalStyle;
   exports2.NETWORK_POLICY_INIT_VALUE = NETWORK_POLICY_INIT_VALUE;
+  exports2.NODE_INIT_VALUE = NODE_INIT_VALUE;
   exports2.NS_STORE_KEY = NS_STORE_KEY;
   exports2.NameColumnRenderer = NameColumnRenderer;
   exports2.NameInputWidget = NameInputWidget;
@@ -25015,9 +25215,18 @@ var __publicField = (obj, key, value) => {
   exports2.NetworkPolicyIngressRulesGroup = NetworkPolicyIngressRulesGroup;
   exports2.NetworkPolicyModel = NetworkPolicyModel;
   exports2.NetworkPolicyRulesViewer = NetworkPolicyRulesViewer;
+  exports2.NodeModel = NodeModel;
   exports2.NodeNameColumnRenderer = NodeNameColumnRenderer;
+  exports2.NodeRole = NodeRole;
   exports2.POD_INIT_VALUE = POD_INIT_VALUE;
+  exports2.PVAccessModeColumnRenderer = PVAccessModeColumnRenderer;
+  exports2.PVCapacityColumnRenderer = PVCapacityColumnRenderer;
+  exports2.PVModeColumnRenderer = PVModeColumnRenderer;
+  exports2.PVPhaseColumnRenderer = PVPhaseColumnRenderer;
+  exports2.PVStorageClassColumnRenderer = PVStorageClassColumnRenderer;
   exports2.PageShow = PageShow;
+  exports2.PersistentVolumeClaimModel = PersistentVolumeClaimModel;
+  exports2.PersistentVolumeModel = PersistentVolumeModel;
   exports2.PlainTextNameColumnRenderer = PlainTextNameColumnRenderer;
   exports2.PodContainersGroup = PodContainersGroup;
   exports2.PodContainersNumColumnRenderer = PodContainersNumColumnRenderer;
@@ -25035,6 +25244,7 @@ var __publicField = (obj, key, value) => {
   exports2.PortsGroup = PortsGroup;
   exports2.PortsTableField = PortsTableField;
   exports2.ProviderPlugins = ProviderPlugins;
+  exports2.ProvisionerColumnRenderer = ProvisionerColumnRenderer;
   exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReferenceLink = ReferenceLink;
   exports2.RefineFormContent = RefineFormContent;
@@ -25047,6 +25257,7 @@ var __publicField = (obj, key, value) => {
   exports2.ResourceLink = ResourceLink;
   exports2.ResourceList = ResourceList;
   exports2.ResourceModel = ResourceModel;
+  exports2.ResourceSelect = ResourceSelect;
   exports2.ResourceShow = ResourceShow;
   exports2.ResourceUsageBar = ResourceUsageBar;
   exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
@@ -25063,6 +25274,7 @@ var __publicField = (obj, key, value) => {
   exports2.SERVICE_LOAD_BALANCER_INIT_VALUE = SERVICE_LOAD_BALANCER_INIT_VALUE;
   exports2.SERVICE_NODE_PORT_INIT_VALUE = SERVICE_NODE_PORT_INIT_VALUE;
   exports2.STATEFULSET_INIT_VALUE = STATEFULSET_INIT_VALUE;
+  exports2.STORAGE_CLASS_INIT_VALUE = STORAGE_CLASS_INIT_VALUE;
   exports2.SchemaStrategy = SchemaStrategy;
   exports2.SecretDataField = SecretDataField;
   exports2.SecretDataGroup = SecretDataGroup;
@@ -25089,6 +25301,11 @@ var __publicField = (obj, key, value) => {
   exports2.StateTag = StateTag;
   exports2.StateTagStyle = StateTagStyle;
   exports2.StatefulSetModel = StatefulSetModel;
+  exports2.StorageClassFsTypeField = StorageClassFsTypeField;
+  exports2.StorageClassModel = StorageClassModel;
+  exports2.StorageClassProvisionerField = StorageClassProvisionerField;
+  exports2.StorageClassPvField = StorageClassPvField;
+  exports2.StorageClassPvGroup = StorageClassPvGroup;
   exports2.TIMESTAMP_LABEL = TIMESTAMP_LABEL;
   exports2.Tabs = Tabs;
   exports2.Tags = Tags;