sy-form-components 0.2.1 → 0.2.2

package/dist/index.mjs

@@ -3672,7 +3672,12 @@ var CHUNK_UPLOAD_THRESHOLD = 10 * 1024 * 1024;
 var trimTrailingSlash = (value) => String(value || "").replace(/\/$/, "");
 var getDefaultBaseUrl = () => {
   const globalEnv = globalThis.process?.env;
-  return trimTrailingSlash(globalEnv?.FORM_API_BASE_URL || globalEnv?.BASE_API_URL || "");
+  const envBaseUrl = globalEnv?.FORM_API_BASE_URL || globalEnv?.BASE_API_URL;
+  if (envBaseUrl) return trimTrailingSlash(envBaseUrl);
+  const browserGlobal = typeof window !== "undefined" ? window : void 0;
+  const windowBaseUrl = browserGlobal?.FORM_API_BASE_URL || browserGlobal?.BASE_API_URL || browserGlobal?.__FORM_API_BASE_URL__ || browserGlobal?.__LOWCODE_API_BASE_URL__;
+  if (windowBaseUrl) return trimTrailingSlash(windowBaseUrl);
+  return typeof window !== "undefined" ? "/service" : "";
 };
 var appendQuery = (url, params) => {
   if (!params) return url;
@@ -5481,6 +5486,22 @@ function useChangeRecords(options) {
 
 // src/hooks/useFormNavigation.ts
 import { useState as useState24, useCallback as useCallback11, useRef as useRef11, useEffect as useEffect31 } from "react";
+var normalizeBasePath = (basePath) => {
+  const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
+  return normalized ? `/${normalized}` : "";
+};
+var inferBasePath = (appType) => {
+  if (typeof window === "undefined") return "";
+  const pathname = window.location?.pathname || "";
+  const marker = `/${appType}/`;
+  const markerIndex = pathname.indexOf(marker);
+  if (markerIndex <= 0) return "";
+  return pathname.slice(0, markerIndex);
+};
+var buildDetailUrl = (appType, formUuid, formInstId, detailType, basePath) => {
+  const prefix = normalizeBasePath(basePath ?? inferBasePath(appType));
+  return `${prefix}/${appType}/${detailType}/${formUuid}?formInstId=${encodeURIComponent(formInstId)}`;
+};
 function useFormNavigation(options) {
   const {
     appType,
@@ -5488,6 +5509,7 @@ function useFormNavigation(options) {
     formType = "form",
     mode = "redirect",
     redirectDelay = 3e3,
+    basePath,
     onStay
   } = options;
   const [isRedirecting, setIsRedirecting] = useState24(false);
@@ -5507,15 +5529,21 @@ function useFormNavigation(options) {
   }, []);
   const navigateToDetail = useCallback11(
     (formInstId) => {
-      window.location.href = `/${appType}/formDetail/${formUuid}?formInstId=${formInstId}`;
+      window.location.href = buildDetailUrl(appType, formUuid, formInstId, "formDetail", basePath);
     },
-    [appType, formUuid]
+    [appType, basePath, formUuid]
   );
   const navigateToProcessDetail = useCallback11(
     (formInstId) => {
-      window.location.href = `/${appType}/processDetail/${formUuid}?formInstId=${formInstId}`;
+      window.location.href = buildDetailUrl(
+        appType,
+        formUuid,
+        formInstId,
+        "processDetail",
+        basePath
+      );
     },
-    [appType, formUuid]
+    [appType, basePath, formUuid]
   );
   const startRedirectCountdown = useCallback11(
     (targetUrl) => {
@@ -5569,10 +5597,16 @@ function useFormNavigation(options) {
         onStay?.(formInstId);
         return;
       }
-      const targetUrl = formType === "process" ? `/${appType}/processDetail/${formUuid}?formInstId=${formInstId}` : `/${appType}/formDetail/${formUuid}?formInstId=${formInstId}`;
+      const targetUrl = buildDetailUrl(
+        appType,
+        formUuid,
+        formInstId,
+        formType === "process" ? "processDetail" : "formDetail",
+        basePath
+      );
       startRedirectCountdown(targetUrl);
     },
-    [mode, formType, appType, formUuid, onStay, startRedirectCountdown]
+    [mode, formType, appType, formUuid, basePath, onStay, startRedirectCountdown]
   );
   return {
     navigateToDetail,
@@ -6250,6 +6284,12 @@ import { useState as useState29, useCallback as useCallback13 } from "react";
 import { Button as Button9 } from "antd";
 import { CheckCircleFilled } from "@ant-design/icons";
 import { Fragment as Fragment5, jsx as jsx82, jsxs as jsxs28 } from "react/jsx-runtime";
+var pickFormInstanceId = (value) => {
+  if (!value) return void 0;
+  if (typeof value === "string") return value;
+  if (typeof value !== "object") return void 0;
+  return value.formInstanceId || value.formInstId || value.instanceId || value.id || pickFormInstanceId(value.result) || pickFormInstanceId(value.data);
+};
 var SubmitSuccessCard = ({
   info,
   mode,
@@ -6299,7 +6339,7 @@ var InnerFormContent = ({
   renderSuccess,
   onSubmitSuccess
 }) => {
-  const { validateAll, getFormData: getFormData2, resetForm } = useFormContext();
+  const { validateAll, getFormData: getFormData2, resetForm, api } = useFormContext();
   const [submitted, setSubmitted] = useState29(false);
   const [successInfo, setSuccessInfo] = useState29(null);
   const [submitting, setSubmitting] = useState29(false);
@@ -6311,7 +6351,8 @@ var InnerFormContent = ({
     appType: config.appType,
     formUuid: config.formUuid,
     formType,
-    mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode
+    mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode,
+    basePath: config.navigation?.basePath
   });
   const handleSubmit = useCallback13(async () => {
     const valid = await validateAll();
@@ -6326,9 +6367,24 @@ var InnerFormContent = ({
           return;
         }
       }
-      const formInstId = `inst_${Date.now()}`;
+      const submitResponse = config.mode === "edit" && config.formInstanceId ? await api.updateFormData({
+        appType: config.appType,
+        formUuid: config.formUuid,
+        formInstId: config.formInstanceId,
+        formInstanceId: config.formInstanceId,
+        updateFormDataJson: JSON.stringify(formData)
+      }) : await api.submitFormData({
+        appType: config.appType,
+        formUuid: config.formUuid,
+        data: formData
+      });
+      const formInstId = pickFormInstanceId(submitResponse) || config.formInstanceId || `inst_${Date.now()}`;
       if (config.submit?.afterSubmit) {
-        await config.submit.afterSubmit({ formInstanceId: formInstId, data: formData });
+        await config.submit.afterSubmit({
+          formInstanceId: formInstId,
+          data: formData,
+          response: submitResponse
+        });
       }
       if (enableDraft) {
         clearDraft();
@@ -6350,6 +6406,7 @@ var InnerFormContent = ({
     validateAll,
     getFormData2,
     config,
+    api,
     enableDraft,
     clearDraft,
     onSubmitSuccess,