@guorui20/typical-page-shells 0.1.1

package/dist/pro-stat-page/entry.js

@@ -0,0 +1,101 @@
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useRef as P, useState as S, useLayoutEffect as T, useEffect as L } from "react";
+import x from "@hi-ui/ellipsis-tooltip";
+import { PageHeader as H } from "@hi-ui/hiui";
+import { ProListPage as $ } from "../pro-list-page/ProListPage.js";
+import { useProListPageContext as B } from "../pro-list-page/context/entry.js";
+import { TypicalPageHeaderPortal as O } from "../typical-page-host/index.js";
+import i from "./index.module.scss.js";
+import { QueryFilter as E } from "../pro-list-page/bridge/query-filter.js";
+import { Table as M } from "../pro-list-page/bridge/table.js";
+function I(r) {
+  const a = r != null && r !== "" ? String(r) : "—";
+  return /* @__PURE__ */ t("div", { className: i.tableCellTextEllipsis, children: /* @__PURE__ */ t(x, { numberOfLines: 1, children: a }) });
+}
+function z(r, a, c) {
+  return r <= 0 ? 0 : r * a + (r - 1) * c;
+}
+function J({
+  request: r,
+  minCardWidth: a = 100,
+  cardGap: c = 12,
+  renderCard: p,
+  getKey: g
+}) {
+  const [l, v] = S([]), [d, N] = S(0), u = P(null);
+  L(() => {
+    r().then((e) => v(e.list)).catch(() => v([]));
+  }, [r]), T(() => {
+    const e = u.current;
+    if (!e) return;
+    const s = () => N(Math.round(e.getBoundingClientRect().width));
+    s();
+    const y = new ResizeObserver(s);
+    return y.observe(e), () => y.disconnect();
+  }, [l.length]);
+  const n = l.length, b = z(n, a, c), o = d === 0 || b <= d, f = o ? n : Math.ceil(n / 2), h = o ? 0 : f * 2 - n, m = {
+    gridTemplateColumns: `repeat(${f}, minmax(${a}px, 1fr))`
+  };
+  return n === 0 ? null : /* @__PURE__ */ C("div", { ref: u, className: i.statCards, style: m, children: [
+    l.map(
+      (e, s) => p ? /* @__PURE__ */ t("div", { children: p(e) }, g?.(e, s) ?? `${e.title}-${s}`) : /* @__PURE__ */ C("div", { className: i.statCard, children: [
+        /* @__PURE__ */ t(x, { className: i.statCardTitle, numberOfLines: 1, children: e.title }),
+        /* @__PURE__ */ t("div", { className: i.statCardValue, children: typeof e.value == "number" ? e.value.toLocaleString("zh-CN") : e.value ?? "—" })
+      ] }, g?.(e, s) ?? `${e.title}-${s}`)
+    ),
+    h > 0 && Array.from({ length: h }, (e, s) => /* @__PURE__ */ t("div", { className: i.statCardPlaceholder, "aria-hidden": !0 }, `stat-grid-slot-${s}`))
+  ] });
+}
+function U({
+  title: r,
+  extra: a,
+  queryFields: c,
+  tableFields: p,
+  searchPlaceholder: g,
+  statSection: l,
+  tableProps: v
+}) {
+  const { listData: d, isListDataLoading: N } = B(), u = P(null), [n, b] = S(void 0);
+  return T(() => {
+    const o = u.current;
+    if (!o) return;
+    const f = () => {
+      const m = o.clientHeight;
+      if (m <= 0) return;
+      const e = o.querySelector(".hi-v5-table");
+      if (!e) {
+        b(Math.max(120, m - 80));
+        return;
+      }
+      const s = e.querySelector(".hi-v5-table-footer"), y = e.querySelector(".hi-v5-table__wrapper");
+      let R = 0;
+      const w = y?.firstElementChild;
+      w && (R += w.offsetHeight), s && (R += s.offsetHeight), b(Math.max(80, m - R));
+    };
+    f();
+    const h = new ResizeObserver(f);
+    return h.observe(o), () => h.disconnect();
+  }, [d.list.length, d.total, N]), /* @__PURE__ */ t("div", { className: `pro-stat-page ${i.statPageRoot}`, children: /* @__PURE__ */ C($, { queryFields: c, tableFields: p, children: [
+    /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(H, { className: i.pageHeader, title: r, extra: a }) }),
+    /* @__PURE__ */ C("div", { className: i.whiteBody, children: [
+      l ? /* @__PURE__ */ t("div", { className: i.statRow, children: l }) : null,
+      /* @__PURE__ */ t("div", { className: i.filterContainer, children: /* @__PURE__ */ t(E, { searchPlaceholder: g }) }),
+      /* @__PURE__ */ t("div", { ref: u, className: i.tableContainer, children: /* @__PURE__ */ t(
+        M,
+        {
+          ...n != null ? { maxHeight: n } : {},
+          stickyTop: 0,
+          size: "md",
+          striped: !1,
+          ...v
+        }
+      ) })
+    ] })
+  ] }) });
+}
+export {
+  U as StatListPageFrame,
+  J as StatOverviewGrid,
+  i as proStatPageStyles,
+  I as renderStatTableTextEllipsis
+};

