@mijalowcode/materials 1.2.0 → 1.2.2

package/dist/{chunk-C7UZWG4J.js → chunk-3FN6LEP3.js}

@@ -1,6 +1,6 @@
 import { useSlotRuntime } from './chunk-ERTSEXI5.js';
 import { useEventEmitter } from './chunk-CTF6CVK3.js';
-import { useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import { memo, useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import { ProTable } from '@ant-design/pro-components';
 import * as AntdIcons from '@ant-design/icons';
 import { jsx } from 'react/jsx-runtime';
@@ -26,108 +26,8 @@ function hasTableRequestBinding(eventMap) {
   }
   return Array.isArray(current.actions) && current.actions.length > 0;
 }
-function isRuntimeDebugEnabled() {
-  if (typeof window === "undefined") return false;
-  return window.__LC_DEBUG_ENABLED__ === true;
-}
-function recordProTableDiagnostic(name, detail) {
-  if (typeof window === "undefined" || !isRuntimeDebugEnabled()) return;
-  if (!window.__LC_PERF_COUNTS__) {
-    window.__LC_PERF_COUNTS__ = {};
-  }
-  const eventName = String(name || "").trim();
-  if (!eventName) return;
-  const nextCount = Number(window.__LC_PERF_COUNTS__[eventName] || 0) + 1;
-  window.__LC_PERF_COUNTS__[eventName] = nextCount;
-  console.info("[LC PERF]", {
-    name: eventName,
-    count: nextCount,
-    detail
-  });
-}
-function resolveProTableQueryActionName(text) {
-  const normalized = String(text || "").replace(/\s+/g, "");
-  if (normalized === "\u67E5\u8BE2") return "query";
-  if (normalized === "\u91CD\u7F6E") return "reset";
-  return void 0;
-}
-function buildProTableQueryDelayDetail(capturedAt, triggeredAt) {
-  return {
-    delayMs: Math.round(triggeredAt - capturedAt)
-  };
-}
-function getDiagnosticValueType(value) {
-  if (Array.isArray(value)) return `array(${value.length})`;
-  if (value === null) return "null";
-  return typeof value;
-}
-function buildProTableRequestParamsSummary(params) {
-  const keys = Object.keys(params || {});
-  return {
-    keys,
-    fieldTypes: keys.reduce((acc, key) => {
-      acc[key] = getDiagnosticValueType(params[key]);
-      return acc;
-    }, {})
-  };
-}
-function shouldRecordProTableLongTask(duration) {
-  return Number(duration || 0) >= 50;
-}
-function getEventTargetButton(target) {
-  if (!target || typeof Element === "undefined") return null;
-  if (!(target instanceof Element)) return null;
-  return target.closest("button");
-}
-function getNowTime() {
-  return typeof performance !== "undefined" ? performance.now() : Date.now();
-}
-function buildTableRequestSortPayload(sort) {
-  const [sortField, sortOrder] = Object.entries(sort).find(([, value]) => {
-    return value === "ascend" || value === "descend";
-  }) || [void 0, void 0];
-  if (!sortField || typeof sortOrder !== "string") return {};
-  return {
-    sortField,
-    sortMode: sortOrder === "ascend" ? "ASC" : "DESC"
-  };
-}
-function isBindValue(value) {
-  return Boolean(value) && typeof value === "object" && !Array.isArray(value) && typeof value.__bind === "object";
-}
-function renderFieldPropsPrefixSuffix(fieldProps) {
-  if (!fieldProps) return void 0;
-  const result = { ...fieldProps };
-  if (fieldProps.prefixType === "icon" && fieldProps.prefixIcon) {
-    const icons = AntdIcons;
-    const IconComponent = icons[fieldProps.prefixIcon];
-    result.prefix = IconComponent ? /* @__PURE__ */ jsx(IconComponent, {}) : void 0;
-  } else if (fieldProps.prefixText) {
-    result.prefix = fieldProps.prefixText;
-  }
-  if (fieldProps.suffixType === "icon" && fieldProps.suffixIcon) {
-    const icons = AntdIcons;
-    const IconComponent = icons[fieldProps.suffixIcon];
-    result.suffix = IconComponent ? /* @__PURE__ */ jsx(IconComponent, {}) : void 0;
-  } else if (fieldProps.suffixText) {
-    result.suffix = fieldProps.suffixText;
-  }
-  return result;
-}
-function resolveColumnValueEnum(col) {
-  if (isBindValue(col.valueEnum)) {
-    return col.valueEnum.__bind.fallback;
-  }
-  return col.valueEnum;
-}
-function resolveColumnSlotAreaNames(col) {
-  const areaNames = [];
-  const columnId = String(col.columnId || "").trim();
-  if (columnId) {
-    areaNames.push(`columnId:${columnId}`);
-  }
-  return areaNames;
-}
+
+// src/antdPro/ProTable/storage-search.ts
 function isPlainObject(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
@@ -170,6 +70,8 @@ function buildProTableFormConfig(searchInitialValues) {
     initialValues: searchInitialValues
   };
 }
+
+// src/antdPro/ProTable/slot-cell.tsx
 function buildProTableSlotRuntimeContext(runtimeContext, slotRuntimeContext) {
   const baseData = isPlainObject(runtimeContext?.data) ? runtimeContext.data : {};
   const slotData = isPlainObject(slotRuntimeContext.data) ? slotRuntimeContext.data : {};
@@ -182,6 +84,104 @@ function buildProTableSlotRuntimeContext(runtimeContext, slotRuntimeContext) {
     }
   };
 }
