@donglegeyu/company-ui 1.1.1 → 1.2.0

package/dist/cjs/shared-components/BaseInfoForm/index.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { FormInstance } from 'antd';
+import './index.scss';
+export interface FormField {
+    name: string;
+    label: string;
+    type: 'input' | 'select' | 'textarea' | 'input-number';
+    placeholder?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    options?: {
+        value: string | number;
+        label: string;
+    }[];
+    rules?: any[];
+    required?: boolean;
+}
+export interface BaseInfoFormProps {
+    value: Record<string, any>;
+    fields: FormField[];
+    layout?: 'horizontal' | 'vertical';
+    onChange?: (value: Record<string, any>) => void;
+    onFieldChange?: (field: string, value: any) => void;
+}
+export interface BaseInfoFormRef {
+    validate: () => Promise<boolean>;
+    form: FormInstance | null;
+}
+declare const BaseInfoForm: import("react").ForwardRefExoticComponent<BaseInfoFormProps & import("react").RefAttributes<BaseInfoFormRef>>;
+export default BaseInfoForm;

package/dist/cjs/shared-components/BaseInfoForm/index.js

@@ -0,0 +1,154 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/shared-components/BaseInfoForm/index.tsx
+var BaseInfoForm_exports = {};
+__export(BaseInfoForm_exports, {
+  default: () => BaseInfoForm_default
+});
+module.exports = __toCommonJS(BaseInfoForm_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_basic_components = require("../../basic-components");
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+var BaseInfoForm = (0, import_react.forwardRef)(({
+  value,
+  fields,
+  layout = "horizontal",
+  onChange,
+  onFieldChange
+}, ref) => {
+  const [form] = import_antd.Form.useForm();
+  const [contentWidth, setContentWidth] = (0, import_react.useState)(1200);
+  const formRef = (0, import_react.useRef)(null);
+  const prevValueRef = (0, import_react.useRef)(value);
+  (0, import_react.useEffect)(() => {
+    const el = formRef.current;
+    if (!el)
+      return;
+    const updateWidth = () => {
+      if (el) {
+        setContentWidth(el.clientWidth);
+      }
+    };
+    updateWidth();
+    const observer = new ResizeObserver(updateWidth);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const getColSpan = () => {
+    if (contentWidth < 560)
+      return 24;
+    if (contentWidth < 860)
+      return 12;
+    if (contentWidth < 1200)
+      return 8;
+    return 6;
+  };
+  (0, import_react.useEffect)(() => {
+    if (prevValueRef.current !== value) {
+      prevValueRef.current = value;
+      const currentFormValues = form.getFieldsValue();
+      const diff = {};
+      for (const k of Object.keys(value)) {
+        if (value[k] !== currentFormValues[k]) {
+          diff[k] = value[k];
+        }
+      }
+      if (Object.keys(diff).length > 0) {
+        form.setFieldsValue(diff);
+      }
+    }
+  }, [value, form]);
+  const handleValuesChange = (_changedValues, allValues) => {
+    const key = Object.keys(_changedValues)[0];
+    if (key) {
+      onFieldChange == null ? void 0 : onFieldChange(key, _changedValues[key]);
+    }
+    onChange == null ? void 0 : onChange(allValues);
+  };
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    validate: () => form.validateFields().then(() => true).catch(() => false),
+    form
+  }), [form]);
+  const renderField = (field) => {
+    switch (field.type) {
+      case "input":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyInput,
+          {
+            placeholder: field.placeholder ?? "请输入",
+            readOnly: field.readonly,
+            disabled: field.disabled
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanySelect,
+          {
+            placeholder: field.placeholder ?? "请选择",
+            disabled: field.disabled,
+            options: field.options,
+            style: { width: "100%" }
+          }
+        );
+      case "textarea":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyInput.TextArea,
+          {
+            placeholder: field.placeholder ?? "请输入",
+            disabled: field.disabled,
+            style: { width: "100%" }
+          }
+        );
+      case "input-number":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyInputNumber,
+          {
+            placeholder: field.placeholder ?? "请输入",
+            disabled: field.disabled,
+            style: { width: "100%" }
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: formRef, className: "base-info-form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Form,
+    {
+      form,
+      initialValues: value,
+      layout,
+      onValuesChange: handleValuesChange,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Row, { gutter: 24, children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Col, { span: getColSpan(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Form.Item,
+        {
+          label: field.label,
+          name: field.name,
+          rules: field.rules,
+          required: field.required,
+          children: renderField(field)
+        }
+      ) }, field.name)) })
+    }
+  ) });
+});
+BaseInfoForm.displayName = "BaseInfoForm";
+var BaseInfoForm_default = BaseInfoForm;