package/dist/pro-stat-page/index.d.ts

@@ -0,0 +1 @@
+export { StatListPageFrame, StatOverviewGrid, proStatPageStyles, renderStatTableTextEllipsis, } from './entry';

package/dist/pro-stat-page/index.js

@@ -0,0 +1,8 @@
+import { StatListPageFrame as a, StatOverviewGrid as r, renderStatTableTextEllipsis as i } from "./entry.js";
+import { default as o } from "./index.module.scss.js";
+export {
+  a as StatListPageFrame,
+  r as StatOverviewGrid,
+  o as proStatPageStyles,
+  i as renderStatTableTextEllipsis
+};

package/dist/pro-stat-page/index.module.scss.js

@@ -0,0 +1,31 @@
+const t = "_statPageRoot_2ebon_1", a = "_pageHeader_2ebon_22", e = "_headerExtra_2ebon_36", o = "_whiteBody_2ebon_40", s = "_statRow_2ebon_50", n = "_filterContainer_2ebon_55", _ = "_tableContainer_2ebon_68", r = "_statCards_2ebon_81", l = "_statCard_2ebon_81", d = "_statCardTitle_2ebon_99", C = "_statCardValue_2ebon_109", i = "_statCardPlaceholder_2ebon_119", b = "_tableCellTextEllipsis_2ebon_125", c = {
+  statPageRoot: t,
+  pageHeader: a,
+  headerExtra: e,
+  whiteBody: o,
+  statRow: s,
+  filterContainer: n,
+  tableContainer: _,
+  statCards: r,
+  statCard: l,
+  statCardTitle: d,
+  statCardValue: C,
+  statCardPlaceholder: i,
+  tableCellTextEllipsis: b
+};
+export {
+  c as default,
+  n as filterContainer,
+  e as headerExtra,
+  a as pageHeader,
+  l as statCard,
+  i as statCardPlaceholder,
+  d as statCardTitle,
+  C as statCardValue,
+  r as statCards,
+  t as statPageRoot,
+  s as statRow,
+  b as tableCellTextEllipsis,
+  _ as tableContainer,
+  o as whiteBody
+};

package/dist/pro-table-page/entry.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { FieldConfigType } from '@hi-ui/schema-core';
+import { Table } from '../pro-list-page';
+import styles from './index.module.scss';
+export declare function renderTableTextEllipsis(cellValue: unknown): import("react/jsx-runtime").JSX.Element;
+export declare function renderTreeTableTextEllipsis(cellValue: unknown): import("react/jsx-runtime").JSX.Element;
+type TablePageFrameProps = {
+    title: string;
+    extra?: ReactNode;
+    queryFields: FieldConfigType[];
+    tableFields: FieldConfigType[];
+    searchPlaceholder: string;
+    tableProps?: Partial<ComponentProps<typeof Table>>;
+    children?: ReactNode;
+};
+export declare function TablePageFrame({ title, extra, queryFields, tableFields, searchPlaceholder, tableProps, children, }: TablePageFrameProps): import("react/jsx-runtime").JSX.Element;
+export { styles as proTablePageStyles };

package/dist/pro-table-page/entry.js

