@dovetail-v2/refine 0.0.64 → 0.0.66-alpha.0

package/dist/refine.umd.cjs

@@ -8332,9 +8332,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 = [
     {
@@ -8379,7 +8378,6 @@ var __publicField = (obj, key, value) => {
     }
   ];
   function NamespaceSelectWidget(props) {
-    const kit = eagle.useUIKit();
     const { action } = core.useResource();
     const { data: data2 } = core.useList({
       resource: "namespaces",
@@ -8391,7 +8389,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 = [
     {
@@ -8401,7 +8399,6 @@ var __publicField = (obj, key, value) => {
   ];
   function KeyValueInput(props) {
     const { children, item } = props;
-    const kit = eagle.useUIKit();
     const onKeyChange = React.useCallback(
       (event2) => {
         var _a;
@@ -8424,14 +8421,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]) => ({
@@ -8473,7 +8469,7 @@ var __publicField = (obj, key, value) => {
               onChange(temp);
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              kit.button,
+              eagle.Button,
               {
                 onClick: () => {
                   onRemove(index2);
@@ -8486,15 +8482,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"],
@@ -8502,8 +8497,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) {
@@ -8693,7 +8688,6 @@ var __publicField = (obj, key, value) => {
   const index_dmbxj3 = "";
   const TableContainerStyle = "t1upn1sz";
   function Table(props) {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -8738,7 +8732,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"),
@@ -8758,7 +8752,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,
@@ -8769,7 +8763,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,
@@ -10220,14 +10214,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],
@@ -10235,7 +10228,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
@@ -10248,7 +10241,6 @@ var __publicField = (obj, key, value) => {
     hideBackground,
     className
   }) => {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -10267,7 +10259,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",
@@ -10586,7 +10578,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;
@@ -10607,18 +10598,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;
@@ -10633,9 +10624,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: () => {
@@ -10647,7 +10638,7 @@ var __publicField = (obj, key, value) => {
           ] }),
           trigger: ["click"],
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.button,
+            eagle.Button,
             {
               type: "quiet",
               size: size === "large" ? "middle" : "small",
@@ -10664,7 +10655,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) => {
@@ -10762,12 +10753,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",
@@ -10806,7 +10796,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) || "",
@@ -10816,8 +10805,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 = "";
@@ -10831,18 +10820,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, {
@@ -10877,7 +10865,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;
@@ -10915,7 +10902,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, {
@@ -11052,7 +11039,6 @@ var __publicField = (obj, key, value) => {
       namespace: namespace2,
       resourceId
     } = props;
-    const kit = eagle.useUIKit();
     const navigation = core.useNavigation();
     const go = core.useGo();
     const onClick = () => {
@@ -11066,7 +11052,7 @@ var __publicField = (obj, key, value) => {
         }
       });
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Link, {
       className: LinkStyle,
       onClick,
       children: resourceId
@@ -11260,9 +11246,8 @@ 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_1u0cbxv = "";
@@ -11303,7 +11288,6 @@ var __publicField = (obj, key, value) => {
       formatter,
       Dropdown = K8sDropdown
     } = props;
-    const kit = eagle.useUIKit();
     const parsed = core.useParsed();
     const {
       resource
@@ -11346,7 +11330,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", {
@@ -11401,7 +11385,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: {
@@ -11413,11 +11397,11 @@ var __publicField = (obj, key, value) => {
           }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
             state: stateDisplay
           }) : void 0]
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+        }), /* @__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
               },
@@ -11442,7 +11426,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 || ""
               } : {};
@@ -11455,7 +11439,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"
                     }
@@ -11470,7 +11454,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
@@ -11521,7 +11505,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;
@@ -11566,7 +11549,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, {
@@ -11584,9 +11567,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") }),
@@ -11694,7 +11676,6 @@ var __publicField = (obj, key, value) => {
       formRef: form,
       renderContent
     } = props;
-    const kit = eagle.useUIKit();
     const {
       i18n: i18n2
     } = useTranslation();
@@ -11714,7 +11695,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,
@@ -11736,7 +11717,6 @@ var __publicField = (obj, key, value) => {
     const {
       modalProps
     } = props;
-    const kit = eagle.useUIKit();
     const {
       i18n: i18n2
     } = useTranslation();
@@ -11747,7 +11727,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: () => {
@@ -11776,7 +11756,6 @@ var __publicField = (obj, key, value) => {
       record,
       label: label2
     } = props;
-    const kit = eagle.useUIKit();
     const {
       resource
     } = core.useResource();
@@ -11813,7 +11792,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"
@@ -11821,7 +11800,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"
         },
@@ -11846,7 +11825,6 @@ var __publicField = (obj, key, value) => {
     record,
     editable
   }) {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -11874,7 +11852,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,
@@ -17805,7 +17783,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");
@@ -17928,7 +17905,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"
@@ -17941,7 +17918,7 @@ var __publicField = (obj, key, value) => {
               setLogType(value2);
               setLogs([]);
             }
-          }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Select, {
             input: {
               onChange: (newValue) => {
                 stopFetchingLogs();
@@ -17955,22 +17932,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",
@@ -18551,7 +18528,6 @@ var __publicField = (obj, key, value) => {
     const {
       saveButtonProps
     } = props;
-    const kit = eagle.useUIKit();
     const {
       resource,
       action
@@ -18564,8 +18540,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")
@@ -18575,7 +18551,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();
@@ -18585,7 +18560,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();
@@ -18629,7 +18604,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);
@@ -18641,7 +18615,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 = {
@@ -18831,7 +18805,6 @@ var __publicField = (obj, key, value) => {
   const NamespacesFilter = ({
     className
   }) => {
-    const kit = eagle.useUIKit();
     const {
       t: t2
     } = useTranslation();
@@ -18880,7 +18853,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: {
@@ -18901,14 +18874,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,
@@ -18927,17 +18900,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)"
@@ -18962,26 +18935,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
               })
@@ -23124,7 +23097,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
@@ -23184,14 +23156,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,
                         {
@@ -23205,10 +23177,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) => {
@@ -23239,7 +23211,7 @@ var __publicField = (obj, key, value) => {
                         ),
                         /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
                         /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          kit.tooltip,
+                          eagle.Tooltip,
                           {
                             title: isCollapsed ? "" : resetTooltip,
                             onVisibleChange: (visible) => {
@@ -23272,7 +23244,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(
@@ -23302,7 +23274,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}. ` : "",
@@ -23489,7 +23461,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,
@@ -23498,7 +23469,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
     });
@@ -23732,7 +23703,6 @@ var __publicField = (obj, key, value) => {
       },
       ...useFormProps
     });
-    const kit = eagle.useUIKit();
     const {
       t: t2,
       i18n: i18n2
@@ -23768,7 +23738,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",
@@ -23776,10 +23746,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
               },
@@ -23789,7 +23759,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: {
@@ -24013,7 +23983,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();
@@ -24023,7 +23992,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();
@@ -24129,36 +24098,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],
@@ -24173,21 +24140,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,
@@ -24205,7 +24171,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 });
@@ -24218,16 +24183,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: () => {
@@ -24294,11 +24258,10 @@ var __publicField = (obj, key, value) => {
     );
   }
   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 }),
@@ -24335,12 +24298,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({
@@ -24485,7 +24447,6 @@ var __publicField = (obj, key, value) => {
     isRelativeTime = true
   } = {}) => {
     const dataIndex = ["metadata", "creationTimestamp"];
-    const kit = eagle.useUIKit();
     return {
       key: "creationTimestamp",
       display: true,
@@ -24497,7 +24458,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"
@@ -24999,25 +24960,27 @@ var __publicField = (obj, key, value) => {
       }
     ) }) }) }) });
   };
-  const ModelMap = {
-    Deployment: DeploymentModel,
-    DaemonSet: DaemonSetModel,
-    StatefulSet: StatefulSetModel,
-    CronJob: CronJobModel,
-    Job: JobModel,
-    Pod: PodModel,
-    Event: EventModel,
-    Ingress: IngressModel,
-    NetworkPolicy: NetworkPolicyModel,
-    Service: ServiceModel,
-    Node: NodeModel,
-    StorageClass: StorageClassModel,
-    PersistentVolume: PersistentVolumeModel,
-    PersistentVolumeClaim: PersistentVolumeClaimModel
-  };
   class ModelPlugin {
     constructor() {
       __publicField(this, "_globalStore");
+      __publicField(this, "ModelMap", new Map(
+        Object.entries({
+          Deployment: DeploymentModel,
+          DaemonSet: DaemonSetModel,
+          StatefulSet: StatefulSetModel,
+          CronJob: CronJobModel,
+          Job: JobModel,
+          Pod: PodModel,
+          Event: EventModel,
+          Ingress: IngressModel,
+          NetworkPolicy: NetworkPolicyModel,
+          Service: ServiceModel,
+          Node: NodeModel,
+          StorageClass: StorageClassModel,
+          PersistentVolume: PersistentVolumeModel,
+          PersistentVolumeClaim: PersistentVolumeClaimModel
+        })
+      ));
     }
     init(globalStore) {
       this._globalStore = globalStore;
@@ -25038,7 +25001,7 @@ var __publicField = (obj, key, value) => {
       };
     }
     async processItem(item) {
-      const Model = ModelMap[item.kind] || ResourceModel;
+      const Model = this.ModelMap.get(item.kind) || ResourceModel;
       const result = new Model(item, this._globalStore);
       await result.init();
       return result;
@@ -25051,6 +25014,9 @@ var __publicField = (obj, key, value) => {
     restoreItem(item) {
       return item._rawYaml;
     }
+    setModelMap(key2, model) {
+      this.ModelMap.set(key2, model);
+    }
   }
   const modelPlugin = new ModelPlugin();
   class RelationPlugin {
@@ -25248,6 +25214,7 @@ var __publicField = (obj, key, value) => {
   exports2.Menu = Menu;
   exports2.MetadataForm = MetadataForm;
   exports2.ModalStyle = ModalStyle;
+  exports2.ModelPlugin = ModelPlugin;
   exports2.NETWORK_POLICY_INIT_VALUE = NETWORK_POLICY_INIT_VALUE;
   exports2.NODE_INIT_VALUE = NODE_INIT_VALUE;
   exports2.NS_STORE_KEY = NS_STORE_KEY;
@@ -25295,6 +25262,7 @@ var __publicField = (obj, key, value) => {
   exports2.ReferenceLink = ReferenceLink;
   exports2.RefineFormContent = RefineFormContent;
   exports2.RefineFormPage = RefineFormPage;
+  exports2.RelationPlugin = RelationPlugin;
   exports2.ReplicaField = ReplicaField;
   exports2.ReplicasColumnRenderer = ReplicasColumnRenderer;
   exports2.ReplicasDropdown = ReplicasDropdown;
@@ -25372,7 +25340,9 @@ var __publicField = (obj, key, value) => {
   exports2.addDefaultRenderToColumns = addDefaultRenderToColumns;
   exports2.dnsSubDomainRules = dnsSubDomainRules;
   exports2.dovetailRefineI18n = dovetailRefineI18n;
+  exports2.modelPlugin = modelPlugin;
   exports2.namespaceRules = namespaceRules;
+  exports2.relationPlugin = relationPlugin;
   exports2.rfc1035LabelRules = rfc1035LabelRules;
   exports2.rfc1123LabelRules = rfc1123LabelRules;
   exports2.routerProvider = routerProvider;