sy-form-components 0.2.9 → 0.2.11

package/dist/index.mjs

@@ -6999,6 +6999,16 @@ async function exportDataManagementRows(request, params) {
     }
   });
 }
+async function downloadDataManagementImportTemplate(request, params) {
+  return request({
+    url: `/${params.appType}/v1/form/advancedExportTemplate.xlsx`,
+    method: "get",
+    responseType: "blob",
+    params: {
+      formUuid: params.formUuid
+    }
+  });
+}
 async function importPreviewDataManagementRows(request, params) {
   const response = await request({
     url: `/${params.appType}/v1/form/importPreview.xlsx`,
@@ -7717,12 +7727,17 @@ function useFormDetail(options) {
   const [instanceInfo, setInstanceInfo] = useState24(null);
   const [permissions, setPermissions] = useState24(null);
   const mountedRef = useRef9(true);
+  const onPermissionDeniedRef = useRef9(onPermissionDenied);
+  const fieldIdsKey = fieldIds?.join("
") ?? "";
   useEffect29(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
+  useEffect29(() => {
+    onPermissionDeniedRef.current = onPermissionDenied;
+  }, [onPermissionDenied]);
   const loadData = useCallback11(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
@@ -7733,7 +7748,7 @@ function useFormDetail(options) {
       ]);
       if (!mountedRef.current) return;
       if (!permResult || !hasViewOperation(permResult.operations, "view")) {
-        onPermissionDenied?.();
+        onPermissionDeniedRef.current?.();
       }
       const normalizedInfo = normalizeFormInstanceInfo(formResult, {
         formUuid,
@@ -7742,7 +7757,9 @@ function useFormDetail(options) {
       });
       setPermissions(permResult);
       setInstanceInfo(normalizedInfo);
-      setFormData(extractFormValues(formResult, fieldIds));
+      setFormData(
+        extractFormValues(formResult, fieldIdsKey ? fieldIdsKey.split("
") : void 0)
+      );
     } catch (error) {
       console.error("[useFormDetail] Failed to load data:", error);
       if (mountedRef.current) {
@@ -7755,7 +7772,7 @@ function useFormDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, fieldIds, onPermissionDenied]);
+  }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
   useEffect29(() => {
     loadData();
   }, [loadData]);
@@ -7851,6 +7868,7 @@ function useProcessDetail(options) {
   const [permissions, setPermissions] = useState25(null);
   const [processDefinition, setProcessDefinition] = useState25(null);
   const mountedRef = useRef10(true);
+  const fieldIdsKey = fieldIds?.join("
") ?? "";
   useEffect30(() => {
     mountedRef.current = true;
     return () => {
@@ -7896,7 +7914,9 @@ function useProcessDetail(options) {
       setApprovalTasks(approvalResult?.currentTasks ?? []);
       setPermissions(permResult);
       setInstanceInfo(formResult);
-      setFormData(extractFormValues(formResult, fieldIds));
+      setFormData(
+        extractFormValues(formResult, fieldIdsKey ? fieldIdsKey.split("
") : void 0)
+      );
       if (permResult?.operations?.includes("VIEW_PROCESS") || permResult?.operations?.length > 0) {
         try {
           const progress = await getProcessProgress(request, formInstanceId);
@@ -7931,7 +7951,7 @@ function useProcessDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, fieldIds]);
+  }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
   useEffect30(() => {
     loadData();
   }, [loadData]);
@@ -9871,7 +9891,6 @@ import {
   Dropdown as Dropdown3,
   Empty as Empty5,
   Input as Input12,
-  InputNumber as InputNumber2,
   Modal as Modal8,
   Segmented,
   Select as Select6,
@@ -10019,6 +10038,74 @@ var fileToBase64 = (file) => new Promise((resolve, reject) => {
   reader.onerror = reject;
   reader.readAsDataURL(file);
 });
+var normalizeBasePath2 = (basePath) => {
+  const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
+  return normalized ? `/${normalized}` : "";
+};
+var inferBasePath2 = (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 buildDefaultDetailUrl = ({
+  appType,
+  formUuid,
+  formType,
+  formInstanceId,
+  basePath
+}) => {
+  const prefix = normalizeBasePath2(basePath ?? inferBasePath2(appType));
+  const detailType = formType === "process" ? "processDetail" : "formDetail";
+  return `${prefix}/${appType}/${detailType}/${formUuid}?formInstId=${encodeURIComponent(formInstanceId)}`;
+};
+var getHeaderValue = (headers, key) => {
+  if (!headers) return "";
+  if (typeof headers.get === "function")
+    return headers.get(key) || headers.get(key.toLowerCase()) || "";
+  return headers[key] || headers[key.toLowerCase()] || "";
+};
+var resolveDownloadFilename = (headers, fallbackName) => {
+  const disposition = getHeaderValue(headers, "content-disposition");
+  if (typeof disposition !== "string") return fallbackName;
+  const matchStar = disposition.match(/filename\*=UTF-8''([^;]+)/i);
+  if (matchStar?.[1]) return decodeURIComponent(matchStar[1]);
+  const match = disposition.match(/filename="?([^";]+)"?/i);
+  if (match?.[1]) return decodeURIComponent(match[1]);
+  return fallbackName;
+};
+var downloadBlobResponse = async (response, fallbackName) => {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  const headers = response?.headers;
+  const payload = response?.data ?? response;
+  const contentType = getHeaderValue(headers, "content-type") || payload?.type || "";
+  const hasBlob = typeof Blob !== "undefined";
+  if (hasBlob && payload instanceof Blob && String(contentType).includes("application/json")) {
+    const text = await payload.text();
+    try {
+      const json = JSON.parse(text);
+      throw new Error(json?.message || "\u4E0B\u8F7D\u5931\u8D25");
+    } catch (error) {
+      if (error instanceof SyntaxError) throw new Error("\u4E0B\u8F7D\u5931\u8D25");
+      if (error instanceof Error) throw error;
+      throw new Error("\u4E0B\u8F7D\u5931\u8D25");
+    }
+  }
+  const blob = hasBlob && payload instanceof Blob ? payload : hasBlob && payload instanceof ArrayBuffer ? new Blob([payload], { type: contentType || "application/octet-stream" }) : new Blob([typeof payload === "string" ? payload : JSON.stringify(payload ?? "")], {
+    type: contentType || "application/octet-stream"
+  });
+  const filename = resolveDownloadFilename(headers, fallbackName);
+  const url = window.URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = filename;
+  document.body.appendChild(anchor);
+  anchor.click();
+  anchor.remove();
+  window.URL.revokeObjectURL(url);
+};
 function FilterGroupEditor({
   group,
   fields,
@@ -10178,12 +10265,16 @@ function ResizableColumnTitle({
       "span",
       {
         "aria-hidden": true,
-        className: "absolute -right-2 top-1/2 h-5 w-2 -translate-y-1/2 cursor-col-resize rounded hover:bg-ant-color-primary",
-        onClick: (event) => {
+        className: "absolute -right-3 top-0 h-full w-4 cursor-col-resize after:absolute after:right-1 after:top-1/2 after:h-5 after:w-0.5 after:-translate-y-1/2 after:rounded after:bg-transparent hover:after:bg-ant-color-primary",
+        onClickCapture: (event) => {
           event.preventDefault();
           event.stopPropagation();
         },
-        onMouseDown: handleMouseDown,
+        onDoubleClickCapture: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        },
+        onMouseDownCapture: handleMouseDown,
         title: "\u62D6\u62FD\u8C03\u6574\u5217\u5BBD"
       }
     )
@@ -10192,6 +10283,7 @@ function ResizableColumnTitle({
 var DataManagementList = ({
   appType,
   formUuid,
+  detailBasePath,
   menuFormUuid,
   readonly = false,
   fullHeight = true,
@@ -10238,6 +10330,7 @@ var DataManagementList = ({
   const [importOpen, setImportOpen] = useState35(false);
   const [importPreview, setImportPreview] = useState35([]);
   const [importBase64, setImportBase64] = useState35("");
+  const [templateDownloading, setTemplateDownloading] = useState35(false);
   const [recordsOpen, setRecordsOpen] = useState35(false);
   const [recordTab, setRecordTab] = useState35("export");
   const [transferRecords, setTransferRecords] = useState35([]);
@@ -10333,7 +10426,6 @@ var DataManagementList = ({
         }).catch(() => void 0);
         if (!mounted) return;
         const resolved = normalizeColumnConfig(saved, allFields);
-        const resolvedDetailOpenMode = detailPageUrlBuilder ? resolved.detailOpenMode : "drawer";
         const nextSearchKeyWord = saved?.filter?.searchKeyWord || "";
         const nextFilterGroup = hydrateFilterGroup(saved?.filter?.group);
         setFields(allFields);
@@ -10344,7 +10436,7 @@ var DataManagementList = ({
         setLockFieldIds(resolved.lockFieldIds);
         setSort(resolved.sort);
         setDensity(resolved.density);
-        setDetailOpenMode(resolvedDetailOpenMode);
+        setDetailOpenMode(resolved.detailOpenMode);
         setPageSize(resolved.pageSize);
         setSearchKeyWord(nextSearchKeyWord);
         setFilterGroup(nextFilterGroup);
@@ -10366,7 +10458,7 @@ var DataManagementList = ({
     return () => {
       mounted = false;
     };
-  }, [appType, configScope, detailPageUrlBuilder, formUuid, loadData, menuFormUuid, request]);
+  }, [appType, configScope, formUuid, loadData, menuFormUuid, request]);
   const persistConfig = useCallback17(
     async (patch) => {
       const nextConfig = { ...config, ...patch };
@@ -10432,20 +10524,23 @@ var DataManagementList = ({
         message.warning("\u5F53\u524D\u8BB0\u5F55\u7F3A\u5C11\u5B9E\u4F8B ID\uFF0C\u65E0\u6CD5\u6253\u5F00\u8BE6\u60C5");
         return;
       }
-      if (detailOpenMode === "newPage" && detailPageUrlBuilder && typeof window !== "undefined") {
-        const detailUrl = detailPageUrlBuilder({ record, formInstanceId: String(formInstanceId) });
+      if (detailOpenMode === "newPage" && typeof window !== "undefined") {
+        const detailUrl = detailPageUrlBuilder?.({ record, formInstanceId: String(formInstanceId) }) || buildDefaultDetailUrl({
+          appType,
+          formUuid,
+          formType,
+          formInstanceId: String(formInstanceId),
+          basePath: detailBasePath
+        });
         if (detailUrl) {
           window.open(detailUrl, "_blank");
           return;
         }
       }
-      if (detailOpenMode === "newPage" && !detailPageUrlBuilder) {
-        setDetailOpenMode("drawer");
-      }
       setActiveRecord(record);
       setDetailOpen(true);
     },
-    [detailOpenMode, detailPageUrlBuilder]
+    [appType, detailBasePath, detailOpenMode, detailPageUrlBuilder, formType, formUuid]
   );
   const handleDelete = useCallback17(
     async (ids) => {
@@ -10527,6 +10622,19 @@ var DataManagementList = ({
       setExporting(false);
     }
   };
+  const handleDownloadTemplate = async () => {
+    setTemplateDownloading(true);
+    try {
+      const response = await downloadDataManagementImportTemplate(request, { appType, formUuid });
+      await downloadBlobResponse(response, `\u5BFC\u5165\u6A21\u677F-${formUuid}.xlsx`);
+      message.success("\u6A21\u677F\u4E0B\u8F7D\u5DF2\u5F00\u59CB");
+    } catch (error) {
+      console.error("[DataManagementList] download template failed:", error);
+      message.error(error instanceof Error ? error.message : "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F\u5931\u8D25");
+    } finally {
+      setTemplateDownloading(false);
+    }
+  };
   const loadTransferRecords = async (type) => {
     setRecordTab(type);
     setRecordsOpen(true);
@@ -10578,7 +10686,6 @@ var DataManagementList = ({
         width: columnWidth,
         fixed: lockFieldIds.includes(field.fieldId) ? "left" : void 0,
         ellipsis: true,
-        sorter: true,
         render: (value) => renderCellValue(value, field)
       };
     }) || [];
@@ -10815,18 +10922,11 @@ var DataManagementList = ({
                 showSizeChanger: true,
                 showTotal: (count) => `\u5171 ${count} \u6761`
               },
-              onChange: (pagination, _filters, sorter) => {
-                const sorters = Array.isArray(sorter) ? sorter : [sorter];
-                const nextSort = sorters.filter((item) => item?.field && item?.order).map((item) => ({
-                  id: String(item.field),
-                  isAsc: item.order === "ascend" ? "y" : "n"
-                }));
-                setSort(nextSort);
-                persistConfig({ sort: nextSort });
+              onChange: (pagination) => {
                 loadData({
                   current: pagination.current || 1,
                   pageSize: pagination.pageSize || pageSize,
-                  sort: nextSort
+                  sort
                 });
               }
             }
@@ -10871,27 +10971,6 @@ var DataManagementList = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs41("div", { children: [
-                /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u5217\u5BBD" }),
-                /* @__PURE__ */ jsx89("div", { className: "grid max-h-56 gap-2 overflow-auto rounded-lg border border-ant-border-secondary p-3 md:grid-cols-2", children: showFields.map((fieldId) => {
-                  const field = fields.find((item) => item.fieldId === fieldId);
-                  const width = widths[fieldId] || field?.width || 160;
-                  return /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between gap-3", children: [
-                    /* @__PURE__ */ jsx89("span", { className: "min-w-0 truncate text-sm text-ant-color-text-secondary", children: field?.label || fieldId }),
-                    /* @__PURE__ */ jsx89(
-                      InputNumber2,
-                      {
-                        min: 96,
-                        max: 520,
-                        value: width,
-                        addonAfter: "px",
-                        onChange: (value) => updateColumnWidth(fieldId, Number(value || 160)),
-                        onBlur: () => commitColumnWidth(fieldId, widthsRef.current[fieldId] || width)
-                      }
-                    )
-                  ] }, fieldId);
-                }) })
-              ] }),
               /* @__PURE__ */ jsxs41("div", { children: [
                 /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u51BB\u7ED3\u5217" }),
                 /* @__PURE__ */ jsx89(
@@ -10973,10 +11052,10 @@ var DataManagementList = ({
                     {
                       block: true,
                       value: detailOpenMode,
-                      options: detailPageUrlBuilder ? [
+                      options: [
                         { label: "\u62BD\u5C49", value: "drawer" },
                         { label: "\u65B0\u9875", value: "newPage" }
-                      ] : [{ label: "\u62BD\u5C49", value: "drawer" }],
+                      ],
                       onChange: (value) => setDetailOpenMode(value)
                     }
                   )
@@ -11082,6 +11161,21 @@ var DataManagementList = ({
             okButtonProps: { disabled: !importBase64 },
             okText: "\u786E\u8BA4\u5BFC\u5165",
             children: [
+              /* @__PURE__ */ jsxs41("div", { className: "mb-3 flex flex-col gap-3 rounded-lg border border-ant-border-secondary bg-ant-bg-container px-4 py-3 md:flex-row md:items-center md:justify-between", children: [
+                /* @__PURE__ */ jsxs41("div", { children: [
+                  /* @__PURE__ */ jsx89("div", { className: "text-sm font-medium text-ant-color-text", children: "\u5BFC\u5165\u6A21\u677F" }),
+                  /* @__PURE__ */ jsx89("div", { className: "mt-1 text-xs text-ant-color-text-secondary", children: "\u5148\u4E0B\u8F7D\u6A21\u677F\u586B\u5199\u6570\u636E\uFF0C\u518D\u4E0A\u4F20 Excel \u6587\u4EF6\u5BFC\u5165" })
+                ] }),
+                /* @__PURE__ */ jsx89(
+                  Button15,
+                  {
+                    icon: /* @__PURE__ */ jsx89(DownloadOutlined, {}),
+                    loading: templateDownloading,
+                    onClick: handleDownloadTemplate,
+                    children: "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F"
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsx89(
                 Upload3.Dragger,
                 {
@@ -12113,6 +12207,7 @@ export {
   defineFormSchema,
   deleteDataManagementRows,
   deleteFormData,
+  downloadDataManagementImportTemplate,
   evaluateEffects,
   exportDataManagementRows,
   extractFormValues,