openxiangda 1.0.255 → 1.0.256

package/packages/sdk/dist/components/index.mjs

@@ -33994,7 +33994,7 @@ var init_xlsx = __esm({
 });
 
 // packages/sdk/src/components/core/FormProvider.tsx
-import React48, { useCallback as useCallback10, useEffect as useEffect36, useRef as useRef10, useState as useState21, useMemo as useMemo20 } from "react";
+import React48, { useCallback as useCallback10, useEffect as useEffect36, useRef as useRef11, useState as useState22, useMemo as useMemo20 } from "react";
 
 // packages/sdk/src/components/core/FormContext.ts
 import { createContext, useContext } from "react";
@@ -34014,10 +34014,14 @@ function ComponentRegistryProvider({
   components,
   children
 }) {
-  const [registry, setRegistry] = React.useState(components);
+  const [registeredComponents, setRegisteredComponents] = React.useState({});
   const register = React.useCallback((name, component) => {
-    setRegistry((prev) => ({ ...prev, [name]: component }));
+    setRegisteredComponents((prev) => ({ ...prev, [name]: component }));
   }, []);
+  const registry = React.useMemo(
+    () => ({ ...components, ...registeredComponents }),
+    [components, registeredComponents]
+  );
   const value = React.useMemo(() => ({ registry, register }), [registry, register]);
   return React.createElement(ComponentRegistryContext.Provider, { value }, children);
 }
@@ -44942,17 +44946,34 @@ function DigitalSignatureField(props) {
 }
 
 // packages/sdk/src/components/fields/JSONField/index.tsx
