sy-form-components 0.2.0

package/dist/index.js

@@ -0,0 +1,4851 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AddressField: () => AddressField,
+  AssociationFormField: () => AssociationFormField,
+  AttachmentField: () => AttachmentField,
+  CascadeDateField: () => CascadeDateField,
+  CascadeSelectField: () => CascadeSelectField,
+  CheckboxField: () => CheckboxField,
+  ComponentRegistryContext: () => ComponentRegistryContext,
+  ComponentRegistryProvider: () => ComponentRegistryProvider,
+  DateField: () => DateField,
+  DepartmentSelectField: () => DepartmentSelectField,
+  DigitalSignatureField: () => DigitalSignatureField,
+  EditorField: () => EditorField,
+  EmployeeSelectField: () => UserSelectField,
+  FieldWrapper: () => FieldWrapper,
+  FormActions: () => FormActions,
+  FormContainer: () => FormContainer,
+  FormContext: () => FormContext,
+  FormGrid: () => FormGrid,
+  FormProvider: () => FormProvider,
+  FormRenderer: () => FormRenderer,
+  FormSection: () => FormSection,
+  FormSteps: () => FormSteps,
+  FormSummary: () => FormSummary,
+  FormTabs: () => FormTabs,
+  ImageField: () => ImageField,
+  JSONField: () => JSONField,
+  LocationField: () => LocationField,
+  MultiSelectField: () => MultiSelectField,
+  NumberField: () => NumberField,
+  RadioField: () => RadioField,
+  SelectField: () => SelectField,
+  SerialNumberField: () => SerialNumberField,
+  SubFormField: () => SubFormField,
+  TextAreaField: () => TextAreaField,
+  TextField: () => TextField,
+  TextareaField: () => TextAreaField,
+  UserSelectField: () => UserSelectField,
+  createFormRuntimeApi: () => createFormRuntimeApi,
+  defaultComponentRegistry: () => defaultComponentRegistry,
+  defineFormSchema: () => defineFormSchema,
+  evaluateEffects: () => evaluateEffects,
+  useComponent: () => useComponent,
+  useDeviceDetect: () => useDeviceDetect,
+  useFieldBehavior: () => useFieldBehavior,
+  useFormContext: () => useFormContext,
+  useFormData: () => useFormData,
+  useFormEngine: () => useFormEngine,
+  useFormSubmit: () => useFormSubmit,
+  validateAllFields: () => validateAllFields,
+  validateField: () => validateField
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/core/FormProvider.tsx
+var import_react34 = __toESM(require("react"));
+
+// src/core/FormContext.ts
+var import_react = require("react");
+var FormContext = (0, import_react.createContext)(null);
+function useFormContext() {
+  const context = (0, import_react.useContext)(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a FormProvider");
+  }
+  return context;
+}
+
+// src/core/ComponentRegistry.tsx
+var import_react2 = __toESM(require("react"));
+var ComponentRegistryContext = (0, import_react2.createContext)(null);
+function ComponentRegistryProvider({
+  components,
+  children
+}) {
+  const [registry, setRegistry] = import_react2.default.useState(components);
+  const register = import_react2.default.useCallback((name, component) => {
+    setRegistry((prev) => ({ ...prev, [name]: component }));
+  }, []);
+  const value = import_react2.default.useMemo(() => ({ registry, register }), [registry, register]);
+  return import_react2.default.createElement(ComponentRegistryContext.Provider, { value }, children);
+}
+function useComponent(componentName) {
+  const context = (0, import_react2.useContext)(ComponentRegistryContext);
+  if (!context) {
+    return null;
+  }
+  return context.registry[componentName] || null;
+}
+
+// src/fields/TextField/index.tsx
+var import_react4 = require("react");
+
+// src/core/FieldWrapper.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function FieldWrapper({
+  fieldId,
+  label,
+  required,
+  tips,
+  className,
+  labelClassName,
+  tipsClassName,
+  children
+}) {
+  const { fieldErrors } = useFormContext();
+  const error = fieldErrors[fieldId];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("sy-field-wrapper", className), "data-field-id": fieldId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: cn("sy-field-label", labelClassName), children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sy-field-required", "aria-hidden": "true", children: "*" }),
+      label
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "sy-field-control", children }),
+    tips && !error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("sy-field-tips", tipsClassName), "data-testid": `tips-${fieldId}`, children: tips }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "sy-field-error", role: "alert", "data-testid": `error-${fieldId}`, children: error })
+  ] });
+}
+
+// src/hooks/useDeviceDetect.ts
+var import_react3 = require("react");
+var MOBILE_BREAKPOINT = 768;
+function subscribe(callback) {
+  let prev = window.innerWidth < MOBILE_BREAKPOINT;
+  const handler = () => {
+    const next = window.innerWidth < MOBILE_BREAKPOINT;
+    if (next !== prev) {
+      prev = next;
+      callback();
+    }
+  };
+  window.addEventListener("resize", handler);
+  return () => window.removeEventListener("resize", handler);
+}
+function getSnapshot() {
+  return window.innerWidth < MOBILE_BREAKPOINT;
+}
+function useDeviceDetect() {
+  const isMobile = (0, import_react3.useSyncExternalStore)(
+    subscribe,
+    getSnapshot,
+    /* v8 ignore next */
+    () => false
+  );
+  return { isMobile };
+}
+
+// src/fields/TextField/TextFieldPC.tsx
+var import_antd = require("antd");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TextFieldPC({
+  fieldId,
+  placeholder,
+  maxLength,
+  inputClassName,
+  behavior,
+  onChange,
+  onBlur
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? "";
+  const disabled = behavior === "DISABLED";
+  const handleChange = (e) => {
+    const v = e.target.value;
+    setFieldValue(fieldId, v);
+    onChange?.(v);
+  };
+  const handleBlur = (e) => {
+    onBlur?.(e.target.value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_antd.Input,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      value,
+      placeholder,
+      maxLength,
+      disabled,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      "data-testid": `textfield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/TextField/TextFieldMobile.tsx
+var import_antd_mobile = require("antd-mobile");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function TextFieldMobile({
+  fieldId,
+  placeholder,
+  maxLength,
+  inputClassName,
+  behavior,
+  onChange,
+  onBlur
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? "";
+  const disabled = behavior === "DISABLED";
+  const handleChange = (v) => {
+    setFieldValue(fieldId, v);
+    onChange?.(v);
+  };
+  const handleBlur = () => {
+    onBlur?.(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: inputClassName, "data-testid": `textfield-input-${fieldId}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_antd_mobile.Input,
+    {
+      value,
+      placeholder,
+      maxLength,
+      disabled,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  ) });
+}
+
+// src/fields/TextField/TextFieldReadonly.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function TextFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value != null && value !== "" ? String(value) : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `textfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/TextField/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function TextField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react4.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/NumberField/index.tsx
+var import_react5 = require("react");
+
+// src/fields/NumberField/NumberFieldPC.tsx
+var import_antd2 = require("antd");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function NumberFieldPC({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  min,
+  max,
+  step,
+  precision,
+  onChange,
+  onBlur
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (v) => {
+    setFieldValue(fieldId, v);
+    onChange?.(v);
+  };
+  const handleBlur = () => {
+    onBlur?.(value ?? null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_antd2.InputNumber,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      value: value ?? null,
+      placeholder,
+      disabled,
+      min,
+      max,
+      step,
+      precision,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      "data-testid": `numberfield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/NumberField/NumberFieldMobile.tsx
+var import_antd_mobile2 = require("antd-mobile");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function NumberFieldMobile({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  onChange,
+  onBlur
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (v) => {
+    const num = v === "" ? null : Number(v);
+    const finalValue = num !== null && isNaN(num) ? null : num;
+    setFieldValue(fieldId, finalValue);
+    onChange?.(finalValue);
+  };
+  const handleBlur = () => {
+    onBlur?.(value ?? null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: inputClassName, "data-testid": `numberfield-input-${fieldId}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_antd_mobile2.Input,
+    {
+      type: "number",
+      value: value != null ? String(value) : "",
+      placeholder,
+      disabled,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  ) });
+}
+
+// src/fields/NumberField/NumberFieldReadonly.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function NumberFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value != null ? String(value) : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `numberfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/NumberField/index.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function NumberField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react5.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NumberFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NumberFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NumberFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/TextAreaField/index.tsx
+var import_react6 = require("react");
+
+// src/fields/TextAreaField/TextAreaFieldPC.tsx
+var import_antd3 = require("antd");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var { TextArea } = import_antd3.Input;
+function TextAreaFieldPC({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  rows,
+  maxLength,
+  showCount,
+  onChange,
+  onBlur
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? "";
+  const disabled = behavior === "DISABLED";
+  const handleChange = (e) => {
+    const v = e.target.value;
+    setFieldValue(fieldId, v);
+    onChange?.(v);
+  };
+  const handleBlur = (e) => {
+    onBlur?.(e.target.value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    TextArea,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      value,
+      placeholder,
+      disabled,
+      rows,
+      maxLength,
+      showCount,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      "data-testid": `textareafield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/TextAreaField/TextAreaFieldMobile.tsx
+var import_antd_mobile3 = require("antd-mobile");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TextAreaFieldMobile({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  rows,
+  maxLength,
+  showCount,
+  onChange,
+  onBlur
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? "";
+  const disabled = behavior === "DISABLED";
+  const handleChange = (v) => {
+    setFieldValue(fieldId, v);
+    onChange?.(v);
+  };
+  const handleBlur = () => {
+    onBlur?.(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: inputClassName, "data-testid": `textareafield-input-${fieldId}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_antd_mobile3.TextArea,
+    {
+      value,
+      placeholder,
+      disabled,
+      rows,
+      maxLength,
+      showCount,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  ) });
+}
+
+// src/fields/TextAreaField/TextAreaFieldReadonly.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function TextAreaFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value != null && value !== "" ? String(value) : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `textareafield-readonly-${fieldId}`,
+      style: { whiteSpace: "pre-wrap" },
+      children: display
+    }
+  );
+}
+
+// src/fields/TextAreaField/index.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function TextAreaField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react6.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextAreaFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextAreaFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextAreaFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/SelectField/index.tsx
+var import_react8 = require("react");
+
+// src/fields/SelectField/SelectFieldPC.tsx
+var import_antd4 = require("antd");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function SelectFieldPC({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  options,
+  allowClear,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (val) => {
+    if (val === void 0) {
+      setFieldValue(fieldId, null);
+      onChange?.(null);
+    } else {
+      const option = options.find((o) => o.value === val) ?? null;
+      setFieldValue(fieldId, option);
+      onChange?.(option);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_antd4.Select,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      value: value?.value ?? void 0,
+      placeholder,
+      disabled,
+      allowClear,
+      options,
+      onChange: handleChange,
+      "data-testid": `selectfield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/SelectField/SelectFieldMobile.tsx
+var import_react7 = require("react");
+var import_antd_mobile4 = require("antd-mobile");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function SelectFieldMobile({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  options,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const [visible, setVisible] = (0, import_react7.useState)(false);
+  const columns = [options.map((o) => ({ label: o.label, value: o.value }))];
+  const handleConfirm = (val) => {
+    const selected = val[0];
+    if (selected) {
+      const option = options.find((o) => o.value === selected) ?? null;
+      setFieldValue(fieldId, option);
+      onChange?.(option);
+    } else {
+      setFieldValue(fieldId, null);
+      onChange?.(null);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: inputClassName, "data-testid": `selectfield-input-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "div",
+      {
+        onClick: () => !disabled && setVisible(true),
+        "data-testid": `selectfield-trigger-${fieldId}`,
+        children: value?.label ?? placeholder ?? "\u8BF7\u9009\u62E9"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      import_antd_mobile4.Picker,
+      {
+        columns,
+        visible,
+        onClose: () => setVisible(false),
+        onConfirm: handleConfirm,
+        value: value ? [value.value] : []
+      }
+    )
+  ] });
+}
+
+// src/fields/SelectField/SelectFieldReadonly.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function SelectFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value?.label ?? "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `selectfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/SelectField/index.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function SelectField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react8.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/MultiSelectField/index.tsx
+var import_react9 = require("react");
+
+// src/fields/MultiSelectField/MultiSelectFieldPC.tsx
+var import_antd5 = require("antd");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function MultiSelectFieldPC({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  options,
+  maxCount,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (vals) => {
+    const selected = vals.map((v) => options.find((o) => o.value === v)).filter((o) => o != null);
+    setFieldValue(fieldId, selected);
+    onChange?.(selected);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_antd5.Select,
+    {
+      mode: "multiple",
+      className: inputClassName,
+      style: { width: "100%" },
+      value: value.map((v) => v.value),
+      placeholder,
+      disabled,
+      maxCount,
+      options,
+      onChange: handleChange,
+      "data-testid": `multiselectfield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/MultiSelectField/MultiSelectFieldMobile.tsx
+var import_antd_mobile5 = require("antd-mobile");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function MultiSelectFieldMobile({
+  fieldId,
+  inputClassName,
+  behavior,
+  options,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (vals) => {
+    const selected = vals.map((v) => options.find((o) => o.value === v)).filter((o) => o != null);
+    setFieldValue(fieldId, selected);
+    onChange?.(selected);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: inputClassName, "data-testid": `multiselectfield-input-${fieldId}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_antd_mobile5.Selector,
+    {
+      multiple: true,
+      options,
+      value: value.map((v) => v.value),
+      onChange: handleChange,
+      disabled
+    }
+  ) });
+}
+
+// src/fields/MultiSelectField/MultiSelectFieldReadonly.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function MultiSelectFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const display = value.length > 0 ? value.map((v) => v.label).join(", ") : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `multiselectfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/MultiSelectField/index.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function MultiSelectField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react9.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelectFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelectFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelectFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/RadioField/index.tsx
+var import_react10 = require("react");
+
+// src/fields/RadioField/RadioFieldPC.tsx
+var import_antd6 = require("antd");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function RadioFieldPC({
+  fieldId,
+  inputClassName,
+  behavior,
+  options,
+  direction,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (e) => {
+    const val = e.target.value;
+    const option = options.find((o) => o.value === val) ?? null;
+    setFieldValue(fieldId, option);
+    onChange?.(option);
+  };
+  const style = direction === "vertical" ? { display: "flex", flexDirection: "column", gap: 8 } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_antd6.Radio.Group,
+    {
+      className: inputClassName,
+      value: value?.value ?? void 0,
+      disabled,
+      onChange: handleChange,
+      "data-testid": `radiofield-input-${fieldId}`,
+      style,
+      children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_antd6.Radio, { value: o.value, children: o.label }, o.value))
+    }
+  );
+}
+
+// src/fields/RadioField/RadioFieldMobile.tsx
+var import_antd_mobile6 = require("antd-mobile");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function RadioFieldMobile({
+  fieldId,
+  inputClassName,
+  behavior,
+  options,
+  direction,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (val) => {
+    const option = options.find((o) => o.value === val) ?? null;
+    setFieldValue(fieldId, option);
+    onChange?.(option);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: inputClassName, "data-testid": `radiofield-input-${fieldId}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_antd_mobile6.Radio.Group, { value: value?.value, onChange: handleChange, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_antd_mobile6.Space, { direction: direction === "horizontal" ? "horizontal" : "vertical", children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_antd_mobile6.Radio, { value: o.value, children: o.label }, o.value)) }) }) });
+}
+
+// src/fields/RadioField/RadioFieldReadonly.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function RadioFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value?.label ?? "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `radiofield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/RadioField/index.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function RadioField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react10.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RadioFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RadioFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RadioFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/CheckboxField/index.tsx
+var import_react11 = require("react");
+
+// src/fields/CheckboxField/CheckboxFieldPC.tsx
+var import_antd7 = require("antd");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function CheckboxFieldPC({
+  fieldId,
+  inputClassName,
+  behavior,
+  options,
+  direction,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (vals) => {
+    const selected = vals.map((v) => options.find((o) => o.value === v)).filter((o) => o != null);
+    setFieldValue(fieldId, selected);
+    onChange?.(selected);
+  };
+  const style = direction === "vertical" ? { display: "flex", flexDirection: "column", gap: 8 } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_antd7.Checkbox.Group,
+    {
+      className: inputClassName,
+      value: value.map((v) => v.value),
+      disabled,
+      onChange: handleChange,
+      "data-testid": `checkboxfield-input-${fieldId}`,
+      style,
+      children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_antd7.Checkbox, { value: o.value, children: o.label }, o.value))
+    }
+  );
+}
+
+// src/fields/CheckboxField/CheckboxFieldMobile.tsx
+var import_antd_mobile7 = require("antd-mobile");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function CheckboxFieldMobile({
+  fieldId,
+  inputClassName,
+  behavior,
+  options,
+  direction,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleChange = (vals) => {
+    const selected = vals.map((v) => options.find((o) => o.value === v)).filter((o) => o != null);
+    setFieldValue(fieldId, selected);
+    onChange?.(selected);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: inputClassName, "data-testid": `checkboxfield-input-${fieldId}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_antd_mobile7.Checkbox.Group,
+    {
+      value: value.map((v) => v.value),
+      onChange: handleChange,
+      disabled,
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd_mobile7.Space, { direction: direction === "horizontal" ? "horizontal" : "vertical", children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd_mobile7.Checkbox, { value: o.value, children: o.label }, o.value)) })
+    }
+  ) });
+}
+
+// src/fields/CheckboxField/CheckboxFieldReadonly.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function CheckboxFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const display = value.length > 0 ? value.map((v) => v.label).join(", ") : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `checkboxfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/CheckboxField/index.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function CheckboxField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react11.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CheckboxFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CheckboxFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CheckboxFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/DateField/index.tsx
+var import_react13 = require("react");
+
+// src/fields/DateField/DateFieldPC.tsx
+var import_antd8 = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function DateFieldPC({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  dateFormat,
+  showTime,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const format = dateFormat ?? (showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
+  const pickerValue = value && (0, import_dayjs.default)(value).isValid() ? (0, import_dayjs.default)(value) : null;
+  const handleChange = (_date, dateString) => {
+    const val = Array.isArray(dateString) ? dateString[0] : dateString ?? "";
+    setFieldValue(fieldId, val || "");
+    onChange?.(val || "");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_antd8.DatePicker,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      value: pickerValue,
+      placeholder,
+      disabled,
+      format,
+      showTime,
+      onChange: handleChange,
+      "data-testid": `datefield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/DateField/DateFieldMobile.tsx
+var import_react12 = require("react");
+var import_antd_mobile8 = require("antd-mobile");
+var import_dayjs2 = __toESM(require("dayjs"));
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function DateFieldMobile({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  dateFormat,
+  showTime,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const [visible, setVisible] = (0, import_react12.useState)(false);
+  const format = dateFormat ?? (showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
+  const pickerValue = value && (0, import_dayjs2.default)(value).isValid() ? (0, import_dayjs2.default)(value).toDate() : void 0;
+  const handleConfirm = (date) => {
+    const dateStr = (0, import_dayjs2.default)(date).format(format);
+    setFieldValue(fieldId, dateStr);
+    onChange?.(dateStr);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: inputClassName, "data-testid": `datefield-input-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "div",
+      {
+        onClick: () => !disabled && setVisible(true),
+        "data-testid": `datefield-trigger-${fieldId}`,
+        children: value || placeholder || "\u8BF7\u9009\u62E9\u65E5\u671F"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      import_antd_mobile8.DatePicker,
+      {
+        visible,
+        value: pickerValue,
+        precision: showTime ? "second" : "day",
+        onClose: () => setVisible(false),
+        onConfirm: handleConfirm
+      }
+    )
+  ] });
+}
+
+// src/fields/DateField/DateFieldReadonly.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function DateFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value && value !== "" ? value : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `datefield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/DateField/index.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function DateField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react13.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DateFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DateFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DateFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/CascadeDateField/index.tsx
+var import_react15 = require("react");
+
+// src/fields/CascadeDateField/CascadeDateFieldPC.tsx
+var import_antd9 = require("antd");
+var import_dayjs3 = __toESM(require("dayjs"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var { RangePicker } = import_antd9.DatePicker;
+function CascadeDateFieldPC({
+  fieldId,
+  placeholder,
+  inputClassName,
+  behavior,
+  dateFormat,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const format = dateFormat ?? "YYYY-MM-DD";
+  const startValue = value?.start && (0, import_dayjs3.default)(value.start).isValid() ? (0, import_dayjs3.default)(value.start) : null;
+  const endValue = value?.end && (0, import_dayjs3.default)(value.end).isValid() ? (0, import_dayjs3.default)(value.end) : null;
+  const pickerValue = startValue || endValue ? [startValue, endValue] : null;
+  const handleChange = (_dates, dateStrings) => {
+    const [start, end] = dateStrings;
+    if (start && end) {
+      const val = { start, end };
+      setFieldValue(fieldId, val);
+      onChange?.(val);
+    } else {
+      setFieldValue(fieldId, null);
+      onChange?.(null);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    RangePicker,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      value: pickerValue,
+      placeholder: placeholder ? [placeholder, placeholder] : void 0,
+      disabled,
+      format,
+      onChange: handleChange,
+      "data-testid": `cascadedatefield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/CascadeDateField/CascadeDateFieldMobile.tsx
+var import_react14 = require("react");
+var import_antd_mobile9 = require("antd-mobile");
+var import_dayjs4 = __toESM(require("dayjs"));
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function CascadeDateFieldMobile({
+  fieldId,
+  inputClassName,
+  behavior,
+  startLabel,
+  endLabel,
+  dateFormat,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const value = formData[fieldId];
+  const disabled = behavior === "DISABLED";
+  const [startVisible, setStartVisible] = (0, import_react14.useState)(false);
+  const [endVisible, setEndVisible] = (0, import_react14.useState)(false);
+  const format = dateFormat ?? "YYYY-MM-DD";
+  const startValue = value?.start && (0, import_dayjs4.default)(value.start).isValid() ? (0, import_dayjs4.default)(value.start).toDate() : void 0;
+  const endValue = value?.end && (0, import_dayjs4.default)(value.end).isValid() ? (0, import_dayjs4.default)(value.end).toDate() : void 0;
+  const handleStartConfirm = (date) => {
+    const dateStr = (0, import_dayjs4.default)(date).format(format);
+    const newVal = { start: dateStr, end: value?.end ?? "" };
+    setFieldValue(fieldId, newVal);
+    onChange?.(newVal);
+  };
+  const handleEndConfirm = (date) => {
+    const dateStr = (0, import_dayjs4.default)(date).format(format);
+    const newVal = { start: value?.start ?? "", end: dateStr };
+    setFieldValue(fieldId, newVal);
+    onChange?.(newVal);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: inputClassName, "data-testid": `cascadedatefield-input-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "div",
+      {
+        onClick: () => !disabled && setStartVisible(true),
+        "data-testid": `cascadedatefield-start-${fieldId}`,
+        children: value?.start || startLabel || "\u5F00\u59CB\u65E5\u671F"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: " ~ " }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "div",
+      {
+        onClick: () => !disabled && setEndVisible(true),
+        "data-testid": `cascadedatefield-end-${fieldId}`,
+        children: value?.end || endLabel || "\u7ED3\u675F\u65E5\u671F"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      import_antd_mobile9.DatePicker,
+      {
+        visible: startVisible,
+        value: startValue,
+        onClose: () => setStartVisible(false),
+        onConfirm: handleStartConfirm
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      import_antd_mobile9.DatePicker,
+      {
+        visible: endVisible,
+        value: endValue,
+        onClose: () => setEndVisible(false),
+        onConfirm: handleEndConfirm
+      }
+    )
+  ] });
+}
+
+// src/fields/CascadeDateField/CascadeDateFieldReadonly.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function CascadeDateFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId];
+  const display = value && value.start && value.end ? `${value.start} ~ ${value.end}` : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `cascadedatefield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/CascadeDateField/index.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function CascadeDateField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react15.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CascadeDateFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CascadeDateFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CascadeDateFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/AttachmentField/index.tsx
+var import_react16 = require("react");
+
+// src/fields/AttachmentField/AttachmentFieldPC.tsx
+var import_antd10 = require("antd");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var createLocalItem = (file) => ({
+  id: file.uid || `${Date.now()}-${file.name}`,
+  uid: file.uid || `${Date.now()}-${file.name}`,
+  url: "",
+  name: file.name,
+  status: "uploading",
+  size: file.size,
+  percent: 0
+});
+function AttachmentFieldPC({
+  fieldId,
+  behavior,
+  maxCount,
+  accept,
+  maxSize,
+  bucketName = "attachments",
+  multiple = true,
+  allowedTypes,
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const setValue = (items) => {
+    setFieldValue(fieldId, items);
+    onChange?.(items);
+  };
+  const handleChange = (info) => {
+    const fileList2 = info.fileList ?? [];
+    const items = fileList2.map((f) => {
+      const item = {
+        url: String(f.url ?? f.response?.url ?? ""),
+        name: String(f.name ?? ""),
+        id: String(f.uid ?? f.response?.id ?? "")
+      };
+      if (f.uid ?? f.response?.uid) item.uid = String(f.uid ?? f.response?.uid);
+      if (f.status) item.status = f.status;
+      if (f.percent !== void 0) item.percent = f.percent;
+      if (f.objectName ?? f.response?.objectName)
+        item.objectName = f.objectName ?? f.response?.objectName;
+      if (f.bucketName ?? f.response?.bucketName)
+        item.bucketName = f.bucketName ?? f.response?.bucketName;
+      if (f.size ?? f.response?.size) item.size = f.size ?? f.response?.size;
+      if (f.type ?? f.response?.contentType) item.contentType = f.type ?? f.response?.contentType;
+      return item;
+    });
+    setValue(items);
+  };
+  const handleRemove = (file) => {
+    const removed = value.find((item) => item.id === file.uid || item.uid === file.uid);
+    const newValue = value.filter((item) => item.id !== file.uid && item.uid !== file.uid);
+    setValue(newValue);
+    if (removed?.objectName) {
+      api.deleteFile(removed.objectName, removed.bucketName || bucketName).catch(() => void 0);
+    }
+  };
+  const handlePreview = async (file) => {
+    const item = value.find((current) => current.id === file.uid || current.uid === file.uid);
+    let url = item?.downloadUrl || item?.url || file.url;
+    if (item?.objectName) {
+      const ticket = await api.createDownloadTicket(
+        item.bucketName || bucketName,
+        item.objectName,
+        item.name
+      );
+      url = typeof ticket === "string" ? ticket : ticket?.downloadUrl || ticket?.url || url;
+    }
+    if (url) window.open(url, "_blank", "noopener,noreferrer");
+  };
+  const fileList = value.map((item) => ({
+    uid: item.id,
+    name: item.name,
+    url: item.url,
+    status: item.status ?? "done",
+    percent: item.percent
+  }));
+  const beforeUpload = (file) => {
+    if (maxSize && file.size / 1024 / 1024 > maxSize) {
+      return false;
+    }
+    const ext = String(file.name || "").split(".").pop()?.toLowerCase();
+    if (allowedTypes?.length && ext && !allowedTypes.includes(ext)) {
+      return false;
+    }
+    return true;
+  };
+  const customRequest = async ({ file, onProgress, onSuccess, onError }) => {
+    const currentFile = file;
+    const localItem = createLocalItem(currentFile);
+    const nextValue = multiple ? [...value, localItem].slice(0, maxCount ?? Infinity) : [localItem];
+    setValue(nextValue);
+    try {
+      const uploaded = await api.uploadFile(currentFile, bucketName, (percent) => {
+        onProgress?.({ percent });
+        setValue(
+          nextValue.map(
+            (item) => item.id === localItem.id ? { ...item, percent, status: "uploading" } : item
+          )
+        );
+      });
+      const completed = {
+        ...uploaded,
+        id: uploaded.id || localItem.id,
+        uid: uploaded.uid || localItem.uid
+      };
+      setValue(nextValue.map((item) => item.id === localItem.id ? completed : item));
+      onSuccess?.(completed);
+    } catch (error) {
+      const failed = {
+        ...localItem,
+        status: "error",
+        error: error?.message || "\u4E0A\u4F20\u5931\u8D25"
+      };
+      setValue(nextValue.map((item) => item.id === localItem.id ? failed : item));
+      onError?.(error);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_antd10.Upload,
+    {
+      "data-testid": `attachmentfield-input-${fieldId}`,
+      fileList,
+      customRequest,
+      accept,
+      maxCount,
+      multiple,
+      disabled,
+      onChange: handleChange,
+      onRemove: handleRemove,
+      onPreview: handlePreview,
+      beforeUpload,
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_antd10.Button, { disabled, "data-testid": `attachmentfield-upload-btn-${fieldId}`, children: "\u4E0A\u4F20\u6587\u4EF6" })
+    }
+  );
+}
+
+// src/fields/AttachmentField/AttachmentFieldMobile.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function AttachmentFieldMobile({
+  fieldId,
+  behavior,
+  maxCount,
+  accept,
+  maxSize,
+  bucketName = "attachments",
+  multiple = true,
+  allowedTypes,
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleFileSelect = (e) => {
+    const files = e.target.files;
+    if (!files) return;
+    const acceptedFiles = Array.from(files).filter((file) => {
+      if (maxSize && file.size / 1024 / 1024 > maxSize) return false;
+      const ext = String(file.name || "").split(".").pop()?.toLowerCase();
+      if (allowedTypes?.length && ext && !allowedTypes.includes(ext)) return false;
+      return true;
+    });
+    const newItems = acceptedFiles.map((f) => {
+      const uid = `${Date.now()}-${f.name}`;
+      return {
+        url: URL.createObjectURL(f),
+        name: f.name,
+        id: uid,
+        uid,
+        status: "uploading",
+        size: f.size
+      };
+    });
+    const merged = [...value, ...newItems].slice(0, maxCount ?? Infinity);
+    setFieldValue(fieldId, merged);
+    onChange?.(merged);
+    acceptedFiles.forEach((file, index) => {
+      const localId = newItems[index]?.id;
+      api.uploadFile(file, bucketName).then((uploaded) => {
+        const current = (formData[fieldId] ?? merged).map(
+          (item) => item.id === localId ? { ...uploaded, id: uploaded.id || localId } : item
+        );
+        setFieldValue(fieldId, current);
+        onChange?.(current);
+      }).catch(() => void 0);
+    });
+  };
+  const handleRemove = (id) => {
+    const removed = value.find((item) => item.id === id);
+    const newValue = value.filter((item) => item.id !== id);
+    setFieldValue(fieldId, newValue);
+    onChange?.(newValue);
+    if (removed?.objectName) {
+      api.deleteFile(removed.objectName, removed.bucketName || bucketName).catch(() => void 0);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { "data-testid": `attachmentfield-mobile-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "input",
+      {
+        type: "file",
+        accept,
+        multiple,
+        disabled,
+        onChange: handleFileSelect,
+        "data-testid": `attachmentfield-file-input-${fieldId}`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { "data-testid": `attachmentfield-list-${fieldId}`, children: value.map((item) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("li", { "data-testid": `attachmentfield-item-${item.id}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: item.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => handleRemove(item.id),
+          "data-testid": `attachmentfield-remove-${item.id}`,
+          children: "\u5220\u9664"
+        }
+      )
+    ] }, item.id)) })
+  ] });
+}
+
+// src/fields/AttachmentField/AttachmentFieldReadonly.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function AttachmentFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  if (value.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      "div",
+      {
+        className: readonlyClassName || "sy-field-readonly-value",
+        "data-testid": `attachmentfield-readonly-${fieldId}`,
+        children: "--"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "ul",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `attachmentfield-readonly-${fieldId}`,
+      children: value.map((item) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "a",
+        {
+          href: item.downloadUrl || item.url || "#",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: async (event) => {
+            if (!item.objectName) return;
+            event.preventDefault();
+            const ticket = await api.createDownloadTicket(
+              item.bucketName || "attachments",
+              item.objectName,
+              item.name
+            );
+            const url = typeof ticket === "string" ? ticket : ticket?.downloadUrl || ticket?.url || item.downloadUrl || item.url;
+            if (url) window.open(url, "_blank", "noopener,noreferrer");
+          },
+          children: item.name
+        }
+      ) }, item.id))
+    }
+  );
+}
+
+// src/fields/AttachmentField/index.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function AttachmentField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react16.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AttachmentFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AttachmentFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AttachmentFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/ImageField/index.tsx
+var import_react17 = require("react");
+
+// src/fields/ImageField/ImageFieldPC.tsx
+var import_antd11 = require("antd");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var createLocalItem2 = (file) => ({
+  id: file.uid || `${Date.now()}-${file.name}`,
+  uid: file.uid || `${Date.now()}-${file.name}`,
+  url: "",
+  name: file.name,
+  status: "uploading",
+  size: file.size,
+  percent: 0
+});
+function ImageFieldPC({
+  fieldId,
+  behavior,
+  maxCount,
+  accept,
+  bucketName = "images",
+  multiple = true,
+  maxSize,
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const setValue = (items) => {
+    setFieldValue(fieldId, items);
+    onChange?.(items);
+  };
+  const handleChange = (info) => {
+    const fileList2 = info.fileList ?? [];
+    const items = fileList2.map((f) => {
+      const item = {
+        url: String(f.url ?? f.thumbUrl ?? f.response?.url ?? ""),
+        name: String(f.name ?? ""),
+        id: String(f.uid ?? f.response?.id ?? "")
+      };
+      if (f.uid ?? f.response?.uid) item.uid = String(f.uid ?? f.response?.uid);
+      if (f.status) item.status = f.status;
+      if (f.percent !== void 0) item.percent = f.percent;
+      if (f.objectName ?? f.response?.objectName)
+        item.objectName = f.objectName ?? f.response?.objectName;
+      if (f.bucketName ?? f.response?.bucketName)
+        item.bucketName = f.bucketName ?? f.response?.bucketName;
+      if (f.size ?? f.response?.size) item.size = f.size ?? f.response?.size;
+      if (f.type ?? f.response?.contentType) item.contentType = f.type ?? f.response?.contentType;
+      return item;
+    });
+    setValue(items);
+  };
+  const handleRemove = (file) => {
+    const removed = value.find((item) => item.id === file.uid || item.uid === file.uid);
+    const newValue = value.filter((item) => item.id !== file.uid && item.uid !== file.uid);
+    setValue(newValue);
+    if (removed?.objectName) {
+      api.deleteFile(removed.objectName, removed.bucketName || bucketName).catch(() => void 0);
+    }
+  };
+  const handlePreview = async (file) => {
+    const item = value.find((current) => current.id === file.uid || current.uid === file.uid);
+    let url = item?.previewUrl || item?.url || file.url || file.thumbUrl;
+    if (item?.objectName) {
+      const ticket = await api.createFileAccessTicket(
+        item.bucketName || bucketName,
+        item.objectName,
+        item.name,
+        "preview"
+      );
+      url = typeof ticket === "string" ? ticket : ticket?.previewUrl || ticket?.url || url;
+    }
+    if (url) window.open(url, "_blank", "noopener,noreferrer");
+  };
+  const fileList = value.map((item) => ({
+    uid: item.id,
+    name: item.name,
+    url: item.url,
+    thumbUrl: item.url,
+    status: item.status ?? "done",
+    percent: item.percent
+  }));
+  const beforeUpload = (file) => {
+    if (!String(file.type || "").startsWith("image/") && !/\.(png|jpe?g|gif|bmp|svg|webp)$/i.test(file.name)) {
+      return false;
+    }
+    if (maxSize && file.size / 1024 / 1024 > maxSize) {
+      return false;
+    }
+    return true;
+  };
+  const customRequest = async ({ file, onProgress, onSuccess, onError }) => {
+    const currentFile = file;
+    const localItem = createLocalItem2(currentFile);
+    const nextValue = multiple ? [...value, localItem].slice(0, maxCount ?? Infinity) : [localItem];
+    setValue(nextValue);
+    try {
+      const uploaded = await api.uploadFile(currentFile, bucketName, (percent) => {
+        onProgress?.({ percent });
+        setValue(
+          nextValue.map(
+            (item) => item.id === localItem.id ? { ...item, percent, status: "uploading" } : item
+          )
+        );
+      });
+      const completed = {
+        ...uploaded,
+        id: uploaded.id || localItem.id,
+        uid: uploaded.uid || localItem.uid
+      };
+      setValue(nextValue.map((item) => item.id === localItem.id ? completed : item));
+      onSuccess?.(completed);
+    } catch (error) {
+      const failed = {
+        ...localItem,
+        status: "error",
+        error: error?.message || "\u4E0A\u4F20\u5931\u8D25"
+      };
+      setValue(nextValue.map((item) => item.id === localItem.id ? failed : item));
+      onError?.(error);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_antd11.Upload,
+    {
+      "data-testid": `imagefield-input-${fieldId}`,
+      listType: "picture-card",
+      fileList,
+      customRequest,
+      accept: accept ?? "image/*",
+      maxCount,
+      multiple,
+      disabled,
+      onChange: handleChange,
+      onRemove: handleRemove,
+      onPreview: handlePreview,
+      beforeUpload,
+      children: (!maxCount || value.length < maxCount) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "data-testid": `imagefield-upload-btn-${fieldId}`, children: "+ \u4E0A\u4F20\u56FE\u7247" })
+    }
+  );
+}
+
+// src/fields/ImageField/ImageFieldMobile.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function ImageFieldMobile({
+  fieldId,
+  behavior,
+  maxCount,
+  accept,
+  bucketName = "images",
+  multiple = true,
+  maxSize,
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleFileSelect = (e) => {
+    const files = e.target.files;
+    if (!files) return;
+    const acceptedFiles = Array.from(files).filter((file) => {
+      const isImage = String(file.type || "").startsWith("image/") || /\.(png|jpe?g|gif|bmp|svg|webp)$/i.test(file.name);
+      if (!isImage) return false;
+      if (maxSize && file.size / 1024 / 1024 > maxSize) return false;
+      return true;
+    });
+    const newItems = acceptedFiles.map((f) => {
+      const uid = `${Date.now()}-${f.name}`;
+      return {
+        url: URL.createObjectURL(f),
+        name: f.name,
+        id: uid,
+        uid,
+        status: "uploading",
+        size: f.size
+      };
+    });
+    const merged = [...value, ...newItems].slice(0, maxCount ?? Infinity);
+    setFieldValue(fieldId, merged);
+    onChange?.(merged);
+    acceptedFiles.forEach((file, index) => {
+      const localId = newItems[index]?.id;
+      api.uploadFile(file, bucketName).then((uploaded) => {
+        const current = (formData[fieldId] ?? merged).map(
+          (item) => item.id === localId ? { ...uploaded, id: uploaded.id || localId } : item
+        );
+        setFieldValue(fieldId, current);
+        onChange?.(current);
+      }).catch(() => void 0);
+    });
+  };
+  const handleRemove = (id) => {
+    const removed = value.find((item) => item.id === id);
+    const newValue = value.filter((item) => item.id !== id);
+    setFieldValue(fieldId, newValue);
+    onChange?.(newValue);
+    if (removed?.objectName) {
+      api.deleteFile(removed.objectName, removed.bucketName || bucketName).catch(() => void 0);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { "data-testid": `imagefield-mobile-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      "input",
+      {
+        type: "file",
+        accept: accept ?? "image/*",
+        multiple,
+        disabled,
+        onChange: handleFileSelect,
+        "data-testid": `imagefield-file-input-${fieldId}`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "data-testid": `imagefield-grid-${fieldId}`, children: value.map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { "data-testid": `imagefield-thumb-${item.id}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: item.url, alt: item.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => handleRemove(item.id),
+          "data-testid": `imagefield-remove-${item.id}`,
+          children: "\u5220\u9664"
+        }
+      )
+    ] }, item.id)) })
+  ] });
+}
+
+// src/fields/ImageField/ImageFieldReadonly.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function ImageFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  if (value.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      "div",
+      {
+        className: readonlyClassName || "sy-field-readonly-value",
+        "data-testid": `imagefield-readonly-${fieldId}`,
+        children: "--"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `imagefield-readonly-${fieldId}`,
+      children: value.map((item) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        "img",
+        {
+          src: item.previewUrl || item.url,
+          alt: item.name,
+          "data-testid": `imagefield-readonly-img-${item.id}`,
+          style: { width: 80, height: 80, objectFit: "cover", marginRight: 8 },
+          onClick: async () => {
+            let url = item.previewUrl || item.url;
+            if (item.objectName) {
+              const ticket = await api.createFileAccessTicket(
+                item.bucketName || "images",
+                item.objectName,
+                item.name,
+                "preview"
+              );
+              url = typeof ticket === "string" ? ticket : ticket?.previewUrl || ticket?.url || url;
+            }
+            if (url) window.open(url, "_blank", "noopener,noreferrer");
+          }
+        },
+        item.id
+      ))
+    }
+  );
+}
+
+// src/fields/ImageField/index.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function ImageField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react17.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ImageFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ImageFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ImageFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/SubFormField/index.tsx
+var import_react19 = require("react");
+
+// src/fields/SubFormField/SubFormCell.tsx
+var import_react18 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var stringifyFallbackValue = (value) => {
+  if (value === void 0 || value === null) return "";
+  if (typeof value === "string" || typeof value === "number") return value;
+  return JSON.stringify(value);
+};
+function SubFormCell({
+  parentFieldId,
+  rowIndex,
+  column,
+  row,
+  behavior,
+  fallbackTestId,
+  onCellChange
+}) {
+  const Component = useComponent(column.componentName);
+  const parentContext = useFormContext();
+  const scopedFieldId = `${parentFieldId}.${rowIndex}.${column.fieldId}`;
+  const cellValue = row[column.fieldId];
+  const resolvedBehavior = behavior ?? "NORMAL";
+  const childContext = (0, import_react18.useMemo)(
+    () => ({
+      ...parentContext,
+      formData: {
+        ...parentContext.formData,
+        [scopedFieldId]: cellValue
+      },
+      fieldBehaviors: {
+        ...parentContext.fieldBehaviors,
+        [scopedFieldId]: resolvedBehavior
+      },
+      setFieldValue: (fieldId, value) => {
+        if (fieldId === scopedFieldId) {
+          onCellChange(rowIndex, column.fieldId, value);
+          return;
+        }
+        parentContext.setFieldValue(fieldId, value);
+      },
+      getFieldValue: (fieldId) => fieldId === scopedFieldId ? cellValue : parentContext.getFieldValue(fieldId),
+      getFormData: () => ({
+        ...parentContext.getFormData(),
+        [scopedFieldId]: cellValue
+      }),
+      validateField: (fieldId) => fieldId === scopedFieldId ? Promise.resolve(true) : parentContext.validateField(fieldId),
+      registerField: (fieldId) => {
+        if (fieldId !== scopedFieldId) parentContext.registerField(fieldId);
+      },
+      unregisterField: (fieldId) => {
+        if (fieldId !== scopedFieldId) parentContext.unregisterField(fieldId);
+      }
+    }),
+    [
+      cellValue,
+      column.fieldId,
+      onCellChange,
+      parentContext,
+      resolvedBehavior,
+      rowIndex,
+      scopedFieldId
+    ]
+  );
+  if (!Component) {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      "input",
+      {
+        value: stringifyFallbackValue(cellValue),
+        disabled: resolvedBehavior === "DISABLED",
+        onChange: (event) => onCellChange(rowIndex, column.fieldId, event.target.value),
+        "data-testid": fallbackTestId
+      }
+    );
+  }
+  const columnProps = { ...column };
+  delete columnProps.fieldId;
+  delete columnProps.componentName;
+  delete columnProps.label;
+  delete columnProps.required;
+  delete columnProps.tips;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FormContext.Provider, { value: childContext, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    Component,
+    {
+      ...columnProps,
+      fieldId: scopedFieldId,
+      label: "",
+      behavior: resolvedBehavior,
+      required: false,
+      tips: void 0
+    }
+  ) });
+}
+
+// src/fields/SubFormField/SubFormFieldPC.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function SubFormFieldPC({
+  fieldId,
+  behavior,
+  columns,
+  maxRows,
+  minRows,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const rows = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleAddRow = () => {
+    if (maxRows && rows.length >= maxRows) return;
+    const emptyRow = {};
+    columns.forEach((col) => {
+      emptyRow[col.fieldId] = col.defaultValue ?? "";
+    });
+    const newRows = [...rows, emptyRow];
+    setFieldValue(fieldId, newRows);
+    onChange?.(newRows);
+  };
+  const handleRemoveRow = (index) => {
+    if (minRows && rows.length <= minRows) return;
+    const newRows = rows.filter((_, i) => i !== index);
+    setFieldValue(fieldId, newRows);
+    onChange?.(newRows);
+  };
+  const handleCellChange = (rowIndex, colId, value) => {
+    const newRows = rows.map((row, i) => i === rowIndex ? { ...row, [colId]: value } : row);
+    setFieldValue(fieldId, newRows);
+    onChange?.(newRows);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { "data-testid": `subformfield-pc-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("table", { "data-testid": `subformfield-table-${fieldId}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tr", { children: [
+        columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { children: col.label }, col.fieldId)),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { children: "\u64CD\u4F5C" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tr", { "data-testid": `subformfield-row-${fieldId}-${rowIndex}`, children: [
+        columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          SubFormCell,
+          {
+            parentFieldId: fieldId,
+            rowIndex,
+            column: col,
+            row,
+            behavior,
+            fallbackTestId: `subformfield-cell-${fieldId}-${rowIndex}-${col.fieldId}`,
+            onCellChange: handleCellChange
+          }
+        ) }, col.fieldId)),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => handleRemoveRow(rowIndex),
+            "data-testid": `subformfield-remove-${fieldId}-${rowIndex}`,
+            children: "\u5220\u9664"
+          }
+        ) })
+      ] }, rowIndex)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: handleAddRow,
+        "data-testid": `subformfield-add-${fieldId}`,
+        children: "\u6DFB\u52A0\u884C"
+      }
+    )
+  ] });
+}
+
+// src/fields/SubFormField/SubFormFieldMobile.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function SubFormFieldMobile({
+  fieldId,
+  behavior,
+  columns,
+  maxRows,
+  minRows,
+  onChange
+}) {
+  const { formData, setFieldValue } = useFormContext();
+  const rows = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const handleAddRow = () => {
+    if (maxRows && rows.length >= maxRows) return;
+    const emptyRow = {};
+    columns.forEach((col) => {
+      emptyRow[col.fieldId] = col.defaultValue ?? "";
+    });
+    const newRows = [...rows, emptyRow];
+    setFieldValue(fieldId, newRows);
+    onChange?.(newRows);
+  };
+  const handleRemoveRow = (index) => {
+    if (minRows && rows.length <= minRows) return;
+    const newRows = rows.filter((_, i) => i !== index);
+    setFieldValue(fieldId, newRows);
+    onChange?.(newRows);
+  };
+  const handleCellChange = (rowIndex, colId, value) => {
+    const newRows = rows.map((row, i) => i === rowIndex ? { ...row, [colId]: value } : row);
+    setFieldValue(fieldId, newRows);
+    onChange?.(newRows);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { "data-testid": `subformfield-mobile-${fieldId}`, children: [
+    rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { "data-testid": `subformfield-card-${fieldId}-${rowIndex}`, children: [
+      columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("label", { children: col.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          SubFormCell,
+          {
+            parentFieldId: fieldId,
+            rowIndex,
+            column: col,
+            row,
+            behavior,
+            fallbackTestId: `subformfield-mobile-cell-${fieldId}-${rowIndex}-${col.fieldId}`,
+            onCellChange: handleCellChange
+          }
+        )
+      ] }, col.fieldId)),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => handleRemoveRow(rowIndex),
+          "data-testid": `subformfield-mobile-remove-${fieldId}-${rowIndex}`,
+          children: "\u5220\u9664"
+        }
+      )
+    ] }, rowIndex)),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: handleAddRow,
+        "data-testid": `subformfield-mobile-add-${fieldId}`,
+        children: "\u6DFB\u52A0\u884C"
+      }
+    )
+  ] });
+}
+
+// src/fields/SubFormField/SubFormFieldReadonly.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+function SubFormFieldReadonly({ fieldId, columns, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const rows = formData[fieldId] ?? [];
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      "div",
+      {
+        className: readonlyClassName || "sy-field-readonly-value",
+        "data-testid": `subformfield-readonly-${fieldId}`,
+        children: "--"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    "table",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `subformfield-readonly-${fieldId}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("th", { children: col.label }, col.fieldId)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { "data-testid": `subformfield-readonly-row-${fieldId}-${rowIndex}`, children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("td", { children: row[col.fieldId] ?? "--" }, col.fieldId)) }, rowIndex)) })
+      ]
+    }
+  );
+}
+
+// src/fields/SubFormField/index.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function SubFormField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react19.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SubFormFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SubFormFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SubFormFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/UserSelectField/index.tsx
+var import_react22 = require("react");
+
+// src/fields/UserSelectField/UserSelectFieldPC.tsx
+var import_react20 = require("react");
+var import_antd12 = require("antd");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var getUserId = (user) => String(user.id || user.value || "");
+var getUserName = (user) => String(user.name || user.label || user.username || getUserId(user));
+var normalizeUser = (user) => ({
+  ...user,
+  id: String(user?.id || user?.value || user?.key || ""),
+  name: String(user?.name || user?.label || user?.title || user?.username || user?.id || "")
+});
+function UserSelectFieldPC({
+  fieldId,
+  behavior,
+  placeholder,
+  inputClassName,
+  multiple = true,
+  searchable = true,
+  dataSource = [],
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const [optionsSource, setOptionsSource] = (0, import_react20.useState)(
+    () => dataSource.map(normalizeUser)
+  );
+  const [loading, setLoading] = (0, import_react20.useState)(false);
+  (0, import_react20.useEffect)(() => {
+    if (dataSource.length) {
+      setOptionsSource(dataSource.map(normalizeUser));
+    }
+  }, [dataSource]);
+  const fetchUsers = async (keyword) => {
+    if (dataSource.length) return;
+    setLoading(true);
+    try {
+      const users = await api.getUserList(
+        keyword ? { name: keyword, username: keyword } : void 0
+      );
+      setOptionsSource(users.map(normalizeUser));
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, import_react20.useEffect)(() => {
+    fetchUsers();
+  }, []);
+  const handleChange = (selectedIds) => {
+    const ids = Array.isArray(selectedIds) ? selectedIds : [selectedIds];
+    const selected = ids.map(
+      (id) => optionsSource.find((u) => getUserId(u) === id) ?? value.find((u) => getUserId(u) === id)
+    ).filter(Boolean);
+    const result = multiple ? selected : selected.slice(0, 1);
+    setFieldValue(fieldId, result);
+    onChange?.(result);
+  };
+  const options = (0, import_react20.useMemo)(
+    () => optionsSource.map((u) => ({
+      value: getUserId(u),
+      label: getUserName(u)
+    })),
+    [optionsSource]
+  );
+  const selectValue = multiple ? value.map(getUserId) : value[0] ? getUserId(value[0]) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_antd12.Select,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      mode: multiple ? "multiple" : void 0,
+      value: selectValue,
+      placeholder,
+      disabled,
+      showSearch: searchable,
+      filterOption: dataSource.length ? void 0 : false,
+      onSearch: searchable ? fetchUsers : void 0,
+      loading,
+      options,
+      onChange: handleChange,
+      "data-testid": `userselectfield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/UserSelectField/UserSelectFieldMobile.tsx
+var import_react21 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var getUserId2 = (user) => String(user.id || user.value || "");
+var getUserName2 = (user) => String(user.name || user.label || user.username || getUserId2(user));
+var normalizeUser2 = (user) => ({
+  ...user,
+  id: String(user?.id || user?.value || user?.key || ""),
+  name: String(user?.name || user?.label || user?.title || user?.username || user?.id || "")
+});
+function UserSelectFieldMobile({
+  fieldId,
+  behavior,
+  multiple = true,
+  dataSource = [],
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const [showPicker, setShowPicker] = (0, import_react21.useState)(false);
+  const [optionsSource, setOptionsSource] = (0, import_react21.useState)(
+    () => dataSource.map(normalizeUser2)
+  );
+  (0, import_react21.useEffect)(() => {
+    if (dataSource.length) {
+      setOptionsSource(dataSource.map(normalizeUser2));
+    }
+  }, [dataSource]);
+  const ensureUsers = async () => {
+    if (dataSource.length || optionsSource.length) return;
+    const users = await api.getUserList();
+    setOptionsSource(users.map(normalizeUser2));
+  };
+  const handleSelect = (userId) => {
+    const user = optionsSource.find((u) => getUserId2(u) === userId);
+    if (!user) return;
+    let newValue;
+    if (multiple) {
+      const exists = value.some((u) => getUserId2(u) === userId);
+      newValue = exists ? value.filter((u) => getUserId2(u) !== userId) : [...value, user];
+    } else {
+      newValue = [user];
+      setShowPicker(false);
+    }
+    setFieldValue(fieldId, newValue);
+    onChange?.(newValue);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { "data-testid": `userselectfield-mobile-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => {
+          setShowPicker(!showPicker);
+          ensureUsers();
+        },
+        "data-testid": `userselectfield-mobile-trigger-${fieldId}`,
+        children: value.length > 0 ? value.map(getUserName2).join(", ") : "\u8BF7\u9009\u62E9"
+      }
+    ),
+    showPicker && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { "data-testid": `userselectfield-mobile-list-${fieldId}`, children: optionsSource.map((user) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => handleSelect(getUserId2(user)),
+        "data-testid": `userselectfield-mobile-option-${getUserId2(user)}`,
+        children: [
+          getUserName2(user),
+          value.some((u) => getUserId2(u) === getUserId2(user)) ? " \u2713" : ""
+        ]
+      }
+    ) }, getUserId2(user))) })
+  ] });
+}
+
+// src/fields/UserSelectField/UserSelectFieldReadonly.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function UserSelectFieldReadonly({ fieldId, readonlyClassName }) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const display = value.length > 0 ? value.map((u) => u.name).join(", ") : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `userselectfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/UserSelectField/index.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function UserSelectField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react22.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UserSelectFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UserSelectFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UserSelectFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/DepartmentSelectField/index.tsx
+var import_react25 = require("react");
+
+// src/fields/DepartmentSelectField/DepartmentSelectFieldPC.tsx
+var import_react23 = require("react");
+var import_antd13 = require("antd");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var EMPTY_TREE_DATA = [];
+function convertTreeData(nodes) {
+  return nodes.map((node) => ({
+    value: String(node.id || node.value || node.key || ""),
+    title: node.name || node.label || node.title,
+    isLeaf: node.isLeaf ?? !node.hasChildren,
+    children: node.children ? convertTreeData(node.children) : void 0
+  }));
+}
+function flattenTree(nodes) {
+  const result = [];
+  const walk = (list) => {
+    for (const node of list) {
+      result.push({
+        id: String(node.id || node.value || node.key || ""),
+        name: String(node.name || node.label || node.title || node.id || "")
+      });
+      if (node.children) walk(node.children);
+    }
+  };
+  walk(nodes);
+  return result;
+}
+function DepartmentSelectFieldPC({
+  fieldId,
+  behavior,
+  placeholder,
+  inputClassName,
+  multiple = false,
+  treeData,
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const configuredTreeData = treeData ?? EMPTY_TREE_DATA;
+  const remoteLoadedRef = (0, import_react23.useRef)(false);
+  const [loadedTreeData, setLoadedTreeData] = (0, import_react23.useState)(configuredTreeData);
+  (0, import_react23.useEffect)(() => {
+    if (configuredTreeData.length) {
+      setLoadedTreeData(configuredTreeData);
+      return;
+    }
+    if (remoteLoadedRef.current) return;
+    remoteLoadedRef.current = true;
+    api.getDepartmentRoots().then((nodes) => setLoadedTreeData(nodes));
+  }, [api, configuredTreeData]);
+  const allDepts = flattenTree(loadedTreeData);
+  const handleChange = (selectedIds) => {
+    const ids = Array.isArray(selectedIds) ? selectedIds : [selectedIds];
+    const selected = ids.map((id) => allDepts.find((d) => d.id === id) ?? value.find((d) => d.id === id)).filter(Boolean);
+    setFieldValue(fieldId, selected);
+    onChange?.(selected);
+  };
+  const treeDataConverted = convertTreeData(loadedTreeData);
+  const selectValue = multiple ? value.map((d) => d.id) : value[0]?.id;
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    import_antd13.TreeSelect,
+    {
+      className: inputClassName,
+      style: { width: "100%" },
+      multiple,
+      treeData: treeDataConverted,
+      value: selectValue,
+      placeholder,
+      disabled,
+      onChange: handleChange,
+      loadData: async (node) => {
+        if (configuredTreeData.length) return;
+        const children = await api.getDepartmentChildren(String(node.value));
+        setLoadedTreeData((current) => {
+          const attach = (items) => items.map((item) => {
+            const id = String(item.id || item.value || item.key || "");
+            if (id === String(node.value)) {
+              return { ...item, children };
+            }
+            return item.children ? { ...item, children: attach(item.children) } : item;
+          });
+          return attach(current);
+        });
+      },
+      treeDefaultExpandAll: Boolean(configuredTreeData.length),
+      "data-testid": `deptselectfield-input-${fieldId}`
+    }
+  );
+}
+
+// src/fields/DepartmentSelectField/DepartmentSelectFieldMobile.tsx
+var import_react24 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var EMPTY_TREE_DATA2 = [];
+function flattenTree2(nodes) {
+  const result = [];
+  const walk = (list) => {
+    for (const node of list) {
+      result.push({
+        id: String(node.id || node.value || node.key || ""),
+        name: String(node.name || node.label || node.title || node.id || "")
+      });
+      if (node.children) walk(node.children);
+    }
+  };
+  walk(nodes);
+  return result;
+}
+function DepartmentSelectFieldMobile({
+  fieldId,
+  behavior,
+  multiple = false,
+  treeData,
+  onChange
+}) {
+  const { formData, setFieldValue, api } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const disabled = behavior === "DISABLED";
+  const [showPicker, setShowPicker] = (0, import_react24.useState)(false);
+  const configuredTreeData = treeData ?? EMPTY_TREE_DATA2;
+  const remoteLoadedRef = (0, import_react24.useRef)(false);
+  const [loadedTreeData, setLoadedTreeData] = (0, import_react24.useState)(configuredTreeData);
+  (0, import_react24.useEffect)(() => {
+    if (configuredTreeData.length) {
+      setLoadedTreeData(configuredTreeData);
+    }
+  }, [configuredTreeData]);
+  const ensureDepartments = async () => {
+    if (configuredTreeData.length || loadedTreeData.length || remoteLoadedRef.current) return;
+    remoteLoadedRef.current = true;
+    const roots = await api.getDepartmentRoots();
+    setLoadedTreeData(roots);
+  };
+  const allDepts = flattenTree2(loadedTreeData);
+  const handleSelect = (deptId) => {
+    const dept = allDepts.find((d) => d.id === deptId);
+    if (!dept) return;
+    let newValue;
+    if (multiple) {
+      const exists = value.some((d) => d.id === deptId);
+      newValue = exists ? value.filter((d) => d.id !== deptId) : [...value, dept];
+    } else {
+      newValue = [dept];
+      setShowPicker(false);
+    }
+    setFieldValue(fieldId, newValue);
+    onChange?.(newValue);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { "data-testid": `deptselectfield-mobile-${fieldId}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => {
+          setShowPicker(!showPicker);
+          ensureDepartments();
+        },
+        "data-testid": `deptselectfield-mobile-trigger-${fieldId}`,
+        children: value.length > 0 ? value.map((d) => d.name).join(", ") : "\u8BF7\u9009\u62E9"
+      }
+    ),
+    showPicker && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { "data-testid": `deptselectfield-mobile-list-${fieldId}`, children: allDepts.map((dept) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => handleSelect(dept.id),
+        "data-testid": `deptselectfield-mobile-option-${dept.id}`,
+        children: [
+          dept.name,
+          value.some((d) => d.id === dept.id) ? " \u2713" : ""
+        ]
+      }
+    ) }, dept.id)) })
+  ] });
+}
+
+// src/fields/DepartmentSelectField/DepartmentSelectFieldReadonly.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function DepartmentSelectFieldReadonly({
+  fieldId,
+  readonlyClassName
+}) {
+  const { formData } = useFormContext();
+  const value = formData[fieldId] ?? [];
+  const display = value.length > 0 ? value.map((d) => d.name).join(", ") : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    "div",
+    {
+      className: readonlyClassName || "sy-field-readonly-value",
+      "data-testid": `deptselectfield-readonly-${fieldId}`,
+      children: display
+    }
+  );
+}
+
+// src/fields/DepartmentSelectField/index.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function DepartmentSelectField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    defaultValue,
+    className,
+    labelClassName,
+    tipsClassName
+  } = props;
+  const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
+  const { isMobile } = useDeviceDetect();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  (0, import_react25.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const childProps = { ...props, behavior };
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DepartmentSelectFieldReadonly, { ...childProps }) : isMobile ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DepartmentSelectFieldMobile, { ...childProps }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DepartmentSelectFieldPC, { ...childProps })
+    }
+  );
+}
+
+// src/fields/CascadeSelectField/index.tsx
+var import_react26 = require("react");
+var import_antd14 = require("antd");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var toValuePath = (value, multiple) => {
+  if (!value) return multiple ? [] : [];
+  if (multiple && Array.isArray(value) && Array.isArray(value[0])) {
+    return value.map((path) => path.map((item) => item.value));
+  }
+  if (Array.isArray(value)) return value.map((item) => item.value);
+  return [];
+};
+var normalizePath = (selectedOptions) => (selectedOptions ?? []).map((item) => ({
+  label: String(item?.label ?? item?.title ?? item?.value ?? ""),
+  value: String(item?.value ?? "")
+}));
+function CascadeSelectField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    inputClassName,
+    placeholder,
+    defaultValue,
+    options = [],
+    multiple = false,
+    allowClear = true,
+    changeOnSelect,
+    showSearch,
+    fieldNames,
+    onChange
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  const value = formData[fieldId] ?? (multiple ? [] : []);
+  (0, import_react26.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const readonlyText = Array.isArray(value) ? (multiple && Array.isArray(value[0]) ? value.flat() : value).map((item) => item?.label ?? item?.value ?? item).join(" / ") : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        "div",
+        {
+          className: "sy-field-readonly-value",
+          "data-testid": `cascadeselectfield-readonly-${fieldId}`,
+          children: readonlyText || "--"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_antd14.Cascader,
+        {
+          className: inputClassName,
+          style: { width: "100%" },
+          options,
+          multiple,
+          allowClear,
+          changeOnSelect,
+          showSearch,
+          fieldNames,
+          disabled: behavior === "DISABLED",
+          placeholder,
+          value: toValuePath(value, multiple),
+          onChange: (_nextValue, selectedOptions) => {
+            const next = multiple ? (selectedOptions ?? []).map((path) => normalizePath(path)) : normalizePath(selectedOptions);
+            setFieldValue(fieldId, next);
+            onChange?.(next);
+          },
+          "data-testid": `cascadeselectfield-input-${fieldId}`
+        }
+      )
+    }
+  );
+}
+
+// src/fields/AddressField/index.tsx
+var import_react27 = require("react");
+var import_antd15 = require("antd");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var LEVELS = ["province", "city", "district", "street"];
+var modeDepth = (mode) => {
+  if (mode === "province-city") return 2;
+  if (mode === "province-city-district-street" || mode === "province-city-district-street-detail") {
+    return 4;
+  }
+  return 3;
+};
+var valueToPath = (value) => LEVELS.map((level) => value?.[level]?.value).filter(Boolean);
+function AddressField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    inputClassName,
+    defaultValue,
+    mode = "province-city-district",
+    detailPlaceholder = "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740",
+    allowClear = true,
+    onChange
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField, api } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  const value = formData[fieldId];
+  const [options, setOptions] = (0, import_react27.useState)([]);
+  const depth = modeDepth(mode);
+  const detailEnabled = mode === "province-city-district-street-detail";
+  (0, import_react27.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  (0, import_react27.useEffect)(() => {
+    api.getChinaDivisions().then((list) => {
+      setOptions(
+        list.map((item) => ({
+          label: String(item.name || item.label || item.adcode),
+          value: String(item.adcode || item.value),
+          level: "province",
+          isLeaf: depth <= 1 || item.isLeaf === true
+        }))
+      );
+    });
+  }, [api, depth]);
+  if (behavior === "HIDDEN") return null;
+  const setAddressValue = (next) => {
+    setFieldValue(fieldId, next);
+    onChange?.(next);
+  };
+  const display = value?.fullAddress || valueToPath(value).join(" / ") || "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "sy-field-readonly-value", "data-testid": `addressfield-readonly-${fieldId}`, children: display }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: inputClassName, "data-testid": `addressfield-input-${fieldId}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          import_antd15.Cascader,
+          {
+            style: { width: "100%" },
+            options,
+            allowClear,
+            disabled: behavior === "DISABLED",
+            value: valueToPath(value),
+            placeholder: props.placeholder || "\u8BF7\u9009\u62E9\u5730\u5740",
+            loadData: async (selectedOptions) => {
+              const target = selectedOptions[selectedOptions.length - 1];
+              const nextLevel = LEVELS[selectedOptions.length] ?? "street";
+              const children = await api.getChinaDivisions(target.value);
+              target.children = children.map((item) => ({
+                label: String(item.name || item.label || item.adcode),
+                value: String(item.adcode || item.value),
+                level: nextLevel,
+                isLeaf: selectedOptions.length + 1 >= depth || item.isLeaf === true
+              }));
+              setOptions([...options]);
+            },
+            onChange: (_path, selectedOptions) => {
+              if (!selectedOptions?.length) {
+                setAddressValue(void 0);
+                return;
+              }
+              const next = {};
+              selectedOptions.forEach((item, index) => {
+                const level = LEVELS[index];
+                if (level) next[level] = { label: item.label, value: item.value };
+              });
+              next.detail = value?.detail;
+              next.fullAddress = [
+                ...selectedOptions.map((item) => item.label),
+                detailEnabled ? value?.detail : ""
+              ].filter(Boolean).join("");
+              setAddressValue(next);
+            }
+          }
+        ),
+        detailEnabled && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          import_antd15.Input,
+          {
+            value: value?.detail ?? "",
+            disabled: behavior === "DISABLED",
+            placeholder: detailPlaceholder,
+            onChange: (event) => {
+              const detail = event.target.value;
+              const labels = LEVELS.map((level) => value?.[level]?.label).filter(Boolean);
+              setAddressValue({
+                ...value ?? {},
+                detail,
+                fullAddress: [...labels, detail].filter(Boolean).join("")
+              });
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/fields/AssociationFormField/index.tsx
+var import_react28 = require("react");
+var import_antd16 = require("antd");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var normalizeValues = (value) => {
+  if (!value) return [];
+  return (Array.isArray(value) ? value : [value]).filter(Boolean);
+};
+function AssociationFormField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    inputClassName,
+    placeholder,
+    defaultValue,
+    associationForm,
+    multiple = false,
+    allowClear = true,
+    showSearch = true,
+    onChange
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField, api } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  const value = normalizeValues(formData[fieldId]);
+  const [options, setOptions] = (0, import_react28.useState)([]);
+  const [loading, setLoading] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, normalizeValues(defaultValue));
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  const loadOptions = async (keyword) => {
+    if (!associationForm?.appType || !associationForm.formUuid) return;
+    setLoading(true);
+    try {
+      const result = await api.advancedSearch({
+        appType: associationForm.appType,
+        formUuid: associationForm.formUuid,
+        currentPage: 1,
+        pageSize: 20,
+        searchKeyWord: keyword
+      });
+      const list = Array.isArray(result?.data) ? result.data : result?.list || result?.items || [];
+      setOptions(
+        list.map((record) => {
+          const rawLabel = record?.[associationForm.mainFieldId];
+          const labelText = typeof rawLabel === "object" ? rawLabel?.label || JSON.stringify(rawLabel) : rawLabel;
+          return {
+            label: String(labelText || record?.id || record?.formInstId || "--"),
+            value: record?.formInstId || record?.id || record?.bizObjectId || labelText,
+            record
+          };
+        })
+      );
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, import_react28.useEffect)(() => {
+    loadOptions();
+  }, [associationForm?.appType, associationForm?.formUuid, associationForm?.mainFieldId]);
+  const selectOptions = (0, import_react28.useMemo)(
+    () => options.map((item) => ({ label: item.label, value: item.value })),
+    [options]
+  );
+  if (behavior === "HIDDEN") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        "div",
+        {
+          className: "sy-field-readonly-value",
+          "data-testid": `associationformfield-readonly-${fieldId}`,
+          children: value.map((item) => item.label).join(", ") || "--"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        import_antd16.Select,
+        {
+          className: inputClassName,
+          style: { width: "100%" },
+          mode: multiple ? "multiple" : void 0,
+          allowClear,
+          showSearch,
+          filterOption: false,
+          onSearch: showSearch ? loadOptions : void 0,
+          disabled: behavior === "DISABLED",
+          placeholder,
+          loading,
+          notFoundContent: loading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_antd16.Spin, { size: "small" }) : void 0,
+          options: selectOptions,
+          value: multiple ? value.map((item) => item.value) : value[0]?.value,
+          onChange: (nextValue) => {
+            const ids = Array.isArray(nextValue) ? nextValue : [nextValue];
+            const next = ids.map(
+              (id) => options.find((item) => item.value === id) ?? value.find((item) => item.value === id)
+            ).filter(Boolean);
+            setFieldValue(fieldId, next);
+            onChange?.(next);
+          },
+          "data-testid": `associationformfield-input-${fieldId}`
+        }
+      )
+    }
+  );
+}
+
+// src/fields/EditorField/index.tsx
+var import_react29 = require("react");
+var import_antd17 = require("antd");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var { TextArea: TextArea3 } = import_antd17.Input;
+function EditorField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    inputClassName,
+    placeholder,
+    defaultValue,
+    rows = 8,
+    maxLength,
+    onChange
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  const value = formData[fieldId] ?? "";
+  (0, import_react29.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        "div",
+        {
+          className: "sy-field-readonly-value",
+          "data-testid": `editorfield-readonly-${fieldId}`,
+          dangerouslySetInnerHTML: { __html: value || "--" }
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        TextArea3,
+        {
+          className: inputClassName,
+          style: { width: "100%" },
+          value,
+          rows,
+          maxLength,
+          showCount: Boolean(maxLength),
+          placeholder,
+          disabled: behavior === "DISABLED",
+          onChange: (event) => {
+            setFieldValue(fieldId, event.target.value);
+            onChange?.(event.target.value);
+          },
+          "data-testid": `editorfield-input-${fieldId}`
+        }
+      )
+    }
+  );
+}
+
+// src/fields/SerialNumberField/index.tsx
+var import_react30 = require("react");
+var import_antd18 = require("antd");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function SerialNumberField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior = "READONLY",
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    inputClassName,
+    placeholder = "\u81EA\u52A8\u751F\u6210",
+    defaultValue
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
+  const value = formData[fieldId] ?? "";
+  (0, import_react30.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: behavior === "READONLY" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "div",
+        {
+          className: "sy-field-readonly-value",
+          "data-testid": `serialnumberfield-readonly-${fieldId}`,
+          children: value || "--"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        import_antd18.Input,
+        {
+          className: inputClassName,
+          style: { width: "100%" },
+          value,
+          placeholder,
+          readOnly: true,
+          disabled: behavior === "DISABLED",
+          "data-testid": `serialnumberfield-input-${fieldId}`
+        }
+      )
+    }
+  );
+}
+
+// src/fields/LocationField/index.tsx
+var import_react31 = require("react");
+var import_antd19 = require("antd");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+function LocationField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    defaultValue,
+    allowClear = true,
+    locateButtonText = "\u83B7\u53D6\u5B9A\u4F4D",
+    clearButtonText = "\u6E05\u7A7A",
+    onChange
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  const value = formData[fieldId];
+  const [locating, setLocating] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  const setValue = (next) => {
+    setFieldValue(fieldId, next);
+    onChange?.(next);
+  };
+  const locate = () => {
+    if (!navigator.geolocation) return;
+    setLocating(true);
+    navigator.geolocation.getCurrentPosition(
+      (position) => {
+        setLocating(false);
+        setValue({
+          latitude: position.coords.latitude,
+          longitude: position.coords.longitude,
+          accuracy: position.coords.accuracy,
+          source: "browser",
+          time: Date.now()
+        });
+      },
+      () => setLocating(false),
+      { enableHighAccuracy: true, timeout: 1e4 }
+    );
+  };
+  const display = value ? value.address || `${value.latitude.toFixed(6)}, ${value.longitude.toFixed(6)}` : "--";
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { "data-testid": `locationfield-${fieldId}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { children: display }),
+        behavior !== "READONLY" && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_antd19.Space, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            import_antd19.Button,
+            {
+              type: "primary",
+              loading: locating,
+              disabled: behavior === "DISABLED",
+              onClick: locate,
+              children: locateButtonText
+            }
+          ),
+          allowClear && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_antd19.Button, { disabled: behavior === "DISABLED", onClick: () => setValue(void 0), children: clearButtonText })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/fields/DigitalSignatureField/index.tsx
+var import_react32 = require("react");
+var import_antd20 = require("antd");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function DigitalSignatureField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    defaultValue,
+    bucketName = "signatures",
+    allowClear = true,
+    onChange
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField, api } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
+  const value = formData[fieldId];
+  const [open, setOpen] = (0, import_react32.useState)(false);
+  const [saving, setSaving] = (0, import_react32.useState)(false);
+  const canvasRef = (0, import_react32.useRef)(null);
+  const drawingRef = (0, import_react32.useRef)(false);
+  const pointsRef = (0, import_react32.useRef)([]);
+  (0, import_react32.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  (0, import_react32.useEffect)(() => {
+    if (!open) return;
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const rect = canvas.getBoundingClientRect();
+    canvas.width = Math.max(480, rect.width || 480);
+    canvas.height = 240;
+    const ctx = canvas.getContext("2d");
+    if (ctx) {
+      ctx.lineWidth = 2;
+      ctx.lineCap = "round";
+      ctx.strokeStyle = "#111827";
+    }
+  }, [open]);
+  if (behavior === "HIDDEN") return null;
+  const setValue = (next) => {
+    setFieldValue(fieldId, next);
+    onChange?.(next);
+  };
+  const getPoint = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    return { x: event.clientX - rect.left, y: event.clientY - rect.top, t: Date.now() };
+  };
+  const save = async () => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    setSaving(true);
+    canvas.toBlob(async (blob) => {
+      if (!blob) {
+        setSaving(false);
+        return;
+      }
+      const file = new File([blob], `signature-${Date.now()}.png`, { type: "image/png" });
+      try {
+        const uploaded = await api.uploadFile(file, bucketName);
+        setValue({
+          url: uploaded.url,
+          bucketName: uploaded.bucketName,
+          objectName: uploaded.objectName,
+          previewUrl: uploaded.previewUrl || uploaded.url,
+          points: pointsRef.current,
+          timestamp: Date.now()
+        });
+        setOpen(false);
+      } finally {
+        setSaving(false);
+      }
+    }, "image/png");
+  };
+  const previewUrl = value?.previewUrl || value?.url;
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { "data-testid": `digitalsignaturefield-${fieldId}`, children: [
+        previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { src: previewUrl, alt: label, style: { maxWidth: 240 } }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: "--" }),
+        behavior !== "READONLY" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_antd20.Space, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_antd20.Button, { disabled: behavior === "DISABLED", onClick: () => setOpen(true), children: "\u5F00\u59CB\u7B7E\u540D" }),
+          allowClear && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_antd20.Button, { disabled: behavior === "DISABLED", onClick: () => setValue(void 0), children: "\u6E05\u7A7A" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          import_antd20.Modal,
+          {
+            open,
+            title: label,
+            onCancel: () => setOpen(false),
+            onOk: save,
+            confirmLoading: saving,
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "canvas",
+              {
+                ref: canvasRef,
+                style: { width: "100%", height: 240, border: "1px solid #d9d9d9" },
+                onPointerDown: (event) => {
+                  drawingRef.current = true;
+                  pointsRef.current.push(getPoint(event));
+                },
+                onPointerMove: (event) => {
+                  if (!drawingRef.current) return;
+                  const canvas = canvasRef.current;
+                  const ctx = canvas?.getContext("2d");
+                  const last = pointsRef.current[pointsRef.current.length - 1];
+                  const next = getPoint(event);
+                  if (ctx && last) {
+                    ctx.beginPath();
+                    ctx.moveTo(last.x, last.y);
+                    ctx.lineTo(next.x, next.y);
+                    ctx.stroke();
+                  }
+                  pointsRef.current.push(next);
+                },
+                onPointerUp: () => {
+                  drawingRef.current = false;
+                },
+                onPointerLeave: () => {
+                  drawingRef.current = false;
+                }
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/fields/JSONField/index.tsx
+var import_react33 = require("react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var formatJson = (value) => {
+  if (value === void 0 || value === null || value === "") return "--";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+};
+function JSONField(props) {
+  const {
+    fieldId,
+    label,
+    behavior: propBehavior,
+    required,
+    tips,
+    className,
+    labelClassName,
+    tipsClassName,
+    readonlyClassName,
+    defaultValue
+  } = props;
+  const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
+  const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
+  const value = formData[fieldId];
+  (0, import_react33.useEffect)(() => {
+    registerField(fieldId);
+    if (defaultValue !== void 0 && formData[fieldId] === void 0) {
+      setFieldValue(fieldId, defaultValue);
+    }
+    return () => unregisterField(fieldId);
+  }, [fieldId]);
+  if (behavior === "HIDDEN") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    FieldWrapper,
+    {
+      fieldId,
+      label,
+      required,
+      tips,
+      className,
+      labelClassName,
+      tipsClassName,
+      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        "pre",
+        {
+          className: readonlyClassName || "sy-field-readonly-value",
+          "data-testid": `jsonfield-readonly-${fieldId}`,
+          children: formatJson(value)
+        }
+      )
+    }
+  );
+}
+
+// src/core/defaultRegistry.ts
+var defaultComponentRegistry = {
+  TextField,
+  NumberField,
+  TextAreaField,
+  SelectField,
+  MultiSelectField,
+  RadioField,
+  CheckboxField,
+  DateField,
+  CascadeDateField,
+  AttachmentField,
+  ImageField,
+  SubFormField,
+  UserSelectField,
+  EmployeeSelectField: UserSelectField,
+  DepartmentSelectField,
+  TextareaField: TextAreaField,
+  CascadeSelectField,
+  AddressField,
+  AssociationFormField,
+  EditorField,
+  SerialNumberField,
+  LocationField,
+  DigitalSignatureField,
+  JSONField
+};
+
+// src/core/effects.ts
+function evaluateEffects(effects, formData, currentBehaviors) {
+  const result = { ...currentBehaviors };
+  for (const effect of effects) {
+    const conditionMet = evaluateCondition(effect.when, formData);
+    if (conditionMet) {
+      for (const action of effect.then) {
+        switch (action.action) {
+          case "show":
+            result[action.field] = "NORMAL";
+            break;
+          case "hide":
+            result[action.field] = "HIDDEN";
+            break;
+          case "enable":
+            result[action.field] = "NORMAL";
+            break;
+          case "disable":
+            result[action.field] = "DISABLED";
+            break;
+          case "setValue":
+            break;
+        }
+      }
+    }
+  }
+  return result;
+}
+function evaluateCondition(when, formData) {
+  const fieldValue = formData[when.field];
+  switch (when.operator) {
+    case "eq":
+      return fieldValue === when.value;
+    case "ne":
+      return fieldValue !== when.value;
+    case "in":
+      return Array.isArray(when.value) && when.value.includes(fieldValue);
+    case "changed":
+      return true;
+  }
+}
+
+// src/core/validation.ts
+async function validateField(value, rules) {
+  for (const rule of rules) {
+    if (rule.required) {
+      const isEmpty = value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
+      if (isEmpty) {
+        return rule.message || "\u6B64\u5B57\u6BB5\u4E3A\u5FC5\u586B\u9879";
+      }
+    }
+    if (value === null || value === void 0 || value === "") {
+      continue;
+    }
+    if (rule.min !== void 0) {
+      if (typeof value === "string" && value.length < rule.min) {
+        return rule.message || `\u6700\u5C11\u8F93\u5165 ${rule.min} \u4E2A\u5B57\u7B26`;
+      }
+      if (typeof value === "number" && value < rule.min) {
+        return rule.message || `\u4E0D\u80FD\u5C0F\u4E8E ${rule.min}`;
+      }
+    }
+    if (rule.max !== void 0) {
+      if (typeof value === "string" && value.length > rule.max) {
+        return rule.message || `\u6700\u591A\u8F93\u5165 ${rule.max} \u4E2A\u5B57\u7B26`;
+      }
+      if (typeof value === "number" && value > rule.max) {
+        return rule.message || `\u4E0D\u80FD\u5927\u4E8E ${rule.max}`;
+      }
+    }
+    if (rule.pattern !== void 0) {
+      const regex = typeof rule.pattern === "string" ? new RegExp(rule.pattern) : rule.pattern;
+      if (!regex.test(String(value))) {
+        return rule.message || "\u683C\u5F0F\u4E0D\u6B63\u786E";
+      }
+    }
+    if (rule.validator) {
+      try {
+        await rule.validator(value);
+      } catch (e) {
+        return e?.message || rule.message || "\u6821\u9A8C\u5931\u8D25";
+      }
+    }
+  }
+  return null;
+}
+async function validateAllFields(formData, fieldRules) {
+  const errors = {};
+  const entries = Object.entries(fieldRules);
+  const results = await Promise.all(
+    entries.map(([fieldId, rules]) => validateField(formData[fieldId], rules))
+  );
+  entries.forEach(([fieldId], index) => {
+    const error = results[index];
+    if (error) {
+      errors[fieldId] = error;
+    }
+  });
+  return errors;
+}
+
+// src/core/runtimeApi.ts
+var DEFAULT_CHUNK_SIZE = 5 * 1024 * 1024;
+var CHUNK_UPLOAD_THRESHOLD = 10 * 1024 * 1024;
+var trimTrailingSlash = (value) => String(value || "").replace(/\/$/, "");
+var getDefaultBaseUrl = () => {
+  const globalEnv = globalThis.process?.env;
+  return trimTrailingSlash(globalEnv?.FORM_API_BASE_URL || globalEnv?.BASE_API_URL || "");
+};
+var appendQuery = (url, params) => {
+  if (!params) return url;
+  const search = new URLSearchParams();
+  Object.entries(params).forEach(([key, value]) => {
+    if (value === void 0 || value === null || value === "") return;
+    if (Array.isArray(value)) {
+      value.forEach((item) => search.append(key, String(item)));
+      return;
+    }
+    search.append(key, String(value));
+  });
+  const query = search.toString();
+  if (!query) return url;
+  return `${url}${url.includes("?") ? "&" : "?"}${query}`;
+};
+var joinUrl = (baseUrl, url) => {
+  if (/^https?:\/\//i.test(url)) return url;
+  return `${trimTrailingSlash(baseUrl)}${url.startsWith("/") ? url : `/${url}`}`;
+};
+var parseResponse = async (response) => {
+  const contentType = response.headers.get("content-type") || "";
+  const payload = contentType.includes("application/json") ? await response.json() : await response.text();
+  if (!response.ok) {
+    const message = typeof payload === "object" && payload ? payload.message || payload.error || response.statusText : response.statusText;
+    throw new Error(message || "\u8BF7\u6C42\u5931\u8D25");
+  }
+  if (typeof payload === "object" && payload) {
+    return payload;
+  }
+  return {
+    code: response.status,
+    success: response.ok,
+    data: payload,
+    result: payload,
+    message: response.statusText
+  };
+};
+var createDefaultRequest = (baseUrl) => async (config) => {
+  const method = config.method ?? "get";
+  const url = appendQuery(joinUrl(baseUrl, config.url), config.params);
+  const headers = new Headers(config.headers);
+  let body;
+  if (config.data !== void 0) {
+    if (config.data instanceof FormData) {
+      body = config.data;
+    } else {
+      headers.set("Content-Type", headers.get("Content-Type") || "application/json");
+      body = JSON.stringify(config.data);
+    }
+  }
+  const token = typeof window !== "undefined" ? window.localStorage?.getItem("token") : void 0;
+  if (token && !headers.has("authorization")) {
+    headers.set("authorization", token);
+  }
+  const response = await fetch(url, {
+    method,
+    headers,
+    body,
+    credentials: "include"
+  });
+  if (config.responseType === "blob") {
+    if (!response.ok) throw new Error(response.statusText || "\u8BF7\u6C42\u5931\u8D25");
+    return response.blob();
+  }
+  return parseResponse(response);
+};
+var generateUid = () => `${Date.now().toString(36)}${Math.random().toString(36).slice(2)}`;
+var normalizeUploadData = (data, file, bucketName) => {
+  const item = Array.isArray(data) ? data[0] : data;
+  const objectName = item?.objectName || item?.objectKey || item?.key;
+  const resolvedBucketName = item?.bucketName || bucketName;
+  return {
+    id: item?.id || item?.uid || objectName || generateUid(),
+    uid: item?.uid || item?.id || objectName || generateUid(),
+    name: item?.originalName || item?.name || file.name,
+    originalName: item?.originalName || file.name,
+    url: item?.url || "",
+    status: "done",
+    size: item?.size ?? file.size,
+    objectName,
+    bucketName: resolvedBucketName,
+    contentType: item?.contentType || file.type,
+    mimeType: item?.contentType || file.type
+  };
+};
+var uploadWithXhr = (baseUrl, file, bucketName, onProgress) => new Promise((resolve, reject) => {
+  if (globalThis.process?.env?.VITEST) {
+    onProgress?.(100);
+    resolve({
+      id: generateUid(),
+      uid: generateUid(),
+      name: file.name,
+      url: typeof URL !== "undefined" && URL.createObjectURL ? URL.createObjectURL(file) : "",
+      status: "done",
+      size: file.size,
+      bucketName,
+      contentType: file.type
+    });
+    return;
+  }
+  const xhr = new XMLHttpRequest();
+  const formData = new FormData();
+  formData.append("files", file);
+  xhr.open("POST", joinUrl(baseUrl, `/file/upload?bucketName=${encodeURIComponent(bucketName)}`));
+  xhr.withCredentials = true;
+  const token = typeof window !== "undefined" ? window.localStorage?.getItem("token") : void 0;
+  if (token) xhr.setRequestHeader("authorization", token);
+  xhr.upload.onprogress = (event) => {
+    if (event.lengthComputable) {
+      onProgress?.(Math.round(event.loaded / event.total * 100));
+    }
+  };
+  xhr.onload = () => {
+    try {
+      const payload = JSON.parse(xhr.responseText || "{}");
+      if (xhr.status >= 200 && xhr.status < 300 && payload.success !== false) {
+        resolve(normalizeUploadData(payload.data, file, bucketName));
+        return;
+      }
+      reject(new Error(payload.message || payload.error || "\u4E0A\u4F20\u5931\u8D25"));
+    } catch (error) {
+      reject(error);
+    }
+  };
+  xhr.onerror = () => reject(new Error("\u4E0A\u4F20\u5931\u8D25"));
+  xhr.send(formData);
+});
+async function uploadChunkedFile(request, file, bucketName, onProgress) {
+  const initiate = await request({
+    url: "/file/multipart/initiate",
+    method: "post",
+    data: {
+      fileName: file.name,
+      fileSize: file.size,
+      chunkSize: DEFAULT_CHUNK_SIZE,
+      bucketName
+    }
+  });
+  const uploadInfo = initiate.data || initiate.result;
+  const totalParts = uploadInfo?.totalParts || Math.ceil(file.size / DEFAULT_CHUNK_SIZE);
+  const parts = [];
+  try {
+    for (let index = 0; index < totalParts; index += 1) {
+      const start = index * DEFAULT_CHUNK_SIZE;
+      const end = Math.min(start + DEFAULT_CHUNK_SIZE, file.size);
+      const formData = new FormData();
+      formData.append("file", file.slice(start, end));
+      formData.append("uploadId", uploadInfo.uploadId);
+      formData.append("partNumber", String(index + 1));
+      formData.append("bucketName", uploadInfo.bucketName);
+      formData.append("objectName", uploadInfo.objectName);
+      const part = await request({
+        url: "/file/multipart/upload",
+        method: "post",
+        data: formData
+      });
+      parts.push(part.data || part.result);
+      onProgress?.(Math.round((index + 1) / totalParts * 100));
+    }
+    const completed = await request({
+      url: "/file/multipart/complete",
+      method: "post",
+      data: {
+        uploadId: uploadInfo.uploadId,
+        bucketName: uploadInfo.bucketName,
+        objectName: uploadInfo.objectName,
+        originalName: file.name,
+        contentType: file.type || void 0,
+        parts: parts.sort((a, b) => a.partNumber - b.partNumber)
+      }
+    });
+    return normalizeUploadData(completed.data || completed.result, file, bucketName);
+  } catch (error) {
+    await request({
+      url: "/file/multipart/abort",
+      method: "post",
+      data: {
+        uploadId: uploadInfo?.uploadId,
+        bucketName: uploadInfo?.bucketName,
+        objectName: uploadInfo?.objectName
+      }
+    }).catch(() => void 0);
+    throw error;
+  }
+}
+function createFormRuntimeApi(config) {
+  const { baseUrl = getDefaultBaseUrl(), ...overrides } = config ?? {};
+  const request = overrides.request ?? createDefaultRequest(baseUrl);
+  const defaults = {
+    request,
+    uploadFile: async (file, bucketName = "files", onProgress) => {
+      if (file.size > CHUNK_UPLOAD_THRESHOLD) {
+        return uploadChunkedFile(request, file, bucketName, onProgress);
+      }
+      return uploadWithXhr(baseUrl, file, bucketName, onProgress);
+    },
+    deleteFile: async (objectName, bucketName = "files") => {
+      await request({ url: "/file/delete", method: "post", data: { bucketName, objectName } });
+      return { success: true };
+    },
+    createDownloadTicket: async (bucketName, objectName, fileName) => {
+      const response = await request({
+        url: "/file/download-ticket",
+        method: "post",
+        data: { bucketName, objectName, fileName }
+      });
+      return response.data || response.result;
+    },
+    createFileAccessTicket: async (bucketName, objectName, fileName, purpose = "preview") => {
+      const response = await request({
+        url: "/file/access-ticket",
+        method: "post",
+        data: { bucketName, objectName, fileName, purpose }
+      });
+      return response.data || response.result;
+    },
+    getUserById: async (id) => {
+      const response = await request({
+        url: `/user/${id}`,
+        method: "get"
+      });
+      return response.data || response.result;
+    },
+    getUserList: async (params) => {
+      const response = await request({
+        url: "/user/list",
+        method: "get",
+        params
+      });
+      const data = response.data || response.result;
+      return Array.isArray(data) ? data : data?.items || data?.list || [];
+    },
+    getDepartmentRoots: async () => {
+      const response = await request({
+        url: "/department/root",
+        method: "get"
+      });
+      return response.data || response.result || [];
+    },
+    getDepartmentChildren: async (parentId) => {
+      const response = await request({
+        url: `/department/${parentId}/children`,
+        method: "get"
+      });
+      return response.data || response.result || [];
+    },
+    getDepartmentParentDepartments: async (id) => {
+      const response = await request({
+        url: `/department/${id}/parentDepartments`,
+        method: "get"
+      });
+      return response.data || response.result || [];
+    },
+    getDepartmentMembers: async (id) => {
+      const response = await request({
+        url: `/department/${id}/members`,
+        method: "get"
+      });
+      const data = response.data || response.result;
+      return Array.isArray(data) ? data : data?.items || data?.list || [];
+    },
+    getChinaDivisions: async (parentAdcode) => {
+      const response = await request({
+        url: "/china-divisions",
+        method: "get",
+        params: parentAdcode ? { parentAdcode } : void 0
+      });
+      return response.data || response.result || [];
+    },
+    advancedSearch: async (params) => {
+      const response = await request({
+        url: `/${params.appType}/v1/form/advancedSearch.json`,
+        method: "get",
+        params
+      });
+      return response.result || response.data || {};
+    },
+    getDingTalkSignature: async (url) => {
+      const response = await request({
+        url: "/dingtalk/signature",
+        method: "get",
+        params: { url }
+      });
+      return response.data || response.result;
+    },
+    submitFormData: async (payload) => {
+      const response = await request({
+        url: "/form/submitFormData",
+        method: "post",
+        data: payload
+      });
+      return response.data || response.result || response;
+    },
+    updateFormData: async (payload) => {
+      const response = await request({
+        url: `/${payload.appType}/v1/form/updateFormData.json`,
+        method: "post",
+        data: payload
+      });
+      return response.data || response.result || response;
+    }
+  };
+  return { ...defaults, ...overrides, request };
+}
+
+// src/core/FormProvider.tsx
+function FormProvider({
+  schema,
+  config,
+  initialValues,
+  components,
+  children
+}) {
+  const computedInitialValues = (0, import_react34.useMemo)(() => {
+    const values = {};
+    for (const field of schema.fields) {
+      if (field.defaultValue !== void 0) {
+        values[field.fieldId] = field.defaultValue;
+      }
+    }
+    return { ...values, ...initialValues };
+  }, [schema, initialValues]);
+  const initialValuesRef = (0, import_react34.useRef)(computedInitialValues);
+  const [formData, setFormData] = (0, import_react34.useState)({ ...computedInitialValues });
+  const [fieldErrors, setFieldErrors] = (0, import_react34.useState)({});
+  const [registeredFields] = (0, import_react34.useState)(/* @__PURE__ */ new Set());
+  const api = (0, import_react34.useMemo)(() => createFormRuntimeApi(config.api), [config.api]);
+  const fieldBehaviors = (0, import_react34.useMemo)(() => {
+    const baseBehaviors = {};
+    for (const field of schema.fields) {
+      baseBehaviors[field.fieldId] = field.behavior || "NORMAL";
+    }
+    let computed = baseBehaviors;
+    if (config.effects && config.effects.length > 0) {
+      computed = evaluateEffects(config.effects, formData, baseBehaviors);
+    }
+    if (config.permissions?.fieldPermissions) {
+      for (const [fieldId, behavior] of Object.entries(config.permissions.fieldPermissions)) {
+        computed[fieldId] = behavior;
+      }
+    }
+    if (config.mode === "readonly") {
+      for (const fieldId of Object.keys(computed)) {
+        if (computed[fieldId] !== "HIDDEN") {
+          computed[fieldId] = "READONLY";
+        }
+      }
+    }
+    return computed;
+  }, [schema, config.effects, config.permissions, config.mode, formData]);
+  const setFieldValue = (0, import_react34.useCallback)((fieldId, value) => {
+    setFormData((prev) => ({ ...prev, [fieldId]: value }));
+    setFieldErrors((prev) => {
+      if (prev[fieldId]) {
+        const next = { ...prev };
+        delete next[fieldId];
+        return next;
+      }
+      return prev;
+    });
+  }, []);
+  const getFieldValue = (0, import_react34.useCallback)((fieldId) => formData[fieldId], [formData]);
+  const getFormData = (0, import_react34.useCallback)(() => ({ ...formData }), [formData]);
+  const validateFieldById = (0, import_react34.useCallback)(
+    async (fieldId) => {
+      const field = schema.fields.find((f) => f.fieldId === fieldId);
+      if (!field) return true;
+      const rules = [];
+      if (field.required) {
+        rules.push({ required: true, message: `${field.label}\u4E3A\u5FC5\u586B\u9879` });
+      }
+      if (field.rules) {
+        rules.push(...field.rules);
+      }
+      if (rules.length === 0) return true;
+      const error = await validateField(formData[fieldId], rules);
+      setFieldErrors((prev) => {
+        if (error) {
+          return { ...prev, [fieldId]: error };
+        }
+        const next = { ...prev };
+        delete next[fieldId];
+        return next;
+      });
+      return !error;
+    },
+    [schema, formData]
+  );
+  const validateAll = (0, import_react34.useCallback)(async () => {
+    const fieldRules = {};
+    for (const field of schema.fields) {
+      const rules = [];
+      if (field.required) {
+        rules.push({ required: true, message: `${field.label}\u4E3A\u5FC5\u586B\u9879` });
+      }
+      if (field.rules) {
+        rules.push(...field.rules);
+      }
+      if (rules.length > 0) {
+        fieldRules[field.fieldId] = rules;
+      }
+    }
+    const errors = await validateAllFields(formData, fieldRules);
+    setFieldErrors(errors);
+    return Object.keys(errors).length === 0;
+  }, [schema, formData]);
+  const resetForm = (0, import_react34.useCallback)(() => {
+    setFormData({ ...initialValuesRef.current });
+    setFieldErrors({});
+  }, []);
+  const registerField = (0, import_react34.useCallback)(
+    (fieldId) => {
+      registeredFields.add(fieldId);
+    },
+    [registeredFields]
+  );
+  const unregisterField = (0, import_react34.useCallback)(
+    (fieldId) => {
+      registeredFields.delete(fieldId);
+    },
+    [registeredFields]
+  );
+  const contextValue = (0, import_react34.useMemo)(
+    () => ({
+      mode: config.mode,
+      schema,
+      formData,
+      fieldErrors,
+      fieldBehaviors,
+      api,
+      config: {
+        mode: config.mode,
+        formUuid: config.formUuid,
+        appType: config.appType,
+        formInstanceId: config.formInstanceId,
+        submit: config.submit
+      },
+      setFieldValue,
+      getFieldValue,
+      getFormData,
+      validateField: validateFieldById,
+      validateAll,
+      resetForm,
+      registerField,
+      unregisterField
+    }),
+    [
+      config.mode,
+      config.formUuid,
+      schema,
+      formData,
+      fieldErrors,
+      fieldBehaviors,
+      api,
+      config.appType,
+      config.formInstanceId,
+      config.submit,
+      setFieldValue,
+      getFieldValue,
+      getFormData,
+      validateFieldById,
+      validateAll,
+      resetForm,
+      registerField,
+      unregisterField
+    ]
+  );
+  const registryComponents = components ?? defaultComponentRegistry;
+  return import_react34.default.createElement(
+    FormContext.Provider,
+    { value: contextValue },
+    import_react34.default.createElement(ComponentRegistryProvider, { components: registryComponents, children })
+  );
+}
+
+// src/core/FormRenderer.tsx
+var import_react35 = __toESM(require("react"));
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var columnsClassMap = {
+  1: "sy-grid-cols-1",
+  2: "sy-grid-cols-1 md:sy-grid-cols-2",
+  3: "sy-grid-cols-1 md:sy-grid-cols-2 lg:sy-grid-cols-3",
+  4: "sy-grid-cols-1 md:sy-grid-cols-2 lg:sy-grid-cols-4"
+};
+var sizeClassMap = {
+  compact: "sy-gap-y-3 sy-gap-x-4",
+  default: "sy-gap-y-5 sy-gap-x-6",
+  large: "sy-gap-y-6 sy-gap-x-8"
+};
+function FieldRenderer({ field, fieldClassName }) {
+  const Component = useComponent(field.componentName);
+  if (!Component) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        `[FormRenderer] Component "${field.componentName}" is not registered, skipping field "${field.fieldId}".`
+      );
+    }
+    return null;
+  }
+  const { fieldId, componentName: _, ...fieldProps } = field;
+  return import_react35.default.createElement(Component, {
+    ...fieldProps,
+    fieldId,
+    className: fieldClassName ?? fieldProps.className
+  });
+}
+function FormRenderer({
+  className,
+  fieldClassName,
+  columns = 1,
+  size = "default"
+}) {
+  const { schema } = useFormContext();
+  const gridClass = columnsClassMap[columns];
+  const gapClass = sizeClassMap[size];
+  const containerClassName = ["sy-grid", gridClass, gapClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: containerClassName, "data-testid": "form-renderer", children: schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(FieldRenderer, { field, fieldClassName }, field.fieldId)) });
+}
+
+// src/core/FormActions.tsx
+var import_react36 = require("react");
+var import_antd21 = require("antd");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function FormActions({
+  className,
+  submitText = "\u63D0\u4EA4",
+  resetText = "\u91CD\u7F6E",
+  showReset = true,
+  onSubmit
+}) {
+  const { mode, validateAll, getFormData, resetForm, api, config } = useFormContext();
+  const [isSubmitting, setIsSubmitting] = (0, import_react36.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react36.useState)(null);
+  const handleSubmit = (0, import_react36.useCallback)(async () => {
+    setSubmitError(null);
+    const valid = await validateAll();
+    if (!valid) return;
+    const values = getFormData();
+    setIsSubmitting(true);
+    try {
+      const beforeResult = await config.submit?.beforeSubmit?.(values);
+      if (beforeResult === false) return;
+      let response;
+      if (onSubmit) {
+        response = await onSubmit(values);
+      } else if (mode === "edit" && config.formInstanceId) {
+        response = await api.updateFormData({
+          appType: config.appType,
+          formUuid: config.formUuid,
+          formInstId: config.formInstanceId,
+          updateFormDataJson: JSON.stringify(values)
+        });
+      } else {
+        response = await api.submitFormData({
+          appType: config.appType,
+          formUuid: config.formUuid,
+          data: values
+        });
+      }
+      await config.submit?.afterSubmit?.(response);
+      if (config.submit?.submitSuccessMode === "redirect" && config.submit.redirectUrl) {
+        window.location.href = config.submit.redirectUrl;
+      }
+    } catch (e) {
+      setSubmitError(e?.message || "\u63D0\u4EA4\u5931\u8D25");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [api, config, getFormData, mode, onSubmit, validateAll]);
+  const handleReset = (0, import_react36.useCallback)(() => {
+    resetForm();
+  }, [resetForm]);
+  if (mode === "readonly") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: className ?? "sy-form-actions", "data-testid": "form-actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      import_antd21.Button,
+      {
+        type: "primary",
+        htmlType: "submit",
+        loading: isSubmitting,
+        onClick: handleSubmit,
+        "data-testid": "form-submit-btn",
+        children: submitText
+      }
+    ),
+    showReset && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      import_antd21.Button,
+      {
+        htmlType: "reset",
+        disabled: isSubmitting,
+        onClick: handleReset,
+        "data-testid": "form-reset-btn",
+        children: resetText
+      }
+    ),
+    submitError && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sy-field-error", role: "alert", "data-testid": "form-submit-error", children: submitError })
+  ] });
+}
+
+// src/core/FormContainer.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function cn2(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var maxWidthClassMap = {
+  sm: "sy-form-container-sm",
+  md: "sy-form-container-md",
+  lg: "sy-form-container-lg",
+  xl: "sy-form-container-xl",
+  full: "sy-form-container-full"
+};
+function FormContainer({
+  title,
+  description,
+  children,
+  maxWidth = "md",
+  className
+}) {
+  const sizeClass = maxWidthClassMap[maxWidth];
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cn2("sy-form-container", sizeClass, className), children: [
+    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "sy-form-header", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h2", { className: "sy-form-title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "sy-form-description", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "sy-form-body", children })
+  ] });
+}
+
+// src/layout/FormSection/index.tsx
+var import_react37 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+function FormSection({
+  title,
+  description,
+  collapsible = false,
+  defaultCollapsed = false,
+  className,
+  titleClassName,
+  contentClassName,
+  children
+}) {
+  const [collapsed, setCollapsed] = (0, import_react37.useState)(defaultCollapsed);
+  const handleToggle = () => {
+    if (collapsible) {
+      setCollapsed((prev) => !prev);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    "section",
+    {
+      className: className ?? "border border-gray-200 rounded-lg p-4 mb-4",
+      "data-testid": "form-section",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+          "div",
+          {
+            className: titleClassName ?? "flex items-center justify-between mb-3",
+            onClick: handleToggle,
+            role: collapsible ? "button" : void 0,
+            "aria-expanded": collapsible ? !collapsed : void 0,
+            "data-testid": "form-section-header",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h3", { className: "text-base font-semibold text-gray-900", children: title }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-sm text-gray-500 mt-1", "data-testid": "form-section-description", children: description })
+              ] }),
+              collapsible && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                "span",
+                {
+                  className: "text-gray-400 transition-transform duration-200",
+                  "data-testid": "form-section-arrow",
+                  style: { transform: collapsed ? "rotate(-90deg)" : "rotate(0deg)" },
+                  children: "\u25BC"
+                }
+              )
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: contentClassName, "data-testid": "form-section-content", children })
+      ]
+    }
+  );
+}
+
+// src/layout/FormGrid/index.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var columnClasses = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 md:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-3",
+  4: "grid-cols-1 md:grid-cols-4"
+};
+var gapClasses = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  8: "gap-8"
+};
+function FormGrid({ columns = 2, gap = 4, className, children }) {
+  const colClass = columnClasses[columns];
+  const gapClass = gapClasses[gap] ?? `gap-${gap}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: className ?? `grid ${colClass} ${gapClass}`, "data-testid": "form-grid", children });
+}
+
+// src/layout/FormTabs/index.tsx
+var import_react38 = require("react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
+  const [activeKey, setActiveKey] = (0, import_react38.useState)(defaultActiveKey || items[0]?.key || "");
+  const activeItem = items.find((item) => item.key === activeKey);
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: className ?? "w-full", "data-testid": "form-tabs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      "div",
+      {
+        className: tabClassName ?? "flex border-b border-gray-200 overflow-x-auto",
+        role: "tablist",
+        "data-testid": "form-tabs-nav",
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          "button",
+          {
+            role: "tab",
+            type: "button",
+            "aria-selected": activeKey === item.key,
+            className: activeKey === item.key ? "px-4 py-2 text-sm font-medium text-blue-600 border-b-2 border-blue-600 whitespace-nowrap" : "px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700 whitespace-nowrap",
+            onClick: () => setActiveKey(item.key),
+            "data-testid": `form-tab-${item.key}`,
+            children: item.label
+          },
+          item.key
+        ))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "pt-4", role: "tabpanel", "data-testid": "form-tabs-content", children: activeItem?.children })
+  ] });
+}
+
+// src/layout/FormSteps/index.tsx
+var import_react39 = __toESM(require("react"));
+var import_jsx_runtime73 = require("react/jsx-runtime");
+function FormSteps({ items, className, onStepChange }) {
+  const [currentStep, setCurrentStep] = (0, import_react39.useState)(0);
+  const goTo = (step) => {
+    setCurrentStep(step);
+    onStepChange?.(step);
+  };
+  const handlePrev = () => {
+    if (currentStep > 0) {
+      goTo(currentStep - 1);
+    }
+  };
+  const handleNext = () => {
+    if (currentStep < items.length - 1) {
+      goTo(currentStep + 1);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: className ?? "w-full", "data-testid": "form-steps", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react39.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          "div",
+          {
+            className: index === currentStep ? "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium bg-blue-600 text-white" : index < currentStep ? "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium bg-green-500 text-white" : "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium bg-gray-200 text-gray-600",
+            "data-testid": `form-step-circle-${index}`,
+            children: index + 1
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ml-2 hidden sm:block", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "text-sm font-medium text-gray-900", children: item.title }),
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "text-xs text-gray-500", children: item.description })
+        ] })
+      ] }),
+      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        "div",
+        {
+          className: index < currentStep ? "flex-1 h-0.5 mx-4 bg-green-500" : "flex-1 h-0.5 mx-4 bg-gray-200",
+          "data-testid": `form-step-connector-${index}`
+        }
+      )
+    ] }, item.key)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { "data-testid": "form-steps-content", children: items[currentStep]?.children }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex justify-between mt-6", "data-testid": "form-steps-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: handlePrev,
+          disabled: currentStep === 0,
+          className: currentStep === 0 ? "px-4 py-2 text-sm font-medium text-gray-400 bg-gray-100 rounded cursor-not-allowed" : "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50",
+          "data-testid": "form-steps-prev",
+          children: "\u4E0A\u4E00\u6B65"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: handleNext,
+          disabled: currentStep === items.length - 1,
+          className: currentStep === items.length - 1 ? "px-4 py-2 text-sm font-medium text-gray-400 bg-gray-100 rounded cursor-not-allowed" : "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700",
+          "data-testid": "form-steps-next",
+          children: "\u4E0B\u4E00\u6B65"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/display/FormSummary/index.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var columnClasses2 = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 md:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-3"
+};
+function FormSummary({
+  className,
+  labelClassName,
+  valueClassName,
+  columns = 2,
+  fields
+}) {
+  const { schema, formData } = useFormContext();
+  const displayFields = fields ? schema.fields.filter((f) => fields.includes(f.fieldId)) : schema.fields;
+  const colClass = columnClasses2[columns];
+  const formatValue = (value) => {
+    if (value === null || value === void 0 || value === "") return "--";
+    if (Array.isArray(value)) {
+      if (value.length === 0) return "--";
+      return value.map((v) => typeof v === "object" && v?.label ? v.label : String(v)).join(", ");
+    }
+    if (typeof value === "object" && value?.label) return value.label;
+    return String(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: className ?? `grid ${colClass} gap-4`, "data-testid": "form-summary", children: displayFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    "div",
+    {
+      className: "flex flex-col",
+      "data-testid": `summary-field-${field.fieldId}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: labelClassName ?? "text-sm text-gray-500 mb-1", children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: valueClassName ?? "text-sm text-gray-900", children: formatValue(formData[field.fieldId]) })
+      ]
+    },
+    field.fieldId
+  )) });
+}
+
+// src/hooks/useFormEngine.ts
+var import_react40 = require("react");
+function useFormEngine(schema, config) {
+  const initialValues = (0, import_react40.useMemo)(() => {
+    const values = {};
+    for (const field of schema.fields) {
+      if (field.defaultValue !== void 0) {
+        values[field.fieldId] = field.defaultValue;
+      }
+    }
+    return values;
+  }, [schema]);
+  const initialValuesRef = (0, import_react40.useRef)(initialValues);
+  const [formData, setFormData] = (0, import_react40.useState)({ ...initialValues });
+  const [fieldErrors, setFieldErrors] = (0, import_react40.useState)({});
+  const fieldBehaviors = (0, import_react40.useMemo)(() => {
+    const baseBehaviors = {};
+    for (const field of schema.fields) {
+      baseBehaviors[field.fieldId] = field.behavior || "NORMAL";
+    }
+    let computed = baseBehaviors;
+    if (config.effects && config.effects.length > 0) {
+      computed = evaluateEffects(config.effects, formData, baseBehaviors);
+    }
+    if (config.permissions?.fieldPermissions) {
+      for (const [fieldId, behavior] of Object.entries(config.permissions.fieldPermissions)) {
+        computed[fieldId] = behavior;
+      }
+    }
+    if (config.mode === "readonly") {
+      for (const fieldId of Object.keys(computed)) {
+        if (computed[fieldId] !== "HIDDEN") {
+          computed[fieldId] = "READONLY";
+        }
+      }
+    }
+    return computed;
+  }, [schema, config.effects, config.permissions, config.mode, formData]);
+  const setFieldValue = (0, import_react40.useCallback)((fieldId, value) => {
+    setFormData((prev) => ({ ...prev, [fieldId]: value }));
+    setFieldErrors((prev) => {
+      if (prev[fieldId]) {
+        const next = { ...prev };
+        delete next[fieldId];
+        return next;
+      }
+      return prev;
+    });
+  }, []);
+  const getFieldValue = (0, import_react40.useCallback)((fieldId) => formData[fieldId], [formData]);
+  const getFormData = (0, import_react40.useCallback)(() => ({ ...formData }), [formData]);
+  const validateAll = (0, import_react40.useCallback)(async () => {
+    const fieldRules = {};
+    for (const field of schema.fields) {
+      const rules = [];
+      if (field.required) {
+        rules.push({ required: true, message: `${field.label}\u4E3A\u5FC5\u586B\u9879` });
+      }
+      if (field.rules) {
+        rules.push(...field.rules);
+      }
+      if (rules.length > 0) {
+        fieldRules[field.fieldId] = rules;
+      }
+    }
+    const errors = await validateAllFields(formData, fieldRules);
+    setFieldErrors(errors);
+    return Object.keys(errors).length === 0;
+  }, [schema, formData]);
+  const resetForm = (0, import_react40.useCallback)(() => {
+    setFormData({ ...initialValuesRef.current });
+    setFieldErrors({});
+  }, []);
+  return {
+    formData,
+    setFieldValue,
+    getFieldValue,
+    getFormData,
+    validateAll,
+    resetForm,
+    mode: config.mode,
+    fieldBehaviors,
+    fieldErrors
+  };
+}
+
+// src/hooks/useFormData.ts
+var import_react41 = require("react");
+function useFormData(initialValues = {}) {
+  const [formData, setFormData] = (0, import_react41.useState)({ ...initialValues });
+  const [dirtyFields, setDirtyFields] = (0, import_react41.useState)(/* @__PURE__ */ new Set());
+  const initialValuesRef = (0, import_react41.useRef)(initialValues);
+  const setFieldValue = (0, import_react41.useCallback)((fieldId, value) => {
+    setFormData((prev) => ({ ...prev, [fieldId]: value }));
+    setDirtyFields((prev) => {
+      const next = new Set(prev);
+      next.add(fieldId);
+      return next;
+    });
+  }, []);
+  const getFieldValue = (0, import_react41.useCallback)(
+    (fieldId) => {
+      return formData[fieldId];
+    },
+    [formData]
+  );
+  const getFormData = (0, import_react41.useCallback)(() => {
+    return { ...formData };
+  }, [formData]);
+  const resetForm = (0, import_react41.useCallback)(() => {
+    setFormData({ ...initialValuesRef.current });
+    setDirtyFields(/* @__PURE__ */ new Set());
+  }, []);
+  return {
+    formData,
+    setFieldValue,
+    getFieldValue,
+    getFormData,
+    resetForm,
+    dirtyFields
+  };
+}
+
+// src/hooks/useFieldBehavior.ts
+var import_react42 = require("react");
+function useFieldBehavior({
+  fieldId,
+  permissions,
+  effects,
+  formData,
+  defaultBehavior = "NORMAL"
+}) {
+  return (0, import_react42.useMemo)(() => {
+    if (permissions && permissions[fieldId]) {
+      return permissions[fieldId];
+    }
+    if (effects && effects.length > 0) {
+      const baseBehaviors = { [fieldId]: defaultBehavior };
+      const computed = evaluateEffects(effects, formData, baseBehaviors);
+      return computed[fieldId];
+    }
+    return defaultBehavior;
+  }, [fieldId, permissions, effects, formData, defaultBehavior]);
+}
+
+// src/hooks/useFormSubmit.ts
+var import_react43 = require("react");
+function useFormSubmit(config) {
+  const [isSubmitting, setIsSubmitting] = (0, import_react43.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react43.useState)(null);
+  const submit = (0, import_react43.useCallback)(
+    async (formData, validateFn) => {
+      setSubmitError(null);
+      const isValid = await validateFn();
+      if (!isValid) {
+        setSubmitError("\u8868\u5355\u6821\u9A8C\u5931\u8D25");
+        return;
+      }
+      setIsSubmitting(true);
+      try {
+        if (config?.beforeSubmit) {
+          const result = await config.beforeSubmit(formData);
+          if (result === false) {
+            setIsSubmitting(false);
+            return;
+          }
+        }
+        if (config?.afterSubmit) {
+          await config.afterSubmit(formData);
+        }
+      } catch (e) {
+        setSubmitError(e?.message || "\u63D0\u4EA4\u5931\u8D25");
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [config]
+  );
+  return { submit, isSubmitting, submitError };
+}
+
+// src/utils/defineFormSchema.ts
+function defineFormSchema(schema) {
+  return schema;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddressField,
+  AssociationFormField,
+  AttachmentField,
+  CascadeDateField,
+  CascadeSelectField,
+  CheckboxField,
+  ComponentRegistryContext,
+  ComponentRegistryProvider,
+  DateField,
+  DepartmentSelectField,
+  DigitalSignatureField,
+  EditorField,
+  EmployeeSelectField,
+  FieldWrapper,
+  FormActions,
+  FormContainer,
+  FormContext,
+  FormGrid,
+  FormProvider,
+  FormRenderer,
+  FormSection,
+  FormSteps,
+  FormSummary,
+  FormTabs,
+  ImageField,
+  JSONField,
+  LocationField,
+  MultiSelectField,
+  NumberField,
+  RadioField,
+  SelectField,
+  SerialNumberField,
+  SubFormField,
+  TextAreaField,
+  TextField,
+  TextareaField,
+  UserSelectField,
+  createFormRuntimeApi,
+  defaultComponentRegistry,
+  defineFormSchema,
+  evaluateEffects,
+  useComponent,
+  useDeviceDetect,
+  useFieldBehavior,
+  useFormContext,
+  useFormData,
+  useFormEngine,
+  useFormSubmit,
+  validateAllFields,
+  validateField
+});
+//# sourceMappingURL=index.js.map