@vef-framework/components 1.0.128 → 1.0.130

package/cjs/vef-tree-select/hooks/use-change-handler.cjs

@@ -1,36 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useChangeHandler(onChange, options) {
-  const optionsMap = react.useMemo(() => options.reduce((map, option) => {
-    map.set(option.value, option);
-    return map;
-  }, /* @__PURE__ */ new Map()), [options]);
-  return react.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return (value) => {
-        if (!value) {
-          onChange(null, null);
-          return;
-        }
-        if (shared.isArray(value)) {
-          onChange(
-            value,
-            value.map((it) => optionsMap.get(it))
-          );
-        } else {
-          onChange(
-            value,
-            optionsMap.get(value)
-          );
-        }
-      };
-    }
-  }, [onChange, optionsMap]);
-}
-
-exports.useChangeHandler = useChangeHandler;
+"use strict";var s=require("@vef-framework/shared"),a=require("react");function i(r,t){const n=a.useMemo(()=>t.reduce((e,u)=>(e.set(u.value,u),e),new Map),[t]);return a.useMemo(()=>{if(s.isFunction(r))return e=>{if(!e){r(null,null);return}s.isArray(e)?r(e,e.map(u=>n.get(u))):r(e,n.get(e))}},[r,n])}exports.useChangeHandler=i;

package/cjs/vef-tree-select/hooks/use-data-options.cjs

@@ -1,48 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useDataOptions({
-  value,
-  multiple = false,
-  onChange,
-  ...rest
-}) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    defaultOption,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = hooks.useComputedOptions({
-    ...rest,
-    selectedOptionValues: shared.isArray(value) ? value : value ? [value] : []
-  });
-  react.useLayoutEffect(() => {
-    if (defaultOption && shared.isFunction(onChange) && shared.isNullish(value)) {
-      onChange(
-        multiple ? [defaultOption.value] : defaultOption.value,
-        multiple ? [defaultOption] : defaultOption
-      );
-    }
-  }, [
-    defaultOption,
-    multiple,
-    onChange,
-    value
-  ]);
-  return {
-    onFilterKeywordChange,
-    normalizedOptions,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  };
-}
-
-exports.useDataOptions = useDataOptions;
+"use strict";var c=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),d=require("react");function O({value:i,multiple:t=!1,onChange:e,...s}){const{onFilterKeywordChange:o,normalizedOptions:l,defaultOption:a,isLoading:r,fallbackOptions:u,isFallbackOptionsLoading:p}=c.useComputedOptions({...s,selectedOptionValues:n.isArray(i)?i:i?[i]:[]});return d.useLayoutEffect(()=>{a&&n.isFunction(e)&&n.isNullish(i)&&e(t?[a.value]:a.value,t?[a]:a)},[a,t,e,i]),{onFilterKeywordChange:o,normalizedOptions:l,isLoading:r,fallbackOptions:u,isFallbackOptionsLoading:p}}exports.useDataOptions=O;

package/cjs/vef-tree-select/hooks/use-tree-select-instance.cjs

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useTreeSelectInstance(ref, dataOptions) {
-  const treeSelectRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      treeSelectRef.current?.blur();
-    },
-    focus: () => {
-      treeSelectRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return treeSelectRef;
-}
-
-exports.useTreeSelectInstance = useTreeSelectInstance;
+"use strict";var r=require("react");function c(t,u){const e=r.useRef(null);return r.useImperativeHandle(t,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})},getDataOptions:()=>u})),e}exports.useTreeSelectInstance=c;

package/cjs/vef-tree-select/index.cjs