@@ -0,0 +1,70 @@
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { useRef as C, useState as N, useLayoutEffect as B } from "react";
+import E from "@hi-ui/ellipsis-tooltip";
+import { PageHeader as L } from "@hi-ui/hiui";
+import { ProListPage as S } from "../pro-list-page/ProListPage.js";
+import { useProListPageContext as R } from "../pro-list-page/context/entry.js";
+import { TypicalPageHeaderPortal as w } from "../typical-page-host/index.js";
+import r from "./index.module.scss.js";
+import { QueryFilter as M } from "../pro-list-page/bridge/query-filter.js";
+import { Table as q } from "../pro-list-page/bridge/table.js";
+function F(t) {
+  const o = t != null && t !== "" ? String(t) : "—";
+  return /* @__PURE__ */ e("div", { className: r.tableCellTextEllipsis, children: /* @__PURE__ */ e(E, { numberOfLines: 1, children: o }) });
+}
+function I(t) {
+  return /* @__PURE__ */ e("div", { className: r.treeTableCellText, children: F(t) });
+}
+function J({
+  title: t,
+  extra: o,
+  queryFields: g,
+  tableFields: T,
+  searchPlaceholder: v,
+  tableProps: x,
+  children: y
+}) {
+  const { listData: n, isListDataLoading: H } = R(), c = C(null), [m, d] = N(void 0);
+  return B(() => {
+    const i = c.current;
+    if (!i) return;
+    const f = () => {
+      const a = i.clientHeight;
+      if (a <= 0) return;
+      const s = i.querySelector(".hi-v5-table");
+      if (!s) {
+        d(Math.max(120, a - 80));
+        return;
+      }
+      const h = s.querySelector(".hi-v5-table-footer"), P = s.querySelector(".hi-v5-table__wrapper");
+      let l = 0;
+      const u = P?.firstElementChild;
+      u && (l += u.offsetHeight), h && (l += h.offsetHeight), d(Math.max(80, a - l));
+    };
+    f();
+    const p = new ResizeObserver(f);
+    return p.observe(i), () => p.disconnect();
+  }, [n.list.length, n.total, H]), /* @__PURE__ */ e("div", { className: `pro-table-page ${r.pageRoot}`, children: /* @__PURE__ */ b(S, { queryFields: g, tableFields: T, children: [
+    /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(L, { className: r.pageHeader, title: t, extra: o }) }),
+    /* @__PURE__ */ b("div", { className: r.whiteBody, children: [
+      /* @__PURE__ */ e("div", { className: r.filterContainer, children: /* @__PURE__ */ e(M, { searchPlaceholder: v }) }),
+      /* @__PURE__ */ e("div", { ref: c, className: r.tableContainer, children: /* @__PURE__ */ e(
+        q,
+        {
+          ...m != null ? { maxHeight: m } : {},
+          stickyTop: 0,
+          size: "md",
+          striped: !1,
+          ...x
+        }
+      ) })
+    ] }),
+    y
+  ] }) });
+}
+export {
+  J as TablePageFrame,
+  r as proTablePageStyles,
+  F as renderTableTextEllipsis,
+  I as renderTreeTableTextEllipsis
+};

package/dist/pro-table-page/index.d.ts

@@ -0,0 +1 @@
+export { TablePageFrame, proTablePageStyles, renderTableTextEllipsis, renderTreeTableTextEllipsis, } from './entry';

package/dist/pro-table-page/index.js

@@ -0,0 +1,8 @@
+import { TablePageFrame as l, renderTableTextEllipsis as a, renderTreeTableTextEllipsis as T } from "./entry.js";
+import { default as t } from "./index.module.scss.js";
+export {
+  l as TablePageFrame,
+  t as proTablePageStyles,
+  a as renderTableTextEllipsis,
+  T as renderTreeTableTextEllipsis
+};

package/dist/pro-table-page/index.module.scss.js

@@ -0,0 +1,23 @@
+const e = "_pageRoot_1seat_1", t = "_pageHeader_1seat_22", a = "_headerExtra_1seat_36", l = "_whiteBody_1seat_40", o = "_filterContainer_1seat_50", r = "_tableContainer_1seat_63", s = "_tableCellTextEllipsis_1seat_76", _ = "_treeSwitcherCol_1seat_81", n = "_treeTableCellText_1seat_89", i = {
+  pageRoot: e,
+  pageHeader: t,
+  headerExtra: a,
+  whiteBody: l,
+  filterContainer: o,
+  tableContainer: r,
+  tableCellTextEllipsis: s,
+  treeSwitcherCol: _,
+  treeTableCellText: n
+};
+export {
+  i as default,
+  o as filterContainer,
+  a as headerExtra,
+  t as pageHeader,
+  e as pageRoot,
+  s as tableCellTextEllipsis,
+  r as tableContainer,
+  _ as treeSwitcherCol,
+  n as treeTableCellText,
+  l as whiteBody
+};

