@dovetail-v2/refine 0.0.28 → 0.0.29

package/dist/{MonacoYamlDiffEditor-b459d49b.js → MonacoYamlDiffEditor-37f2db86.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-432360ef.js";
+import { j as jsxRuntimeExports } from "./index-3716ce7b.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-432360ef.js → index-3716ce7b.js}

@@ -536,6 +536,11 @@ i18n.use(initReactI18next).init({
   lng: "zh-CN",
   nsSeparator: "."
 });
+const useD2Translation = () => {
+  return useTranslation(void 0, {
+    i18n
+  });
+};
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /** @license React v16.14.0
@@ -7088,7 +7093,7 @@ const useEagleForm = ({
   var _a, _b, _c;
   const editor = useRef(null);
   const isFoldRef = useRef(false);
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const [enableEditor, setEnableEditor] = useState(false);
   const [isYamlValid, setIsYamlValid] = useState(true);
   const [isSchemaValid, setIsSchemaValid] = useState(true);
@@ -7261,7 +7266,7 @@ const useDeleteModal = (resource) => {
   const [visible, setVisible] = useState(false);
   const navigation = useNavigation();
   const [id, setId] = useState("");
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const modalProps = {
     title: t("dovetail.delete"),
     okText: t("dovetail.delete"),
@@ -7527,7 +7532,7 @@ const WidgetErrorContent$1 = (props) => {
   const kit = useContext(kitContext);
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: ErrorWrapper$1,
     style: props.style,
@@ -7870,7 +7875,7 @@ const Time = (props) => {
 };
 const ConditionsTable = ({ conditions = [] }) => {
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const conditionsWithId = addId(conditions, "type");
   const columns = [
     {
@@ -8056,7 +8061,7 @@ function Table(props) {
   const kit = useUIKit();
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   const {
     loading,
     error,
@@ -9773,7 +9778,7 @@ const WidgetErrorContent = (props) => {
   const kit = useContext(kitContext);
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
     className: props.className,
     style: props.style,
@@ -9825,7 +9830,7 @@ function FormLayout(props) {
   } = useResource();
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: WrapperStyle$3,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
@@ -9859,7 +9864,7 @@ const ErrorMsgStyle = "eh2qjnl";
 const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
 const MonacoYamlEditor$2 = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-b459d49b.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-37f2db86.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -9875,7 +9880,7 @@ const YamlEditorComponent = forwardRef(
       className
     } = props;
     const kit = useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const [isCollapsed, setIsCollapsed] = useState(
       collapsable ? isDefaultCollapsed : false
     );
@@ -10397,7 +10402,7 @@ function YamlForm(props) {
   const {
     t,
     i18n: i18n2
-  } = useTranslation();
+  } = useD2Translation();
   const responseErrors = errorResponseBody ? getCommonErrors(errorResponseBody, i18n2) : [];
   const FormWrapper = isShowLayout ? FormLayout : React__default.Fragment;
   const schema = useMemo(() => {
@@ -10462,7 +10467,7 @@ function FormModal(props) {
   } = props;
   const {
     i18n: i18n2
-  } = useTranslation();
+  } = useD2Translation();
   const {
     resource
   } = useResource();
@@ -10584,14 +10589,14 @@ function useOpenForm(options) {
 }
 function CreateButton() {
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const openForm = useOpenForm();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: openForm, children: t("dovetail.create") });
 }
 const useDeleteManyModal = (resource, ids) => {
   const { mutate } = useDeleteMany();
   const [visible, setVisible] = useState(false);
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const modalProps = {
     title: t("dovetail.delete"),
     okText: t("dovetail.delete"),
@@ -10619,7 +10624,7 @@ const useDeleteManyModal = (resource, ids) => {
 const DeleteManyButton = (props) => {
   const { resource } = useResource();
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const { modalProps, visible, setVisible } = useDeleteManyModal(
     (resource == null ? void 0 : resource.name) || "",
     props.ids
@@ -10668,7 +10673,7 @@ const CronjobJobsTable = ({
 }) => {
   const {
     i18n: i18n2
-  } = useTranslation();
+  } = useD2Translation();
   const kit = useUIKit();
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState(1);
@@ -10710,7 +10715,7 @@ const CronjobJobsTable = ({
   });
 };
 const EventsTable = ({}) => {
-  const { i18n: i18n2 } = useTranslation();
+  const { i18n: i18n2 } = useD2Translation();
   const [currentPage, setCurrentPage] = useState(1);
   const { data: data2, isLoading } = useList({
     resource: "events",
@@ -10786,7 +10791,7 @@ const ImageNames = ({
   const kit = useUIKit();
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       children: value[0]
@@ -10825,7 +10830,7 @@ const ResourceLink = (props) => {
 };
 const IngressRulesTable = ({ ingress }) => {
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const rows = useMemo(() => {
     return addId(ingress.flattenedRules, "fullPath");
   }, [ingress.flattenedRules]);
@@ -10932,7 +10937,7 @@ const WorkloadPodsTable = ({
 }) => {
   const {
     i18n: i18n2
-  } = useTranslation();
+  } = useD2Translation();
   const kit = useUIKit();
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState(1);
@@ -10978,7 +10983,7 @@ const WorkloadPodsTable = ({
 };
 function useSubmitForm(options) {
   const { formRef, onSubmitSuccess } = options;
-  const { i18n: i18n2 } = useTranslation();
+  const { i18n: i18n2 } = useD2Translation();
   const [submitting, setSubmitting] = useState(false);
   const [errorMsgs, setErrorMsgs] = useState([]);
   const reset = useCallback(() => {
@@ -11025,7 +11030,7 @@ function EditFieldModal(props) {
   const kit = useUIKit();
   const {
     i18n: i18n2
-  } = useTranslation();
+  } = useD2Translation();
   const {
     submitting,
     errorMsgs,
@@ -11062,7 +11067,7 @@ function EditField(props) {
   const kit = useUIKit();
   const {
     i18n: i18n2
-  } = useTranslation();
+  } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
     className: EditButtonStyle,
     type: "link",
@@ -11346,7 +11351,7 @@ function K8sDropdown(props) {
     (resource == null ? void 0 : resource.name) || ""
   );
   const download2 = useDownloadYAML();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const openForm = useOpenForm({ id: record.id });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -11409,7 +11414,7 @@ function KeyValueData(props) {
   const kit = useUIKit();
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: WrapperStyle$1,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11605,7 +11610,7 @@ var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
 })(WorkloadState || {});
 const StateTag = ({ state: state2 = WorkloadState.UPDATEING, className }) => {
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const colorMap = {
     updating: "blue",
     ready: "green",
@@ -11684,7 +11689,7 @@ const ShowContent = (props) => {
   });
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   const {
     fold: fold2
   } = useK8sYamlEditor();
@@ -11868,7 +11873,7 @@ const PodContainersTable = ({
   initContainerStatuses
 }) => {
   const kit = useUIKit();
-  const { i18n: i18n2 } = useTranslation();
+  const { i18n: i18n2 } = useD2Translation();
   const columns = useMemo(
     () => [
       {
@@ -11962,7 +11967,7 @@ function WorkloadDropdown(props) {
   const kit = useUIKit();
   const { resource } = useResource();
   const { mutate } = useUpdate();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     kit.menu.Item,
     {
@@ -12010,7 +12015,7 @@ function ListPage(props) {
 }
 function ResourceList(props) {
   const { formatter, name: name2, columns, Dropdown } = props;
-  const { i18n: i18n2 } = useTranslation();
+  const { i18n: i18n2 } = useD2Translation();
   const { tableProps, selectedKeys } = useEagleTable({
     useTableParams: {},
     columns: [NameColumnRenderer(i18n2), ...columns],
@@ -12083,7 +12088,7 @@ function CronJobDropdown(props) {
   const kit = useUIKit();
   const { resource } = useResource();
   const { mutate } = useUpdate();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     kit.menu.Item,
@@ -12238,7 +12243,7 @@ const DeleteButton = () => {
   const { resource } = useResource();
   const { id } = useParsed();
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
     (resource == null ? void 0 : resource.name) || ""
   );
@@ -12412,7 +12417,7 @@ const useNamespacesFilter = () => {
 };
 const NamespacesFilter = () => {
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const { data: data2 } = useList({
     resource: "namespaces",
     meta: {
@@ -18148,7 +18153,7 @@ const PodLog = ({
   const apiUrl = dataProvider2()["getApiUrl"]();
   const {
     t
-  } = useTranslation();
+  } = useD2Translation();
   useEffect(() => {
     if (!paused && logs.length > 0) {
       setCurrentItemCount(logs.length);
@@ -18300,7 +18305,7 @@ const NetworkPolicyRulesTable = ({ ingressOrEgress }) => {
 };
 const IngressRuleTable = ({ peers }) => {
   const kit = useUIKit();
-  const { t } = useTranslation();
+  const { t } = useD2Translation();
   const rows = useMemo(() => {
     const rows2 = (peers == null ? void 0 : peers.map((p) => {
       return Object.keys(p).map((key) => {

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { ar, A, ay, B, aA, ab, l, C, g, aN, a4, z, aP, G, U, aY, Y, D, aB, az, a$, a7, a0, ai, a_, aK, al, h, an, aZ, af, aw, aM, aO, aG, a2, H, k, aQ, I, ae, aC, aS, a6, Z, K, a1, aj, am, M, aH, aq, N, q, b, w, at, aR, ax, e, aE, y, E, av, aW, aV, P, a5, b1, aL, ao, a3, R, Q, O, ap, J, aX, L, V, f, aF, aD, ah, a8, _, ad, i, aa, ac, ag, a9, S, ak, b0, aI, au, aU, F, W, aT, T, X, c, aJ, $, s, d, x, v, t, r, a, n, m, o, p, as, u } from "./index-432360ef.js";
+import { ar, A, ay, B, aA, ab, l, C, g, aN, a4, z, aP, G, U, aY, Y, D, aB, az, a$, a7, a0, ai, a_, aK, al, h, an, aZ, af, aw, aM, aO, aG, a2, H, k, aQ, I, ae, aC, aS, a6, Z, K, a1, aj, am, M, aH, aq, N, q, b, w, at, aR, ax, e, aE, y, E, av, aW, aV, P, a5, b1, aL, ao, a3, R, Q, O, ap, J, aX, L, V, f, aF, aD, ah, a8, _, ad, i, aa, ac, ag, a9, S, ak, b0, aI, au, aU, F, W, aT, T, X, c, aJ, $, s, d, x, v, t, r, a, n, m, o, p, as, u } from "./index-3716ce7b.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "js-yaml";

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("react"), require("@refinedev/core"), require("qs"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "react", "@refinedev/core", "qs", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.React, global2.core, global2.qs, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, i18n, React, core, qs, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -542,6 +542,11 @@ var __publicField = (obj, key, value) => {
     lng: "zh-CN",
     nsSeparator: "."
   });
+  const useD2Translation = () => {
+    return useTranslation(void 0, {
+      i18n
+    });
+  };
   var jsxRuntime = { exports: {} };
   var reactJsxRuntime_production_min = {};
   /** @license React v16.14.0
@@ -7094,7 +7099,7 @@ var __publicField = (obj, key, value) => {
     var _a, _b, _c;
     const editor = React.useRef(null);
     const isFoldRef = React.useRef(false);
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const [enableEditor, setEnableEditor] = React.useState(false);
     const [isYamlValid, setIsYamlValid] = React.useState(true);
     const [isSchemaValid, setIsSchemaValid] = React.useState(true);
@@ -7267,7 +7272,7 @@ var __publicField = (obj, key, value) => {
     const [visible, setVisible] = React.useState(false);
     const navigation = core.useNavigation();
     const [id, setId] = React.useState("");
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const modalProps = {
       title: t("dovetail.delete"),
       okText: t("dovetail.delete"),
@@ -7533,7 +7538,7 @@ var __publicField = (obj, key, value) => {
     const kit = React.useContext(eagle.kitContext);
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: ErrorWrapper$1,
       style: props.style,
@@ -7876,7 +7881,7 @@ var __publicField = (obj, key, value) => {
   };
   const ConditionsTable = ({ conditions = [] }) => {
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const conditionsWithId = addId(conditions, "type");
     const columns = [
       {
@@ -8062,7 +8067,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     const {
       loading,
       error,
@@ -9779,7 +9784,7 @@ var __publicField = (obj, key, value) => {
     const kit = React.useContext(eagle.kitContext);
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
       className: props.className,
       style: props.style,
@@ -9831,7 +9836,7 @@ var __publicField = (obj, key, value) => {
     } = core.useResource();
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: WrapperStyle$3,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
@@ -9881,7 +9886,7 @@ var __publicField = (obj, key, value) => {
         className
       } = props;
       const kit = eagle.useUIKit();
-      const { t } = useTranslation();
+      const { t } = useD2Translation();
       const [isCollapsed, setIsCollapsed] = React.useState(
         collapsable ? isDefaultCollapsed : false
       );
@@ -10403,7 +10408,7 @@ var __publicField = (obj, key, value) => {
     const {
       t,
       i18n: i18n2
-    } = useTranslation();
+    } = useD2Translation();
     const responseErrors = errorResponseBody ? getCommonErrors(errorResponseBody, i18n2) : [];
     const FormWrapper = isShowLayout ? FormLayout : React.Fragment;
     const schema = React.useMemo(() => {
@@ -10468,7 +10473,7 @@ var __publicField = (obj, key, value) => {
     } = props;
     const {
       i18n: i18n2
-    } = useTranslation();
+    } = useD2Translation();
     const {
       resource
     } = core.useResource();
@@ -10590,14 +10595,14 @@ var __publicField = (obj, key, value) => {
   }
   function CreateButton() {
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const openForm = useOpenForm();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: openForm, children: t("dovetail.create") });
   }
   const useDeleteManyModal = (resource, ids) => {
     const { mutate } = core.useDeleteMany();
     const [visible, setVisible] = React.useState(false);
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const modalProps = {
       title: t("dovetail.delete"),
       okText: t("dovetail.delete"),
@@ -10625,7 +10630,7 @@ var __publicField = (obj, key, value) => {
   const DeleteManyButton = (props) => {
     const { resource } = core.useResource();
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const { modalProps, visible, setVisible } = useDeleteManyModal(
       (resource == null ? void 0 : resource.name) || "",
       props.ids
@@ -10674,7 +10679,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     const {
       i18n: i18n2
-    } = useTranslation();
+    } = useD2Translation();
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
@@ -10716,7 +10721,7 @@ var __publicField = (obj, key, value) => {
     });
   };
   const EventsTable = ({}) => {
-    const { i18n: i18n2 } = useTranslation();
+    const { i18n: i18n2 } = useD2Translation();
     const [currentPage, setCurrentPage] = React.useState(1);
     const { data: data2, isLoading } = core.useList({
       resource: "events",
@@ -10792,7 +10797,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         children: value[0]
@@ -10831,7 +10836,7 @@ var __publicField = (obj, key, value) => {
   };
   const IngressRulesTable = ({ ingress }) => {
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const rows = React.useMemo(() => {
       return addId(ingress.flattenedRules, "fullPath");
     }, [ingress.flattenedRules]);
@@ -10938,7 +10943,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     const {
       i18n: i18n2
-    } = useTranslation();
+    } = useD2Translation();
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
@@ -10984,7 +10989,7 @@ var __publicField = (obj, key, value) => {
   };
   function useSubmitForm(options) {
     const { formRef, onSubmitSuccess } = options;
-    const { i18n: i18n2 } = useTranslation();
+    const { i18n: i18n2 } = useD2Translation();
     const [submitting, setSubmitting] = React.useState(false);
     const [errorMsgs, setErrorMsgs] = React.useState([]);
     const reset = React.useCallback(() => {
@@ -11031,7 +11036,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const {
       i18n: i18n2
-    } = useTranslation();
+    } = useD2Translation();
     const {
       submitting,
       errorMsgs,
@@ -11068,7 +11073,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const {
       i18n: i18n2
-    } = useTranslation();
+    } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
       className: EditButtonStyle,
       type: "link",
@@ -11352,7 +11357,7 @@ var __publicField = (obj, key, value) => {
       (resource == null ? void 0 : resource.name) || ""
     );
     const download2 = useDownloadYAML();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const openForm = useOpenForm({ id: record.id });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -11415,7 +11420,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: WrapperStyle$1,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11611,7 +11616,7 @@ var __publicField = (obj, key, value) => {
   })(WorkloadState || {});
   const StateTag = ({ state: state2 = WorkloadState.UPDATEING, className }) => {
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const colorMap = {
       updating: "blue",
       ready: "green",
@@ -11690,7 +11695,7 @@ var __publicField = (obj, key, value) => {
     });
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     const {
       fold: fold2
     } = useK8sYamlEditor();
@@ -11874,7 +11879,7 @@ var __publicField = (obj, key, value) => {
     initContainerStatuses
   }) => {
     const kit = eagle.useUIKit();
-    const { i18n: i18n2 } = useTranslation();
+    const { i18n: i18n2 } = useD2Translation();
     const columns = React.useMemo(
       () => [
         {
@@ -11968,7 +11973,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutate } = core.useUpdate();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       kit.menu.Item,
       {
@@ -12016,7 +12021,7 @@ var __publicField = (obj, key, value) => {
   }
   function ResourceList(props) {
     const { formatter, name: name2, columns, Dropdown } = props;
-    const { i18n: i18n2 } = useTranslation();
+    const { i18n: i18n2 } = useD2Translation();
     const { tableProps, selectedKeys } = useEagleTable({
       useTableParams: {},
       columns: [NameColumnRenderer(i18n2), ...columns],
@@ -12089,7 +12094,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutate } = core.useUpdate();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       kit.menu.Item,
@@ -12244,7 +12249,7 @@ var __publicField = (obj, key, value) => {
     const { resource } = core.useResource();
     const { id } = core.useParsed();
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
       (resource == null ? void 0 : resource.name) || ""
     );
@@ -12418,7 +12423,7 @@ var __publicField = (obj, key, value) => {
   };
   const NamespacesFilter = () => {
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const { data: data2 } = core.useList({
       resource: "namespaces",
       meta: {
@@ -18154,7 +18159,7 @@ var __publicField = (obj, key, value) => {
     const apiUrl = dataProvider()["getApiUrl"]();
     const {
       t
-    } = useTranslation();
+    } = useD2Translation();
     React.useEffect(() => {
       if (!paused && logs.length > 0) {
         setCurrentItemCount(logs.length);
@@ -18306,7 +18311,7 @@ var __publicField = (obj, key, value) => {
   };
   const IngressRuleTable = ({ peers }) => {
     const kit = eagle.useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const rows = React.useMemo(() => {
       const rows2 = (peers == null ? void 0 : peers.map((p) => {
         return Object.keys(p).map((key) => {

package/lib/src/App.js

@@ -21,8 +21,6 @@ import { ServicesConfig } from './pages/services';
 import { StatefulSetShow, StatefulSetList, StatefulSetForm } from './pages/statefulsets';
 import { ProviderPlugins } from './plugins';
 import { RESOURCE_GROUP, FormType } from './types';
-import * as resources from './locales';
-console.log('resources', resources);
 function App() {
     const histroy = createBrowserHistory();
     const resourcesConfig = useMemo(() => {

package/lib/src/components/ConditionsTable/ConditionsTable.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useUIKit } from '@cloudtower/eagle';
-import { useTranslation } from 'react-i18next';
+import { useD2Translation } from '../../i18n';
 import { addId } from '../../utils/addId';
 import ErrorContent from '../Table/ErrorContent';
 import Time from '../Time';
 export const ConditionsTable = ({ conditions = [] }) => {
     const kit = useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const conditionsWithId = addId(conditions, 'type');
     const columns = [
         {

package/lib/src/components/CreateButton/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useUIKit } from '@cloudtower/eagle';
-import { useTranslation } from 'react-i18next';
 import { useOpenForm } from 'src/hooks/useOpenForm';
+import { useD2Translation } from '../../i18n';
 export function CreateButton() {
     const kit = useUIKit();
-    const { t } = useTranslation();
+    const { t } = useD2Translation();
     const openForm = useOpenForm();
     return (_jsx(kit.button, { type: "primary", onClick: openForm, children: t('dovetail.create') }));
 }