+var ProTableSlotCell = memo(
+  function ProTableSlotCell2({
+    areaNames,
+    column,
+    getAreaNodes,
+    index,
+    record,
+    runtimeContext,
+    value,
+    valueEnum
+  }) {
+    const enumRecord = valueEnum;
+    const enumMatch = enumRecord && value !== void 0 && value !== null ? enumRecord[String(value)] : void 0;
+    const slotPayload = {
+      record,
+      index,
+      column,
+      value,
+      valueEnum,
+      valueEnumItem: enumMatch,
+      enumText: enumMatch?.text,
+      enumStatus: enumMatch?.status
+    };
+    const slotNodes = areaNames.reduce(
+      (matchedNodes, areaName) => {
+        if (matchedNodes !== void 0) {
+          return matchedNodes;
+        }
+        const slotRuntimeContext = buildProTableSlotRuntimeContext(
+          runtimeContext,
+          {
+            scope: "table.cell",
+            area: areaName,
+            container: {
+              type: "table",
+              area: areaName,
+              index,
+              column,
+              record
+            },
+            data: {
+              ...slotPayload,
+              rawValue: value,
+              displayValue: enumMatch?.text !== void 0 && enumMatch?.text !== null ? enumMatch.text : value,
+              status: enumMatch?.status
+            }
+          }
+        );
+        return getAreaNodes?.(areaName, {
+          ...slotPayload,
+          runtimeContext: slotRuntimeContext
+        });
+      },
+      void 0
+    );
+    if (slotNodes !== void 0) {
+      return slotNodes.length === 1 ? slotNodes[0] : slotNodes;
+    }
+    return String(record[column.dataIndex] ?? "");
+  },
+  (prev, next) => prev.areaNames === next.areaNames && prev.column === next.column && prev.getAreaNodes === next.getAreaNodes && prev.index === next.index && prev.record === next.record && prev.runtimeContext === next.runtimeContext && prev.value === next.value && prev.valueEnum === next.valueEnum
+);
+function isBindValue(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value) && typeof value.__bind === "object";
+}
+function renderFieldPropsPrefixSuffix(fieldProps) {
+  if (!fieldProps) return void 0;
+  const result = { ...fieldProps };
+  if (fieldProps.prefixType === "icon" && fieldProps.prefixIcon) {
+    const icons = AntdIcons;
+    const IconComponent = icons[fieldProps.prefixIcon];
+    result.prefix = IconComponent ? /* @__PURE__ */ jsx(IconComponent, {}) : void 0;
+  } else if (fieldProps.prefixText) {
+    result.prefix = fieldProps.prefixText;
+  }
+  if (fieldProps.suffixType === "icon" && fieldProps.suffixIcon) {
+    const icons = AntdIcons;
+    const IconComponent = icons[fieldProps.suffixIcon];
+    result.suffix = IconComponent ? /* @__PURE__ */ jsx(IconComponent, {}) : void 0;
+  } else if (fieldProps.suffixText) {
+    result.suffix = fieldProps.suffixText;
+  }
+  return result;
+}
+function resolveColumnValueEnum(col) {
+  if (isBindValue(col.valueEnum)) {
+    return col.valueEnum.__bind.fallback;
+  }
+  return col.valueEnum;
+}
+function resolveColumnSlotAreaNames(col) {
+  const areaNames = [];
+  const columnId = String(col.columnId || "").trim();
+  if (columnId) {
+    areaNames.push(`columnId:${columnId}`);
+  }
+  return areaNames;
+}
 function convertColumns(columns = [], getAreaNodes, areaMap = {}, hasExternalRenderSlot = false, runtimeContext) {
   return columns.map((col) => {
     const extendedCol = col;
@@ -213,57 +213,246 @@ function convertColumns(columns = [], getAreaNodes, areaMap = {}, hasExternalRen
     proColumn.render = (_, record, index) => {
       const rawValue = record[col.dataIndex];
       const valueEnum = resolveColumnValueEnum(col);
-      const enumMatch = valueEnum && rawValue !== void 0 && rawValue !== null ? valueEnum[String(rawValue)] : void 0;
-      const slotPayload = {
-        record,
-        index,
-        column: col,
-        value: rawValue,
-        valueEnum,
-        valueEnumItem: enumMatch,
-        enumText: enumMatch?.text,
-        enumStatus: enumMatch?.status
-      };
-      const slotNodes = areaNames.reduce(
-        (matchedNodes, areaName) => {
-          if (matchedNodes !== void 0) {
-            return matchedNodes;
-          }
-          const slotRuntimeContext = buildProTableSlotRuntimeContext(
-            runtimeContext,
-            {
-              scope: "table.cell",
-              area: areaName,
-              container: {
-                type: "table",
-                area: areaName,
-                index,
-                column: col,
-                record
-              },
-              data: {
-                ...slotPayload,
-                rawValue,
-                displayValue: enumMatch?.text !== void 0 && enumMatch?.text !== null ? enumMatch.text : rawValue,
-                status: enumMatch?.status
-              }
-            }
-          );
-          return getAreaNodes?.(areaName, {
-            ...slotPayload,
-            runtimeContext: slotRuntimeContext
-          });
-        },
-        void 0
+      return /* @__PURE__ */ jsx(
+        ProTableSlotCell,
+        {
+          areaNames,
+          column: col,
+          getAreaNodes,
+          index,
+          record,
+          runtimeContext,
+          value: rawValue,
+          valueEnum
+        }
       );
-      if (slotNodes !== void 0) {
-        return slotNodes.length === 1 ? slotNodes[0] : slotNodes;
-      }
-      return String(record[col.dataIndex] ?? "");
     };
     return proColumn;
   });
 }
+var SEARCH_RESIZE_SETTLE_DELAY = 120;
+function getInitialProTableAutoHeightMetrics() {
+  return {
+    viewportHeight: typeof window !== "undefined" ? window.innerHeight : 900,
+    searchAreaHeight: 0
+  };
+}
+function buildProTableAutoHeightMetricsUpdate(current, next) {
+  if (current.viewportHeight === next.viewportHeight && current.searchAreaHeight === next.searchAreaHeight) {
+    return void 0;
+  }
+  return next;
+}
+function resolveResizeObserverHeight(entry) {
+  const height = entry?.contentRect.height;
+  return typeof height === "number" ? Math.ceil(height) : void 0;
+}
+function resolveProTableAutoHeightCommitDelay(source) {
+  return source === "search-resize" ? SEARCH_RESIZE_SETTLE_DELAY : 0;
+}
+function useProTableAutoHeight({
+  autoHeight,
+  getSearchNode,
+  searchEnabled
+}) {
+  const [metrics, setMetrics] = useState(
+    getInitialProTableAutoHeightMetrics
+  );
+  const metricsRef = useRef(metrics);
+  const frameRef = useRef();
+  const settleTimerRef = useRef();
+  const pendingSearchAreaHeightRef = useRef();
+  const readSearchAreaHeight = useCallback(() => {
+    const searchNode = getSearchNode();
+    return searchNode ? Math.ceil(searchNode.getBoundingClientRect().height) : 0;
+  }, [getSearchNode]);
+  const commitMetrics = useCallback((next) => {
+    const update = buildProTableAutoHeightMetricsUpdate(
+      metricsRef.current,
+      next
+    );
+    if (!update) return;
+    metricsRef.current = update;
+    setMetrics(update);
+  }, []);
+  const flushMetrics = useCallback(() => {
+    frameRef.current = void 0;
+    const pendingSearchAreaHeight = pendingSearchAreaHeightRef.current;
+    pendingSearchAreaHeightRef.current = void 0;
+    commitMetrics({
+      viewportHeight: typeof window !== "undefined" ? window.innerHeight : 900,
+      searchAreaHeight: typeof pendingSearchAreaHeight === "number" ? pendingSearchAreaHeight : readSearchAreaHeight()
+    });
+  }, [commitMetrics, readSearchAreaHeight]);
+  const scheduleMetricsFrame = useCallback(() => {
+    if (typeof window === "undefined" || typeof window.requestAnimationFrame !== "function") {
+      flushMetrics();
+      return;
+    }
+    if (frameRef.current !== void 0) return;
+    frameRef.current = window.requestAnimationFrame(flushMetrics);
+  }, [flushMetrics]);
+  const scheduleMetricsUpdate = useCallback(
+    (source, observedSearchAreaHeight) => {
+      if (typeof observedSearchAreaHeight === "number") {
+        pendingSearchAreaHeightRef.current = Math.ceil(observedSearchAreaHeight);
+      }
+      if (typeof window === "undefined") {
+        scheduleMetricsFrame();
+        return;
+      }
+      const delay = resolveProTableAutoHeightCommitDelay(source);
+      if (delay <= 0) {
+        if (settleTimerRef.current !== void 0) {
+          window.clearTimeout(settleTimerRef.current);
+          settleTimerRef.current = void 0;
+        }
+        scheduleMetricsFrame();
+        return;
+      }
+      if (settleTimerRef.current !== void 0) {
+        window.clearTimeout(settleTimerRef.current);
+      }
+      settleTimerRef.current = window.setTimeout(() => {
+        settleTimerRef.current = void 0;
+        scheduleMetricsFrame();
+      }, delay);
+    },
+    [scheduleMetricsFrame]
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const clearScheduledMetrics = () => {
+      if (frameRef.current !== void 0 && typeof window.cancelAnimationFrame === "function") {
+        window.cancelAnimationFrame(frameRef.current);
+      }
+      if (settleTimerRef.current !== void 0) {
+        window.clearTimeout(settleTimerRef.current);
+      }
+      frameRef.current = void 0;
+      settleTimerRef.current = void 0;
+      pendingSearchAreaHeightRef.current = void 0;
+    };
+    if (!autoHeight) {
+      clearScheduledMetrics();
+      commitMetrics({
+        viewportHeight: window.innerHeight,
+        searchAreaHeight: 0
+      });
+      return;
+    }
+    scheduleMetricsUpdate("initial");
+    const searchNode = getSearchNode();
+    const resizeObserver = searchNode && typeof ResizeObserver !== "undefined" ? new ResizeObserver((entries) => {
+      scheduleMetricsUpdate(
+        "search-resize",
+        resolveResizeObserverHeight(entries[0])
+      );
+    }) : null;
+    if (resizeObserver && searchNode) {
+      resizeObserver.observe(searchNode);
+    }
+    const handleWindowResize = () => {
+      scheduleMetricsUpdate("window-resize");
+    };
+    window.addEventListener("resize", handleWindowResize);
+    return () => {
+      clearScheduledMetrics();
+      if (resizeObserver) resizeObserver.disconnect();
+      window.removeEventListener("resize", handleWindowResize);
+    };
+  }, [
+    autoHeight,
+    searchEnabled,
+    getSearchNode,
+    commitMetrics,
+    scheduleMetricsUpdate
+  ]);
+  return metrics;
+}
+
+// src/antdPro/ProTable/query-diagnostics.ts
+function isRuntimeDebugEnabled() {
+  if (typeof window === "undefined") return false;
+  return window.__LC_DEBUG_ENABLED__ === true;
+}
+function recordProTableDiagnostic(name, detail) {
+  if (typeof window === "undefined" || !isRuntimeDebugEnabled()) return;
+  if (!window.__LC_PERF_COUNTS__) {
+    window.__LC_PERF_COUNTS__ = {};
+  }
+  const eventName = String(name || "").trim();
+  if (!eventName) return;
+  const nextCount = Number(window.__LC_PERF_COUNTS__[eventName] || 0) + 1;
+  window.__LC_PERF_COUNTS__[eventName] = nextCount;
+  console.info("[LC PERF]", {
+    name: eventName,
+    count: nextCount,
+    detail
+  });
+}
+function resolveProTableQueryActionName(text) {
+  const normalized = String(text || "").replace(/\s+/g, "");
+  if (normalized === "\u67E5\u8BE2") return "query";
+  if (normalized === "\u91CD\u7F6E") return "reset";
+  return void 0;
+}
+function buildProTableQueryDelayDetail(capturedAt, triggeredAt) {
+  return {
+    delayMs: Math.round(triggeredAt - capturedAt)
+  };
+}
+function getDiagnosticValueType(value) {
+  if (Array.isArray(value)) return `array(${value.length})`;
+  if (value === null) return "null";
+  return typeof value;
+}
+function buildProTableRequestParamsSummary(params) {
+  const keys = Object.keys(params || {});
+  return {
+    keys,
+    fieldTypes: keys.reduce((acc, key) => {
+      acc[key] = getDiagnosticValueType(params[key]);
+      return acc;
+    }, {})
+  };
+}
+function shouldRecordProTableLongTask(duration) {
+  return Number(duration || 0) >= 50;
+}
+function getNowTime() {
+  return typeof performance !== "undefined" ? performance.now() : Date.now();
+}
+function yieldProTableRequestPaint() {
+  return new Promise((resolve) => {
+    if (typeof window === "undefined") {
+      resolve();
+      return;
+    }
+    if (typeof window.requestAnimationFrame !== "function") {
+      window.setTimeout(resolve, 0);
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      window.setTimeout(resolve, 0);
+    });
+  });
+}
+function getEventTargetButton(target) {
+  if (!target || typeof Element === "undefined") return null;
+  if (!(target instanceof Element)) return null;
+  return target.closest("button");
+}
+function buildTableRequestSortPayload(sort) {
+  const [sortField, sortOrder] = Object.entries(sort).find(([, value]) => {
+    return value === "ascend" || value === "descend";
+  }) || [void 0, void 0];
+  if (!sortField || typeof sortOrder !== "string") return {};
+  return {
+    sortField,
+    sortMode: sortOrder === "ascend" ? "ASC" : "DESC"
+  };
+}
 function ProTableWrapper({
   columns = [],
   dataSource = [],
@@ -304,10 +493,6 @@ function ProTableWrapper({
   const lastQueryActionRef = useRef(null);
   const lastFormSubmitRef = useRef(null);
   const longTaskObserverRef = useRef(null);
-  const [searchAreaHeight, setSearchAreaHeight] = useState(0);
-  const [viewportHeight, setViewportHeight] = useState(
-    typeof window !== "undefined" ? window.innerHeight : 900
-  );
   const [tablePageSize, setTablePageSize] = useState(pageSize);
   const emitEvent = useEventEmitter(onEvent);
   const emitEventRef = useRef(emitEvent);
@@ -360,41 +545,22 @@ function ProTableWrapper({
       ".ant-pro-table-search"
     );
   }, []);
-  const updateAutoHeightMetrics = useCallback(() => {
-    setViewportHeight(window.innerHeight);
-    const searchNode = getSearchNode();
-    const next = searchNode ? Math.ceil(searchNode.getBoundingClientRect().height) : 0;
-    setSearchAreaHeight(next);
-  }, [getSearchNode]);
-  useEffect(() => {
-    if (!autoHeight) {
-      setSearchAreaHeight(0);
-      return;
-    }
-    updateAutoHeightMetrics();
-    const searchNode = getSearchNode();
-    const resizeObserver = searchNode && typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateAutoHeightMetrics) : null;
-    if (resizeObserver && searchNode) {
-      resizeObserver.observe(searchNode);
-    }
-    window.addEventListener("resize", updateAutoHeightMetrics);
-    return () => {
-      if (resizeObserver) resizeObserver.disconnect();
-      window.removeEventListener("resize", updateAutoHeightMetrics);
-    };
-  }, [autoHeight, search, getSearchNode, updateAutoHeightMetrics]);
+  const autoHeightMetrics = useProTableAutoHeight({
+    autoHeight,
+    getSearchNode,
+    searchEnabled: search
+  });
   const finalScrollY = useMemo(() => {
     if (!autoHeight) return scrollY;
     const headerOffset = 47;
     const paginationOffset = paginationEnabled ? 40 : 0;
     const toolbarOffset = toolbarNodes && toolbarNodes.length > 0 ? 64 : 0;
-    const dynamic = viewportHeight - searchAreaHeight - autoHeightOffset - headerOffset - paginationOffset - toolbarOffset;
+    const dynamic = autoHeightMetrics.viewportHeight - autoHeightMetrics.searchAreaHeight - autoHeightOffset - headerOffset - paginationOffset - toolbarOffset;
     return Math.max(autoHeightMinY, dynamic);
   }, [
     autoHeight,
     scrollY,
-    viewportHeight,
-    searchAreaHeight,
+    autoHeightMetrics,
     autoHeightOffset,
     autoHeightMinY,
     paginationEnabled,
@@ -429,11 +595,15 @@ function ProTableWrapper({
           )
         } : void 0
       });
-      const result = await emitEventRef.current("table.request", {
-        ...params,
-        ...buildTableRequestSortPayload(sort),
-        ...filter
-      });
+      await yieldProTableRequestPaint();
+      const result = await emitEventRef.current(
+        "table.request",
+        {
+          ...params,
+          ...buildTableRequestSortPayload(sort),
+          ...filter
+        }
+      );
       const finalResult = result || {
         data: [],
         success: true,
@@ -707,5 +877,5 @@ function ProTableWrapper({
 var ProTableWrapper_default = ProTableWrapper;
 
 export { ProTableWrapper_default, buildProTableFormConfig, buildProTableQueryDelayDetail, buildProTableRequestParamsSummary, buildProTableSlotRuntimeContext, buildSearchInitialValuesFromStorageValue, resolveProTableQueryActionName, shouldRecordProTableLongTask, unwrapSearchStorageValue };
-//# sourceMappingURL=chunk-C7UZWG4J.js.map
-//# sourceMappingURL=chunk-C7UZWG4J.js.map
+//# sourceMappingURL=chunk-3FN6LEP3.js.map
+//# sourceMappingURL=chunk-3FN6LEP3.js.map