package/dist/pro-tree-split-page/entry.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { FieldConfigType } from '@hi-ui/schema-core';
+import { Table } from '../pro-list-page';
+import styles from './index.module.scss';
+type TreeSplitPageFrameProps = {
+    title: string;
+    extra?: ReactNode;
+    queryFields: FieldConfigType[];
+    tableFields: FieldConfigType[];
+    searchPlaceholder: string;
+    leftPane: ReactNode;
+    defaultLeftWidth?: number;
+    minLeftWidth?: number;
+    maxLeftWidth?: number;
+    storageKey?: string;
+    tableProps?: Partial<ComponentProps<typeof Table>>;
+    children?: ReactNode;
+};
+export declare function TreeSplitPageFrame({ title, extra, queryFields, tableFields, searchPlaceholder, leftPane, defaultLeftWidth, minLeftWidth, maxLeftWidth, storageKey, tableProps, children, }: TreeSplitPageFrameProps): import("react/jsx-runtime").JSX.Element;
+export { styles as proTreeSplitPageStyles };

package/dist/pro-tree-split-page/entry.js

@@ -0,0 +1,107 @@
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { useRef as R, useState as w, useMemo as F, useLayoutEffect as q } from "react";
+import { PageHeader as X } from "@hi-ui/hiui";
+import { ProListPage as j } from "../pro-list-page/ProListPage.js";
+import { useProListPageContext as z } from "../pro-list-page/context/entry.js";
+import { TypicalPageHeaderPortal as I } from "../typical-page-host/index.js";
+import t from "./index.module.scss.js";
+import { QueryFilter as Q } from "../pro-list-page/bridge/query-filter.js";
+import { Table as _ } from "../pro-list-page/bridge/table.js";
+function $(m, a, f, v) {
+  if (!m) return a;
+  try {
+    const u = localStorage.getItem(m), d = u ? Number(u) : Number.NaN;
+    return Number.isFinite(d) ? Math.min(v, Math.max(f, d)) : a;
+  } catch {
+    return a;
+  }
+}
+function Z({
+  title: m,
+  extra: a,
+  queryFields: f,
+  tableFields: v,
+  searchPlaceholder: u,
+  leftPane: d,
+  defaultLeftWidth: C = 200,
+  minLeftWidth: g = 120,
+  maxLeftWidth: b = 560,
+  storageKey: h,
+  tableProps: T,
+  children: B
+}) {
+  const { listData: y, isListDataLoading: E } = z(), M = R(null), [x, H] = w(void 0), [n, L] = w(
+    () => $(h, C, g, b)
+  ), D = F(
+    () => (r) => {
+      r.preventDefault();
+      const p = r.clientX, s = n;
+      let o = s;
+      const i = (N) => {
+        const c = N.clientX - p;
+        o = Math.min(b, Math.max(g, s + c)), L(o);
+      }, l = () => {
+        if (document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", l), !!h)
+          try {
+            localStorage.setItem(h, String(o));
+          } catch {
+          }
+      };
+      document.addEventListener("mousemove", i), document.addEventListener("mouseup", l);
+    },
+    [n, b, g, h]
+  );
+  return q(() => {
+    const r = M.current;
+    if (!r) return;
+    const p = () => {
+      const o = r.clientHeight;
+      if (o <= 0) return;
+      const i = r.querySelector(".hi-v5-table");
+      if (!i) {
+        H(Math.max(120, o - 80));
+        return;
+      }
+      const l = i.querySelector(".hi-v5-table-footer"), N = i.querySelector(".hi-v5-table__wrapper");
+      let c = 0;
+      const P = N?.firstElementChild;
+      P && (c += P.offsetHeight), l && (c += l.offsetHeight), H(Math.max(80, o - c));
+    };
+    p();
+    const s = new ResizeObserver(p);
+    return s.observe(r), () => s.disconnect();
+  }, [n, y.list.length, y.total, E]), /* @__PURE__ */ e("div", { className: `pro-tree-split-page ${t.pageRoot}`, children: /* @__PURE__ */ S(j, { queryFields: f, tableFields: v, children: [
+    /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(X, { className: t.pageHeader, title: m, extra: a }) }),
+    /* @__PURE__ */ e("div", { className: t.whiteBody, children: /* @__PURE__ */ S("div", { className: t.mainSplit, children: [
+      /* @__PURE__ */ e("div", { className: t.leftColumn, style: { flex: `0 0 ${n}px`, width: n }, children: d }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: t.splitter,
+          role: "separator",
+          "aria-orientation": "vertical",
+          "aria-label": "拖动调节左侧宽度",
+          onMouseDown: D
+        }
+      ),
+      /* @__PURE__ */ S("div", { className: t.rightColumn, children: [
+        /* @__PURE__ */ e("div", { className: t.filterContainer, children: /* @__PURE__ */ e(Q, { searchPlaceholder: u }) }),
+        /* @__PURE__ */ e("div", { ref: M, className: t.tableContainer, children: /* @__PURE__ */ e(
+          _,
+          {
+            ...x != null ? { maxHeight: x } : {},
+            stickyTop: 0,
+            size: "md",
+            striped: !1,
+            ...T
+          }
+        ) })
+      ] })
+    ] }) }),
+    B
+  ] }) });
+}
+export {
+  Z as TreeSplitPageFrame,
+  t as proTreeSplitPageStyles
+};