-import { useEffect as useEffect35 } from "react";
-import { jsx as jsx76 } from "react/jsx-runtime";
-var formatJson = (value) => {
+import { useEffect as useEffect35, useRef as useRef10, useState as useState21 } from "react";
+import { Input as Input11 } from "antd";
+import { jsx as jsx76, jsxs as jsxs35 } from "react/jsx-runtime";
+var formatJson = (value, indent = 2) => {
   if (value === void 0 || value === null || value === "") return "--";
   if (typeof value === "string") return value;
   try {
-    return JSON.stringify(value, null, 2);
+    return JSON.stringify(value, null, indent);
+  } catch {
+    return String(value);
+  }
+};
+var formatJsonForEditing = (value, indent = 2) => {
+  if (value === void 0 || value === null || value === "") return "";
+  try {
+    return JSON.stringify(value, null, indent);
   } catch {
     return String(value);
   }
 };
+var parseJson = (text) => {
+  if (!text.trim()) return { value: void 0, error: void 0 };
+  try {
+    return { value: JSON.parse(text), error: void 0 };
+  } catch {
+    return { value: void 0, error: "\u8BF7\u8F93\u5165\u6709\u6548\u7684 JSON" };
+  }
+};
 function JSONField(props) {
   const {
     fieldId,
@@ -44964,11 +44985,22 @@ function JSONField(props) {
     labelClassName,
     tipsClassName,
     readonlyClassName,
-    defaultValue
+    inputClassName,
+    placeholder = "\u8BF7\u8F93\u5165\u6709\u6548\u7684 JSON",
+    defaultValue,
+    indent = 2,
+    rows = 8,
+    renderer,
+    editor,
+    onChange,
+    onBlur
   } = props;
-  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
-  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
+  const { formData, fieldBehaviors, setFieldValue, setFieldError, registerField, unregisterField } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId];
+  const [editorText, setEditorText] = useState21(() => formatJsonForEditing(value, indent));
+  const [parseError, setParseError] = useState21();
+  const editingRef = useRef10(false);
   useEffect35(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
@@ -44976,7 +45008,55 @@ function JSONField(props) {
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
+  useEffect35(() => {
+    if (editingRef.current) return;
+    setEditorText(formatJsonForEditing(value, indent));
+    setParseError(void 0);
+  }, [indent, value]);
   if (behavior === "HIDDEN") return null;
+  const renderContext = {
+    fieldId,
+    label,
+    value,
+    formattedValue: formatJson(value, indent),
+    behavior
+  };
+  const updateValue = (nextValue) => {
+    setFieldValue(fieldId, nextValue);
+    onChange?.(nextValue);
+  };
+  const handleTextChange = (event) => {
+    const nextText = event.target.value;
+    editingRef.current = true;
+    setEditorText(nextText);
+    const parsed = parseJson(nextText);
+    setParseError(parsed.error);
+    setFieldError(fieldId, parsed.error);
+    if (!parsed.error) updateValue(parsed.value);
+  };
+  const handleStructuredChange = (nextValue) => {
+    editingRef.current = true;
+    setEditorText(formatJsonForEditing(nextValue, indent));
+    setParseError(void 0);
+    setFieldError(fieldId, null);
+    updateValue(nextValue);
+  };
+  const handleEditorError = (error) => {
+    setParseError(error);
+    setFieldError(fieldId, error);
+  };
+  const handleBlur = () => {
+    editingRef.current = false;
+    const parsed = parseJson(editorText);
+    setParseError(parsed.error);
+    setFieldError(fieldId, parsed.error);
+    if (!parsed.error) {
+      setEditorText(formatJsonForEditing(parsed.value, indent));
+      onBlur?.(parsed.value);
+      return;
+    }
+    onBlur?.(value);
+  };
   return /* @__PURE__ */ jsx76(
     FieldWrapper,
     {
@@ -44987,14 +45067,41 @@ function JSONField(props) {
       className,
       labelClassName,
       tipsClassName,
-      children: /* @__PURE__ */ jsx76(
+      children: behavior === "READONLY" ? renderer ? renderer(renderContext) : /* @__PURE__ */ jsx76(
         "pre",
         {
           className: readonlyClassName || "sy-field-readonly-value",
           "data-testid": `jsonfield-readonly-${fieldId}`,
-          children: formatJson(value)
-        }
-      )
+          children: renderContext.formattedValue
+        }
+      ) : editor ? editor({
+        ...renderContext,
+        disabled: behavior === "DISABLED",
+        error: parseError,
+        onChange: handleStructuredChange,
+        onError: handleEditorError
+      }) : /* @__PURE__ */ jsxs35("div", { children: [
+        /* @__PURE__ */ jsx76(
+          Input11.TextArea,
+          {
+            className: inputClassName,
+            "data-testid": `jsonfield-input-${fieldId}`,
+            value: editorText,
+            placeholder,
+            rows,
+            disabled: behavior === "DISABLED",
+            status: parseError ? "error" : void 0,
+            "aria-invalid": Boolean(parseError),
+            spellCheck: false,
+            onFocus: () => {
+              editingRef.current = true;
+            },
+            onChange: handleTextChange,
+            onBlur: handleBlur
+          }
+        ),
+        parseError && /* @__PURE__ */ jsx76("div", { className: "sy-field-error", role: "alert", "data-testid": `jsonfield-error-${fieldId}`, children: parseError })
+      ] })
     }
   );
 }
@@ -46323,7 +46430,7 @@ function FormProvider({
   children
 }) {
   const api = useMemo20(() => createFormRuntimeApi(config.api), [config.api]);
-  const [runtimeDefaults, setRuntimeDefaults] = useState21({});
+  const [runtimeDefaults, setRuntimeDefaults] = useState22({});
   const effects = useMemo20(
     () => [
       ...schema.rules ?? [],
@@ -46353,10 +46460,11 @@ function FormProvider({
     }
     return { ...values, ...initialValues };
   }, [schema, initialValues, mergedRuntime]);
-  const initialValuesRef = useRef10(computedInitialValues);
-  const [formData, setFormData] = useState21({ ...computedInitialValues });
-  const [fieldErrors, setFieldErrors] = useState21({});
-  const [registeredFields] = useState21(/* @__PURE__ */ new Set());
+  const initialValuesRef = useRef11(computedInitialValues);
+  const [formData, setFormData] = useState22({ ...computedInitialValues });
+  const [fieldErrors, setFieldErrors] = useState22({});
+  const [componentFieldErrors, setComponentFieldErrors] = useState22({});
+  const [registeredFields] = useState22(/* @__PURE__ */ new Set());
   useEffect36(() => {
     if (!schema.fields.some((field) => needsCurrentUserRuntime(field.defaultShortcut?.type)))
       return;
@@ -46447,10 +46555,16 @@ function FormProvider({
     if (changed) {
       setFormData(nextData);
       setFieldErrors(nextErrors);
+      setComponentFieldErrors((prev) => {
+        const next = { ...prev };
+        for (const action of valueActions) delete next[action.fieldId];
+        return next;
+      });
     }
   }, [effects, formData, fieldErrors]);
   const setFieldValue = useCallback10((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
+    setComponentFieldErrors((prev) => replaceSingleFieldError(prev, fieldId, null));
     setFieldErrors((prev) => {
       if (prev[fieldId]) {
         const next = { ...prev };
@@ -46460,6 +46574,10 @@ function FormProvider({
       return prev;
     });
   }, []);
+  const setFieldError = useCallback10((fieldId, error) => {
+    setComponentFieldErrors((prev) => replaceSingleFieldError(prev, fieldId, error || null));
+    setFieldErrors((prev) => replaceSingleFieldError(prev, fieldId, error || null));
+  }, []);
   const getFieldValue = useCallback10((fieldId) => formData[fieldId], [formData]);
   const getFormData2 = useCallback10(() => ({ ...formData }), [formData]);
   const validateFieldById = useCallback10(
@@ -46470,6 +46588,9 @@ function FormProvider({
         if (!scopedField) return true;
         const parentBehavior = fieldBehaviors[scopedField.parent.fieldId] ?? scopedField.parent.behavior ?? "NORMAL";
         if (isInactiveBehavior(parentBehavior) || isInactiveBehavior(scopedField.column.behavior)) {
+          setComponentFieldErrors(
+            (prev) => replaceSingleFieldError(prev, scopedField.scopedFieldId, null)
+          );
           setFieldErrors((prev) => replaceSingleFieldError(prev, scopedField.scopedFieldId, null));
           return true;
         }
@@ -46489,6 +46610,7 @@ function FormProvider({
       }
       const behavior = fieldBehaviors[fieldId] ?? field.behavior ?? "NORMAL";
       if (isInactiveBehavior(behavior)) {
+        setComponentFieldErrors((prev) => clearFieldAndChildrenErrors(prev, fieldId));
         setFieldErrors((prev) => {
           return clearFieldAndChildrenErrors(prev, fieldId);
         });
@@ -46513,7 +46635,7 @@ function FormProvider({
       }
       if (rules.length === 0 && Object.keys(errors).length === 0) {
         if (field.componentName !== "SubFormField") {
-          return true;
+          return !componentFieldErrors[fieldId];
         }
       }
       setFieldErrors((prev) => {
@@ -46521,16 +46643,18 @@ function FormProvider({
       });
       return Object.keys(errors).length === 0;
     },
-    [schema, formData, fieldBehaviors, fieldOverrides]
+    [schema, formData, fieldBehaviors, componentFieldErrors, fieldOverrides]
   );
   const validateAllWithErrors = useCallback10(async () => {
     const fieldRules = {};
     const validationData = { ...formData };
+    const activeFieldIds = /* @__PURE__ */ new Set();
     for (const field of schema.fields) {
       const behavior = fieldBehaviors[field.fieldId] ?? field.behavior ?? "NORMAL";
       if (isInactiveBehavior(behavior)) {
         continue;
       }
+      activeFieldIds.add(field.fieldId);
       const rules = buildValidationRules(
         field.label,
         fieldOverrides[field.fieldId]?.required ?? field.required,
@@ -46543,10 +46667,20 @@ function FormProvider({
         collectSubFormValidationRules(field, formData, validationData, fieldRules);
       }
     }
-    const errors = await validateAllFields(validationData, fieldRules);
+    const componentErrors = Object.fromEntries(
+      Object.entries(componentFieldErrors).filter(
+        ([fieldId]) => [...activeFieldIds].some(
+          (activeFieldId) => fieldId === activeFieldId || fieldId.startsWith(`${activeFieldId}.`)
+        )
+      )
+    );
+    const errors = {
+      ...componentErrors,
+      ...await validateAllFields(validationData, fieldRules)
+    };
     setFieldErrors(errors);
     return errors;
-  }, [schema, formData, fieldBehaviors, fieldOverrides]);
+  }, [schema, formData, fieldBehaviors, componentFieldErrors, fieldOverrides]);
   const validateAll = useCallback10(async () => {
     const errors = await validateAllWithErrors();
     return Object.keys(errors).length === 0;
@@ -46554,6 +46688,7 @@ function FormProvider({
   const resetForm = useCallback10(() => {
     setFormData({ ...initialValuesRef.current });
     setFieldErrors({});
+    setComponentFieldErrors({});
   }, []);
   const registerField = useCallback10(
     (fieldId) => {
@@ -46567,7 +46702,7 @@ function FormProvider({
     },
     [registeredFields]
   );
-  const [dynamicOptions, setDynamicOptions] = useState21({});
+  const [dynamicOptions, setDynamicOptions] = useState22({});
   useEffect36(() => {
     const loadDynamicOptions = async () => {
       const updates = {};
@@ -46666,6 +46801,7 @@ function FormProvider({
         submit: config.submit
       },
       setFieldValue,
+      setFieldError,
       getFieldValue,
       getFormData: getFormData2,
       validateField: validateFieldById,
@@ -46691,6 +46827,7 @@ function FormProvider({
       config.formInstanceId,
       config.submit,
       setFieldValue,
+      setFieldError,
       getFieldValue,
       getFormData2,
       validateFieldById,
@@ -46701,7 +46838,10 @@ function FormProvider({
       unregisterField
     ]
   );
-  const registryComponents = components ?? defaultComponentRegistry;
+  const registryComponents = useMemo20(
+    () => components ? { ...defaultComponentRegistry, ...components } : defaultComponentRegistry,
+    [components]
+  );
   return React48.createElement(
     FormContext.Provider,
     { value: contextValue },
@@ -46825,8 +46965,8 @@ import {
   FileTextOutlined as FileTextOutlined2,
   UserOutlined as UserOutlined2
 } from "@ant-design/icons";
-import { useState as useState22 } from "react";
-import { jsx as jsx77, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useState as useState23 } from "react";
+import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
 var sectionIconMap = {
   user: UserOutlined2,
   calendar: CalendarOutlined,
@@ -46850,7 +46990,7 @@ function FormSection({
   contentClassName,
   children
 }) {
-  const [collapsed, setCollapsed] = useState22(defaultCollapsed);
+  const [collapsed, setCollapsed] = useState23(defaultCollapsed);
   const handleToggle = () => {
     if (collapsible) {
       setCollapsed((prev) => !prev);
@@ -46865,7 +47005,7 @@ function FormSection({
   };
   const IconComponent = icon === void 0 && iconKey ? sectionIconMap[iconKey] : void 0;
   const resolvedIcon = icon !== void 0 ? icon : IconComponent ? /* @__PURE__ */ jsx77(IconComponent, {}) : void 0;
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "section",
     {
       className: cn2(
@@ -46877,7 +47017,7 @@ function FormSection({
       "data-testid": "form-section",
       "data-collapsed": collapsed ? "true" : "false",
       children: [
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs36(
           "div",
           {
             className: cn2("sy-form-section-header", titleClassName),
@@ -46888,10 +47028,10 @@ function FormSection({
             tabIndex: collapsible ? 0 : void 0,
             "data-testid": "form-section-header",
             children: [
-              /* @__PURE__ */ jsxs35("div", { className: "sy-form-section-heading", children: [
+              /* @__PURE__ */ jsxs36("div", { className: "sy-form-section-heading", children: [
                 variant === "plain" && /* @__PURE__ */ jsx77("span", { className: "sy-form-section-marker", "data-testid": "form-section-marker" }),
                 variant === "card" && resolvedIcon && /* @__PURE__ */ jsx77("span", { className: "sy-form-section-icon", "data-testid": "form-section-icon", children: resolvedIcon }),
-                /* @__PURE__ */ jsxs35("div", { className: "sy-form-section-title-block", children: [
+                /* @__PURE__ */ jsxs36("div", { className: "sy-form-section-title-block", children: [
                   /* @__PURE__ */ jsx77("h3", { className: "sy-form-section-title", children: title }),
                   description && /* @__PURE__ */ jsx77("p", { className: "sy-form-section-description", "data-testid": "form-section-description", children: description })
                 ] })
@@ -46979,12 +47119,12 @@ function FormGrid({
 }
 
 // packages/sdk/src/components/layout/FormTabs/index.tsx
-import { useState as useState23 } from "react";
-import { jsx as jsx79, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useState as useState24 } from "react";
+import { jsx as jsx79, jsxs as jsxs37 } from "react/jsx-runtime";
 function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
-  const [activeKey, setActiveKey] = useState23(defaultActiveKey || items[0]?.key || "");
+  const [activeKey, setActiveKey] = useState24(defaultActiveKey || items[0]?.key || "");
   const activeItem = items.find((item) => item.key === activeKey);
-  return /* @__PURE__ */ jsxs36("div", { className: className ?? "w-full", "data-testid": "form-tabs", children: [
+  return /* @__PURE__ */ jsxs37("div", { className: className ?? "w-full", "data-testid": "form-tabs", children: [
     /* @__PURE__ */ jsx79(
       "div",
       {
@@ -47011,10 +47151,10 @@ function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
 }
 
 // packages/sdk/src/components/layout/FormSteps/index.tsx
-import React51, { useState as useState24 } from "react";
-import { jsx as jsx80, jsxs as jsxs37 } from "react/jsx-runtime";
+import React51, { useState as useState25 } from "react";
+import { jsx as jsx80, jsxs as jsxs38 } from "react/jsx-runtime";
 function FormSteps({ items, className, onStepChange }) {
-  const [currentStep, setCurrentStep] = useState24(0);
+  const [currentStep, setCurrentStep] = useState25(0);
   const goTo = (step) => {
     setCurrentStep(step);
     onStepChange?.(step);
@@ -47029,9 +47169,9 @@ function FormSteps({ items, className, onStepChange }) {
       goTo(currentStep + 1);
     }
   };
-  return /* @__PURE__ */ jsxs37("div", { className: className ?? "w-full", "data-testid": "form-steps", children: [
-    /* @__PURE__ */ jsx80("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index) => /* @__PURE__ */ jsxs37(React51.Fragment, { children: [
-      /* @__PURE__ */ jsxs37("div", { className: "flex items-center", children: [
+  return /* @__PURE__ */ jsxs38("div", { className: className ?? "w-full", "data-testid": "form-steps", children: [
+    /* @__PURE__ */ jsx80("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index) => /* @__PURE__ */ jsxs38(React51.Fragment, { children: [
+      /* @__PURE__ */ jsxs38("div", { className: "flex items-center", children: [
         /* @__PURE__ */ jsx80(
           "div",
           {
@@ -47040,7 +47180,7 @@ function FormSteps({ items, className, onStepChange }) {
             children: index + 1
           }
         ),
-        /* @__PURE__ */ jsxs37("div", { className: "ml-2 hidden sm:block", children: [
+        /* @__PURE__ */ jsxs38("div", { className: "ml-2 hidden sm:block", children: [
           /* @__PURE__ */ jsx80("div", { className: "text-sm font-medium text-gray-900", children: item.title }),
           item.description && /* @__PURE__ */ jsx80("div", { className: "text-xs text-gray-500", children: item.description })
         ] })
@@ -47054,7 +47194,7 @@ function FormSteps({ items, className, onStepChange }) {
       )
     ] }, item.key)) }),
     /* @__PURE__ */ jsx80("div", { "data-testid": "form-steps-content", children: items[currentStep]?.children }),
-    /* @__PURE__ */ jsxs37("div", { className: "flex justify-between mt-6", "data-testid": "form-steps-actions", children: [
+    /* @__PURE__ */ jsxs38("div", { className: "flex justify-between mt-6", "data-testid": "form-steps-actions", children: [
       /* @__PURE__ */ jsx80(
         "button",
         {
@@ -47094,7 +47234,7 @@ var sizeClassMap = {
   default: "sy-gap-y-6 sy-gap-x-6",
   large: "sy-gap-y-8 sy-gap-x-8"
 };
-var defaultFullWidthComponents = /* @__PURE__ */ new Set(["SubFormField", "EditorField"]);
+var defaultFullWidthComponents = /* @__PURE__ */ new Set(["SubFormField", "EditorField", "JSONField"]);
 function getDefaultFieldWrapperClass(field, renderContext, hasExplicitGridColumn = false) {
   if (renderContext === "grid" || hasExplicitGridColumn) return void 0;
   return defaultFullWidthComponents.has(field.componentName) ? "sy-layout-field-full" : "sy-layout-field";
@@ -47435,7 +47575,7 @@ function FormShell({ children, appearance, className }) {
 }
 
 // packages/sdk/src/components/core/FormActions.tsx
-import { useState as useState25, useCallback as useCallback11 } from "react";
+import { useState as useState26, useCallback as useCallback11 } from "react";
 import { Button as Button11 } from "antd";
 
 // packages/sdk/src/components/core/validationFeedback.ts
@@ -47469,7 +47609,7 @@ async function validateAndNotify(validateAllWithErrors) {
 }
 
 // packages/sdk/src/components/core/FormActions.tsx
-import { jsx as jsx83, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs39 } from "react/jsx-runtime";
 function FormActions({
   className,
   submitText = "\u63D0\u4EA4",
@@ -47478,8 +47618,8 @@ function FormActions({
   onSubmit
 }) {
   const { mode, validateAllWithErrors, getFormData: getFormData2, resetForm, api, config } = useFormContext();
-  const [isSubmitting, setIsSubmitting] = useState25(false);
-  const [submitError, setSubmitError] = useState25(null);
+  const [isSubmitting, setIsSubmitting] = useState26(false);
+  const [submitError, setSubmitError] = useState26(null);
   const handleSubmit = useCallback11(async () => {
     setSubmitError(null);
     const valid = await validateAndNotify(validateAllWithErrors);
@@ -47520,7 +47660,7 @@ function FormActions({
     resetForm();
   }, [resetForm]);
   if (mode === "readonly") return null;
-  return /* @__PURE__ */ jsxs38("div", { className: className ?? "sy-form-actions", "data-testid": "form-actions", children: [
+  return /* @__PURE__ */ jsxs39("div", { className: className ?? "sy-form-actions", "data-testid": "form-actions", children: [
     /* @__PURE__ */ jsx83(
       Button11,
       {
@@ -47547,7 +47687,7 @@ function FormActions({
 }
 
 // packages/sdk/src/components/core/FormContainer.tsx
-import { jsx as jsx84, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs40 } from "react/jsx-runtime";
 function cn3(...classes) {
   return classes.filter(Boolean).join(" ");
 }
@@ -47566,8 +47706,8 @@ function FormContainer({
   className
 }) {
   const sizeClass = maxWidthClassMap[maxWidth];
-  return /* @__PURE__ */ jsxs39("div", { className: cn3("sy-form-container", sizeClass, className), children: [
-    (title || description) && /* @__PURE__ */ jsxs39("div", { className: "sy-form-header", children: [
+  return /* @__PURE__ */ jsxs40("div", { className: cn3("sy-form-container", sizeClass, className), children: [
+    (title || description) && /* @__PURE__ */ jsxs40("div", { className: "sy-form-header", children: [
       title && /* @__PURE__ */ jsx84("h2", { className: "sy-form-title", children: title }),
       description && /* @__PURE__ */ jsx84("p", { className: "sy-form-description", children: description })
     ] }),
@@ -48485,7 +48625,7 @@ async function getDataManagementTransferRecords(request, params) {
 }
 
 // packages/sdk/src/components/display/FormSummary/index.tsx
-import { jsx as jsx85, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs41 } from "react/jsx-runtime";
 var columnClasses2 = {
   1: "grid-cols-1",
   2: "grid-cols-1 md:grid-cols-2",
@@ -48546,7 +48686,7 @@ function FormSummary({
     if (typeof value === "object") return formatObject(value);
     return String(value);
   };
-  return /* @__PURE__ */ jsx85("div", { className: className ?? `grid ${colClass} gap-4`, "data-testid": "form-summary", children: displayFields.map((field) => /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsx85("div", { className: className ?? `grid ${colClass} gap-4`, "data-testid": "form-summary", children: displayFields.map((field) => /* @__PURE__ */ jsxs41(
     "div",
     {
       className: "flex flex-col",
@@ -48561,7 +48701,7 @@ function FormSummary({
 }
 
 // packages/sdk/src/components/hooks/useFormEngine.ts
-import { useState as useState26, useCallback as useCallback12, useMemo as useMemo22, useRef as useRef11 } from "react";
+import { useState as useState27, useCallback as useCallback12, useMemo as useMemo22, useRef as useRef12 } from "react";
 function useFormEngine(schema, config) {
   const initialValues = useMemo22(() => {
     const values = {};
@@ -48572,9 +48712,9 @@ function useFormEngine(schema, config) {
     }
     return values;
   }, [schema]);
-  const initialValuesRef = useRef11(initialValues);
-  const [formData, setFormData] = useState26({ ...initialValues });
-  const [fieldErrors, setFieldErrors] = useState26({});
+  const initialValuesRef = useRef12(initialValues);
+  const [formData, setFormData] = useState27({ ...initialValues });
+  const [fieldErrors, setFieldErrors] = useState27({});
   const fieldBehaviors = useMemo22(() => {
     const baseBehaviors = {};
     for (const field of schema.fields) {
@@ -48647,11 +48787,11 @@ function useFormEngine(schema, config) {
 }
 
 // packages/sdk/src/components/hooks/useFormData.ts
-import { useState as useState27, useCallback as useCallback13, useRef as useRef12 } from "react";
+import { useState as useState28, useCallback as useCallback13, useRef as useRef13 } from "react";
 function useFormData(initialValues = {}) {
-  const [formData, setFormData] = useState27({ ...initialValues });
-  const [dirtyFields, setDirtyFields] = useState27(/* @__PURE__ */ new Set());
-  const initialValuesRef = useRef12(initialValues);
+  const [formData, setFormData] = useState28({ ...initialValues });
+  const [dirtyFields, setDirtyFields] = useState28(/* @__PURE__ */ new Set());
+  const initialValuesRef = useRef13(initialValues);
   const setFieldValue = useCallback13((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setDirtyFields((prev) => {
@@ -48706,10 +48846,10 @@ function useFieldBehavior({
 }
 
 // packages/sdk/src/components/hooks/useFormSubmit.ts
-import { useState as useState28, useCallback as useCallback14 } from "react";
+import { useState as useState29, useCallback as useCallback14 } from "react";
 function useFormSubmit(config) {
-  const [isSubmitting, setIsSubmitting] = useState28(false);
-  const [submitError, setSubmitError] = useState28(null);
+  const [isSubmitting, setIsSubmitting] = useState29(false);
+  const [submitError, setSubmitError] = useState29(null);
   const submit = useCallback14(
     async (formData, validateFn) => {
       setSubmitError(null);
@@ -48865,7 +49005,7 @@ function useFieldPermission(options) {
 }
 
 // packages/sdk/src/components/hooks/useFormDetail.ts
-import { useState as useState29, useEffect as useEffect38, useCallback as useCallback16, useRef as useRef13 } from "react";
+import { useState as useState30, useEffect as useEffect38, useCallback as useCallback16, useRef as useRef14 } from "react";
 
 // packages/sdk/src/components/utils/formInstanceData.ts
 var FORM_INSTANCE_METADATA_KEYS = /* @__PURE__ */ new Set([
@@ -49024,13 +49164,13 @@ function useFormDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds, onPermissionDenied } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [loading, setLoading] = useState29(true);
-  const [mode, setMode] = useState29("readonly");
-  const [formData, setFormData] = useState29(null);
-  const [instanceInfo, setInstanceInfo] = useState29(null);
-  const [permissions, setPermissions] = useState29(null);
-  const mountedRef = useRef13(true);
-  const onPermissionDeniedRef = useRef13(onPermissionDenied);
+  const [loading, setLoading] = useState30(true);
+  const [mode, setMode] = useState30("readonly");
+  const [formData, setFormData] = useState30(null);
+  const [instanceInfo, setInstanceInfo] = useState30(null);
+  const [permissions, setPermissions] = useState30(null);
+  const mountedRef = useRef14(true);
+  const onPermissionDeniedRef = useRef14(onPermissionDenied);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
   useEffect38(() => {
     mountedRef.current = true;
@@ -49138,7 +49278,7 @@ function useFormDetail(options) {
 }
 
 // packages/sdk/src/components/hooks/useProcessDetail.ts
-import { useState as useState30, useEffect as useEffect39, useCallback as useCallback17, useRef as useRef14, useMemo as useMemo25 } from "react";
+import { useState as useState31, useEffect as useEffect39, useCallback as useCallback17, useRef as useRef15, useMemo as useMemo25 } from "react";
 var DEFAULT_APPROVAL_ACTIONS = [
   { action: "agree", name: { zh_CN: "\u540C\u610F" } },
   { action: "rejected", name: { zh_CN: "\u62D2\u7EDD" } }
@@ -49166,21 +49306,21 @@ function useProcessDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [loading, setLoading] = useState30(true);
-  const [mode, setMode] = useState30("readonly");
-  const [processInfo, setProcessInfo] = useState30(null);
-  const [progressList, setProgressList] = useState30([]);
-  const [formData, setFormData] = useState30(null);
-  const [instanceInfo, setInstanceInfo] = useState30(null);
-  const [accessDenied, setAccessDenied] = useState30(false);
-  const [loadError, setLoadError] = useState30(null);
-  const [isApprover, setIsApprover] = useState30(false);
-  const [canWithdraw, setCanWithdraw] = useState30(false);
-  const [approvalTasks, setApprovalTasks] = useState30([]);
-  const [permissions, setPermissions] = useState30(null);
-  const [processDefinition, setProcessDefinition] = useState30(null);
-  const [dataVersion, setDataVersion] = useState30(0);
-  const mountedRef = useRef14(true);
+  const [loading, setLoading] = useState31(true);
+  const [mode, setMode] = useState31("readonly");
+  const [processInfo, setProcessInfo] = useState31(null);
+  const [progressList, setProgressList] = useState31([]);
+  const [formData, setFormData] = useState31(null);
+  const [instanceInfo, setInstanceInfo] = useState31(null);
+  const [accessDenied, setAccessDenied] = useState31(false);
+  const [loadError, setLoadError] = useState31(null);
+  const [isApprover, setIsApprover] = useState31(false);
+  const [canWithdraw, setCanWithdraw] = useState31(false);
+  const [approvalTasks, setApprovalTasks] = useState31([]);
+  const [permissions, setPermissions] = useState31(null);
+  const [processDefinition, setProcessDefinition] = useState31(null);
+  const [dataVersion, setDataVersion] = useState31(0);
+  const mountedRef = useRef15(true);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
   useEffect39(() => {
     mountedRef.current = true;
@@ -49375,16 +49515,16 @@ function useProcessDetail(options) {
 }
 
 // packages/sdk/src/components/hooks/useApprovalActions.ts
-import { useState as useState31, useCallback as useCallback18, useRef as useRef15, useEffect as useEffect40 } from "react";
+import { useState as useState32, useCallback as useCallback18, useRef as useRef16, useEffect as useEffect40 } from "react";
 function useApprovalActions(options) {
   const { formInstanceId, formUuid, appType, currentTaskId, onActionComplete, getFormValues } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [isLoading, setIsLoading] = useState31(false);
-  const [currentAction, setCurrentAction] = useState31(null);
-  const [returnableNodes, setReturnableNodes] = useState31([]);
-  const [returnPolicy, setReturnPolicy] = useState31(null);
-  const mountedRef = useRef15(true);
+  const [isLoading, setIsLoading] = useState32(false);
+  const [currentAction, setCurrentAction] = useState32(null);
+  const [returnableNodes, setReturnableNodes] = useState32([]);
+  const [returnPolicy, setReturnPolicy] = useState32(null);
+  const mountedRef = useRef16(true);
   useEffect40(() => {
     mountedRef.current = true;
     return () => {
@@ -49623,7 +49763,7 @@ function useApprovalActions(options) {
 }
 
 // packages/sdk/src/components/hooks/useChangeRecords.ts
-import { useState as useState32, useEffect as useEffect41, useCallback as useCallback19, useRef as useRef16 } from "react";
+import { useState as useState33, useEffect as useEffect41, useCallback as useCallback19, useRef as useRef17 } from "react";
 var normalizeChangeRecordList = (value) => {
   const body = value && typeof value === "object" && !Array.isArray(value) ? Array.isArray(value.data) || Array.isArray(value.records) || Array.isArray(value.list) || Array.isArray(value.items) ? value : value.data ?? value.result ?? value : value;
   const records = Array.isArray(body) ? body : body?.records ?? body?.data ?? body?.list ?? body?.items ?? [];
@@ -49638,11 +49778,11 @@ function useChangeRecords(options) {
   const { formUuid, appType, formInstanceId, pageSize = 20, autoLoad = true } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [records, setRecords] = useState32([]);
-  const [loading, setLoading] = useState32(false);
-  const [total, setTotal] = useState32(0);
-  const [page, setPage] = useState32(1);
-  const mountedRef = useRef16(true);
+  const [records, setRecords] = useState33([]);
+  const [loading, setLoading] = useState33(false);
+  const [total, setTotal] = useState33(0);
+  const [page, setPage] = useState33(1);
+  const mountedRef = useRef17(true);
   useEffect41(() => {
     mountedRef.current = true;
     return () => {
@@ -49709,7 +49849,7 @@ function useChangeRecords(options) {
 }
 
 // packages/sdk/src/components/hooks/useFormNavigation.ts
-import { useState as useState33, useCallback as useCallback20, useRef as useRef17, useEffect as useEffect42 } from "react";
+import { useState as useState34, useCallback as useCallback20, useRef as useRef18, useEffect as useEffect42 } from "react";
 var normalizeBasePath = (basePath) => {
   const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
   return normalized ? `/${normalized}` : "";
@@ -49741,11 +49881,11 @@ function useFormNavigation(options) {
     basePath,
     onStay
   } = options;
-  const [isRedirecting, setIsRedirecting] = useState33(false);
-  const [countdown, setCountdown] = useState33(0);
-  const timerRef = useRef17(null);
-  const redirectTargetRef = useRef17(null);
-  const mountedRef = useRef17(true);
+  const [isRedirecting, setIsRedirecting] = useState34(false);
+  const [countdown, setCountdown] = useState34(0);
+  const timerRef = useRef18(null);
+  const redirectTargetRef = useRef18(null);
+  const mountedRef = useRef18(true);
   useEffect42(() => {
     mountedRef.current = true;
     return () => {
@@ -49848,7 +49988,7 @@ function useFormNavigation(options) {
 }
 
 // packages/sdk/src/components/hooks/useDraftStorage.ts
-import { useState as useState34, useCallback as useCallback21, useEffect as useEffect43 } from "react";
+import { useState as useState35, useCallback as useCallback21, useEffect as useEffect43 } from "react";
 function getDraftKey(appType, formUuid) {
   return `${appType}__${formUuid}__draft`;
 }
@@ -49868,9 +50008,9 @@ function readDraft(key) {
 function useDraftStorage(options) {
   const { appType, formUuid, autoRestore = false } = options;
   const key = getDraftKey(appType, formUuid);
-  const [hasDraft, setHasDraft] = useState34(false);
-  const [draftData, setDraftData] = useState34(null);
-  const [draftTimestamp, setDraftTimestamp] = useState34(null);
+  const [hasDraft, setHasDraft] = useState35(false);
+  const [draftData, setDraftData] = useState35(null);
+  const [draftTimestamp, setDraftTimestamp] = useState35(null);
   useEffect43(() => {
     const stored = readDraft(key);
     if (stored) {
@@ -49933,7 +50073,7 @@ function defineFormSchema(schema) {
 }
 
 // packages/sdk/src/components/modules/FormSummaryCard.tsx
-import { Fragment as Fragment8, jsx as jsx86, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx86, jsxs as jsxs42 } from "react/jsx-runtime";
 var toneClasses = {
   brand: "bg-blue-50 text-blue-600",
   success: "bg-green-50 text-green-600",
@@ -49966,11 +50106,11 @@ var FormSummaryCard = ({
     const initial = creator.name.charAt(0);
     return /* @__PURE__ */ jsx86("span", { className: "w-7 h-7 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center text-xs font-medium", children: initial });
   };
-  return /* @__PURE__ */ jsxs41("div", { className: `bg-white rounded-xl shadow-sm border border-gray-100 p-6 ${className}`, children: [
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
+  return /* @__PURE__ */ jsxs42("div", { className: `bg-white rounded-xl shadow-sm border border-gray-100 p-6 ${className}`, children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
         title && /* @__PURE__ */ jsx86("h2", { className: "text-xl font-semibold text-gray-900 truncate", children: title }),
-        shortId && /* @__PURE__ */ jsxs41("span", { className: "text-xs text-gray-400 mt-0.5 inline-block", children: [
+        shortId && /* @__PURE__ */ jsxs42("span", { className: "text-xs text-gray-400 mt-0.5 inline-block", children: [
           "#",
           shortId
         ] })
@@ -49983,14 +50123,14 @@ var FormSummaryCard = ({
         }
       )
     ] }),
-    creator && /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2 mt-4 text-sm text-gray-600", children: [
+    creator && /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2 mt-4 text-sm text-gray-600", children: [
       renderAvatar(),
       /* @__PURE__ */ jsx86("span", { className: "font-medium", children: creator.name }),
-      creator.department && /* @__PURE__ */ jsxs41(Fragment8, { children: [
+      creator.department && /* @__PURE__ */ jsxs42(Fragment8, { children: [
         /* @__PURE__ */ jsx86("span", { className: "text-gray-300", children: "\xB7" }),
         /* @__PURE__ */ jsx86("span", { children: creator.department })
       ] }),
-      createdAt && /* @__PURE__ */ jsxs41(Fragment8, { children: [
+      createdAt && /* @__PURE__ */ jsxs42(Fragment8, { children: [
         /* @__PURE__ */ jsx86("span", { className: "text-gray-300", children: "\xB7" }),
         /* @__PURE__ */ jsx86("span", { className: "text-gray-400", children: createdAt })
       ] })
@@ -50000,7 +50140,7 @@ var FormSummaryCard = ({
 };
 
 // packages/sdk/src/components/modules/RecordChangePanel.tsx
-import { useState as useState35 } from "react";
+import { useState as useState36 } from "react";
 import { Button as Button12, Empty as Empty5, Pagination as Pagination2, Skeleton, Tag as Tag6, Tooltip as Tooltip3 } from "antd";
 import {
   ArrowRightOutlined,
@@ -50009,7 +50149,7 @@ import {
   ReloadOutlined as ReloadOutlined3,
   UpOutlined
 } from "@ant-design/icons";
-import { jsx as jsx87, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs43 } from "react/jsx-runtime";
 var sourceLabels = {
   frontend: "\u524D\u7AEF",
   integration: "\u96C6\u6210",
@@ -50052,20 +50192,20 @@ var RecordChangePanel = ({
   onPageChange,
   className = ""
 }) => {
-  const [expanded, setExpanded] = useState35(defaultExpanded);
+  const [expanded, setExpanded] = useState36(defaultExpanded);
   const count = total ?? records.length;
   const handleToggle = () => {
     const next = !expanded;
     setExpanded(next);
     if (next) onExpand?.();
   };
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "section",
     {
       className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container ${className}`,
       children: [
-        /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between gap-3 border-b border-ant-border-secondary px-5 py-4", children: [
-          /* @__PURE__ */ jsxs42(
+        /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-between gap-3 border-b border-ant-border-secondary px-5 py-4", children: [
+          /* @__PURE__ */ jsxs43(
             "button",
             {
               type: "button",
@@ -50074,7 +50214,7 @@ var RecordChangePanel = ({
               children: [
                 /* @__PURE__ */ jsx87(HistoryOutlined, { className: "text-ant-primary" }),
                 /* @__PURE__ */ jsx87("span", { className: "font-semibold text-ant-text", children: "\u53D8\u66F4\u8BB0\u5F55" }),
-                /* @__PURE__ */ jsxs42("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs text-ant-text-tertiary", children: [
+                /* @__PURE__ */ jsxs43("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs text-ant-text-tertiary", children: [
                   count,
                   " \u6761"
                 ] }),
@@ -50094,7 +50234,7 @@ var RecordChangePanel = ({
             }
           )
         ] }),
-        expanded ? /* @__PURE__ */ jsxs42("div", { className: "p-5", children: [
+        expanded ? /* @__PURE__ */ jsxs43("div", { className: "p-5", children: [
           loading && records.length === 0 ? /* @__PURE__ */ jsx87(Skeleton, { active: true, paragraph: { rows: 3 } }) : records.length === 0 ? /* @__PURE__ */ jsx87(Empty5, { description: "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }) : /* @__PURE__ */ jsx87("div", { className: "space-y-4", children: records.map((record) => {
             const changes = record.changes && record.changes.length > 0 ? record.changes : [
               {
@@ -50106,20 +50246,20 @@ var RecordChangePanel = ({
             ];
             const operator = record.operatorName || (record.changeSource ? "\u7CFB\u7EDF" : "\u672A\u77E5");
             const operatedAt = record.operatedAt || record.createdAt || "-";
-            return /* @__PURE__ */ jsxs42(
+            return /* @__PURE__ */ jsxs43(
               "article",
               {
                 className: "rounded-md border border-ant-border-secondary p-4",
                 children: [
-                  /* @__PURE__ */ jsxs42("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
-                    /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 items-center gap-3", children: [
+                  /* @__PURE__ */ jsxs43("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+                    /* @__PURE__ */ jsxs43("div", { className: "flex min-w-0 items-center gap-3", children: [
                       /* @__PURE__ */ jsx87("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-blue-50 text-sm font-semibold text-blue-700", children: getInitial(operator) }),
-                      /* @__PURE__ */ jsxs42("span", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsxs42("span", { className: "block text-sm font-medium text-ant-text", children: [
+                      /* @__PURE__ */ jsxs43("span", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsxs43("span", { className: "block text-sm font-medium text-ant-text", children: [
                           operator,
                           record.operatorDepartmentName && /* @__PURE__ */ jsx87("span", { className: "ml-2 font-normal text-ant-text-tertiary", children: record.operatorDepartmentName })
                         ] }),
-                        /* @__PURE__ */ jsxs42("span", { className: "block text-xs text-ant-text-tertiary", children: [
+                        /* @__PURE__ */ jsxs43("span", { className: "block text-xs text-ant-text-tertiary", children: [
                           "\u53D8\u66F4 ",
                           record.changedCount || changes.length,
                           " \u9879 \xB7 ",
@@ -50127,19 +50267,19 @@ var RecordChangePanel = ({
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs42("span", { className: "flex flex-wrap justify-end gap-2", children: [
+                    /* @__PURE__ */ jsxs43("span", { className: "flex flex-wrap justify-end gap-2", children: [
                       record.changeType && /* @__PURE__ */ jsx87(Tag6, { children: typeLabels[record.changeType] || record.changeType }),
                       record.changeSource && /* @__PURE__ */ jsx87(Tag6, { color: "blue", children: sourceLabels[record.changeSource] || record.changeSource }),
                       record.operationId && /* @__PURE__ */ jsx87(Tooltip3, { title: `\u64CD\u4F5CID\uFF1A${record.operationId}`, children: /* @__PURE__ */ jsx87(Tag6, { children: record.operationId.slice(0, 8) }) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx87("div", { className: "mt-4 space-y-3", children: changes.map((change) => /* @__PURE__ */ jsxs42(
+                  /* @__PURE__ */ jsx87("div", { className: "mt-4 space-y-3", children: changes.map((change) => /* @__PURE__ */ jsxs43(
                     "div",
                     {
                       className: "grid gap-2 md:grid-cols-[160px_1fr]",
                       children: [
                         /* @__PURE__ */ jsx87("div", { className: "text-sm font-medium text-ant-text-secondary", children: change.fieldLabel || change.fieldKey || "-" }),
-                        /* @__PURE__ */ jsxs42("div", { className: "grid min-w-0 grid-cols-[1fr_auto_1fr] items-start gap-2 text-sm", children: [
+                        /* @__PURE__ */ jsxs43("div", { className: "grid min-w-0 grid-cols-[1fr_auto_1fr] items-start gap-2 text-sm", children: [
                           /* @__PURE__ */ jsx87("div", { className: "min-w-0 rounded bg-red-50 px-2 py-1 text-red-700", children: formatValue(change.beforeValue) }),
                           /* @__PURE__ */ jsx87(ArrowRightOutlined, { className: "mt-1 text-xs text-ant-text-tertiary" }),
                           /* @__PURE__ */ jsx87("div", { className: "min-w-0 rounded bg-emerald-50 px-2 py-1 text-emerald-700", children: formatValue(change.afterValue) })
@@ -50171,7 +50311,7 @@ var RecordChangePanel = ({
 };
 
 // packages/sdk/src/components/modules/ChangeRecords.tsx
-import { jsx as jsx88, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs44 } from "react/jsx-runtime";
 var ChangeRecords = ({
   records = [],
   loading = false,
@@ -50183,13 +50323,13 @@ var ChangeRecords = ({
   renderItem
 }) => {
   if (renderItem) {
-    return /* @__PURE__ */ jsxs43(
+    return /* @__PURE__ */ jsxs44(
       "section",
       {
         className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container ${className}`,
         children: [
           /* @__PURE__ */ jsx88("div", { className: "border-b border-ant-border-secondary px-5 py-4 font-semibold", children: "\u53D8\u66F4\u8BB0\u5F55" }),
-          /* @__PURE__ */ jsxs43("div", { className: "p-5", children: [
+          /* @__PURE__ */ jsxs44("div", { className: "p-5", children: [
             records.length === 0 ? /* @__PURE__ */ jsx88("p", { className: "m-0 text-center text-sm text-ant-text-tertiary", children: loading ? "\u52A0\u8F7D\u4E2D..." : "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }) : /* @__PURE__ */ jsx88("div", { className: "space-y-2", children: records.map((record) => /* @__PURE__ */ jsx88("div", { children: renderItem(record) }, record.id)) }),
             hasMore && /* @__PURE__ */ jsx88(
               "button",
@@ -50238,7 +50378,7 @@ import {
   RollbackOutlined,
   UserOutlined as UserOutlined3
 } from "@ant-design/icons";
-import { jsx as jsx89, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs45 } from "react/jsx-runtime";
 var systemNodeTypes = /* @__PURE__ */ new Set([
   "condition",
   "condition_branch",
@@ -50408,7 +50548,7 @@ var ApprovalTimeline = ({
     const statusMeta = getStatusMeta(node, state, compact);
     const title = getNodeTitle(node);
     const time = node.actionAt || node.createdAt;
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs45(
       "div",
       {
         className: `relative flex gap-4 pb-5 ${isLast ? "pb-0" : ""}`,
@@ -50426,13 +50566,13 @@ var ApprovalTimeline = ({
               children: getIcon(node, state)
             }
           ),
-          /* @__PURE__ */ jsx89("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs44(
+          /* @__PURE__ */ jsx89("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs45(
             "div",
             {
               className: `rounded-lg border p-4 ${state === "current" ? "border-blue-300 bg-blue-50/60" : state === "future" ? "border-dashed border-gray-200 bg-gray-50/70" : "border-ant-border-secondary bg-ant-bg-container"}`,
               children: [
-                /* @__PURE__ */ jsxs44("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
-                  /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsxs45("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+                  /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ jsx89("span", { className: "font-medium text-ant-text", children: title }),
                     /* @__PURE__ */ jsx89(
                       "span",
@@ -50445,15 +50585,15 @@ var ApprovalTimeline = ({
                   ] }),
                   !isFutureGroup && time && /* @__PURE__ */ jsx89("span", { className: "text-xs text-ant-text-tertiary", children: time })
                 ] }),
-                showApproverInfo && !compact && group.length > 0 && /* @__PURE__ */ jsxs44("div", { className: "mt-3 flex flex-wrap gap-3", children: [
+                showApproverInfo && !compact && group.length > 0 && /* @__PURE__ */ jsxs45("div", { className: "mt-3 flex flex-wrap gap-3", children: [
                   /* @__PURE__ */ jsx89("span", { className: "w-full text-xs font-medium text-ant-text-tertiary", children: state === "current" || state === "waiting" ? "\u5F53\u524D\u5BA1\u6279\u4EBA" : "\u5904\u7406\u4EBA" }),
-                  group.map((assignee) => /* @__PURE__ */ jsxs44(
+                  group.map((assignee) => /* @__PURE__ */ jsxs45(
                     "span",
                     {
                       className: "inline-flex min-w-0 items-center gap-2",
                       children: [
                         /* @__PURE__ */ jsx89("span", { className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-blue-50 text-xs font-semibold text-blue-700", children: assignee.assigneeName?.slice(0, 1) || "?" }),
-                        /* @__PURE__ */ jsxs44("span", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsxs45("span", { className: "min-w-0", children: [
                           /* @__PURE__ */ jsx89("span", { className: "block text-sm font-medium text-ant-text", children: assignee.assigneeName || "\u7CFB\u7EDF" }),
                           /* @__PURE__ */ jsx89("span", { className: "block text-xs text-ant-text-tertiary", children: assignee.departmentName || assignee.actionAt || assignee.createdAt || "" })
                         ] })
@@ -50481,8 +50621,8 @@ var ApprovalTimeline = ({
 };
 
 // packages/sdk/src/components/modules/ApprovalActionBar.tsx
-import React58, { useMemo as useMemo28, useState as useState37 } from "react";
-import { Form as Form3, Input as Input11, Modal as Modal7, Select as Select6 } from "antd";
+import React58, { useMemo as useMemo28, useState as useState38 } from "react";
+import { Form as Form3, Input as Input12, Modal as Modal7, Select as Select6 } from "antd";
 import {
   CheckOutlined,
   CloseOutlined as CloseOutlined3,
@@ -50492,7 +50632,7 @@ import {
 } from "@ant-design/icons";
 
 // packages/sdk/src/components/modules/StickyActionBar.tsx
-import { useEffect as useEffect44, useMemo as useMemo27, useState as useState36 } from "react";
+import { useEffect as useEffect44, useMemo as useMemo27, useState as useState37 } from "react";
 import { Button as Button13, Dropdown, Tooltip as Tooltip4 } from "antd";
 import { MoreOutlined } from "@ant-design/icons";
 
@@ -50510,7 +50650,7 @@ var confirmAction = (title, content) => {
 };
 
 // packages/sdk/src/components/modules/StickyActionBar.tsx
-import { Fragment as Fragment9, jsx as jsx90, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx90, jsxs as jsxs46 } from "react/jsx-runtime";
 var getActionPriority = (action) => {
   const maybePriority = action.priority;
   if (typeof maybePriority === "number") return maybePriority;
@@ -50528,7 +50668,7 @@ var StickyActionBar = ({
   position = "sticky",
   surface = "default"
 }) => {
-  const [isMobile, setIsMobile] = useState36(false);
+  const [isMobile, setIsMobile] = useState37(false);
   useEffect44(() => {
     const update = () => setIsMobile(typeof window !== "undefined" && window.innerWidth <= 768);
     update();
@@ -50578,7 +50718,7 @@ var StickyActionBar = ({
     {
       className: `mx-auto flex w-full items-center gap-3 ${!isMobile ? desktopJustifyClass : "justify-end"}`,
       style: { maxWidth: maxWidthStyle },
-      children: isMobile ? /* @__PURE__ */ jsxs45(Fragment9, { children: [
+      children: isMobile ? /* @__PURE__ */ jsxs46(Fragment9, { children: [
         /* @__PURE__ */ jsx90("div", { className: "flex flex-1 gap-2", children: primaryMobile.map((action) => renderButton(action, true)) }),
         moreMobile.length > 0 && /* @__PURE__ */ jsx90(
           Dropdown,
@@ -50604,7 +50744,7 @@ var StickyActionBar = ({
 };
 
 // packages/sdk/src/components/modules/ApprovalActionBar.tsx
-import { Fragment as Fragment10, jsx as jsx91, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx91, jsxs as jsxs47 } from "react/jsx-runtime";
 var actionPriority = {
   agree: 10,
   approved: 10,
@@ -50658,12 +50798,12 @@ function DefaultTransferSelector({
   const { isMobile } = useDeviceDetect();
   const fallbackApi = useMemo28(() => createFormRuntimeApi(), []);
   const api = formContext?.api ?? fallbackApi;
-  const [open, setOpen] = useState37(false);
-  const [selectedUsers, setSelectedUsers] = useState37([]);
+  const [open, setOpen] = useState38(false);
+  const [selectedUsers, setSelectedUsers] = useState38([]);
   const selectedLabel = selectedUsers[0] ? getUserName(selectedUsers[0]) : value;
-  return /* @__PURE__ */ jsxs46(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs47(Fragment10, { children: [
     /* @__PURE__ */ jsx91(
-      Input11,
+      Input12,
       {
         readOnly: true,
         value: selectedLabel,
@@ -50714,9 +50854,9 @@ var ApprovalActionBar = ({
   maxWidth
 }) => {
   const [form] = Form3.useForm();
-  const [modalAction, setModalAction] = useState37(null);
-  const [activeAction, setActiveAction] = useState37(null);
-  const [loading, setLoading] = useState37(false);
+  const [modalAction, setModalAction] = useState38(null);
+  const [activeAction, setActiveAction] = useState38(null);
+  const [loading, setLoading] = useState38(false);
   const visibleActions = useMemo28(
     () => actions.filter((action) => !action.hidden).sort((a, b) => (actionPriority[a.action] ?? 50) - (actionPriority[b.action] ?? 50)),
     [actions]
@@ -50805,7 +50945,7 @@ var ApprovalActionBar = ({
     };
   });
   const requiredComment = activeAction?.remark?.required || modalAction === "rejected" || modalAction === "withdraw";
-  return /* @__PURE__ */ jsxs46(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs47(Fragment10, { children: [
     /* @__PURE__ */ jsx91(
       StickyActionBar,
       {
@@ -50833,7 +50973,7 @@ var ApprovalActionBar = ({
           form.resetFields();
         },
         destroyOnHidden: true,
-        children: /* @__PURE__ */ jsxs46(Form3, { form, layout: "vertical", children: [
+        children: /* @__PURE__ */ jsxs47(Form3, { form, layout: "vertical", children: [
           modalAction === "transfer" && /* @__PURE__ */ jsx91(
             Form3.Item,
             {
@@ -50852,8 +50992,8 @@ var ApprovalActionBar = ({
               )
             }
           ),
-          modalAction === "return" && /* @__PURE__ */ jsxs46(Fragment10, { children: [
-            formatReturnPolicy(returnPolicy) && /* @__PURE__ */ jsxs46("div", { className: "mb-3 text-sm text-gray-500", children: [
+          modalAction === "return" && /* @__PURE__ */ jsxs47(Fragment10, { children: [
+            formatReturnPolicy(returnPolicy) && /* @__PURE__ */ jsxs47("div", { className: "mb-3 text-sm text-gray-500", children: [
               "\u9000\u56DE\u540E\u5BA1\u6279\u903B\u8F91\uFF1A",
               formatReturnPolicy(returnPolicy)
             ] }),
@@ -50883,7 +51023,7 @@ var ApprovalActionBar = ({
               name: modalAction === "withdraw" || modalAction === "transfer" || modalAction === "return" ? "reason" : "comments",
               label: modalAction === "withdraw" ? "\u64A4\u9500\u539F\u56E0" : modalAction === "transfer" ? "\u8F6C\u4EA4\u539F\u56E0" : modalAction === "return" ? "\u9000\u56DE\u539F\u56E0" : "\u5BA1\u6279\u610F\u89C1",
               rules: [{ required: requiredComment, message: "\u8BF7\u586B\u5199\u8BF4\u660E" }],
-              children: /* @__PURE__ */ jsx91(Input11.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E" })
+              children: /* @__PURE__ */ jsx91(Input12.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E" })
             }
           ),
           activeAction && renderActionModalExtra?.(activeAction)
@@ -50894,10 +51034,10 @@ var ApprovalActionBar = ({
 };
 
 // packages/sdk/src/components/modules/ApprovalActions.tsx
-import { useMemo as useMemo29, useState as useState38 } from "react";
-import { Button as Button14, Dropdown as Dropdown2, Form as Form4, Input as Input12, Modal as Modal8 } from "antd";
+import { useMemo as useMemo29, useState as useState39 } from "react";
+import { Button as Button14, Dropdown as Dropdown2, Form as Form4, Input as Input13, Modal as Modal8 } from "antd";
 import { MoreOutlined as MoreOutlined2 } from "@ant-design/icons";
-import { Fragment as Fragment11, jsx as jsx92, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx92, jsxs as jsxs48 } from "react/jsx-runtime";
 var priority = {
   agree: 10,
   approved: 10,
@@ -50922,10 +51062,10 @@ var ApprovalActions = ({
   className = ""
 }) => {
   const [form] = Form4.useForm();
-  const [modalAction, setModalAction] = useState38(null);
-  const [activeAction, setActiveAction] = useState38(null);
-  const [loading, setLoading] = useState38(false);
-  const [saveLoading, setSaveLoading] = useState38(false);
+  const [modalAction, setModalAction] = useState39(null);
+  const [activeAction, setActiveAction] = useState39(null);
+  const [loading, setLoading] = useState39(false);
+  const [saveLoading, setSaveLoading] = useState39(false);
   const renderableActions = useMemo29(
     () => actions.filter((action) => !action.hidden).sort((a, b) => (priority[a.action] ?? 50) - (priority[b.action] ?? 50)),
     [actions]
@@ -50994,8 +51134,8 @@ var ApprovalActions = ({
     },
     action.action
   );
-  return /* @__PURE__ */ jsxs47(Fragment11, { children: [
-    /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(Fragment11, { children: [
+    /* @__PURE__ */ jsxs48(
       "div",
       {
         className: `${layout === "horizontal" ? "flex items-center justify-center gap-3" : "flex flex-col items-center gap-2"} ${className}`,
@@ -51047,7 +51187,7 @@ var ApprovalActions = ({
                 message: "\u8BF7\u586B\u5199\u8BF4\u660E"
               }
             ],
-            children: /* @__PURE__ */ jsx92(Input12.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E" })
+            children: /* @__PURE__ */ jsx92(Input13.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E" })
           }
         ) })
       }
@@ -51056,15 +51196,15 @@ var ApprovalActions = ({
 };
 
 // packages/sdk/src/components/modules/FormActionBar.tsx
-import { useState as useState39 } from "react";
+import { useState as useState40 } from "react";
 import { Button as Button15 } from "antd";
-import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs49 } from "react/jsx-runtime";
 var FormActionBar = ({
   actions,
   position = "bottom-fixed",
   className = ""
 }) => {
-  const [loadingKeys, setLoadingKeys] = useState39(/* @__PURE__ */ new Set());
+  const [loadingKeys, setLoadingKeys] = useState40(/* @__PURE__ */ new Set());
   const visibleActions = actions.filter((a) => a.visible !== false);
   const sortedActions = [...visibleActions].sort((a, b) => {
     if (a.type === "danger" && b.type !== "danger") return -1;
@@ -51119,7 +51259,7 @@ var FormActionBar = ({
     }
   );
   if (isFixed) {
-    return /* @__PURE__ */ jsxs48(Fragment12, { children: [
+    return /* @__PURE__ */ jsxs49(Fragment12, { children: [
       bar,
       /* @__PURE__ */ jsx93("div", { className: "h-16" })
     ] });
@@ -51129,7 +51269,7 @@ var FormActionBar = ({
 
 // packages/sdk/src/components/modules/RuntimePageShell.tsx
 import { Alert as Alert4, Empty as Empty6, Spin as Spin8 } from "antd";
-import { Fragment as Fragment13, jsx as jsx94, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx94, jsxs as jsxs50 } from "react/jsx-runtime";
 var RuntimePageShell = ({
   children,
   actions,
@@ -51159,7 +51299,7 @@ var RuntimePageShell = ({
     }
     return children;
   };
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className: `sy-runtime-page flex min-h-screen flex-col bg-ant-bg-layout text-ant-text ${className}`,
@@ -51181,7 +51321,7 @@ var RuntimePageShell = ({
 // packages/sdk/src/components/modules/SummaryPanel.tsx
 import { Avatar as Avatar2 } from "antd";
 import { ApartmentOutlined as ApartmentOutlined2, CalendarOutlined as CalendarOutlined2, FileTextOutlined as FileTextOutlined4 } from "@ant-design/icons";
-import { jsx as jsx95, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs51 } from "react/jsx-runtime";
 var toneClasses3 = {
   brand: "bg-blue-50 text-blue-700 border-blue-200",
   success: "bg-emerald-50 text-emerald-700 border-emerald-200",
@@ -51228,9 +51368,9 @@ var SummaryPanel = ({
     "section",
     {
       className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container ${className}`,
-      children: /* @__PURE__ */ jsxs50("div", { className: "sy-summary-panel-content p-5 md:p-6", children: [
-        (showEyebrow || status) && /* @__PURE__ */ jsxs50("div", { className: "sy-summary-status-row mb-2 flex items-center justify-between gap-3", children: [
-          showEyebrow ? /* @__PURE__ */ jsx95("div", { className: "min-w-0 text-sm text-ant-text-tertiary", children: eyebrow || /* @__PURE__ */ jsxs50("span", { className: "inline-flex items-center gap-2", children: [
+      children: /* @__PURE__ */ jsxs51("div", { className: "sy-summary-panel-content p-5 md:p-6", children: [
+        (showEyebrow || status) && /* @__PURE__ */ jsxs51("div", { className: "sy-summary-status-row mb-2 flex items-center justify-between gap-3", children: [
+          showEyebrow ? /* @__PURE__ */ jsx95("div", { className: "min-w-0 text-sm text-ant-text-tertiary", children: eyebrow || /* @__PURE__ */ jsxs51("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsx95(FileTextOutlined4, {}),
             "\u6570\u636E\u5B9E\u4F8B"
           ] }) }) : /* @__PURE__ */ jsx95("span", {}),
@@ -51243,16 +51383,16 @@ var SummaryPanel = ({
           )
         ] }),
         /* @__PURE__ */ jsx95("h1", { className: "sy-summary-title m-0 break-words text-2xl font-semibold leading-9 text-ant-text md:text-[28px]", children: title }),
-        showMobileIdentity && /* @__PURE__ */ jsxs50("div", { className: "sy-summary-mobile-identity", children: [
-          creator && /* @__PURE__ */ jsxs50("div", { className: "sy-summary-mobile-person", children: [
+        showMobileIdentity && /* @__PURE__ */ jsxs51("div", { className: "sy-summary-mobile-identity", children: [
+          creator && /* @__PURE__ */ jsxs51("div", { className: "sy-summary-mobile-person", children: [
             /* @__PURE__ */ jsx95("span", { className: "sy-summary-mobile-avatar", children: creator.avatar ? /* @__PURE__ */ jsx95(Avatar2, { size: 22, src: creator.avatar }) : /* @__PURE__ */ jsx95(Avatar2, { size: 22, children: creator.name?.slice(0, 1) || "\u8868" }) }),
             /* @__PURE__ */ jsx95("span", { className: "sy-summary-mobile-person-name", children: mobileCreatorText })
           ] }),
           createdAt && /* @__PURE__ */ jsx95("div", { className: "sy-summary-mobile-time", children: createdAt })
         ] }),
-        items.length > 0 && /* @__PURE__ */ jsx95("div", { className: "sy-summary-meta-list mt-5 grid grid-cols-1 gap-4 md:grid-cols-4", children: items.map((item) => /* @__PURE__ */ jsxs50("div", { className: "sy-summary-meta-item flex min-w-0 items-center gap-3", children: [
+        items.length > 0 && /* @__PURE__ */ jsx95("div", { className: "sy-summary-meta-list mt-5 grid grid-cols-1 gap-4 md:grid-cols-4", children: items.map((item) => /* @__PURE__ */ jsxs51("div", { className: "sy-summary-meta-item flex min-w-0 items-center gap-3", children: [
           item.icon && /* @__PURE__ */ jsx95("span", { className: "sy-summary-meta-icon inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-100 text-ant-text-secondary", children: item.icon }),
-          /* @__PURE__ */ jsxs50("span", { className: "sy-summary-meta-body min-w-0", children: [
+          /* @__PURE__ */ jsxs51("span", { className: "sy-summary-meta-body min-w-0", children: [
             /* @__PURE__ */ jsx95("span", { className: "sy-summary-meta-label block text-xs leading-5 text-ant-text-tertiary", children: item.label }),
             /* @__PURE__ */ jsx95("span", { className: "sy-summary-meta-value block break-words text-sm font-medium leading-6 text-ant-text", children: item.value || "-" })
           ] })
@@ -51266,7 +51406,7 @@ var SummaryPanel = ({
 // packages/sdk/src/components/modules/DraftManager.tsx
 import { Button as Button16 } from "antd";
 import { EditOutlined as EditOutlined2 } from "@ant-design/icons";
-import { jsx as jsx96, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs52 } from "react/jsx-runtime";
 function formatRelativeTime(timestamp) {
   const now = Date.now();
   const diff = now - timestamp;
@@ -51291,19 +51431,19 @@ var DraftManager = ({
     "div",
     {
       className: `bg-blue-50 border border-blue-200 rounded-lg p-4 animate-[slideDown_0.3s_ease-out] ${className}`,
-      children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
-        /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
+      children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
           /* @__PURE__ */ jsx96(EditOutlined2, { className: "text-blue-500" }),
-          /* @__PURE__ */ jsxs51("span", { children: [
+          /* @__PURE__ */ jsxs52("span", { children: [
             "\u68C0\u6D4B\u5230\u672A\u63D0\u4EA4\u7684\u8349\u7A3F",
-            timeLabel && /* @__PURE__ */ jsxs51("span", { className: "text-blue-500 ml-1", children: [
+            timeLabel && /* @__PURE__ */ jsxs52("span", { className: "text-blue-500 ml-1", children: [
               "\uFF08\u4FDD\u5B58\u4E8E ",
               timeLabel,
               "\uFF09"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx96(Button16, { type: "text", size: "small", onClick: onDiscard, className: "!text-gray-500", children: "\u4E22\u5F03" }),
           /* @__PURE__ */ jsx96(Button16, { type: "primary", size: "small", onClick: onRestore, children: "\u6062\u590D\u586B\u5199" })
         ] })
@@ -51315,7 +51455,7 @@ var DraftManager = ({
 // packages/sdk/src/components/modules/ProcessPreview.tsx
 import { Modal as Modal9, Skeleton as Skeleton2, Button as Button17 } from "antd";
 import { CheckCircleOutlined, UserOutlined as UserOutlined4 } from "@ant-design/icons";
-import { jsx as jsx97, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs53 } from "react/jsx-runtime";
 var ProcessPreview = ({
   open,
   onClose,
@@ -51332,20 +51472,20 @@ var ProcessPreview = ({
       open,
       onCancel: onClose,
       width: 520,
-      footer: /* @__PURE__ */ jsxs52("div", { className: "flex justify-end gap-3", children: [
+      footer: /* @__PURE__ */ jsxs53("div", { className: "flex justify-end gap-3", children: [
         /* @__PURE__ */ jsx97(Button17, { onClick: onClose, children: "\u53D6\u6D88" }),
         /* @__PURE__ */ jsx97(Button17, { type: "primary", onClick: onConfirm, loading, children: "\u786E\u8BA4\u63D0\u4EA4" })
       ] }),
       children: loading && routeList.length === 0 ? /* @__PURE__ */ jsx97(Skeleton2, { active: true, paragraph: { rows: 4 } }) : routeList.length === 0 ? /* @__PURE__ */ jsx97("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ jsx97("div", { className: "py-2", children: routeList.map((route, index) => {
         const isLast = index === routeList.length - 1;
-        return /* @__PURE__ */ jsxs52("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsxs52("div", { className: "flex flex-col items-center", children: [
+        return /* @__PURE__ */ jsxs53("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsxs53("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx97("div", { className: "w-6 h-6 rounded-full bg-blue-50 border-2 border-blue-400 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx97(CheckCircleOutlined, { className: "text-blue-500 text-xs" }) }),
             !isLast && /* @__PURE__ */ jsx97("div", { className: "w-0.5 flex-1 bg-blue-200 mt-1" })
           ] }),
-          /* @__PURE__ */ jsxs52("div", { className: `flex-1 ${isLast ? "pb-0" : "pb-5"}`, children: [
+          /* @__PURE__ */ jsxs53("div", { className: `flex-1 ${isLast ? "pb-0" : "pb-5"}`, children: [
             /* @__PURE__ */ jsx97("div", { className: "text-sm font-medium text-gray-900", children: route.nodeName }),
-            route.assignees && route.assignees.length > 0 && /* @__PURE__ */ jsxs52("div", { className: "mt-1 flex items-center gap-1.5 flex-wrap", children: [
+            route.assignees && route.assignees.length > 0 && /* @__PURE__ */ jsxs53("div", { className: "mt-1 flex items-center gap-1.5 flex-wrap", children: [
               /* @__PURE__ */ jsx97(UserOutlined4, { className: "text-gray-400 text-xs" }),
               route.assignees.map((assignee) => /* @__PURE__ */ jsx97(
                 "span",
@@ -51364,7 +51504,7 @@ var ProcessPreview = ({
 };
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
-import { useCallback as useCallback26, useEffect as useEffect47, useMemo as useMemo34, useRef as useRef22, useState as useState44 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect47, useMemo as useMemo34, useRef as useRef23, useState as useState45 } from "react";
 import {
   Alert as Alert5,
   Button as Button20,
@@ -51376,7 +51516,7 @@ import {
   Drawer as Drawer2,
   Dropdown as Dropdown3,
   Empty as Empty8,
-  Input as Input14,
+  Input as Input15,
   InputNumber as InputNumber3,
   Modal as Modal13,
   Segmented,
@@ -51406,38 +51546,38 @@ import {
 import { useMemo as useMemo33 } from "react";
 
 // packages/sdk/src/components/templates/FormDetailTemplate.tsx
-import { useCallback as useCallback22, useMemo as useMemo30, useRef as useRef18, useState as useState40 } from "react";
+import { useCallback as useCallback22, useMemo as useMemo30, useRef as useRef19, useState as useState41 } from "react";
 import dayjs9 from "dayjs";
 
 // packages/sdk/src/components/templates/PageSkeleton.tsx
 import { Skeleton as Skeleton3 } from "antd";
-import { jsx as jsx98, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs54 } from "react/jsx-runtime";
 var CardSkeleton = ({ children }) => /* @__PURE__ */ jsx98("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children });
-var SummaryCardSkeleton = () => /* @__PURE__ */ jsxs53(CardSkeleton, { children: [
-  /* @__PURE__ */ jsxs53("div", { className: "flex items-start justify-between", children: [
-    /* @__PURE__ */ jsxs53("div", { className: "flex-1", children: [
+var SummaryCardSkeleton = () => /* @__PURE__ */ jsxs54(CardSkeleton, { children: [
+  /* @__PURE__ */ jsxs54("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs54("div", { className: "flex-1", children: [
       /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "large", style: { width: 200 } }),
       /* @__PURE__ */ jsx98("div", { className: "mt-2", children: /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "small", style: { width: 80 } }) })
     ] }),
     /* @__PURE__ */ jsx98(Skeleton3.Button, { active: true, size: "small", shape: "round", style: { width: 60 } })
   ] }),
-  /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-3 mt-4", children: [
+  /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-3 mt-4", children: [
     /* @__PURE__ */ jsx98(Skeleton3.Avatar, { active: true, size: "small" }),
     /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "small", style: { width: 120 } })
   ] })
 ] });
-var FormGridSkeleton = () => /* @__PURE__ */ jsx98(CardSkeleton, { children: /* @__PURE__ */ jsx98("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs53("div", { className: "space-y-2", children: [
+var FormGridSkeleton = () => /* @__PURE__ */ jsx98(CardSkeleton, { children: /* @__PURE__ */ jsx98("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs54("div", { className: "space-y-2", children: [
   /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "small", style: { width: 80 } }),
   /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, block: true, style: { width: "100%" } })
 ] }, i)) }) });
-var ActionBarSkeleton = () => /* @__PURE__ */ jsx98("div", { className: "fixed bottom-0 left-0 right-0 backdrop-blur-lg bg-white/80 border-t border-gray-200 px-6 py-3", children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center justify-end gap-3", children: [
+var ActionBarSkeleton = () => /* @__PURE__ */ jsx98("div", { className: "fixed bottom-0 left-0 right-0 backdrop-blur-lg bg-white/80 border-t border-gray-200 px-6 py-3", children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-end gap-3", children: [
   /* @__PURE__ */ jsx98(Skeleton3.Button, { active: true, style: { width: 80 } }),
   /* @__PURE__ */ jsx98(Skeleton3.Button, { active: true, style: { width: 80 } })
 ] }) });
-var TimelineSkeleton = () => /* @__PURE__ */ jsxs53(CardSkeleton, { children: [
+var TimelineSkeleton = () => /* @__PURE__ */ jsxs54(CardSkeleton, { children: [
   /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "medium", style: { width: 100, marginBottom: 16 } }),
-  /* @__PURE__ */ jsx98("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs53("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs53("div", { className: "flex flex-col items-center", children: [
+  /* @__PURE__ */ jsx98("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs54("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs54("div", { className: "flex flex-col items-center", children: [
       /* @__PURE__ */ jsx98("div", { className: "w-3 h-3 rounded-full bg-gray-200 animate-pulse" }),
       i < 2 && /* @__PURE__ */ jsx98("div", { className: "w-0.5 flex-1 bg-gray-200 mt-1" })
     ] }),
@@ -51446,8 +51586,8 @@ var TimelineSkeleton = () => /* @__PURE__ */ jsxs53(CardSkeleton, { children: [
 ] });
 var PageSkeleton = ({ type }) => {
   if (type === "submit") {
-    return /* @__PURE__ */ jsxs53("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs53("div", { className: "space-y-2", children: [
+    return /* @__PURE__ */ jsxs54("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs54("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "large", style: { width: 200 } }),
         /* @__PURE__ */ jsx98(Skeleton3.Input, { active: true, size: "small", style: { width: 300 } })
       ] }),
@@ -51456,13 +51596,13 @@ var PageSkeleton = ({ type }) => {
     ] });
   }
   if (type === "detail") {
-    return /* @__PURE__ */ jsxs53("div", { className: "space-y-6", children: [
+    return /* @__PURE__ */ jsxs54("div", { className: "space-y-6", children: [
       /* @__PURE__ */ jsx98(SummaryCardSkeleton, {}),
       /* @__PURE__ */ jsx98(FormGridSkeleton, {}),
       /* @__PURE__ */ jsx98(ActionBarSkeleton, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs53("div", { className: "space-y-6", children: [
+  return /* @__PURE__ */ jsxs54("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx98(SummaryCardSkeleton, {}),
     /* @__PURE__ */ jsx98(FormGridSkeleton, {}),
     /* @__PURE__ */ jsx98(TimelineSkeleton, {}),
@@ -51471,7 +51611,7 @@ var PageSkeleton = ({ type }) => {
 };
 
 // packages/sdk/src/components/templates/FormDetailTemplate.tsx
-import { jsx as jsx99, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs55 } from "react/jsx-runtime";
 function FormDataBridge({
   formDataRef,
   validateRef
@@ -51500,11 +51640,12 @@ var InnerDetailContent = ({
   renderActions,
   onDelete,
   onSave,
+  components,
   inDrawer = false
 }) => {
-  const formDataRef = useRef18(void 0);
-  const validateRef = useRef18(void 0);
-  const [accessDenied, setAccessDenied] = useState40(false);
+  const formDataRef = useRef19(void 0);
+  const validateRef = useRef19(void 0);
+  const [accessDenied, setAccessDenied] = useState41(false);
   const fieldIds = useMemo30(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
@@ -51595,7 +51736,7 @@ var InnerDetailContent = ({
     return /* @__PURE__ */ jsx99("div", { className: "min-h-screen bg-ant-bg-layout", children: /* @__PURE__ */ jsx99("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24", children: /* @__PURE__ */ jsx99(PageSkeleton, { type: "detail" }) }) });
   }
   const actionsNode = currentActions.length > 0 ? renderActions ? renderActions(currentActions) : /* @__PURE__ */ jsx99(StickyActionBar, { actions: currentActions, align: "center", inDrawer }) : null;
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     RuntimePageShell,
     {
       actions: actionsNode,
@@ -51604,7 +51745,7 @@ var InnerDetailContent = ({
       inDrawer,
       maxWidth: "100%",
       children: [
-        /* @__PURE__ */ jsx99("div", { className: "sy-detail-header", children: /* @__PURE__ */ jsxs54("div", { className: "sy-detail-header-inner", children: [
+        /* @__PURE__ */ jsx99("div", { className: "sy-detail-header", children: /* @__PURE__ */ jsxs55("div", { className: "sy-detail-header-inner", children: [
           header,
           renderSummary && instanceInfo ? renderSummary(instanceInfo) : /* @__PURE__ */ jsx99(
             SummaryPanel,
@@ -51639,18 +51780,27 @@ var InnerDetailContent = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs54("div", { className: "sy-detail-main", children: [
+        /* @__PURE__ */ jsxs55("div", { className: "sy-detail-main", children: [
           mode === "edit" && /* @__PURE__ */ jsx99("div", { className: "bg-blue-50 border border-blue-200 rounded-lg px-4 py-3 text-sm text-blue-700 transition-all duration-150", children: "\u6B63\u5728\u7F16\u8F91\uFF0C\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58" }),
-          /* @__PURE__ */ jsx99("div", { className: "sy-detail-card", children: /* @__PURE__ */ jsx99(FormProvider, { schema, config: formConfig, initialValues: formData ?? void 0, children: /* @__PURE__ */ jsxs54(FormShell, { appearance: schema.template?.appearance, className: "sy-form-shell", children: [
-            /* @__PURE__ */ jsx99(FormDataBridge, { formDataRef, validateRef }),
-            /* @__PURE__ */ jsx99(
-              FormRenderer,
-              {
-                columns: schema.template?.appearance?.columns ?? 2,
-                size: schema.template?.appearance?.rendererSize ?? "default"
-              }
-            )
-          ] }) }) }),
+          /* @__PURE__ */ jsx99("div", { className: "sy-detail-card", children: /* @__PURE__ */ jsx99(
+            FormProvider,
+            {
+              schema,
+              config: formConfig,
+              initialValues: formData ?? void 0,
+              components,
+              children: /* @__PURE__ */ jsxs55(FormShell, { appearance: schema.template?.appearance, className: "sy-form-shell", children: [
+                /* @__PURE__ */ jsx99(FormDataBridge, { formDataRef, validateRef }),
+                /* @__PURE__ */ jsx99(
+                  FormRenderer,
+                  {
+                    columns: schema.template?.appearance?.columns ?? 2,
+                    size: schema.template?.appearance?.rendererSize ?? "default"
+                  }
+                )
+              ] })
+            }
+          ) }),
           enableChangeRecords && canViewChangeRecords && /* @__PURE__ */ jsx99("div", { className: "mt-6", children: /* @__PURE__ */ jsx99(
             RecordChangePanel,
             {
@@ -51671,25 +51821,25 @@ var InnerDetailContent = ({
   );
 };
 var FormDetailTemplate = (props) => {
-  const { schema, formUuid, appType, formInstanceId } = props;
+  const { schema, formUuid, appType, formInstanceId, components } = props;
   const wrapperConfig = {
     mode: "readonly",
     formUuid,
     appType,
     formInstanceId
   };
-  return /* @__PURE__ */ jsx99(FormProvider, { schema, config: wrapperConfig, children: /* @__PURE__ */ jsx99(InnerDetailContent, { ...props }) });
+  return /* @__PURE__ */ jsx99(FormProvider, { schema, config: wrapperConfig, components, children: /* @__PURE__ */ jsx99(InnerDetailContent, { ...props }) });
 };
 
 // packages/sdk/src/components/templates/FormSubmitTemplate.tsx
-import { useEffect as useEffect46, useRef as useRef20, useState as useState42, useCallback as useCallback24 } from "react";
+import { useEffect as useEffect46, useRef as useRef21, useState as useState43, useCallback as useCallback24 } from "react";
 import { Button as Button19, message as message3, Modal as Modal11, Select as Select8 } from "antd";
 import { CheckCircleFilled as CheckCircleFilled2 } from "@ant-design/icons";
 
 // packages/sdk/src/components/modules/InitiatorApproverSelector.tsx
-import { useCallback as useCallback23, useEffect as useEffect45, useMemo as useMemo31, useRef as useRef19, useState as useState41 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect45, useMemo as useMemo31, useRef as useRef20, useState as useState42 } from "react";
 import { Button as Button18, Empty as Empty7, Modal as Modal10, Select as Select7, Space as Space8, Tag as Tag7, Typography as Typography4, message as message2 } from "antd";
-import { jsx as jsx100, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs56 } from "react/jsx-runtime";
 var scopeText = {
   all: "\u5168\u90E8\u6210\u5458",
   members: "\u6307\u5B9A\u6210\u5458",
@@ -51723,13 +51873,13 @@ var RequirementSelect = ({
   selectedUsers,
   onChange
 }) => {
-  const [pickerOpen, setPickerOpen] = useState41(false);
+  const [pickerOpen, setPickerOpen] = useState42(false);
   const initialCandidates = useMemo31(
     () => (requirement.candidateUsers || []).map(normalizeCandidate).filter(Boolean),
     [requirement.candidateUsers]
   );
-  const [optionsSource, setOptionsSource] = useState41(initialCandidates);
-  const [loading, setLoading] = useState41(false);
+  const [optionsSource, setOptionsSource] = useState42(initialCandidates);
+  const [loading, setLoading] = useState42(false);
   useEffect45(() => {
     setOptionsSource(
       (current) => mergeUsers(initialCandidates, mergeUsers(current, selectedUsers))
@@ -51786,11 +51936,11 @@ var RequirementSelect = ({
     [optionsSource]
   );
   if (requirement.scope === "all") {
-    return /* @__PURE__ */ jsxs55("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-3", children: [
-      /* @__PURE__ */ jsxs55("div", { className: "mb-2 flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs55("div", { children: [
+    return /* @__PURE__ */ jsxs56("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-3", children: [
+      /* @__PURE__ */ jsxs56("div", { className: "mb-2 flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs56("div", { children: [
           /* @__PURE__ */ jsx100(Typography4.Text, { strong: true, children: requirement.nodeName }),
-          /* @__PURE__ */ jsxs55("div", { className: "mt-1 text-xs text-ant-color-text-tertiary", children: [
+          /* @__PURE__ */ jsxs56("div", { className: "mt-1 text-xs text-ant-color-text-tertiary", children: [
             "\u9009\u62E9\u8303\u56F4\uFF1A",
             scopeText[requirement.scope] || "\u5168\u90E8\u6210\u5458"
           ] })
@@ -51818,10 +51968,10 @@ var RequirementSelect = ({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs55("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-3", children: [
-    /* @__PURE__ */ jsxs55("div", { className: "mb-2", children: [
+  return /* @__PURE__ */ jsxs56("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-3", children: [
+    /* @__PURE__ */ jsxs56("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsx100(Typography4.Text, { strong: true, children: requirement.nodeName }),
-      /* @__PURE__ */ jsxs55("div", { className: "mt-1 text-xs text-ant-color-text-tertiary", children: [
+      /* @__PURE__ */ jsxs56("div", { className: "mt-1 text-xs text-ant-color-text-tertiary", children: [
         "\u9009\u62E9\u8303\u56F4\uFF1A",
         scopeText[requirement.scope] || "\u5168\u90E8\u6210\u5458"
       ] })
@@ -51863,8 +52013,8 @@ var InitiatorApproverSelector = ({
   onOk,
   onCancel
 }) => {
-  const [selected, setSelected] = useState41({});
-  const wasOpenRef = useRef19(false);
+  const [selected, setSelected] = useState42({});
+  const wasOpenRef = useRef20(false);
   useEffect45(() => {
     if (open && !wasOpenRef.current) {
       setSelected(value || EMPTY_SELECTED_MAP);
@@ -51910,7 +52060,7 @@ var InitiatorApproverSelector = ({
 };
 
 // packages/sdk/src/components/templates/FormSubmitTemplate.tsx
-import { Fragment as Fragment14, jsx as jsx101, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx101, jsxs as jsxs57 } from "react/jsx-runtime";
 var SUPERVISOR_APPROVER_TYPE = "ext_target_approval_department_supervisor";
 var unwrapRuntimePayload2 = (value) => value?.data ?? value?.result ?? value;
 var normalizeSubmitFormType = (value) => {
@@ -52001,16 +52151,16 @@ var SubmitSuccessCard = ({
   if (renderSuccess) {
     return /* @__PURE__ */ jsx101(Fragment14, { children: renderSuccess(info) });
   }
-  return /* @__PURE__ */ jsx101("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: /* @__PURE__ */ jsxs56("div", { className: "flex flex-col items-center py-16 animate-[fadeIn_0.3s_ease-out,scaleIn_0.3s_ease-out]", children: [
+  return /* @__PURE__ */ jsx101("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: /* @__PURE__ */ jsxs57("div", { className: "flex flex-col items-center py-16 animate-[fadeIn_0.3s_ease-out,scaleIn_0.3s_ease-out]", children: [
     /* @__PURE__ */ jsx101("div", { className: "w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx101(CheckCircleFilled2, { className: "text-2xl text-green-500" }) }),
     /* @__PURE__ */ jsx101("h2", { className: "text-lg font-semibold text-gray-900 mb-1", children: "\u63D0\u4EA4\u6210\u529F" }),
     /* @__PURE__ */ jsx101("p", { className: "text-sm text-gray-500 mb-6", children: info.message || "\u5DF2\u6210\u529F\u521B\u5EFA\u4E00\u6761\u65B0\u8BB0\u5F55" }),
-    /* @__PURE__ */ jsxs56("div", { className: "flex gap-3", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "flex gap-3", children: [
       (mode === "stay" || mode === "redirect") && /* @__PURE__ */ jsx101(Button19, { onClick: onContinue, children: "\u7EE7\u7EED\u63D0\u4EA4" }),
       /* @__PURE__ */ jsx101(Button19, { type: "primary", onClick: onViewDetail, children: "\u67E5\u770B\u8BE6\u60C5" })
     ] }),
-    isRedirecting && /* @__PURE__ */ jsxs56("div", { className: "mt-6 w-48", children: [
-      /* @__PURE__ */ jsxs56("div", { className: "text-xs text-gray-400 text-center mb-1", children: [
+    isRedirecting && /* @__PURE__ */ jsxs57("div", { className: "mt-6 w-48", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-xs text-gray-400 text-center mb-1", children: [
         countdown,
         "\u79D2\u540E\u81EA\u52A8\u8DF3\u8F6C"
       ] }),
@@ -52044,26 +52194,26 @@ var InnerFormContent = ({
   inDrawer = false
 }) => {
   const { validateAllWithErrors, getFormData: getFormData2, setFieldValue, resetForm, api } = useFormContext();
-  const [submitted, setSubmitted] = useState42(false);
-  const [successInfo, setSuccessInfo] = useState42(null);
-  const [submitting, setSubmitting] = useState42(false);
-  const [departmentId, setDepartmentId] = useState42();
-  const [submissionDepartmentModalOpen, setSubmissionDepartmentModalOpen] = useState42(false);
-  const [submissionDepartmentOptions, setSubmissionDepartmentOptions] = useState42([]);
-  const [selectedSubmissionDepartmentId, setSelectedSubmissionDepartmentId] = useState42();
-  const submissionDepartmentResolverRef = useRef20(null);
-  const [previewOpen, setPreviewOpen] = useState42(false);
-  const [previewLoading, setPreviewLoading] = useState42(false);
-  const [previewRoutes, setPreviewRoutes] = useState42([]);
-  const [pendingFormData, setPendingFormData] = useState42(null);
-  const [pendingSubmissionDepartmentId, setPendingSubmissionDepartmentId] = useState42();
-  const [pendingInitiatorSelectedApprovers, setPendingInitiatorSelectedApprovers] = useState42();
-  const pendingSubmissionDepartmentIdRef = useRef20(void 0);
-  const pendingInitiatorSelectedApproversRef = useRef20(
+  const [submitted, setSubmitted] = useState43(false);
+  const [successInfo, setSuccessInfo] = useState43(null);
+  const [submitting, setSubmitting] = useState43(false);
+  const [departmentId, setDepartmentId] = useState43();
+  const [submissionDepartmentModalOpen, setSubmissionDepartmentModalOpen] = useState43(false);
+  const [submissionDepartmentOptions, setSubmissionDepartmentOptions] = useState43([]);
+  const [selectedSubmissionDepartmentId, setSelectedSubmissionDepartmentId] = useState43();
+  const submissionDepartmentResolverRef = useRef21(null);
+  const [previewOpen, setPreviewOpen] = useState43(false);
+  const [previewLoading, setPreviewLoading] = useState43(false);
+  const [previewRoutes, setPreviewRoutes] = useState43([]);
+  const [pendingFormData, setPendingFormData] = useState43(null);
+  const [pendingSubmissionDepartmentId, setPendingSubmissionDepartmentId] = useState43();
+  const [pendingInitiatorSelectedApprovers, setPendingInitiatorSelectedApprovers] = useState43();
+  const pendingSubmissionDepartmentIdRef = useRef21(void 0);
+  const pendingInitiatorSelectedApproversRef = useRef21(
     void 0
   );
-  const [initiatorApproverOpen, setInitiatorApproverOpen] = useState42(false);
-  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = useState42([]);
+  const [initiatorApproverOpen, setInitiatorApproverOpen] = useState43(false);
+  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = useState43([]);
   const { hasDraft, draftTimestamp, saveDraft, restoreDraft, clearDraft } = useDraftStorage({
     appType: config.appType,
     formUuid: config.formUuid
@@ -52371,7 +52521,7 @@ var InnerFormContent = ({
     loading: submitting,
     onClick: prepareSubmit
   });
-  const departmentSelector = formType === "process" && enableSubmissionDepartmentSelect ? /* @__PURE__ */ jsxs56("div", { className: "mb-5 rounded-lg border border-ant-border-secondary bg-ant-bg-elevated px-4 py-3", children: [
+  const departmentSelector = formType === "process" && enableSubmissionDepartmentSelect ? /* @__PURE__ */ jsxs57("div", { className: "mb-5 rounded-lg border border-ant-border-secondary bg-ant-bg-elevated px-4 py-3", children: [
     /* @__PURE__ */ jsx101("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u63D0\u4EA4\u90E8\u95E8" }),
     renderDepartmentSelector ? renderDepartmentSelector({
       value: departmentId,
@@ -52400,7 +52550,7 @@ var InnerFormContent = ({
       className: "mt-auto pt-6"
     }
   ) : null;
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     RuntimePageShell,
     {
       className: "sy-submit-runtime-page",
@@ -52408,7 +52558,7 @@ var InnerFormContent = ({
       maxWidth: inDrawer ? "100%" : 1240,
       contentClassName: inDrawer ? "md:px-5 md:py-4" : "",
       children: [
-        /* @__PURE__ */ jsxs56("div", { className: "sy-submit-page flex min-h-full flex-1 flex-col space-y-6", children: [
+        /* @__PURE__ */ jsxs57("div", { className: "sy-submit-page flex min-h-full flex-1 flex-col space-y-6", children: [
           header,
           enableDraft && hasDraft && !submitted && /* @__PURE__ */ jsx101("div", { children: /* @__PURE__ */ jsx101(
             DraftManager,
@@ -52423,7 +52573,7 @@ var InnerFormContent = ({
             "div",
             {
               className: `sy-submit-card flex flex-1 flex-col rounded-lg border border-ant-border-secondary bg-ant-bg-container ${inDrawer ? "p-5 md:p-6" : "p-6 shadow-sm md:p-8"}`,
-              children: /* @__PURE__ */ jsxs56(
+              children: /* @__PURE__ */ jsxs57(
                 FormShell,
                 {
                   appearance: schema.template?.appearance,
@@ -52539,39 +52689,49 @@ var FormSubmitTemplate = ({
   renderSuccess,
   onSubmitSuccess,
   initialValues,
+  components,
   inDrawer = false
 }) => {
   const resolvedFormType = normalizeSubmitFormType(formType);
   const resolvedEnableProcessPreview = enableProcessPreview ?? schema.template?.enableProcessPreview ?? resolvedFormType === "process";
-  return /* @__PURE__ */ jsx101(FormProvider, { schema, config, initialValues, children: /* @__PURE__ */ jsx101(
-    InnerFormContent,
+  return /* @__PURE__ */ jsx101(
+    FormProvider,
     {
       schema,
       config,
-      formType: resolvedFormType,
-      submitSuccessMode,
-      enableDraft,
-      enableProcessPreview: resolvedEnableProcessPreview,
-      enableSubmissionDepartmentSelect,
-      departmentOptions,
-      header,
-      footer,
-      beforeForm,
-      afterForm,
-      renderDepartmentSelector,
-      renderForm,
-      renderSuccess,
-      onSubmitSuccess,
-      inDrawer
+      initialValues,
+      components,
+      children: /* @__PURE__ */ jsx101(
+        InnerFormContent,
+        {
+          schema,
+          config,
+          formType: resolvedFormType,
+          submitSuccessMode,
+          enableDraft,
+          enableProcessPreview: resolvedEnableProcessPreview,
+          enableSubmissionDepartmentSelect,
+          departmentOptions,
+          header,
+          footer,
+          beforeForm,
+          afterForm,
+          renderDepartmentSelector,
+          renderForm,
+          renderSuccess,
+          onSubmitSuccess,
+          inDrawer
+        }
+      )
     }
-  ) });
+  );
 };
 
 // packages/sdk/src/components/templates/ProcessDetailTemplate.tsx
-import { useCallback as useCallback25, useMemo as useMemo32, useRef as useRef21, useState as useState43 } from "react";
+import { useCallback as useCallback25, useMemo as useMemo32, useRef as useRef22, useState as useState44 } from "react";
 import dayjs10 from "dayjs";
-import { Form as AntForm, Input as Input13, Modal as Modal12, message as message4 } from "antd";
-import { jsx as jsx102, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Form as AntForm, Input as Input14, Modal as Modal12, message as message4 } from "antd";
+import { jsx as jsx102, jsxs as jsxs58 } from "react/jsx-runtime";
 function FormDataBridge2({
   formDataRef,
   validateRef
@@ -52622,7 +52782,7 @@ function ProcessStatusStamp({ status }) {
       "aria-label": `\u6D41\u7A0B\u72B6\u6001\uFF1A${stamp.label}`,
       className: `sy-process-status-stamp sy-process-status-stamp-${stamp.tone}`,
       role: "img",
-      children: /* @__PURE__ */ jsxs57("span", { className: "sy-process-status-stamp-ring", children: [
+      children: /* @__PURE__ */ jsxs58("span", { className: "sy-process-status-stamp-ring", children: [
         STAMP_STAR_POINTS.map((point, index) => /* @__PURE__ */ jsx102(
           "span",
           {
@@ -52659,18 +52819,19 @@ var InnerProcessContent = ({
   onActionComplete,
   onSave,
   onDelete,
+  components,
   inDrawer = false
 }) => {
-  const formDataRef = useRef21(void 0);
-  const validateRef = useRef21(void 0);
+  const formDataRef = useRef22(void 0);
+  const validateRef = useRef22(void 0);
   const [withdrawForm] = AntForm.useForm();
-  const [withdrawOpen, setWithdrawOpen] = useState43(false);
-  const [withdrawLoading, setWithdrawLoading] = useState43(false);
-  const [saveLoading, setSaveLoading] = useState43(false);
-  const [deleteLoading, setDeleteLoading] = useState43(false);
-  const [initiatorApproverOpen, setInitiatorApproverOpen] = useState43(false);
-  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = useState43([]);
-  const [pendingResubmitComments, setPendingResubmitComments] = useState43();
+  const [withdrawOpen, setWithdrawOpen] = useState44(false);
+  const [withdrawLoading, setWithdrawLoading] = useState44(false);
+  const [saveLoading, setSaveLoading] = useState44(false);
+  const [deleteLoading, setDeleteLoading] = useState44(false);
+  const [initiatorApproverOpen, setInitiatorApproverOpen] = useState44(false);
+  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = useState44([]);
+  const [pendingResubmitComments, setPendingResubmitComments] = useState44();
   const fieldIds = useMemo32(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const { api } = useFormContext();
   const {
@@ -53042,7 +53203,7 @@ var InnerProcessContent = ({
     name: submitterName || "\u672A\u77E5\u7528\u6237",
     department: submitterDepartment
   } : void 0;
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     RuntimePageShell,
     {
       actions: actionsNode,
@@ -53050,9 +53211,9 @@ var InnerProcessContent = ({
       inDrawer,
       maxWidth: "100%",
       children: [
-        /* @__PURE__ */ jsx102("div", { className: "sy-detail-header", children: /* @__PURE__ */ jsxs57("div", { className: "sy-detail-header-inner", children: [
+        /* @__PURE__ */ jsx102("div", { className: "sy-detail-header", children: /* @__PURE__ */ jsxs58("div", { className: "sy-detail-header-inner", children: [
           header,
-          /* @__PURE__ */ jsxs57(
+          /* @__PURE__ */ jsxs58(
             "div",
             {
               className: `sy-process-summary ${hasStatusStamp ? "sy-process-summary-with-stamp" : ""}`,
@@ -53089,7 +53250,7 @@ var InnerProcessContent = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs57("div", { className: "sy-detail-main", children: [
+        /* @__PURE__ */ jsxs58("div", { className: "sy-detail-main", children: [
           beforeForm,
           mode === "edit" && /* @__PURE__ */ jsx102("div", { className: "rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-700 transition-all duration-150", children: isProcessCompleted ? "\u6B63\u5728\u7F16\u8F91\uFF0C\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58" : "\u6B63\u5728\u7F16\u8F91\u8868\u5355\uFF0C\u4FEE\u6539\u540E\u8BF7\u91CD\u65B0\u63D0\u4EA4" }),
           /* @__PURE__ */ jsx102("div", { className: "sy-detail-card", children: /* @__PURE__ */ jsx102(
@@ -53098,7 +53259,8 @@ var InnerProcessContent = ({
               schema,
               config: formConfig,
               initialValues: formData ?? void 0,
-              children: /* @__PURE__ */ jsxs57(FormShell, { appearance: schema.template?.appearance, className: "sy-form-shell", children: [
+              components,
+              children: /* @__PURE__ */ jsxs58(FormShell, { appearance: schema.template?.appearance, className: "sy-form-shell", children: [
                 /* @__PURE__ */ jsx102(FormDataBridge2, { formDataRef, validateRef }),
                 /* @__PURE__ */ jsx102(
                   FormRenderer,
@@ -53112,8 +53274,8 @@ var InnerProcessContent = ({
             `${mode}-${dataVersion}`
           ) }),
           afterForm,
-          canViewWorkflow && /* @__PURE__ */ jsxs57("div", { className: "sy-detail-card", children: [
-            /* @__PURE__ */ jsx102("div", { className: "mb-4 flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs57("div", { children: [
+          canViewWorkflow && /* @__PURE__ */ jsxs58("div", { className: "sy-detail-card", children: [
+            /* @__PURE__ */ jsx102("div", { className: "mb-4 flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs58("div", { children: [
               /* @__PURE__ */ jsx102("h3", { className: "text-base font-semibold text-ant-color-text", children: "\u5BA1\u6279\u8FDB\u5EA6" }),
               /* @__PURE__ */ jsx102("p", { className: "mt-1 text-xs text-ant-color-text-tertiary", children: "\u8282\u70B9\u3001\u5BA1\u6279\u4EBA\u3001\u5904\u7406\u610F\u89C1\u548C\u7B49\u5F85\u72B6\u6001" })
             ] }) }),
@@ -53159,7 +53321,7 @@ var InnerProcessContent = ({
                 name: "reason",
                 label: "\u64A4\u9500\u539F\u56E0",
                 rules: [{ required: true, message: "\u8BF7\u586B\u5199\u64A4\u9500\u539F\u56E0" }],
-                children: /* @__PURE__ */ jsx102(Input13.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u64A4\u9500\u539F\u56E0" })
+                children: /* @__PURE__ */ jsx102(Input14.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u64A4\u9500\u539F\u56E0" })
               }
             ) })
           }
@@ -53181,14 +53343,14 @@ var InnerProcessContent = ({
   );
 };
 var ProcessDetailTemplate = (props) => {
-  const { schema, formUuid, appType, formInstanceId } = props;
+  const { schema, formUuid, appType, formInstanceId, components } = props;
   const wrapperConfig = {
     mode: "readonly",
     formUuid,
     appType,
     formInstanceId
   };
-  return /* @__PURE__ */ jsx102(FormProvider, { schema, config: wrapperConfig, children: /* @__PURE__ */ jsx102(InnerProcessContent, { ...props }) });
+  return /* @__PURE__ */ jsx102(FormProvider, { schema, config: wrapperConfig, components, children: /* @__PURE__ */ jsx102(InnerProcessContent, { ...props }) });
 };
 
 // packages/sdk/src/components/templates/StandardFormPage.tsx
@@ -53212,6 +53374,7 @@ var StandardFormPage = ({
   compatibility,
   onSubmit,
   onSubmitSuccess,
+  components,
   inDrawer
 }) => {
   const resolvedMode = mode || schema.template?.defaultMode || "submit";
@@ -53252,6 +53415,7 @@ var StandardFormPage = ({
         enableEdit: schema.template?.enableEdit,
         enableDelete: schema.template?.enableDelete,
         enableChangeRecords: schema.template?.enableChangeRecords,
+        components,
         inDrawer
       }
     );
@@ -53267,6 +53431,7 @@ var StandardFormPage = ({
         enableEdit: schema.template?.enableEdit,
         enableDelete: schema.template?.enableDelete,
         enableChangeRecords: schema.template?.enableChangeRecords,
+        components,
         inDrawer
       }
     );
@@ -53292,13 +53457,14 @@ var StandardFormPage = ({
       enableProcessPreview: schema.template?.enableProcessPreview,
       initialValues: initialValues ?? void 0,
       onSubmitSuccess,
+      components,
       inDrawer
     }
   );
 };
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
-import { jsx as jsx104, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs59 } from "react/jsx-runtime";
 var DEFAULT_MAX_VISIBLE_ROW_ACTIONS = 4;
 var ACTION_COLUMN_MIN_WIDTH = 96;
 var ACTION_BUTTON_ESTIMATED_WIDTH = 56;
@@ -53580,17 +53746,17 @@ var renderCellValue = (value, field) => {
       )) });
     }
     if (field.componentName === "AttachmentField") {
-      return /* @__PURE__ */ jsxs58(Space9, { size: 4, wrap: true, children: [
+      return /* @__PURE__ */ jsxs59(Space9, { size: 4, wrap: true, children: [
         value.slice(0, 3).map((item, index) => /* @__PURE__ */ jsx104(Tag8, { children: item?.name || item?.originalName || `\u9644\u4EF6${index + 1}` }, item?.uid || item?.id || index)),
-        value.length > 3 && /* @__PURE__ */ jsxs58(Tag8, { children: [
+        value.length > 3 && /* @__PURE__ */ jsxs59(Tag8, { children: [
           "+",
           value.length - 3
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsxs58(Space9, { size: 4, wrap: true, children: [
+    return /* @__PURE__ */ jsxs59(Space9, { size: 4, wrap: true, children: [
       value.slice(0, 4).map((item, index) => /* @__PURE__ */ jsx104(Tag8, { children: pickOptionLabel(field, item) }, `${field.fieldId}_${index}`)),
-      value.length > 4 && /* @__PURE__ */ jsxs58(Tag8, { children: [
+      value.length > 4 && /* @__PURE__ */ jsxs59(Tag8, { children: [
         "+",
         value.length - 4
       ] })
@@ -53826,8 +53992,8 @@ function AsyncEntityFilterSelect({
   value,
   onChange
 }) {
-  const [options, setOptions] = useState44([]);
-  const [fetching, setFetching] = useState44(false);
+  const [options, setOptions] = useState45([]);
+  const [fetching, setFetching] = useState45(false);
   const multiple = normalizeOperator(operator) === "IN";
   const loadOptions = useCallback26(
     async (keyword = "") => {
@@ -53905,7 +54071,7 @@ function FilterValueEditor({
   if (kind === "number") {
     if (normalizedOperator === "BETWEEN") {
       const range = Array.isArray(value) ? value : [void 0, void 0];
-      return /* @__PURE__ */ jsxs58("div", { className: "flex w-full gap-2", children: [
+      return /* @__PURE__ */ jsxs59("div", { className: "flex w-full gap-2", children: [
         /* @__PURE__ */ jsx104(
           InputNumber3,
           {
@@ -54033,7 +54199,7 @@ function FilterValueEditor({
     );
   }
   return /* @__PURE__ */ jsx104(
-    Input14,
+    Input15,
     {
       value: value ?? "",
       placeholder: "\u8F93\u5165\u7B5B\u9009\u503C",
@@ -54061,12 +54227,12 @@ function FilterGroupEditor({
       )
     });
   };
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "div",
     {
       className: `${level > 0 ? "ml-4 border-l border-ant-border-secondary pl-4" : ""} space-y-3`,
       children: [
-        /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx104(
             Segmented,
             {
@@ -54079,7 +54245,7 @@ function FilterGroupEditor({
               onChange: (value) => onChange({ ...group, logic: value })
             }
           ),
-          /* @__PURE__ */ jsxs58(Space9, { children: [
+          /* @__PURE__ */ jsxs59(Space9, { children: [
             /* @__PURE__ */ jsx104(
               Button20,
               {
@@ -54098,7 +54264,7 @@ function FilterGroupEditor({
             )
           ] })
         ] }),
-        group.rules.map((rule) => /* @__PURE__ */ jsxs58(
+        group.rules.map((rule) => /* @__PURE__ */ jsxs59(
           "div",
           {
             className: "grid grid-cols-[minmax(140px,1fr)_132px_minmax(180px,1.4fr)_auto] gap-2",
@@ -54182,7 +54348,7 @@ function ResizableColumnTitle({
   onResize,
   onResizeEnd
 }) {
-  const dragRef = useRef22({ startX: 0, startWidth: width, latestWidth: width });
+  const dragRef = useRef23({ startX: 0, startWidth: width, latestWidth: width });
   const handleMouseDown = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -54207,7 +54373,7 @@ function ResizableColumnTitle({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   };
-  return /* @__PURE__ */ jsxs58("span", { className: "relative flex min-w-0 items-center pr-3", children: [
+  return /* @__PURE__ */ jsxs59("span", { className: "relative flex min-w-0 items-center pr-3", children: [
     /* @__PURE__ */ jsx104("span", { className: "min-w-0 truncate", children: label }),
     /* @__PURE__ */ jsx104(
       "span",
@@ -54239,6 +54405,7 @@ var DataManagementList = ({
   formTitle,
   formType: propFormType,
   schema: providedSchema,
+  components,
   forcedConfig,
   showForcedConfig = true,
   detailRenderer,
@@ -54251,59 +54418,59 @@ var DataManagementList = ({
   permissionMode = "auto",
   actionOverrides
 }) => {
-  const rootRef = useRef22(null);
+  const rootRef = useRef23(null);
   const api = useMemo34(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
     }
     return createFormRuntimeApi(requestOverride);
   }, [requestOverride]);
-  const [fields, setFields] = useState44([]);
-  const [runtimeFormSchema, setRuntimeFormSchema] = useState44(null);
-  const [config, setConfig] = useState44({});
-  const [formType, setFormType] = useState44("form");
-  const [showFields, setShowFields] = useState44([]);
-  const [lockFieldIds, setLockFieldIds] = useState44([]);
-  const [widths, setWidths] = useState44({});
-  const widthsRef = useRef22({});
-  const [sort, setSort] = useState44([]);
-  const [density, setDensity] = useState44("middle");
-  const [detailOpenMode, setDetailOpenMode] = useState44("drawer");
-  const [searchKeyWord, setSearchKeyWord] = useState44("");
-  const [filterGroup, setFilterGroup] = useState44(createGroup);
-  const [dataSource, setDataSource] = useState44([]);
-  const [total, setTotal] = useState44(0);
-  const [current, setCurrent] = useState44(1);
-  const [pageSize, setPageSize] = useState44(10);
-  const [loading, setLoading] = useState44(false);
-  const [schemaLoading, setSchemaLoading] = useState44(true);
-  const [selectedRowKeys, setSelectedRowKeys] = useState44([]);
-  const [filterOpen, setFilterOpen] = useState44(false);
-  const [columnOpen, setColumnOpen] = useState44(false);
-  const [exportOpen, setExportOpen] = useState44(false);
-  const [exportScope, setExportScope] = useState44("all");
-  const [exportFields, setExportFields] = useState44([]);
-  const [exporting, setExporting] = useState44(false);
-  const [importOpen, setImportOpen] = useState44(false);
-  const [importPreview, setImportPreview] = useState44([]);
-  const [importBase64, setImportBase64] = useState44("");
-  const [templateDownloading, setTemplateDownloading] = useState44(false);
-  const [recordsOpen, setRecordsOpen] = useState44(false);
-  const [recordTab, setRecordTab] = useState44("export");
-  const [transferRecords, setTransferRecords] = useState44([]);
-  const [batchApprovalOpen, setBatchApprovalOpen] = useState44(false);
-  const [batchApprovalAction, setBatchApprovalAction] = useState44(
+  const [fields, setFields] = useState45([]);
+  const [runtimeFormSchema, setRuntimeFormSchema] = useState45(null);
+  const [config, setConfig] = useState45({});
+  const [formType, setFormType] = useState45("form");
+  const [showFields, setShowFields] = useState45([]);
+  const [lockFieldIds, setLockFieldIds] = useState45([]);
+  const [widths, setWidths] = useState45({});
+  const widthsRef = useRef23({});
+  const [sort, setSort] = useState45([]);
+  const [density, setDensity] = useState45("middle");
+  const [detailOpenMode, setDetailOpenMode] = useState45("drawer");
+  const [searchKeyWord, setSearchKeyWord] = useState45("");
+  const [filterGroup, setFilterGroup] = useState45(createGroup);
+  const [dataSource, setDataSource] = useState45([]);
+  const [total, setTotal] = useState45(0);
+  const [current, setCurrent] = useState45(1);
+  const [pageSize, setPageSize] = useState45(10);
+  const [loading, setLoading] = useState45(false);
+  const [schemaLoading, setSchemaLoading] = useState45(true);
+  const [selectedRowKeys, setSelectedRowKeys] = useState45([]);
+  const [filterOpen, setFilterOpen] = useState45(false);
+  const [columnOpen, setColumnOpen] = useState45(false);
+  const [exportOpen, setExportOpen] = useState45(false);
+  const [exportScope, setExportScope] = useState45("all");
+  const [exportFields, setExportFields] = useState45([]);
+  const [exporting, setExporting] = useState45(false);
+  const [importOpen, setImportOpen] = useState45(false);
+  const [importPreview, setImportPreview] = useState45([]);
+  const [importBase64, setImportBase64] = useState45("");
+  const [templateDownloading, setTemplateDownloading] = useState45(false);
+  const [recordsOpen, setRecordsOpen] = useState45(false);
+  const [recordTab, setRecordTab] = useState45("export");
+  const [transferRecords, setTransferRecords] = useState45([]);
+  const [batchApprovalOpen, setBatchApprovalOpen] = useState45(false);
+  const [batchApprovalAction, setBatchApprovalAction] = useState45(
     "approved"
   );
-  const [batchApprovalComments, setBatchApprovalComments] = useState44("");
-  const [batchApproving, setBatchApproving] = useState44(false);
-  const [activeRecord, setActiveRecord] = useState44(null);
-  const [detailOpen, setDetailOpen] = useState44(false);
-  const [submitOpen, setSubmitOpen] = useState44(false);
-  const [actionSummary, setActionSummary] = useState44(null);
-  const [permissionLoading, setPermissionLoading] = useState44(permissionMode === "auto");
-  const [permissionError, setPermissionError] = useState44(null);
-  const fetchStateRef = useRef22({});
+  const [batchApprovalComments, setBatchApprovalComments] = useState45("");
+  const [batchApproving, setBatchApproving] = useState45(false);
+  const [activeRecord, setActiveRecord] = useState45(null);
+  const [detailOpen, setDetailOpen] = useState45(false);
+  const [submitOpen, setSubmitOpen] = useState45(false);
+  const [actionSummary, setActionSummary] = useState45(null);
+  const [permissionLoading, setPermissionLoading] = useState45(permissionMode === "auto");
+  const [permissionError, setPermissionError] = useState45(null);
+  const fetchStateRef = useRef23({});
   const isProcessForm = isProcessFormType(formType);
   const request = api.request;
   const getPopupContainer = useCallback26(
@@ -54846,7 +55013,7 @@ var DataManagementList = ({
           ];
           const visibleActions = actions.slice(0, visibleRowActionLimit);
           const moreActions = actions.slice(visibleRowActionLimit);
-          return /* @__PURE__ */ jsxs58(Space9, { size: 4, children: [
+          return /* @__PURE__ */ jsxs59(Space9, { size: 4, children: [
             visibleActions.map((action) => /* @__PURE__ */ jsx104(
               Button20,
               {
@@ -54929,18 +55096,18 @@ var DataManagementList = ({
       };
     });
   }, [fields, importPreview]);
-  return /* @__PURE__ */ jsx104(ConfigProvider, { getPopupContainer, locale: antdChineseLocale, children: /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsx104(ConfigProvider, { getPopupContainer, locale: antdChineseLocale, children: /* @__PURE__ */ jsxs59(
     "div",
     {
       ref: rootRef,
       className: `relative w-full bg-ant-bg-layout ${fullHeight ? "flex h-[calc(100vh-88px)] min-h-[560px] overflow-hidden" : ""}`,
       children: [
-        /* @__PURE__ */ jsxs58("div", { className: "mx-auto flex min-h-0 w-full max-w-[1440px] flex-col px-4 py-4 md:px-6", children: [
+        /* @__PURE__ */ jsxs59("div", { className: "mx-auto flex min-h-0 w-full max-w-[1440px] flex-col px-4 py-4 md:px-6", children: [
           title && /* @__PURE__ */ jsx104("div", { className: "mb-4", children: /* @__PURE__ */ jsx104("h2", { className: "m-0 text-xl font-semibold text-ant-color-text", children: title }) }),
-          /* @__PURE__ */ jsx104("div", { className: "mb-4 flex flex-col gap-3 md:flex-row md:items-center", children: /* @__PURE__ */ jsxs58(Space9, { wrap: true, children: [
+          /* @__PURE__ */ jsx104("div", { className: "mb-4 flex flex-col gap-3 md:flex-row md:items-center", children: /* @__PURE__ */ jsxs59(Space9, { wrap: true, children: [
             canCreate && (submitRenderer || runtimeFormSchema) && /* @__PURE__ */ jsx104(Button20, { icon: /* @__PURE__ */ jsx104(PlusOutlined2, {}), type: "primary", onClick: () => setSubmitOpen(true), children: "\u65B0\u589E" }),
             /* @__PURE__ */ jsx104(
-              Input14.Search,
+              Input15.Search,
               {
                 allowClear: true,
                 className: "w-[260px]",
@@ -55008,13 +55175,13 @@ var DataManagementList = ({
             ),
             /* @__PURE__ */ jsx104(Button20, { icon: /* @__PURE__ */ jsx104(ReloadOutlined5, {}), onClick: () => loadData({ current, pageSize }) })
           ] }) }),
-          selectedRowKeys.length > 0 && /* @__PURE__ */ jsxs58("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3 rounded-lg border border-ant-border-secondary bg-ant-bg-container px-4 py-3 shadow-sm", children: [
-            /* @__PURE__ */ jsxs58("span", { className: "text-sm text-ant-color-text-secondary", children: [
+          selectedRowKeys.length > 0 && /* @__PURE__ */ jsxs59("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3 rounded-lg border border-ant-border-secondary bg-ant-bg-container px-4 py-3 shadow-sm", children: [
+            /* @__PURE__ */ jsxs59("span", { className: "text-sm text-ant-color-text-secondary", children: [
               "\u5DF2\u9009 ",
               selectedRowKeys.length,
               " \u6761"
             ] }),
-            /* @__PURE__ */ jsxs58(Space9, { wrap: true, children: [
+            /* @__PURE__ */ jsxs59(Space9, { wrap: true, children: [
               canExport && /* @__PURE__ */ jsx104(
                 Button20,
                 {
@@ -55077,7 +55244,7 @@ var DataManagementList = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs58(
+        /* @__PURE__ */ jsxs59(
           Modal13,
           {
             getContainer: getOverlayContainer,
@@ -55123,8 +55290,8 @@ var DataManagementList = ({
             width: 920,
             onCancel: () => setColumnOpen(false),
             onOk: handleColumnCommit,
-            children: /* @__PURE__ */ jsxs58("div", { className: "space-y-5", children: [
-              /* @__PURE__ */ jsxs58("div", { children: [
+            children: /* @__PURE__ */ jsxs59("div", { className: "space-y-5", children: [
+              /* @__PURE__ */ jsxs59("div", { children: [
                 /* @__PURE__ */ jsx104("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u663E\u793A\u5217" }),
                 /* @__PURE__ */ jsx104(
                   Checkbox4.Group,
@@ -55142,7 +55309,7 @@ var DataManagementList = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs58("div", { children: [
+              /* @__PURE__ */ jsxs59("div", { children: [
                 /* @__PURE__ */ jsx104("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u51BB\u7ED3\u5217" }),
                 /* @__PURE__ */ jsx104(
                   Select9,
@@ -55163,12 +55330,12 @@ var DataManagementList = ({
                 )
               ] }),
               /* @__PURE__ */ jsx104(Divider, { className: "my-1" }),
-              /* @__PURE__ */ jsxs58("div", { children: [
-                /* @__PURE__ */ jsxs58("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs59("div", { children: [
+                /* @__PURE__ */ jsxs59("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
                   /* @__PURE__ */ jsx104("span", { className: "text-sm font-medium text-ant-color-text", children: "\u6392\u5E8F\u89C4\u5219" }),
                   /* @__PURE__ */ jsx104(Button20, { size: "small", onClick: handleAddSort, disabled: fields.length === 0, children: "\u6DFB\u52A0\u6392\u5E8F" })
                 ] }),
-                /* @__PURE__ */ jsx104("div", { className: "space-y-2", children: sort.length === 0 ? /* @__PURE__ */ jsx104("div", { className: "rounded-lg border border-dashed border-ant-border-secondary px-3 py-4 text-center text-sm text-ant-color-text-tertiary", children: "\u6682\u65E0\u6392\u5E8F\u89C4\u5219" }) : sort.map((item, index) => /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx104("div", { className: "space-y-2", children: sort.length === 0 ? /* @__PURE__ */ jsx104("div", { className: "rounded-lg border border-dashed border-ant-border-secondary px-3 py-4 text-center text-sm text-ant-color-text-tertiary", children: "\u6682\u65E0\u6392\u5E8F\u89C4\u5219" }) : sort.map((item, index) => /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx104(
                     Select9,
                     {
@@ -55203,8 +55370,8 @@ var DataManagementList = ({
                   )
                 ] }, `${item.id}_${index}`)) })
               ] }),
-              /* @__PURE__ */ jsxs58("div", { className: "grid gap-4 md:grid-cols-3", children: [
-                /* @__PURE__ */ jsxs58("div", { children: [
+              /* @__PURE__ */ jsxs59("div", { className: "grid gap-4 md:grid-cols-3", children: [
+                /* @__PURE__ */ jsxs59("div", { children: [
                   /* @__PURE__ */ jsx104("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u8868\u683C\u5BC6\u5EA6" }),
                   /* @__PURE__ */ jsx104(
                     Segmented,
@@ -55220,7 +55387,7 @@ var DataManagementList = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs58("div", { children: [
+                /* @__PURE__ */ jsxs59("div", { children: [
                   /* @__PURE__ */ jsx104("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u8BE6\u60C5\u6253\u5F00\u65B9\u5F0F" }),
                   /* @__PURE__ */ jsx104(
                     Segmented,
@@ -55235,7 +55402,7 @@ var DataManagementList = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs58("div", { children: [
+                /* @__PURE__ */ jsxs59("div", { children: [
                   /* @__PURE__ */ jsx104("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u9875\u5927\u5C0F" }),
                   /* @__PURE__ */ jsx104(
                     Select9,
@@ -55258,7 +55425,7 @@ var DataManagementList = ({
             title: exportScope === "selected" ? "\u5BFC\u51FA\u9009\u4E2D\u6570\u636E" : "\u5BFC\u51FA\u5168\u90E8\u6570\u636E",
             open: exportOpen,
             onCancel: () => setExportOpen(false),
-            footer: /* @__PURE__ */ jsxs58(Space9, { children: [
+            footer: /* @__PURE__ */ jsxs59(Space9, { children: [
               /* @__PURE__ */ jsx104(Button20, { onClick: () => setExportOpen(false), children: "\u53D6\u6D88" }),
               /* @__PURE__ */ jsx104(
                 Button20,
@@ -55292,8 +55459,8 @@ var DataManagementList = ({
             onOk: handleBatchApprovalConfirm,
             okText: batchApprovalAction === "approved" ? "\u786E\u8BA4\u901A\u8FC7" : "\u786E\u8BA4\u62D2\u7EDD",
             confirmLoading: batchApproving,
-            children: /* @__PURE__ */ jsxs58("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs58("div", { className: "text-sm text-ant-color-text-secondary", children: [
+            children: /* @__PURE__ */ jsxs59("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs59("div", { className: "text-sm text-ant-color-text-secondary", children: [
                 "\u5DF2\u9009\u62E9 ",
                 selectedRowKeys.length,
                 " \u6761\u8BB0\u5F55"
@@ -55311,7 +55478,7 @@ var DataManagementList = ({
                 }
               ),
               /* @__PURE__ */ jsx104(
-                Input14.TextArea,
+                Input15.TextArea,
                 {
                   value: batchApprovalComments,
                   rows: 4,
@@ -55324,7 +55491,7 @@ var DataManagementList = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs58(
+        /* @__PURE__ */ jsxs59(
           Modal13,
           {
             getContainer: getOverlayContainer,
@@ -55336,8 +55503,8 @@ var DataManagementList = ({
             okButtonProps: { disabled: !importBase64 || !canImport },
             okText: "\u786E\u8BA4\u5BFC\u5165",
             children: [
-              /* @__PURE__ */ jsxs58("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__ */ jsxs58("div", { children: [
+              /* @__PURE__ */ jsxs59("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__ */ jsxs59("div", { children: [
                   /* @__PURE__ */ jsx104("div", { className: "text-sm font-medium text-ant-color-text", children: "\u5BFC\u5165\u6A21\u677F" }),
                   /* @__PURE__ */ jsx104("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" })
                 ] }),
@@ -55365,7 +55532,7 @@ var DataManagementList = ({
                   children: /* @__PURE__ */ jsx104("p", { className: "text-ant-color-text-secondary", children: "\u62D6\u62FD Excel \u6587\u4EF6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u9009\u62E9\u6587\u4EF6" })
                 }
               ),
-              importPreview.length > 0 && /* @__PURE__ */ jsxs58("div", { className: "mt-4", children: [
+              importPreview.length > 0 && /* @__PURE__ */ jsxs59("div", { className: "mt-4", children: [
                 /* @__PURE__ */ jsx104("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u5BFC\u5165\u9884\u89C8" }),
                 /* @__PURE__ */ jsx104(
                   Table4,
@@ -55382,7 +55549,7 @@ var DataManagementList = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs58(
+        /* @__PURE__ */ jsxs59(
           Drawer2,
           {
             styles: { body: { padding: 24, overflow: "auto" } },
@@ -55438,6 +55605,7 @@ var DataManagementList = ({
                 formUuid,
                 formInstanceId: String(getRecordId(activeRecord)),
                 api,
+                components,
                 inDrawer: true
               }
             ) : /* @__PURE__ */ jsx104(Empty8, { description: "\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u8BE6\u60C5\u6A21\u677F" })
@@ -55467,6 +55635,7 @@ var DataManagementList = ({
                 appType,
                 formUuid,
                 api,
+                components,
                 inDrawer: true,
                 onSubmitSuccess: () => {
                   setSubmitOpen(false);
@@ -55483,7 +55652,7 @@ var DataManagementList = ({
 
 // packages/sdk/src/components/templates/LowcodePageRenderer.tsx
 import React67, { useMemo as useMemo35 } from "react";
-import { jsx as jsx105, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs60 } from "react/jsx-runtime";
 function nodeChildren(node) {
   if (Array.isArray(node.children)) return node.children;
   if (Array.isArray(node.cells)) return node.cells.flatMap((cell) => cell.children || []);
@@ -55521,8 +55690,8 @@ function LowcodePageRenderer({ schema, context }) {
     const props = node.props || {};
     const children = nodeChildren(node);
     if (node.type === "PageSection") {
-      return /* @__PURE__ */ jsxs59("section", { className: "sy-page-section", children: [
-        (props.title || props.description) && /* @__PURE__ */ jsxs59("div", { className: "sy-page-section-header", children: [
+      return /* @__PURE__ */ jsxs60("section", { className: "sy-page-section", children: [
+        (props.title || props.description) && /* @__PURE__ */ jsxs60("div", { className: "sy-page-section-header", children: [
           props.title && /* @__PURE__ */ jsx105("h2", { className: "sy-page-section-title", children: props.title }),
           props.description && /* @__PURE__ */ jsx105("p", { className: "sy-page-section-description", children: props.description })
         ] }),