@@ -1,94 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-require('../internal/index.cjs');
-var index = require('../vef-loading-placeholder/index.cjs');
-var useChangeHandler = require('./hooks/use-change-handler.cjs');
-var useDataOptions = require('./hooks/use-data-options.cjs');
-var useTreeSelectInstance = require('./hooks/use-tree-select-instance.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const listHeight = 280;
-const loadingPlaceholder = /* @__PURE__ */ jsxRuntime.jsx("div", { css: { height: listHeight / 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, {}) });
-const treeLineOptions = { showLeafIcon: false };
-function VefTreeSelectBase({
-  defaultValue,
-  value,
-  size,
-  clearable,
-  disabled,
-  placeholder,
-  variant,
-  maxCount,
-  onClear,
-  onBlur,
-  onFocus,
-  onChange,
-  onSelect,
-  onDeselect,
-  multiple = false,
-  filterable = true,
-  filterFromRemote = false,
-  ...restProps
-}, ref) {
-  const {
-    normalizedOptions,
-    isLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    multiple,
-    onChange,
-    filterable,
-    filterFromRemote,
-    ...restProps
-  });
-  const filterTreeNode = hooks.useOptionFilter(filterable, false);
-  const handleChange = useChangeHandler.useChangeHandler(onChange, normalizedOptions);
-  const treeSelectRef = useTreeSelectInstance.useTreeSelectInstance(ref, normalizedOptions);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.TreeSelect,
-    {
-      ref: treeSelectRef,
-      virtual: true,
-      allowClear: clearable,
-      css: shared.styles.fullWidth,
-      defaultValue,
-      disabled,
-      filterTreeNode,
-      listHeight,
-      loading: isLoading,
-      maxCount,
-      maxTagCount: multiple ? "responsive" : void 0,
-      multiple,
-      notFoundContent: isLoading ? loadingPlaceholder : void 0,
-      placeholder,
-      showSearch: filterable,
-      size: utils.convertBasicSizeToUiSize(size),
-      treeCheckable: multiple,
-      treeData: normalizedOptions,
-      treeLine: treeLineOptions,
-      value,
-      variant,
-      onBlur,
-      onChange: handleChange,
-      onClear,
-      onDeselect,
-      onFocus,
-      onSelect
-    }
-  );
-}
-const VefTreeSelect = react.memo(
-  react.forwardRef(VefTreeSelectBase)
-);
-VefTreeSelect.displayName = "VefTreeSelect";
-
-exports.default = VefTreeSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),O=require("@vef-framework/hooks"),R=require("@vef-framework/shared"),w=require("antd"),o=require("react");require("../internal/index.cjs");var L=require("../vef-loading-placeholder/index.cjs"),y=require("./hooks/use-change-handler.cjs"),B=require("./hooks/use-data-options.cjs"),H=require("./hooks/use-tree-select-instance.cjs"),I=require("../internal/utils.cjs");const s=280,V=t.jsx("div",{css:{height:s/2},children:t.jsx(L.default,{})}),k={showLeafIcon:!1};function N({defaultValue:c,value:l,size:d,clearable:v,disabled:h,placeholder:f,variant:m,maxCount:C,onClear:p,onBlur:q,onFocus:g,onChange:i,onSelect:x,onDeselect:S,multiple:e=!1,filterable:r=!0,filterFromRemote:b=!1,...T},F){const{normalizedOptions:a,isLoading:n}=B.useDataOptions({value:l,multiple:e,onChange:i,filterable:r,filterFromRemote:b,...T}),j=O.useOptionFilter(r,!1),z=y.useChangeHandler(i,a),D=H.useTreeSelectInstance(F,a);return t.jsx(w.TreeSelect,{ref:D,virtual:!0,allowClear:v,css:R.styles.fullWidth,defaultValue:c,disabled:h,filterTreeNode:j,listHeight:s,loading:n,maxCount:C,maxTagCount:e?"responsive":void 0,multiple:e,notFoundContent:n?V:void 0,placeholder:f,showSearch:r,size:I.convertBasicSizeToUiSize(d),treeCheckable:e,treeData:a,treeLine:k,value:l,variant:m,onBlur:q,onChange:z,onClear:p,onDeselect:S,onFocus:g,onSelect:x})}const u=o.memo(o.forwardRef(N));u.displayName="VefTreeSelect",exports.default=u;

package/cjs/vef-tree-select/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-virtual-grid/index.cjs