package/dist/pro-tree-split-page/index.d.ts

@@ -0,0 +1 @@
+export { TreeSplitPageFrame, proTreeSplitPageStyles } from './entry';

package/dist/pro-tree-split-page/index.js

@@ -0,0 +1,6 @@
+import { TreeSplitPageFrame as t } from "./entry.js";
+import { default as o } from "./index.module.scss.js";
+export {
+  t as TreeSplitPageFrame,
+  o as proTreeSplitPageStyles
+};

package/dist/pro-tree-split-page/index.module.scss.js

@@ -0,0 +1,25 @@
+const e = "_pageRoot_15vey_1", t = "_pageHeader_15vey_22", o = "_headerExtra_15vey_36", n = "_whiteBody_15vey_40", _ = "_mainSplit_15vey_50", a = "_leftColumn_15vey_58", r = "_splitter_15vey_68", i = "_rightColumn_15vey_93", l = "_filterContainer_15vey_101", s = "_tableContainer_15vey_111", y = {
+  pageRoot: e,
+  pageHeader: t,
+  headerExtra: o,
+  whiteBody: n,
+  mainSplit: _,
+  leftColumn: a,
+  splitter: r,
+  rightColumn: i,
+  filterContainer: l,
+  tableContainer: s
+};
+export {
+  y as default,
+  l as filterContainer,
+  o as headerExtra,
+  a as leftColumn,
+  _ as mainSplit,
+  t as pageHeader,
+  e as pageRoot,
+  i as rightColumn,
+  r as splitter,
+  s as tableContainer,
+  n as whiteBody
+};

package/dist/schema-field-map/StableProCheckSelect.d.ts

@@ -0,0 +1,9 @@
+import { ProCheckSelect } from '@hi-ui/schema-fields/bundle';
+/**
+ * Schema 表单内 CheckSelect：TagInputMock 依赖 ResizeDetector 量宽。
+ * 在 Grid + flex 链上宽度不稳定时，内联 maxWidth 会把标签文案裁成只剩关闭图标或计数。
+ * 默认开启 wrap，样式层再兜底覆盖异常的内联 maxWidth。
+ */
+export declare class StableProCheckSelect extends ProCheckSelect {
+    getSelfFieldProps(ctx: Parameters<ProCheckSelect['getSelfFieldProps']>[0]): ReturnType<ProCheckSelect['getSelfFieldProps']>;
+}

package/dist/schema-field-map/StableProCheckSelect.js

@@ -0,0 +1,16 @@
+import { ProCheckSelect as o } from "@hi-ui/schema-fields/bundle";
+class P extends o {
+  getSelfFieldProps(t) {
+    const e = super.getSelfFieldProps(t), r = e.fieldProps, s = r.tagInputProps ?? {};
+    return {
+      ...e,
+      fieldProps: {
+        ...r,
+        tagInputProps: { wrap: !0, ...s }
+      }
+    };
+  }
+}
+export {
+  P as StableProCheckSelect
+};