package/dist/cjs/shared-components/BaseInfoForm/index.scss

@@ -0,0 +1,18 @@
+.base-info-form.base-info-form {
+  width: 100%;
+
+  .ant-form-item.ant-form-item {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .ant-form-item-label.ant-form-item-label {
+    width: 80px;
+    flex-shrink: 0;
+  }
+
+  .ant-form-item-label > label {
+    justify-content: flex-end;
+  }
+}

package/dist/cjs/shared-components/FormFooterActions/index.d.ts

@@ -0,0 +1,14 @@
+import './index.scss';
+interface FormFooterActionsProps {
+    submitLoading?: boolean;
+    submitText?: string;
+    cancelText?: string;
+    showSubmit?: boolean;
+    showCancel?: boolean;
+    submitDisabled?: boolean;
+    cancelDisabled?: boolean;
+    onSubmit?: () => void;
+    onCancel?: () => void;
+}
+export default function FormFooterActions({ submitLoading, submitText, cancelText, showSubmit, showCancel, submitDisabled, cancelDisabled, onSubmit, onCancel, }: FormFooterActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/shared-components/FormFooterActions/index.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/shared-components/FormFooterActions/index.tsx
+var FormFooterActions_exports = {};
+__export(FormFooterActions_exports, {
+  default: () => FormFooterActions
+});
+module.exports = __toCommonJS(FormFooterActions_exports);
+var import_basic_components = require("../../basic-components");
+var import_antd = require("antd");
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FormFooterActions({
+  submitLoading = false,
+  submitText = "确定",
+  cancelText = "取消",
+  showSubmit = true,
+  showCancel = true,
+  submitDisabled = false,
+  cancelDisabled = false,
+  onSubmit,
+  onCancel
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "form-footer-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { children: [
+    showCancel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { disabled: cancelDisabled, onClick: onCancel, children: cancelText }),
+    showSubmit && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_basic_components.CompanyButton,
+      {
+        type: "primary",
+        loading: submitLoading,
+        disabled: submitDisabled,
+        onClick: onSubmit,
+        children: submitText
+      }
+    )
+  ] }) });
+}

package/dist/cjs/shared-components/FormFooterActions/index.scss

@@ -0,0 +1,11 @@
+.form-footer-actions {
+  position: sticky;
+  bottom: 0;
+  padding: 12px 16px;
+  background: #ffffff;
+  border-top: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+  display: flex;
+  justify-content: flex-end;
+  box-sizing: border-box;
+  z-index: 10;
+}