@@ -1,121 +1,13 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var reactVirtual = require('@tanstack/react-virtual');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index$1 = require('../vef-auto-sizer/index.cjs');
-var index = require('../vef-scroll-area/index.cjs');
-
-"use strict";
-const viewportStyle = {
-  willChange: "transform"
-};
-const containerStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),z=require("@emotion/react"),w=require("@tanstack/react-virtual"),M=require("@vef-framework/hooks"),g=require("@vef-framework/shared"),t=require("react"),T=require("../vef-auto-sizer/index.cjs"),k=require("../vef-scroll-area/index.cjs");const C={willChange:"transform"},E=z.css`
   position: relative;
   width: var(--vef-virtual-grid-width);
   height: var(--vef-virtual-grid-height);
-`;
-const virtualItemStyle = react.css`
+`,G=z.css`
   position: absolute;
   top: 0;
   left: 0;
   width: var(--vef-virtual-grid-item-width);
   height: var(--vef-virtual-grid-item-height);
   transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
-`;
-function VefVirtualGridBase({
-  className,
-  style,
-  items,
-  renderItem,
-  itemClassName,
-  itemStyle,
-  rowHeight,
-  columnWidth,
-  gap,
-  ...restProps
-}) {
-  const GridItem = react$1.useMemo(() => react$1.memo(renderItem), [renderItem]);
-  const viewportRef = react$1.useRef(null);
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const [rowGap, columnGap] = react$1.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])];
-    }
-    if (gap) {
-      const normalizedGap = normalizeGapSize(gap);
-      return [normalizedGap, normalizedGap];
-    }
-    return [0, 0];
-  }, [gap, normalizeGapSize]);
-  const rowVirtualizer = reactVirtual.useVirtualizer({
-    count: items.length,
-    getScrollElement: () => viewportRef.current,
-    estimateSize: shared.isNumber(rowHeight) ? () => rowHeight : rowHeight,
-    overscan: 2,
-    gap: rowGap
-  });
-  const columnVirtualizer = reactVirtual.useVirtualizer({
-    horizontal: true,
-    count: items[0]?.length ?? 0,
-    getScrollElement: () => viewportRef.current,
-    estimateSize: shared.isNumber(columnWidth) ? () => columnWidth : columnWidth,
-    overscan: 2,
-    gap: columnGap
-  });
-  const containerSizeStyle = react$1.useMemo(() => ({
-    "--vef-virtual-grid-height": `${rowVirtualizer.getTotalSize()}px`,
-    "--vef-virtual-grid-width": `${columnVirtualizer.getTotalSize()}px`
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), [rowVirtualizer.getTotalSize(), columnVirtualizer.getTotalSize()]);
-  const getVirtualGridNode = (height, width) => /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      className,
-      height,
-      scrollbarSize: "small",
-      style,
-      viewportRef,
-      viewportStyle,
-      width,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: containerStyle, style: containerSizeStyle, children: rowVirtualizer.getVirtualItems().map((row) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Fragment, { children: columnVirtualizer.getVirtualItems().map((item) => {
-        const itemData = items[row.index][item.index];
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: itemClassName,
-            css: virtualItemStyle,
-            style: {
-              ...itemStyle,
-              "--vef-virtual-grid-item-width": `${item.size}px`,
-              "--vef-virtual-grid-item-height": `${row.size}px`,
-              "--vef-virtual-grid-item-x": `${item.start}px`,
-              "--vef-virtual-grid-item-y": `${row.start}px`
-            },
-            children: itemData && react$1.createElement(GridItem, {
-              item: itemData,
-              rowIndex: row.index,
-              columnIndex: item.index
-            })
-          },
-          item.key
-        );
-      }) }, row.key)) })
-    }
-  );
-  if (!restProps.autoSize) {
-    const { height, width } = restProps;
-    return getVirtualGridNode(height, width);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: ({ height, width }) => getVirtualGridNode(height, width) });
-}
-const VefVirtualGrid = react$1.memo(VefVirtualGridBase);
-VefVirtualGrid.displayName = "VefVirtualGrid";
-
-exports.default = VefVirtualGrid;
+`;function R({className:y,style:q,items:n,renderItem:c,itemClassName:N,itemStyle:$,rowHeight:d,columnWidth:o,gap:r,...f}){const j=t.useMemo(()=>t.memo(c),[c]),v=t.useRef(null),u=M.useGapSizeNormalizer(),[V,b]=t.useMemo(()=>{if(g.isArray(r))return[u(r[0]),u(r[1])];if(r){const e=u(r);return[e,e]}return[0,0]},[r,u]),m=w.useVirtualizer({count:n.length,getScrollElement:()=>v.current,estimateSize:g.isNumber(d)?()=>d:d,overscan:2,gap:V}),h=w.useVirtualizer({horizontal:!0,count:n[0]?.length??0,getScrollElement:()=>v.current,estimateSize:g.isNumber(o)?()=>o:o,overscan:2,gap:b}),I=t.useMemo(()=>({"--vef-virtual-grid-height":`${m.getTotalSize()}px`,"--vef-virtual-grid-width":`${h.getTotalSize()}px`}),[m.getTotalSize(),h.getTotalSize()]),x=(e,i)=>s.jsx(k.default,{className:y,height:e,scrollbarSize:"small",style:q,viewportRef:v,viewportStyle:C,width:i,children:s.jsx("div",{css:E,style:I,children:m.getVirtualItems().map(a=>s.jsx(t.Fragment,{children:h.getVirtualItems().map(l=>{const p=n[a.index][l.index];return s.jsx("div",{className:N,css:G,style:{...$,"--vef-virtual-grid-item-width":`${l.size}px`,"--vef-virtual-grid-item-height":`${a.size}px`,"--vef-virtual-grid-item-x":`${l.start}px`,"--vef-virtual-grid-item-y":`${a.start}px`},children:p&&t.createElement(j,{item:p,rowIndex:a.index,columnIndex:l.index})},l.key)})},a.key))})});if(!f.autoSize){const{height:e,width:i}=f;return x(e,i)}return s.jsx(T.default,{children:({height:e,width:i})=>x(e,i)})}const S=t.memo(R);S.displayName="VefVirtualGrid",exports.default=S;

package/cjs/vef-virtual-grid/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-virtual-list/index.cjs

@@ -1,234 +1,19 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var reactVirtual = require('@tanstack/react-virtual');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index$1 = require('../vef-auto-sizer/index.cjs');
-var index = require('../vef-scroll-area/index.cjs');
-
-"use strict";
-const viewportStyle = {
-  willChange: "transform"
-};
-const containerStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),z=require("@emotion/react"),C=require("@tanstack/react-virtual"),G=require("@vef-framework/hooks"),V=require("@vef-framework/shared"),t=require("react"),E=require("../vef-auto-sizer/index.cjs"),R=require("../vef-scroll-area/index.cjs");const k={willChange:"transform"},I=z.css`
   position: relative;
   width: var(--vef-virtual-list-width, auto);
   height: var(--vef-virtual-list-height, auto);
