@rxdrag/website-studio 0.0.51 → 0.0.52

package/dist/{index-310e120c.js → index-a0e7f111.js}

@@ -7,7 +7,7 @@ var __publicField = (obj, key2, value) => {
 var _a, _b, _c, _d, _e, _f, _g, _h, _i2, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$2, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa;
 import * as React from "react";
 import React__default, { createContext, useContext, useMemo, memo, useEffect, useCallback, useState, useRef, forwardRef as forwardRef$2, Component, useImperativeHandle, isValidElement, cloneElement } from "react";
-import { ThemeFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, PageAssciations, TaskQueryOptions, TaskFields, AppModule, TaskStatus, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, MediaQueryOptions, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeEntityName, themeToInputCascade, ThemeCategoryFields, themeToInput, frontComponentToInput, sectionTemplateToInput, pageToInputCascade, ComponentCategoryEntityName, SectionTemplateEntityName, FrontComponentEntityName, TaskEntityName, PageMetaFields, pageToInput, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
+import { ThemeFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, PageAssciations, TaskQueryOptions, TaskFields, AppModule, TaskStatus, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, MediaQueryOptions, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeEntityName, themeToInputCascade, ThemeCategoryFields, themeToInput, frontComponentToInput, sectionTemplateToInput, pageToInputCascade, ComponentCategoryEntityName, SectionTemplateEntityName, FrontComponentEntityName, TaskEntityName, pageToInput, PageMetaQueryOptions, PageMetaFields, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
 import { GlobalLoading, EntityForm, SubmitButton, useListData, SearchInput, EntityPagination, useIsLoading, QueryListScope, RemoveButton, EntityTable, useRemoveRow, useEditRow, EntityEditModal, useSelectionsState, EntityListScope, NewButton, EntityRowScope, EntitySelectField, useNewRow } from "@rxdrag/rxcms-models-ui";
 import { useOneTheme, usePageList, useTemplateCategoryList, useSectionTemplateList, useComponentCategoryList, useFrontComponentList, useOneThemeById, useTaskList, useUpsertOneWebsite, useDeleteThemeById, useUpsertOneTheme, useLangList, useOneWebsiteSettings, useOneThemeConfig, useUpsertOneThemeConfig, useUpsertOneWebsiteSettings, useUpsertOnePage, useUpsertOneFrontComponent, useUpsertOneSectionTemplate, useDeletePageById } from "@rxdrag/rxcms-model-hooks";
 import { newPageMetaOptions, useWebsite, useCurrentLang, ComponentType, currentLangState, useCurrentLangId, MediaSingleSelectField, FullImageSelectField, useSiteId, usePreviewUrl, LangSelect, TitleAndSlug, TitleViewField, DescriptionViewField, SiteRoot } from "@rxdrag/biz-components";
@@ -39,7 +39,6 @@ import $4AOtR$reactdom, { createPortal } from "react-dom";
 import { DeployType, useExportWebsite as useExportWebsite$1 } from "@rxdrag/code-generator";
 import { ComponentRender } from "@rxdrag/react-runner-pro";
 import tinycolor from "tinycolor2";
-import { useInprogressTaskByKey, useUpdateTask, taskPool, ResetPageTask, ImportPagesTask } from "@rxdrag/ai-tasks";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -6732,20 +6731,6 @@ function useTranslateRequest() {
   const isAxiosError = useCallback((err) => {
     return typeof err === "object" && err !== null;
   }, []);
-  const validateBaseParams = useCallback((langId) => {
-    if (!(langId == null ? void 0 : langId.trim())) {
-      throw new Error("语言ID不能为空");
-    }
-    if (!token) {
-      throw new Error("用户未登录或token已过期");
-    }
-    if (!(website == null ? void 0 : website.id)) {
-      throw new Error("未找到网站信息");
-    }
-    if (!baseURL) {
-      throw new Error("AI服务URL未配置");
-    }
-  }, [token, website == null ? void 0 : website.id, baseURL]);
   const extractErrorMessage = useCallback((responseData) => {
     if (!responseData)
       return "翻译请求失败";
@@ -6780,44 +6765,42 @@ function useTranslateRequest() {
         return `请求失败 (${status2})`;
     }
   }, []);
-  const handleError = useCallback((error, context) => {
-    var _a3, _b3;
-    if (isAxiosError(error) && (error.code === "NETWORK_ERROR" || ((_a3 = error.message) == null ? void 0 : _a3.includes("fetch")))) {
-      console.error(`${context}网络错误:`, error);
-      throw new Error("网络连接失败，请检查网络连接");
-    }
-    if (isAxiosError(error) && ((_b3 = error.response) == null ? void 0 : _b3.status)) {
-      const status2 = error.response.status;
-      const responseData = error.response.data;
-      let errorMsg2 = extractErrorMessage(responseData);
-      if (errorMsg2 === "翻译请求失败") {
-        errorMsg2 = getStatusErrorMessage(status2);
-      }
-      console.error(`${context}HTTP错误:`, {
-        status: status2,
-        statusText: error.response.statusText,
-        responseData,
-        error
-      });
-      throw new Error(errorMsg2);
-    }
-    const errorMsg = isAxiosError(error) && error.message ? error.message : "翻译过程中发生未知错误";
-    console.error(`${context}未知错误:`, error);
-    throw new Error(errorMsg);
-  }, [isAxiosError, extractErrorMessage, getStatusErrorMessage]);
-  const translateRequest = useCallback(
-    async (endpoint, params, options) => {
-      validateBaseParams(params.langId);
-      if (options == null ? void 0 : options.validateParams) {
-        options.validateParams(params);
+  const handleError = useCallback(
+    (error, context) => {
+      var _a3, _b3;
+      if (isAxiosError(error) && (error.code === "NETWORK_ERROR" || ((_a3 = error.message) == null ? void 0 : _a3.includes("fetch")))) {
+        console.error(`${context}网络错误:`, error);
+        throw new Error("网络连接失败，请检查网络连接");
+      }
+      if (isAxiosError(error) && ((_b3 = error.response) == null ? void 0 : _b3.status)) {
+        const status2 = error.response.status;
+        const responseData = error.response.data;
+        let errorMsg2 = extractErrorMessage(responseData);
+        if (errorMsg2 === "翻译请求失败") {
+          errorMsg2 = getStatusErrorMessage(status2);
+        }
+        console.error(`${context}HTTP错误:`, {
+          status: status2,
+          statusText: error.response.statusText,
+          responseData,
+          error
+        });
+        throw new Error(errorMsg2);
       }
+      const errorMsg = isAxiosError(error) && error.message ? error.message : "翻译过程中发生未知错误";
+      console.error(`${context}未知错误:`, error);
+      throw new Error(errorMsg);
+    },
+    [isAxiosError, extractErrorMessage, getStatusErrorMessage]
+  );
+  const translateRequest = useCallback(
+    async (endpoint, params) => {
       try {
         const http = createHttpClient({ baseURL, token });
         const websiteId = website.id;
-        const requestParams = (options == null ? void 0 : options.transformParams) ? options.transformParams(params, websiteId) : {
+        const requestParams = {
           websiteId,
-          ...params,
-          langId: params.langId.trim()
+          ...params
         };
         const response = await http.post(endpoint, requestParams);
         return response;
@@ -6825,7 +6808,7 @@ function useTranslateRequest() {
         handleError(error, "翻译");
       }
     },
-    [baseURL, token, website, validateBaseParams, handleError]
+    [baseURL, token, website, handleError]
   );
   return translateRequest;
 }
@@ -6833,23 +6816,10 @@ function useTranslateTheme() {
   const translateRequest = useTranslateRequest();
   const translate = useCallback(
     async (langId, title) => {
-      return await translateRequest(
-        "/api/studio/translate-theme",
-        { langId, title },
-        {
-          validateParams: (params) => {
-            const { title: title2 } = params;
-            if (!(title2 == null ? void 0 : title2.trim())) {
-              throw new Error("标题不能为空");
-            }
-          },
-          transformParams: (params, websiteId) => ({
-            websiteId,
-            langId: params.langId.trim(),
-            title: params.title.trim()
-          })
-        }
-      );
+      return await translateRequest("/api/studio/translate-theme", {
+        targetLangId: langId,
+        title
+      });
     },
     [translateRequest]
   );
@@ -6947,6 +6917,19 @@ function useStopTask() {
   );
   return [stopTask, { isMutating }];
 }
+function useTranslateCustomizedPages() {
+  const translateRequest = useTranslateRequest();
+  const translate = useCallback(
+    async (langId, ids) => {
+      return await translateRequest("/api/studio/translate-customized-pages", {
+        targetLangId: langId,
+        sourcePageIds: ids
+      });
+    },
+    [translateRequest]
+  );
+  return translate;
+}
 const linkTypes = [
   {
     key: "path",
@@ -138517,7 +138500,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138526,7 +138509,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138535,7 +138518,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138544,7 +138527,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138553,7 +138536,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138562,7 +138545,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138571,7 +138554,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-f83d1246.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138621,7 +138604,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-0a80f575.js");
+      return import("./handlebars-53295c7b.js");
     }
   }
 });
@@ -138654,7 +138637,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-6a9d914d.js");
+      return import("./html-70d8042e.js");
     }
   }
 });
@@ -138707,7 +138690,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-85b04aa6.js");
+      return import("./javascript-d190129b.js");
     }
   }
 });