package/dist/schema-field-map/field-map.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ProFieldMapType } from '@hi-ui/schema-fields';
+export declare const typicalPageFieldMap: Partial<ProFieldMapType>;
+export declare function useTypicalPageFieldMap(): ProFieldMapType;
+type TypicalPageFieldMapProviderProps = React.PropsWithChildren<{
+    fields?: Partial<ProFieldMapType>;
+}>;
+export declare function TypicalPageFieldMapProvider(props: TypicalPageFieldMapProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/schema-field-map/field-map.js

@@ -0,0 +1,33 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+import { FieldMapProvider as l } from "@hi-ui/schema-fields";
+import { ProUpload as c, ProNumber as d, ProRadio as m, ProDate as n, ProSelect as p, ProText as P } from "@hi-ui/schema-fields/bundle";
+import { StableProTextArea as f } from "../pro-edit-page/StableProTextArea.js";
+import { StableProCheckSelect as u } from "./StableProCheckSelect.js";
+const i = {
+  text: P,
+  select: p,
+  date: n,
+  radio: m,
+  number: d,
+  upload: c,
+  textarea: f,
+  "check-select": u
+}, a = r.createContext(
+  i
+);
+function T() {
+  return r.useContext(a);
+}
+function b(e) {
+  const t = r.useMemo(
+    () => ({ ...i, ...e.fields }),
+    [e.fields]
+  );
+  return /* @__PURE__ */ o(a.Provider, { value: t, children: /* @__PURE__ */ o(l, { fields: t, children: e.children }) });
+}
+export {
+  b as TypicalPageFieldMapProvider,
+  i as typicalPageFieldMap,
+  T as useTypicalPageFieldMap
+};

package/dist/schema-field-map/index.d.ts

@@ -0,0 +1,2 @@
+export { StableProCheckSelect } from './StableProCheckSelect';
+export { typicalPageFieldMap, TypicalPageFieldMapProvider, useTypicalPageFieldMap } from './field-map';

package/dist/styles.css

@@ -0,0 +1 @@
+@charset "UTF-8";._pageContainer_p6ji9_3{display:flex;flex-direction:column;flex:1 1 0%;align-self:stretch;min-height:0;min-width:0;width:100%;overflow:hidden;border-radius:12px 12px 0 0;background-color:#fff}._formScrollBody_p6ji9_2{flex:1 1 0%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}._inlineEditFooter_p6ji9_29{flex:0 0 auto;z-index:5;display:flex;justify-content:flex-end;align-items:center;width:100%;box-sizing:border-box;padding:12px 20px;background-color:#fff;border-top:1px solid var(--hi-v5-color-gray-200, #e6e8eb)}.hi-v5-form.schema-form{--group-panel-gap: 16px}.hi-v5-form.schema-form .group-container[data-el-type=multiple]{gap:16px}.hi-v5-form.schema-form .hi-v5-form-label__content__control .hi-v5-picker.hi-v5-check-select{display:block;flex:1 1 auto;align-self:stretch;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.hi-v5-form.schema-form .hi-v5-picker.hi-v5-check-select .hi-v5-tag-input-mock{display:flex!important;flex:1 1 auto!important;align-self:stretch;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.hi-v5-form.schema-form .hi-v5-picker.hi-v5-check-select .hi-v5-tag-input-mock__tags{flex:1 1 0%!important;min-width:0!important}.hi-v5-form.schema-form .hi-v5-picker.hi-v5-check-select .hi-v5-tag-input-mock__tag{flex-shrink:0;max-width:none!important}.hi-v5-form.schema-form .hi-v5-picker.hi-v5-check-select .hi-v5-tag-input-mock__tag-content{min-width:0;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.pro-edit-page .hi-v5-textarea__text{min-height:108px!important}._pageContainer_8v012_1{width:100%;height:calc(100vh - 60px);overflow:auto;border-radius:12px 12px 0 0;background-color:#fff}._pageContainer_8v012_1>div.hi-v5-loading__wrapper{height:100%;overflow:auto}.schema-descriptions.hi-v5-descriptions--placement-vertical.hi-v5-descriptions--label-placement-left .hi-v5-descriptions-item__label{text-align:left}._pageContainer_4xrht_1{width:100%;height:calc(100vh - 60px);overflow:auto;border-radius:12px 12px 0 0;background-color:#fff}._pageContainer_4xrht_1 .pro-list-page__table .hi-v5-table-footer{position:sticky;bottom:0}._drawerRoot_tuec2_1.hi-v5-drawer .hi-v5-drawer__header{padding:16px 20px;border-bottom:1px solid #edeff2}._drawerRoot_tuec2_1.hi-v5-drawer .hi-v5-drawer__body{padding:12px 20px 20px;box-sizing:border-box}._drawerRoot_tuec2_1.hi-v5-drawer .hi-v5-drawer__footer{border-block-start:none;border-top:none;box-shadow:none;padding:0 20px 20px}._drawerFooterActions_tuec2_16{display:flex;justify-content:flex-end;align-items:center;gap:12px;width:100%}._drawerRoot_o6l0g_1.hi-v5-drawer .hi-v5-drawer__header{padding:16px 20px;border-bottom:1px solid #edeff2}._drawerRoot_o6l0g_1.hi-v5-drawer .hi-v5-drawer__body{padding:12px 20px 20px;box-sizing:border-box}._drawerRoot_o6l0g_1.hi-v5-drawer .hi-v5-drawer__footer{border-block-start:none;border-top:none;box-shadow:none}._drawerRoot_o6l0g_1.hi-v5-drawer .hi-v5-descriptions--placement-vertical.hi-v5-descriptions--label-placement-left .hi-v5-descriptions-row>th{text-align:left}._drawerBody_o6l0g_18{min-height:120px}._pageRoot_1seat_1{background:#f5f8fc;box-sizing:border-box;display:flex;flex-direction:column;width:100%;flex:1 1 0%;min-height:0}._pageRoot_1seat_1 .pro-list-page{background:#f5f8fc;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:hidden}._pageHeader_1seat_22{background-color:#f5f8fc;box-sizing:border-box;min-height:60px;padding:0!important;display:flex;align-items:center}._pageHeader_1seat_22 .hi-v5-page-header__content{flex:1;min-width:0;gap:40px}._headerExtra_1seat_36 .hi-v5-space{gap:12px}._whiteBody_1seat_40{background:#fff;border-radius:12px 12px 0 0;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}._filterContainer_1seat_50{padding:20px 20px 16px;position:sticky;top:0;z-index:20;background:#fff;flex:0 0 auto}._filterContainer_1seat_50 .hi-v5-query-filter__row,._filterContainer_1seat_50 .hi-v5-form-item{gap:8px}._tableContainer_1seat_63{padding:0 20px;flex:1 1 0%;min-height:0;overflow:hidden}._tableContainer_1seat_63 .hi-v5-table__wrapper{border-block-start:none}._tableContainer_1seat_63 .hi-v5-table__wrapper>div[data-sticky]{border-block-start:var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-300, #e6e8eb)}._tableCellTextEllipsis_1seat_76{min-width:0;max-width:min(360px,100%)}._tableContainer_1seat_63 .hi-v5-table-body tr td._treeSwitcherCol_1seat_81{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;min-width:0}._treeTableCellText_1seat_89{min-width:0;flex:1 1 0;overflow:hidden}._statPageRoot_2ebon_1{background:#f5f8fc;box-sizing:border-box;display:flex;flex-direction:column;width:100%;flex:1 1 0%;min-height:0}._statPageRoot_2ebon_1 .pro-list-page{background:#f5f8fc;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:hidden}._pageHeader_2ebon_22{background-color:#f5f8fc;box-sizing:border-box;min-height:60px;padding:0!important;display:flex;align-items:center}._pageHeader_2ebon_22 .hi-v5-page-header__content{flex:1;min-width:0;gap:40px}._headerExtra_2ebon_36 .hi-v5-space{gap:12px}._whiteBody_2ebon_40{background:#fff;border-radius:12px 12px 0 0;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}._statRow_2ebon_50{padding:20px 20px 0;flex:0 0 auto}._filterContainer_2ebon_55{padding:16px 20px;position:sticky;top:0;z-index:20;background:#fff;flex:0 0 auto}._filterContainer_2ebon_55 .hi-v5-query-filter__row,._filterContainer_2ebon_55 .hi-v5-form-item{gap:8px}._tableContainer_2ebon_68{padding:0 20px;flex:1 1 0%;min-height:0;overflow:hidden}._tableContainer_2ebon_68 .hi-v5-table__wrapper{border-block-start:none}._tableContainer_2ebon_68 .hi-v5-table__wrapper>div[data-sticky]{border-block-start:var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-300, #e6e8eb)}._statCards_2ebon_81{display:grid;gap:12px}._statCard_2ebon_81{box-sizing:border-box;min-width:100px;padding:16px;display:flex;flex-direction:column;gap:0;align-items:stretch;background:#fff;border:1px solid #edeff2;border-radius:8px}._statCardTitle_2ebon_99{margin:0;min-width:0;width:100%;font-size:14px;font-weight:400;line-height:22px;color:#1a1d26}._statCardValue_2ebon_109{margin:0;flex-shrink:0;font-size:24px;font-weight:700;line-height:32px;color:#1a1d26;font-family:"DIN Alternate","DIN","Helvetica Neue",var(--hi-v5-font-family, system-ui),sans-serif}._statCardPlaceholder_2ebon_119{min-width:0;min-height:0;pointer-events:none}._tableCellTextEllipsis_2ebon_125{min-width:0;max-width:min(360px,100%)}._pageRoot_15vey_1{background:#f5f8fc;box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 0%;width:100%;min-height:0}._pageRoot_15vey_1 .pro-list-page{background:#f5f8fc;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:hidden}._pageHeader_15vey_22{background-color:#f5f8fc;box-sizing:border-box;min-height:60px;padding:0!important;display:flex;align-items:center}._pageHeader_15vey_22 .hi-v5-page-header__content{flex:1;min-width:0;gap:40px}._headerExtra_15vey_36 .hi-v5-space{gap:12px}._whiteBody_15vey_40{background:#fff;border-radius:12px 12px 0 0;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}._mainSplit_15vey_50{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:0}._leftColumn_15vey_58{flex:0 0 auto;box-sizing:border-box;padding:0 8px;display:flex;flex-direction:column;min-width:0;min-height:0}._splitter_15vey_68{flex:0 0 6px;width:6px;margin:0 -3px;cursor:col-resize;align-self:stretch;position:relative;z-index:2;background:transparent}._splitter_15vey_68:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-50%);background:#edeff2}._splitter_15vey_68:hover:after,._splitter_15vey_68:focus-visible:after{background:#dfe2e8;width:2px}._rightColumn_15vey_93{flex:1 1 0%;min-width:0;min-height:0;display:flex;flex-direction:column}._filterContainer_15vey_101{padding:20px 20px 16px;flex:0 0 auto;background:#fff}._filterContainer_15vey_101 .hi-v5-query-filter__row,._filterContainer_15vey_101 .hi-v5-form-item{gap:8px}._tableContainer_15vey_111{padding:0 20px;flex:1 1 0%;min-height:0;overflow:hidden}._tableContainer_15vey_111 .hi-v5-table__wrapper{border-block-start:none}._tableContainer_15vey_111 .hi-v5-table__wrapper>div[data-sticky]{border-block-start:var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-300, #e6e8eb)}

package/dist/typical-page-host/index.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType, PropsWithChildren, ReactNode } from 'react';
+export type TypicalPagePortalProps = {
+    children: ReactNode;
+};
+export type TypicalPagePortalComponent = ComponentType<TypicalPagePortalProps>;
+type TypicalPageHostContextValue = {
+    HeaderPortal: TypicalPagePortalComponent;
+    FooterPortal: TypicalPagePortalComponent;
+};
+export type TypicalPageHostProviderProps = PropsWithChildren<{
+    headerPortal?: TypicalPagePortalComponent;
+    footerPortal?: TypicalPagePortalComponent;
+}>;
+export declare function TypicalPageHostProvider({ children, headerPortal, footerPortal, }: TypicalPageHostProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTypicalPageHost(): TypicalPageHostContextValue;
+export declare function TypicalPageHeaderPortal({ children }: TypicalPagePortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function TypicalPageFooterPortal({ children }: TypicalPagePortalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/typical-page-host/index.js

@@ -0,0 +1,40 @@
+import { jsx as r, Fragment as l } from "react/jsx-runtime";
+import { useMemo as s, useContext as P, createContext as i } from "react";
+function e({ children: t }) {
+  return /* @__PURE__ */ r(l, { children: t });
+}
+const p = {
+  HeaderPortal: e,
+  FooterPortal: e
+}, n = i(p);
+function g({
+  children: t,
+  headerPortal: o,
+  footerPortal: a
+}) {
+  const c = s(
+    () => ({
+      HeaderPortal: o ?? e,
+      FooterPortal: a ?? e
+    }),
+    [a, o]
+  );
+  return /* @__PURE__ */ r(n.Provider, { value: c, children: t });
+}
+function u() {
+  return P(n);
+}
+function d({ children: t }) {
+  const { HeaderPortal: o } = u();
+  return /* @__PURE__ */ r(o, { children: t });
+}
+function m({ children: t }) {
+  const { FooterPortal: o } = u();
+  return /* @__PURE__ */ r(o, { children: t });
+}
+export {
+  m as TypicalPageFooterPortal,
+  d as TypicalPageHeaderPortal,
+  g as TypicalPageHostProvider,
+  u as useTypicalPageHost
+};