-`;
-const virtualItemStyle = react.css`
+`,T=z.css`
   position: absolute;
   top: var(--vef-virtual-list-item-top, 0);
   left: var(--vef-virtual-list-item-left, 0);
   width: var(--vef-virtual-list-item-width, auto);
   height: var(--vef-virtual-list-item-height, auto);
   transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
-`;
-const frameStyle = react.css`
+`,H=z.css`
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   transform: translateY(var(--vef-virtual-list-frame-y, 0)); 
-`;
-function VefVirtualListBase({
-  className,
-  style,
-  items,
-  renderItem,
-  itemClassName,
-  itemStyle,
-  itemSize,
-  autoItemSize = false,
-  gap = 0,
-  lanes = 1,
-  itemKey,
-  ...restProps
-}) {
-  const ListItem = react$1.useMemo(() => react$1.memo(renderItem), [renderItem]);
-  const itemKeyToUse = react$1.useMemo(() => {
-    if (shared.isFunction(itemKey)) {
-      return (index) => itemKey({
-        index,
-        item: items[index]
-      });
-    }
-  }, [itemKey, items]);
-  const itemSizeToUse = react$1.useMemo(() => {
-    if (shared.isFunction(itemSize)) {
-      return (index) => itemSize({
-        index,
-        item: items[index]
-      });
-    }
-    return () => itemSize;
-  }, [itemSize, items]);
-  const normalizedGap = hooks.useNormalizedGapSize(gap);
-  const viewportRef = react$1.useRef(null);
-  const { orientation } = restProps;
-  const virtualizer = reactVirtual.useVirtualizer({
-    horizontal: orientation === "horizontal",
-    count: items.length,
-    getScrollElement: () => viewportRef.current,
-    estimateSize: itemSizeToUse,
-    overscan: 2,
-    getItemKey: itemKeyToUse,
-    gap: normalizedGap,
-    lanes
-  });
-  const virtualItems = virtualizer.getVirtualItems();
-  const baseCrossSize = 100 / lanes;
-  const containerSizeStyle = react$1.useMemo(() => {
-    if (orientation === "horizontal") {
-      return {
-        "--vef-virtual-list-width": `${virtualizer.getTotalSize()}px`,
-        "--vef-virtual-list-height": "100%"
-      };
-    }
-    return {
-      "--vef-virtual-list-height": `${virtualizer.getTotalSize()}px`,
-      "--vef-virtual-list-width": "100%"
-    };
-  }, [orientation, virtualizer.getTotalSize()]);
-  const mergedViewportStyle = react$1.useMemo(() => {
-    if (autoItemSize && orientation !== "horizontal") {
-      return {
-        ...viewportStyle,
-        contain: "strict"
-      };
-    }
-    return viewportStyle;
-  }, [autoItemSize, orientation]);
-  const getVirtualListNode = (height, width) => {
-    if (autoItemSize) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        index.default,
-        {
-          className,
-          height,
-          scrollbarSize: "small",
-          style,
-          viewportRef,
-          viewportStyle: mergedViewportStyle,
-          width,
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: containerStyle, style: containerSizeStyle, children: orientation === "horizontal" ? virtualItems.map(
-            ({
-              index,
-              key,
-              start
-            }) => /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: itemClassName,
-                css: virtualItemStyle,
-                style: {
-                  "--vef-virtual-list-item-top": 0,
-                  "--vef-virtual-list-item-left": 0,
-                  "--vef-virtual-list-item-width": "auto",
-                  "--vef-virtual-list-item-height": "100%",
-                  "--vef-virtual-list-item-x": `${start}px`,
-                  "--vef-virtual-list-item-y": 0
-                },
-                children: react$1.createElement(ListItem, {
-                  index,
-                  item: items[index]
-                })
-              },
-              key
-            )
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              css: frameStyle,
-              style: {
-                "--vef-virtual-list-frame-y": `${virtualItems[0]?.start ?? 0}px`
-              },
-              children: virtualItems.map(
-                ({ index, key }) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    ref: virtualizer.measureElement,
-                    className: itemClassName,
-                    "data-index": index,
-                    style: itemStyle,
-                    children: react$1.createElement(ListItem, {
-                      index,
-                      item: items[index]
-                    })
-                  },
-                  key
-                )
-              )
-            }
-          ) })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      index.default,
-      {
-        className,
-        height,
-        scrollbarSize: "small",
-        style,
-        viewportRef,
-        viewportStyle: mergedViewportStyle,
-        width,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: containerStyle, style: containerSizeStyle, children: virtualItems.map(
-          ({
-            index,
-            key,
-            size,
-            start,
-            lane
-          }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: itemClassName,
-              css: virtualItemStyle,
-              style: orientation === "horizontal" ? {
-                "--vef-virtual-list-item-top": lane === 0 ? 0 : `${lane * baseCrossSize}%`,
-                "--vef-virtual-list-item-left": 0,
-                "--vef-virtual-list-item-width": `${size}px`,
-                "--vef-virtual-list-item-height": `${baseCrossSize}%`,
-                "--vef-virtual-list-item-x": `${start}px`,
-                "--vef-virtual-list-item-y": 0
-              } : {
-                "--vef-virtual-list-item-top": 0,
-                "--vef-virtual-list-item-left": lane === 0 ? 0 : `${lane * baseCrossSize}%`,
-                "--vef-virtual-list-item-width": `${baseCrossSize}%`,
-                "--vef-virtual-list-item-height": `${size}px`,
-                "--vef-virtual-list-item-x": 0,
-                "--vef-virtual-list-item-y": `${start}px`
-              },
-              children: react$1.createElement(ListItem, {
-                index,
-                item: items[index]
-              })
-            },
-            key
-          )
-        ) })
-      }
-    );
-  };
-  if (!restProps.autoSize) {
-    if (restProps.orientation === "horizontal") {
-      return getVirtualListNode("100%", restProps.width);
-    }
-    return getVirtualListNode(restProps.height, "100%");
-  }
-  if (restProps.orientation === "horizontal") {
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { disableHeight: true, children: ({ width }) => getVirtualListNode("100%", width) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { disableWidth: true, children: ({ height }) => getVirtualListNode(height, "100%") });
-}
-const VefVirtualList = react$1.memo(VefVirtualListBase);
-VefVirtualList.displayName = "VefVirtualList";
-
-exports.default = VefVirtualList;
+`;function J({className:w,style:S,items:a,renderItem:$,itemClassName:c,itemStyle:Y,itemSize:o,autoItemSize:x=!1,gap:K=0,lanes:j=1,itemKey:p,...s}){const g=t.useMemo(()=>t.memo($),[$]),P=t.useMemo(()=>{if(V.isFunction(p))return e=>p({index:e,item:a[e]})},[p,a]),_=t.useMemo(()=>V.isFunction(o)?e=>o({index:e,item:a[e]}):()=>o,[o,a]),B=G.useNormalizedGapSize(K),y=t.useRef(null),{orientation:r}=s,v=C.useVirtualizer({horizontal:r==="horizontal",count:a.length,getScrollElement:()=>y.current,estimateSize:_,overscan:2,getItemKey:P,gap:B,lanes:j}),m=v.getVirtualItems(),n=100/j,q=t.useMemo(()=>r==="horizontal"?{"--vef-virtual-list-width":`${v.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${v.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[r,v.getTotalSize()]),N=t.useMemo(()=>x&&r!=="horizontal"?{...k,contain:"strict"}:k,[x,r]),h=(e,M)=>x?i.jsx(R.default,{className:w,height:e,scrollbarSize:"small",style:S,viewportRef:y,viewportStyle:N,width:M,children:i.jsx("div",{css:I,style:q,children:r==="horizontal"?m.map(({index:l,key:u,start:d})=>i.jsx("div",{className:c,css:T,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${d}px`,"--vef-virtual-list-item-y":0},children:t.createElement(g,{index:l,item:a[l]})},u)):i.jsx("div",{css:H,style:{"--vef-virtual-list-frame-y":`${m[0]?.start??0}px`},children:m.map(({index:l,key:u})=>i.jsx("div",{ref:v.measureElement,className:c,"data-index":l,style:Y,children:t.createElement(g,{index:l,item:a[l]})},u))})})}):i.jsx(R.default,{className:w,height:e,scrollbarSize:"small",style:S,viewportRef:y,viewportStyle:N,width:M,children:i.jsx("div",{css:I,style:q,children:m.map(({index:l,key:u,size:d,start:b,lane:f})=>i.jsx("div",{className:c,css:T,style:r==="horizontal"?{"--vef-virtual-list-item-top":f===0?0:`${f*n}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${d}px`,"--vef-virtual-list-item-height":`${n}%`,"--vef-virtual-list-item-x":`${b}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":f===0?0:`${f*n}%`,"--vef-virtual-list-item-width":`${n}%`,"--vef-virtual-list-item-height":`${d}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${b}px`},children:t.createElement(g,{index:l,item:a[l]})},u))})});return s.autoSize?s.orientation==="horizontal"?i.jsx(E.default,{disableHeight:!0,children:({width:e})=>h("100%",e)}):i.jsx(E.default,{disableWidth:!0,children:({height:e})=>h(e,"100%")}):s.orientation==="horizontal"?h("100%",s.width):h(s.height,"100%")}const F=t.memo(J);F.displayName="VefVirtualList",exports.default=F;

package/cjs/vef-virtual-list/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";