@@ -138806,7 +138789,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-a45e3197.js");
+      return import("./liquid-9ba71888.js");
     }
   }
 });
@@ -138854,7 +138837,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-701cd16d.js");
+      return import("./mdx-a1e1cc3f.js");
     }
   }
 });
@@ -139113,7 +139096,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-9e486ae7.js");
+      return import("./python-e2f4ad56.js");
     }
   }
 });
@@ -139162,7 +139145,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-6bc3c261.js");
+      return import("./razor-e8f995b7.js");
     }
   }
 });
@@ -139498,7 +139481,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-d99b2a48.js");
+      return import("./typescript-44b6e68e.js");
     }
   }
 });
@@ -139582,7 +139565,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-a116de23.js");
+      return import("./xml-3f4949e5.js");
     }
   }
 });
@@ -139599,7 +139582,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-331a88a9.js");
+      return import("./yaml-c6242439.js");
     }
   }
 });
@@ -139723,7 +139706,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-a282f3f6.js");
+    return import("./cssMode-8bdd5502.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139854,7 +139837,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-9f16f56b.js");
+    return import("./htmlMode-fabb16ce.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139952,7 +139935,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-61089a60.js");
+    return import("./jsonMode-04d036a7.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -140228,7 +140211,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-f84b3afc.js");
+    return import("./tsMode-dff5ab28.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -199059,6 +199042,7 @@ function StatusBar({ doc }) {
         });
       }
       if (event.type === TaskType.TranslateCusomizedPage || event.type === TaskType.TranslateBuiltinPage || event.type === TaskType.TranslateTheme) {
+        console.log("===>收到页面任务事件:", event);
         emit(EVENT_ENTITY_POSTED, {
           entityName: PageEntityName,
           requested: event,
@@ -201112,52 +201096,48 @@ function CustomizedPageCard(props) {
     }
   );
 }
-function useResetPageTask(taskKey) {
+function useResetPage() {
   const theme = useStudioTheme();
-  const lang = useCurrentLang();
-  const appKey = (theme == null ? void 0 : theme.id) || "";
-  const taskState = useInprogressTaskByKey(taskKey, appKey);
-  const setTask = useUpdateTask(appKey);
-  const entifyClient = useCreateEntityClient();
-  const task = taskState && taskState.status !== "done" ? taskPool[taskState.taskId] : void 0;
-  const aiUrl = useAiUrl();
-  const handleTaskChange = useCallback(
-    (data) => {
-      setTask(data);
-    },
-    [setTask]
-  );
+  const [upsertPage] = useUpsertOnePage();
   const resetPage = useCallback(
-    (basePage, targetPageId, needTranslate) => {
+    async (basePage, targetPageId) => {
       if (!(theme == null ? void 0 : theme.id)) {
         console.error("没设置Theme");
         return;
       }
-      if (!entifyClient) {
-        console.error("entifyClient 创建失败");
-        return;
-      }
-      if (!aiUrl) {
-        console.error("没设置aiUrl");
-        return;
-      }
-      const task2 = new ResetPageTask({
-        key: taskKey,
-        entifyClient,
-        needTranslate,
-        basePage,
+      await upsertPage(
+        pageToInput({
+          id: targetPageId,
+          theme: { id: theme.id },
+          title: basePage.title,
+          slug: basePage.slug,
+          description: basePage.description,
+          code: basePage.code,
+          pageType: basePage.pageType,
+          meta: basePage.meta ? {
+            ...basePage.meta,
+            id: void 0
+          } : void 0
+        })
+      );
+    },
+    [theme == null ? void 0 : theme.id, upsertPage]
+  );
+  return resetPage;
+}
+function useTranslateBuiltinPage() {
+  const translateRequest = useTranslateRequest();
+  const translate = useCallback(
+    async (sourcePageId, targetPageId, title) => {
+      return await translateRequest("/api/studio/translate-builtin-page", {
+        sourcePageId,
         targetPageId,
-        themeId: theme == null ? void 0 : theme.id,
-        lang,
-        aiUrl
+        title
       });
-      taskPool[task2.id] = task2;
-      task2.onDataChange(handleTaskChange);
-      task2.start();
     },
-    [aiUrl, entifyClient, handleTaskChange, lang, taskKey, theme == null ? void 0 : theme.id]
+    [translateRequest]
   );
-  return { taskState, resetPage, task };
+  return translate;
 }
 function PredefinedPageCard(props) {
   const { pages, pageType } = props;
@@ -201166,6 +201146,7 @@ function PredefinedPageCard(props) {
     void 0
   );
   const theme = useStudioTheme();
+  const currentLang = useCurrentLang();
   const parentTheme = useParentTheme();
   const isBaseTheme = useIsBaseLangTheme();
   const baseThemeId = useBaseLangThemeId();
@@ -201175,11 +201156,12 @@ function PredefinedPageCard(props) {
   const page = pages.find((page2) => page2.pageType === (pageType == null ? void 0 : pageType.pageType));
   const setEditingPage = useStudioStore((state) => state.setEditingPage);
   const selectedContent = useStudioStore((state) => state.selectedContent);
-  const setSelectedContent = useStudioStore((state) => state.setSelectedContent);
-  const { taskState, resetPage } = useResetPageTask(
-    "reset-page" + ((page == null ? void 0 : page.id) || "")
+  const setSelectedContent = useStudioStore(
+    (state) => state.setSelectedContent
   );
+  const resetPage = useResetPage();
   const queryPage = useLazyQueryOneEntity();
+  const translatePage = useTranslateBuiltinPage();
   const confirmResolveRef = useRef();
   const selected = (selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage && (selectedContent == null ? void 0 : selectedContent.id) === (page == null ? void 0 : page.id);
   const [remove, { isMutating: removing }] = useDeletePageById();
@@ -201255,22 +201237,24 @@ function PredefinedPageCard(props) {
               }
             }
           }
-        ).meta([
-          PageMetaFields.id,
-          PageMetaFields.ogDescription,
-          PageMetaFields.ogSiteName,
-          PageMetaFields.ogTitle,
-          PageMetaFields.ogType,
-          PageMetaFields.ogUrl,
-          PageMetaFields.seoAuthor,
-          PageMetaFields.seoDescription,
-          PageMetaFields.seoKeywords,
-          PageMetaFields.seoRobots,
-          PageMetaFields.seoTitle,
-          PageMetaFields.xCard,
-          PageMetaFields.xSite,
-          PageMetaFields.xUrl
-        ]).setNoQuery(!page || !(page == null ? void 0 : page.pageType)).toGqlOptions()
+        ).meta(
+          new PageMetaQueryOptions([
+            PageMetaFields.id,
+            PageMetaFields.ogDescription,
+            PageMetaFields.ogSiteName,
+            PageMetaFields.ogTitle,
+            PageMetaFields.ogType,
+            PageMetaFields.ogUrl,
+            PageMetaFields.seoAuthor,
+            PageMetaFields.seoDescription,
+            PageMetaFields.seoKeywords,
+            PageMetaFields.seoRobots,
+            PageMetaFields.seoTitle,
+            PageMetaFields.xCard,
+            PageMetaFields.xSite,
+            PageMetaFields.xUrl
+          ]).ogImage()
+        ).setNoQuery(!page || !(page == null ? void 0 : page.pageType)).toGqlOptions()
       );
       if (!parentPage) {
         setResetting(false);
@@ -201279,17 +201263,29 @@ function PredefinedPageCard(props) {
       }
       const result = await confirmOverride();
       if (result && (page == null ? void 0 : page.id)) {
-        resetPage(
-          { ...parentPage, title: pageType == null ? void 0 : pageType.title },
-          page.id,
-          !isBaseTheme
-        );
+        if (isBaseTheme) {
+          await resetPage({ ...parentPage, title: pageType == null ? void 0 : pageType.title }, page.id);
+        } else {
+          await translatePage(
+            parentPage.id,
+            page.id,
+            `${page == null ? void 0 : page.title}的${currentLang == null ? void 0 : currentLang.cnName}版重置`
+          );
+          addToast({
+            title: "翻译并重置任务已添加",
+            color: "success"
+          });
+        }
       }
       if (selected) {
         setSelectedContent(void 0);
       }
     } catch (error) {
       setResetting(false);
+      addToast({
+        title: "重置页面失败",
+        color: "danger"
+      });
       console.error("重置页面失败", error);
     } finally {
       setResetting(false);
@@ -201297,6 +201293,7 @@ function PredefinedPageCard(props) {
   }, [
     baseThemeId,
     confirmOverride,
+    currentLang == null ? void 0 : currentLang.cnName,
     isBaseTheme,
     page,
     pageType == null ? void 0 : pageType.title,
@@ -201304,7 +201301,8 @@ function PredefinedPageCard(props) {
     queryPage,
     resetPage,
     selected,
-    setSelectedContent
+    setSelectedContent,
+    translatePage
   ]);
   const handleConfirm = useCallback(() => {
     setConfirmTitle(void 0);
@@ -201313,7 +201311,6 @@ function PredefinedPageCard(props) {
       confirmResolveRef.current = void 0;
     }
   }, []);
-  const taskRunning = (taskState == null ? void 0 : taskState.status) === "in-progress";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     page ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       PageCard,
@@ -201321,12 +201318,12 @@ function PredefinedPageCard(props) {
         onClick: handleDesign,
         page,
         selected,
-        fiexdAction: removing || open || resetting || taskRunning,
+        fiexdAction: removing || open || resetting,
         actions: page ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { isOpen: open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button$2,
             {
-              isLoading: resetting || taskRunning,
+              isLoading: resetting,
               isIconOnly: true,
               variant: "light",
               size: "sm",
@@ -201519,90 +201516,107 @@ function PageModal(props) {
     }
   );
 }
-const IMPORT_PAGES_KEY = "import-cusomized-pages";
-function usePagesImportTask() {
+function usePagesImport() {
   const theme = useStudioTheme();
-  const lang = useCurrentLang();
   const pages = usePages();
-  const appKey = (theme == null ? void 0 : theme.id) || "";
-  const taskState = useInprogressTaskByKey(IMPORT_PAGES_KEY, appKey);
-  const setTask = useUpdateTask(appKey);
   const entifyClient = useCreateEntityClient();
-  const task = taskState && taskState.status !== "done" ? taskPool[taskState.taskId] : void 0;
-  const aiUrl = useAiUrl();
-  const handleTaskChange = useCallback(
-    (data) => {
-      setTask(data);
+  const [upsertPage] = useUpsertOnePage();
+  const importOnePage = useCallback(
+    async (page, overrideId) => {
+      await upsertPage(
+        pageToInput({
+          id: overrideId,
+          theme: { id: theme == null ? void 0 : theme.id },
+          title: page.title,
+          slug: page.slug,
+          description: page.description,
+          code: page.code,
+          pageType: page.pageType,
+          meta: page.meta ? { ...page.meta, id: void 0 } : void 0
+        })
+      );
     },
-    [setTask]
+    [theme == null ? void 0 : theme.id, upsertPage]
   );
   const importPages = useCallback(
-    (ids, needTranslate) => {
+    async (ids) => {
+      var _a3;
       if (!(theme == null ? void 0 : theme.id)) {
         console.error("没设置Theme");
         return;
       }
-      if (!entifyClient) {
-        console.error("entifyClient 创建失败");
-        return;
-      }
-      if (!aiUrl) {
-        console.error("没设置aiUrl");
-        return;
+      for (const pageId of ids) {
+        const page = await (entifyClient == null ? void 0 : entifyClient.oneEntity(
+          new PageQueryOptions(
+            [
+              PageFields.id,
+              PageFields.id,
+              PageFields.pageType,
+              PageFields.code,
+              PageFields.description,
+              PageFields.slug,
+              PageFields.title
+            ],
+            {
+              where: {
+                id: {
+                  _eq: pageId
+                }
+              }
+            }
+          ).meta(
+            new PageMetaQueryOptions([
+              PageMetaFields.id,
+              PageMetaFields.ogDescription,
+              PageMetaFields.ogSiteName,
+              PageMetaFields.ogTitle,
+              PageMetaFields.ogType,
+              PageMetaFields.ogUrl,
+              PageMetaFields.seoAuthor,
+              PageMetaFields.seoDescription,
+              PageMetaFields.seoKeywords,
+              PageMetaFields.seoRobots,
+              PageMetaFields.seoTitle,
+              PageMetaFields.xCard,
+              PageMetaFields.xSite,
+              PageMetaFields.xUrl
+            ]).ogImage()
+          )
+        ));
+        if (!page) {
+          throw Error("没有找到要导入的页面");
+        }
+        const overrideId = (_a3 = pages == null ? void 0 : pages.find((p2) => p2.slug === page.slug)) == null ? void 0 : _a3.id;
+        await importOnePage(page, overrideId);
       }
-      const task2 = new ImportPagesTask(
-        {
-          key: IMPORT_PAGES_KEY,
-          ids,
-          entifyClient,
-          needTranslate,
-          themeId: theme == null ? void 0 : theme.id,
-          lang,
-          aiUrl
-        },
-        pages || []
-      );
-      taskPool[task2.id] = task2;
-      task2.onDataChange(handleTaskChange);
-      task2.start();
     },
-    [aiUrl, entifyClient, handleTaskChange, lang, pages, theme == null ? void 0 : theme.id]
+    [entifyClient, importOnePage, pages, theme == null ? void 0 : theme.id]
   );
-  return { taskState, importPages, task };
+  return importPages;
 }
 function PagesModalContent(props) {
-  var _a3, _b3, _c2, _d2, _e2;
+  var _a3, _b3, _c2, _d2;
   const { onClose } = props;
   const pages = usePages();
   const isBaseLangTheme = useIsBaseLangTheme();
+  const [importing, setImporting] = useState(false);
   const currentLang = useCurrentLang();
   const parentTheme = useParentTheme();
   const [pagesToImport, setPagesToImport] = useState();
   const [confirmTitle, setConfirmTitle] = useState(
     void 0
   );
-  const { taskState, importPages, task } = usePagesImportTask();
+  const importPages = usePagesImport();
+  const tranlatePages = useTranslateCustomizedPages();
   const data = useListData();
   const [selection, setSelections] = useSelectionsState() || [];
-  useEffect(() => {
-    var _a4;
-    setSelections == null ? void 0 : setSelections((_a4 = taskState == null ? void 0 : taskState.data) == null ? void 0 : _a4.ids);
-  }, [setSelections, taskState == null ? void 0 : taskState.data]);
   const confirmResolveRef = useRef();
-  const importing = (taskState == null ? void 0 : taskState.status) === "in-progress";
-  useEffect(() => {
-    if ((taskState == null ? void 0 : taskState.status) === "done") {
-      setSelections == null ? void 0 : setSelections([]);
-    }
-  }, [setSelections, taskState]);
   useEffect(() => {
     var _a4;
-    if (!importing) {
-      setPagesToImport(
-        ((_a4 = data == null ? void 0 : data.items) == null ? void 0 : _a4.filter((item) => selection == null ? void 0 : selection.includes((item == null ? void 0 : item.id) || ""))) || []
-      );
-    }
-  }, [selection, data == null ? void 0 : data.items, setPagesToImport, taskState == null ? void 0 : taskState.status, importing]);
+    setPagesToImport(
+      ((_a4 = data == null ? void 0 : data.items) == null ? void 0 : _a4.filter((item) => selection == null ? void 0 : selection.includes((item == null ? void 0 : item.id) || ""))) || []
+    );
+  }, [selection, data == null ? void 0 : data.items, setPagesToImport]);
   const cols = useMemo(() => {
     return [
       {
@@ -201645,22 +201659,41 @@ function PagesModalContent(props) {
           return;
         }
       }
-      importPages(selection || [], needTranslate || false);
+      if (!(currentLang == null ? void 0 : currentLang.id)) {
+        throw new Error("当前语言ID不能为空");
+      }
+      setImporting(true);
+      if (needTranslate) {
+        await tranlatePages((currentLang == null ? void 0 : currentLang.id) || "", selection || []);
+        addToast({
+          title: "成功添加导入任务",
+          color: "success"
+        });
+      } else {
+        await importPages(selection || []);
+      }
+      onClose == null ? void 0 : onClose();
     } catch (error) {
       console.error("导入页面时出错:", error);
-      alert("导入页面时出错:" + (error == null ? void 0 : error.message));
+      addToast({
+        title: "导入页面时出错:" + (error == null ? void 0 : error.message),
+        color: "danger"
+      });
     } finally {
       setPagesToImport([]);
       setSelections == null ? void 0 : setSelections(void 0);
+      setImporting(false);
     }
   }, [
     pages,
-    importPages,
-    selection,
+    currentLang == null ? void 0 : currentLang.id,
     needTranslate,
+    onClose,
     pagesToImport,
     confirmOverride,
-    setPagesToImport,
+    tranlatePages,
+    selection,
+    importPages,
     setSelections
   ]);
   const handleConfirm = useCallback(() => {
@@ -201685,30 +201718,15 @@ function PagesModalContent(props) {
         columns: cols,
         selectionMode: "multiple",
         removeWrapper: true,
-        disabledKeys: importing ? (_c2 = data == null ? void 0 : data.items) == null ? void 0 : _c2.map((item) => (item == null ? void 0 : item.id) || "") : [],
         bottomContent: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          !!((_d2 = data == null ? void 0 : data.items) == null ? void 0 : _d2.length) && ((_e2 = data == null ? void 0 : data.items) == null ? void 0 : _e2.length) < (data.total || 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "opacity-30" }),
+          !!((_c2 = data == null ? void 0 : data.items) == null ? void 0 : _c2.length) && ((_d2 = data == null ? void 0 : data.items) == null ? void 0 : _d2.length) < (data.total || 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "opacity-30" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(EntityPagination, {})
         ] })
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalFooter, { className: "justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-default-500 flex items-center gap-2", children: [
-        taskState == null ? void 0 : taskState.infoMessage,
-        (taskState == null ? void 0 : taskState.status) === "in-progress" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$2,
-          {
-            variant: "light",
-            size: "sm",
-            isIconOnly: true,
-            onPress: () => {
-              task == null ? void 0 : task.stop();
-            },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskStopIcon, { className: "size-9 text-primary" })
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-default-500 flex items-center gap-2" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button$2,
@@ -203054,23 +203072,10 @@ function useTranlateComponents() {
   const translateRequest = useTranslateRequest();
   const translate = useCallback(
     async (langId, ids) => {
-      return await translateRequest(
-        "/api/studio/translate-components",
-        { langId, ids },
-        {
-          validateParams: (params) => {
-            const { ids: ids2 } = params;
-            if (!Array.isArray(ids2) || ids2.length === 0) {
-              throw new Error("组件ID列表不能为空");
-            }
-          },
-          transformParams: (params, websiteId) => ({
-            websiteId,
-            targetLangId: params.langId.trim(),
-            sourceComponentIds: params.ids
-          })
-        }
-      );
+      return await translateRequest("/api/studio/translate-components", {
+        targetLangId: langId,
+        sourceComponentIds: ids
+      });
     },
     [translateRequest]
   );
@@ -204697,4 +204702,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-310e120c.js.map
+//# sourceMappingURL=index-a0e7f111.js.map