package/dist/cjs/shared-components/PageTitle/index.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import './index.scss';
+interface PageTitleProps {
+    title: string;
+    showBack?: boolean;
+    showBackText?: boolean;
+    showDivider?: boolean;
+    backText?: string;
+    onBack?: () => void;
+    className?: string;
+    backIcon?: ReactNode;
+    titleSuffix?: ReactNode;
+    actions?: ReactNode;
+}
+export default function PageTitle({ title, showBack, showBackText, showDivider, backText, onBack, className, backIcon, titleSuffix, actions, }: PageTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/shared-components/PageTitle/index.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/shared-components/PageTitle/index.tsx
+var PageTitle_exports = {};
+__export(PageTitle_exports, {
+  default: () => PageTitle
+});
+module.exports = __toCommonJS(PageTitle_exports);
+var import_react = require("react");
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PageTitle({
+  title,
+  showBack = false,
+  showBackText = true,
+  showDivider = true,
+  backText = "返回",
+  onBack,
+  className,
+  backIcon,
+  titleSuffix,
+  actions
+}) {
+  const handleBack = (0, import_react.useCallback)(() => {
+    if (onBack) {
+      onBack();
+    } else if (typeof window !== "undefined") {
+      window.history.back();
+    }
+  }, [onBack]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `page-title${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "page-title-left", children: [
+      showBack && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "page-title-back-btn", onClick: handleBack, children: [
+          backIcon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 1024 1024", className: "page-title-back-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M609.344 226.906667L318.250667 512l291.093333 285.094667a42.666667 42.666667 0 0 1-60.330666 60.330666l-315.733334-309.12a42.666667 42.666667 0 0 1 0-60.330666l315.392-308.373333a42.666667 42.666667 0 0 1 60.672 24.32 42.666667 42.666667 0 0 1-0.341334 36.181333z", fill: "currentColor" }) }),
+          showBackText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "page-title-back-text", children: backText })
+        ] }),
+        showDivider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "page-title-divider" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "page-title-text", children: title }),
+      titleSuffix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "page-title-suffix", children: titleSuffix })
+    ] }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "page-title-actions", children: actions })
+  ] });
+}

package/dist/cjs/shared-components/PageTitle/index.scss

@@ -0,0 +1,64 @@
+.page-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 48px;
+  padding: 0;
+  background: transparent;
+}
+
+.page-title-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.page-title-back-btn {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  transition: color 0.2s;
+
+  &:hover {
+    color: #F95914;
+  }
+}
+
+.page-title-back-icon {
+  width: 14px;
+  height: 14px;
+}
+
+.page-title-back-text {
+  font-size: 14px;
+}
+
+.page-title-divider {
+  width: 1px;
+  height: 16px;
+  background: #E5E6EB;
+  margin: 0 4px;
+}
+
+.page-title-text {
+  font-size: 16px;
+  font-weight: 600;
+  color: #1D2129;
+}
+
+.page-title-suffix {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.page-title-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}

package/dist/cjs/shared-components/SectionTitle/index.d.ts

@@ -0,0 +1,6 @@
+import './index.scss';
+interface SectionTitleProps {
+    title: string;
+}
+export default function SectionTitle({ title }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/shared-components/SectionTitle/index.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/shared-components/SectionTitle/index.tsx
+var SectionTitle_exports = {};
+__export(SectionTitle_exports, {
+  default: () => SectionTitle
+});
+module.exports = __toCommonJS(SectionTitle_exports);
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SectionTitle({ title }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "section-title", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-bar" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "section-title-text", children: title })
+  ] });
+}

package/dist/cjs/shared-components/SectionTitle/index.scss

@@ -0,0 +1,20 @@
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: 38px;
+  padding: 8px 0;
+  margin-bottom: 8px;
+}
+
+.section-title-bar {
+  width: 4px;
+  height: 16px;
+  border-radius: 12px;
+  background: #F95914;
+}
+
+.section-title-text {
+  font-size: 14px;
+  color: #1D2129;
+}

package/dist/cjs/shared-components/index.d.ts

@@ -2,3 +2,8 @@ export { default as SvgIcon } from "./SvgIcon";
 export { default as ActionCell } from "./ActionCell";
 export type { ActionButton } from "./ActionCell";
 export { default as FilterOptionsDrawer } from "./FilterOptionsDrawer";
+export { default as PageTitle } from "./PageTitle";
+export { default as FormFooterActions } from "./FormFooterActions";
+export { default as SectionTitle } from "./SectionTitle";
+export { default as BaseInfoForm } from "./BaseInfoForm";
+export type { FormField, BaseInfoFormProps, BaseInfoFormRef } from "./BaseInfoForm";

package/dist/cjs/shared-components/index.js

@@ -30,16 +30,28 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var shared_components_exports = {};
 __export(shared_components_exports, {
   ActionCell: () => import_ActionCell.default,
+  BaseInfoForm: () => import_BaseInfoForm.default,
   FilterOptionsDrawer: () => import_FilterOptionsDrawer.default,
+  FormFooterActions: () => import_FormFooterActions.default,
+  PageTitle: () => import_PageTitle.default,
+  SectionTitle: () => import_SectionTitle.default,
   SvgIcon: () => import_SvgIcon.default
 });
 module.exports = __toCommonJS(shared_components_exports);
 var import_SvgIcon = __toESM(require("./SvgIcon"));
 var import_ActionCell = __toESM(require("./ActionCell"));
 var import_FilterOptionsDrawer = __toESM(require("./FilterOptionsDrawer"));
+var import_PageTitle = __toESM(require("./PageTitle"));
+var import_FormFooterActions = __toESM(require("./FormFooterActions"));
+var import_SectionTitle = __toESM(require("./SectionTitle"));
+var import_BaseInfoForm = __toESM(require("./BaseInfoForm"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionCell,
+  BaseInfoForm,
   FilterOptionsDrawer,
+  FormFooterActions,
+  PageTitle,
+  SectionTitle,
   SvgIcon
 });

package/dist/cjs/template-components/ColumnSettingsPanel/index.scss

@@ -1,5 +1,9 @@
 .column-settings-popover {
   width: 200px;
+
+  .ant-popover-inner {
+    padding: 12px 16px !important;
+  }
 }
 
 .column-settings-panel {
@@ -46,6 +50,7 @@
 .search-input {
   flex: 1;
   height: 32px;
+  min-width: 0;
   border: none;
   background: transparent;
   color: rgba(0, 0, 0, 0.85);

package/dist/cjs/template-components/FormPageTemplate/index.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import './index.scss';
+interface FormPageTemplateProps {
+    title: string;
+    showBack?: boolean;
+    onBack?: () => void;
+    submitLoading?: boolean;
+    showFooter?: boolean;
+    footerPosition?: 'fixed' | 'static';
+    onSubmit?: () => void;
+    onCancel?: () => void;
+    titleActions?: ReactNode;
+    children?: ReactNode;
+}
+export default function FormPageTemplate({ title, showBack, onBack, submitLoading, showFooter, footerPosition, onSubmit, onCancel, titleActions, children, }: FormPageTemplateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/template-components/FormPageTemplate/index.js

@@ -0,0 +1,111 @@
+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/template-components/FormPageTemplate/index.tsx
+var FormPageTemplate_exports = {};
+__export(FormPageTemplate_exports, {
+  default: () => FormPageTemplate
+});
+module.exports = __toCommonJS(FormPageTemplate_exports);
+var import_react = require("react");
+var import_basic_components = require("../../basic-components");
+var import_PageTitle = __toESM(require("../../shared-components/PageTitle"));
+var import_FormFooterActions = __toESM(require("../../shared-components/FormFooterActions"));
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FormPageTemplate({
+  title,
+  showBack = false,
+  onBack,
+  submitLoading = false,
+  showFooter = true,
+  footerPosition = "fixed",
+  onSubmit,
+  onCancel,
+  titleActions,
+  children
+}) {
+  const [isScrolling, setIsScrolling] = (0, import_react.useState)(false);
+  const scrollTimeoutRef = (0, import_react.useRef)(null);
+  const handleScroll = (0, import_react.useCallback)((e) => {
+    const target = e.currentTarget;
+    setIsScrolling(true);
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current);
+    }
+    scrollTimeoutRef.current = setTimeout(() => {
+      setIsScrolling(false);
+    }, 150);
+    const scrollTop = target.scrollTop;
+    if (scrollTop > 0) {
+      target.classList.add("scrolled");
+    } else {
+      target.classList.remove("scrolled");
+    }
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "form-page-template", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PageTitle.default,
+      {
+        title,
+        showBack,
+        onBack,
+        className: "form-page-title",
+        actions: titleActions
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "form-page-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: `form-page-content${isScrolling ? " scrolling" : ""}`,
+          onScroll: handleScroll,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyCard, { className: "form-page-card", children }),
+            showFooter && footerPosition === "static" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "form-page-footer static", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_FormFooterActions.default,
+              {
+                submitLoading,
+                onSubmit,
+                onCancel
+              }
+            ) })
+          ]
+        }
+      ),
+      showFooter && footerPosition === "fixed" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "form-page-footer fixed", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_FormFooterActions.default,
+        {
+          submitLoading,
+          onSubmit,
+          onCancel
+        }
+      ) })
+    ] })
+  ] });
+}