@vef-framework/components 1.0.101 → 1.0.102

package/lib/vef-table/hooks/use-computed-columns.cjs

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useComputedColumns(columns, columnConfigMap) {
-  return react.useMemo(() => columns.map(
-    (column) => {
-      const { name } = column;
-      const config = columnConfigMap.get(name);
-      return {
-        ...column,
-        show: config.show,
-        fixed: config.fixed
-      };
-    }
-  ).sort(
-    (one, another) => columnConfigMap.get(one.name).order - columnConfigMap.get(another.name).order
-  ), [columns, columnConfigMap]);
-}
-
-exports.useComputedColumns = useComputedColumns;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useComputedColumns(columns,columnConfigMap){return react.useMemo(()=>columns.map(column=>{const{name}=column,config=columnConfigMap.get(name);return{...column,show:config.show,fixed:config.fixed}}).sort((one,another)=>columnConfigMap.get(one.name).order-columnConfigMap.get(another.name).order),[columns,columnConfigMap])}exports.useComputedColumns=useComputedColumns;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-computed-values.cjs

@@ -1,43 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const helper = require('../helper.cjs');
-
-function useComputedValues(values, value, record, rowIndex, returnAsObject = false) {
-  const computedValues = hooks.useDeepMemo(
-    () => values.reduce((acc, it) => {
-      const {
-        key,
-        rawValue,
-        defaultValue
-      } = it;
-      const computedValue = helper.computeValue(rawValue, value, record, rowIndex, defaultValue);
-      acc[key] = computedValue;
-      return acc;
-    }, {}),
-    [
-      record,
-      rowIndex,
-      value,
-      values
-    ]
-  );
-  if (returnAsObject) {
-    return values.reduce(
-      (acc, { key }) => {
-        acc[key] = computedValues[key];
-        return acc;
-      },
-      {}
-    );
-  }
-  return values.map(
-    ({ key }) => computedValues[key]
-  );
-}
-
-exports.useComputedValues = useComputedValues;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),helper=require("../helper.cjs");function useComputedValues(values,value,record,rowIndex,returnAsObject=!1){const computedValues=hooks.useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=helper.computeValue(rawValue,value,record,rowIndex,defaultValue);return acc[key]=computedValue,acc},{}),[record,rowIndex,value,values]);return returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}exports.useComputedValues=useComputedValues;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-data.cjs

@@ -1,62 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-function useData({ apiParams, ...queryConfig }, paginated, paginationParams) {
-  const lastApiParamsRef = react.useRef();
-  const {
-    data,
-    isLoading,
-    isFetching,
-    isSuccess,
-    refetch
-  } = hooks.useDataQuery({
-    apiParams: paginated ? {
-      ...paginationParams,
-      page: shared.isShallowEqual(lastApiParamsRef.current, apiParams) ? paginationParams.page : 1,
-      ...apiParams
-    } : apiParams,
-    keepPreviousData: true,
-    staleTime: 0,
-    ...queryConfig
-  });
-  lastApiParamsRef.current = apiParams;
-  if (isSuccess) {
-    if (paginated) {
-      if (!Object.hasOwn(data, "total") || !Object.hasOwn(data, "items")) {
-        throw new Error(
-          "The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data."
-        );
-      }
-      if (!shared.isNumber(data.total)) {
-        throw new Error(
-          "The `total` property of the paginated data of VefTable is invalid. It must be a number."
-        );
-      }
-      if (!shared.isArray(data.items)) {
-        throw new Error(
-          "The `items` property of the paginated data of VefTable is invalid. It must be an array."
-        );
-      }
-    } else {
-      if (!shared.isArray(data)) {
-        throw new Error("The data of VefTable is invalid. It must be an array.");
-      }
-    }
-  }
-  return {
-    data: paginated ? data?.items : data,
-    isFetching,
-    isLoading,
-    total: paginated ? data?.total : void 0,
-    refetch
-  };
-}
-
-exports.useData = useData;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useData({apiParams,...queryConfig},paginated,paginationParams){const lastApiParamsRef=react.useRef(),{data,isLoading,isFetching,isSuccess,refetch}=hooks.useDataQuery({apiParams:paginated?{...paginationParams,page:shared.isShallowEqual(lastApiParamsRef.current,apiParams)?paginationParams.page:1,...apiParams}:apiParams,keepPreviousData:!0,staleTime:0,...queryConfig});if(lastApiParamsRef.current=apiParams,isSuccess){if(paginated){if(!Object.hasOwn(data,"total")||!Object.hasOwn(data,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!shared.isNumber(data.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!shared.isArray(data.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!shared.isArray(data))throw new Error("The data of VefTable is invalid. It must be an array.")}return{data:paginated?data?.items:data,isFetching,isLoading,total:paginated?data?.total:void 0,refetch}}exports.useData=useData;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-default-column-configs.cjs

@@ -1,32 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useDefaultColumnConfigs(columns) {
-  return react.useMemo(() => {
-    const columnConfigs = /* @__PURE__ */ new Map();
-    let currentOrder = 1;
-    for (const column of columns) {
-      const {
-        name,
-        title,
-        fixed,
-        configurable
-      } = column;
-      columnConfigs.set(name, {
-        title: title ?? name,
-        show: true,
-        fixed,
-        order: currentOrder++,
-        configurable: configurable ?? true
-      });
-    }
-    return columnConfigs;
-  }, [columns]);
-}
-
-exports.useDefaultColumnConfigs = useDefaultColumnConfigs;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useDefaultColumnConfigs(columns){return react.useMemo(()=>{const columnConfigs=new Map;let currentOrder=1;for(const column of columns){const{name,title,fixed,configurable}=column;columnConfigs.set(name,{title:title??name,show:!0,fixed,order:currentOrder++,configurable:configurable??!0})}return columnConfigs},[columns])}exports.useDefaultColumnConfigs=useDefaultColumnConfigs;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-display-value.cjs

@@ -1,41 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-function useDisplayValue(value, record, rowIndex, config) {
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix
-  } = config;
-  const valueToUse = shared.isNullish(value) ? defaultValue : value;
-  return react.useMemo(() => {
-    if (shared.isFunction(formatter)) {
-      return formatter(value, record, rowIndex);
-    }
-    if (shared.isExpression(formatter)) {
-      const fn = shared.compileDynamicFn(formatter, "value", "record", "rowIndex", `return ${formatter.expression}`);
-      return fn(value, record, rowIndex);
-    }
-    if (shared.isNullish(valueToUse)) {
-      return;
-    }
-    return `${prefix ?? ""}${valueToUse}${suffix ?? ""}`;
-  }, [
-    formatter,
-    valueToUse,
-    prefix,
-    suffix,
-    value,
-    record,
-    rowIndex
-  ]);
-}
-
-exports.useDisplayValue = useDisplayValue;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useDisplayValue(value,record,rowIndex,config){const{defaultValue,formatter,prefix,suffix}=config,valueToUse=shared.isNullish(value)?defaultValue:value;return react.useMemo(()=>{if(shared.isFunction(formatter))return formatter(value,record,rowIndex);if(shared.isExpression(formatter))return shared.compileDynamicFn(formatter,"value","record","rowIndex",`return ${formatter.expression}`)(value,record,rowIndex);if(!shared.isNullish(valueToUse))return`${prefix??""}${valueToUse}${suffix??""}`},[formatter,valueToUse,prefix,suffix,value,record,rowIndex])}exports.useDisplayValue=useDisplayValue;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-helper-columns.cjs

@@ -1,72 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const columnsSettings = require('../components/columns-settings.cjs');
-const operationButtons = require('../components/operation-buttons.cjs');
-const settingsIcon = require('../components/settings-icon.cjs');
-const useOperationColumnWidth = require('./use-operation-column-width.cjs');
-
-const DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS = 3;
-function useHelperColumns({
-  showRowNumber,
-  operationButtons: operationButtons$1,
-  maxVisibleOperationButtons,
-  size
-}) {
-  const rowNumberColumn = react.useMemo(() => {
-    if (showRowNumber) {
-      return {
-        key: "_rowNumber",
-        title: "#",
-        align: "center",
-        fixed: "left",
-        // rowScope: "row",
-        width: 48,
-        shouldCellUpdate: () => false,
-        render: (_, __, rowIndex) => rowIndex + 1
-      };
-    }
-  }, [showRowNumber]);
-  const authorizedOperationButtons = hooks.useAuthorizedItems(operationButtons$1 ?? []);
-  const operationColumnWidth = useOperationColumnWidth.useOperationColumnWidth(
-    authorizedOperationButtons,
-    maxVisibleOperationButtons ?? DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,
-    size
-  );
-  const operationColumn = react.useMemo(() => {
-    if (authorizedOperationButtons && authorizedOperationButtons.length > 0) {
-      return {
-        key: "_operationButtons",
-        title: "操作",
-        align: "center",
-        fixed: "right",
-        filterIcon: () => /* @__PURE__ */ jsxRuntime.jsx(settingsIcon.default, {}),
-        filterDropdown: () => /* @__PURE__ */ jsxRuntime.jsx(columnsSettings.default, {}),
-        width: operationColumnWidth,
-        shouldCellUpdate: (record, prevRecord) => !shared.isDeepEqual(record, prevRecord),
-        render: (_, record, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-          operationButtons.default,
-          {
-            maxVisibleOperationButtons: maxVisibleOperationButtons ?? DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,
-            operationButtons: authorizedOperationButtons,
-            record,
-            rowIndex
-          }
-        )
-      };
-    }
-  }, [authorizedOperationButtons, maxVisibleOperationButtons, operationColumnWidth]);
-  return {
-    rowNumberColumn,
-    operationColumn
-  };
-}
-
-exports.useHelperColumns = useHelperColumns;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react"),columnsSettings=require("../components/columns-settings.cjs"),operationButtons=require("../components/operation-buttons.cjs"),settingsIcon=require("../components/settings-icon.cjs"),useOperationColumnWidth=require("./use-operation-column-width.cjs"),DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS=3;function useHelperColumns({showRowNumber,operationButtons:operationButtons$1,maxVisibleOperationButtons,size}){const rowNumberColumn=react.useMemo(()=>{if(showRowNumber)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(_,__,rowIndex)=>rowIndex+1}},[showRowNumber]),authorizedOperationButtons=hooks.useAuthorizedItems(operationButtons$1??[]),operationColumnWidth=useOperationColumnWidth.useOperationColumnWidth(authorizedOperationButtons,maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,size),operationColumn=react.useMemo(()=>{if(authorizedOperationButtons&&authorizedOperationButtons.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>jsxRuntime.jsx(settingsIcon.default,{}),filterDropdown:()=>jsxRuntime.jsx(columnsSettings.default,{}),width:operationColumnWidth,shouldCellUpdate:(record,prevRecord)=>!shared.isDeepEqual(record,prevRecord),render:(_,record,rowIndex)=>jsxRuntime.jsx(operationButtons.default,{maxVisibleOperationButtons:maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,operationButtons:authorizedOperationButtons,record,rowIndex})}},[authorizedOperationButtons,maxVisibleOperationButtons,operationColumnWidth]);return{rowNumberColumn,operationColumn}}exports.useHelperColumns=useHelperColumns;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-operation-column-width.cjs

@@ -1,55 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-function useOperationColumnWidth(operationButtons, maxVisibleOperationButtons, size = "medium") {
-  const { Button: buttonThemeTokens } = hooks.useThemeTokens();
-  const cellInlinePadding = size === "large" ? 16 : 8;
-  const fontSize = buttonThemeTokens?.contentFontSizeSM ?? 16;
-  return react.useMemo(() => {
-    if (operationButtons.length === 0) {
-      return 0;
-    }
-    const showMoreButton = operationButtons.length > maxVisibleOperationButtons;
-    if (showMoreButton) {
-      const longestButtons = /* @__PURE__ */ new Set();
-      for (let i = 0; i < maxVisibleOperationButtons; i++) {
-        const longestButton = shared.max(operationButtons, (button) => {
-          if (longestButtons.has(button)) {
-            return 0;
-          }
-          return button.label.length;
-        });
-        if (longestButton) {
-          longestButtons.add(longestButton);
-        }
-      }
-      return calculateButtonsWidth(Array.from(longestButtons), fontSize, cellInlinePadding, true);
-    }
-    return calculateButtonsWidth(operationButtons, fontSize, cellInlinePadding, false);
-  }, [
-    cellInlinePadding,
-    fontSize,
-    maxVisibleOperationButtons,
-    operationButtons
-  ]);
-}
-function calculateButtonsWidth(operationButtons, fontSize, cellInlinePadding, includeMoreButtonWidth) {
-  const fontWidth = fontSize + 4;
-  const buttonInlinePadding = 4 * 2;
-  return operationButtons.map((button) => {
-    const baseWidth = button.label.length * fontWidth + buttonInlinePadding;
-    if (button.icon) {
-      return baseWidth + fontWidth + 8;
-    }
-    return baseWidth;
-  }).reduce((acc, width) => acc + width, 0) + (includeMoreButtonWidth ? fontWidth + buttonInlinePadding : 0) + cellInlinePadding * 2;
-}
-
-exports.useOperationColumnWidth = useOperationColumnWidth;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useOperationColumnWidth(operationButtons,maxVisibleOperationButtons,size="medium"){const{Button:buttonThemeTokens}=hooks.useThemeTokens(),cellInlinePadding=size==="large"?16:8,fontSize=buttonThemeTokens?.contentFontSizeSM??16;return react.useMemo(()=>{if(operationButtons.length===0)return 0;if(operationButtons.length>maxVisibleOperationButtons){const longestButtons=new Set;for(let i=0;i<maxVisibleOperationButtons;i++){const longestButton=shared.max(operationButtons,button=>longestButtons.has(button)?0:button.label.length);longestButton&&longestButtons.add(longestButton)}return calculateButtonsWidth(Array.from(longestButtons),fontSize,cellInlinePadding,!0)}return calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,!1)},[cellInlinePadding,fontSize,maxVisibleOperationButtons,operationButtons])}function calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,includeMoreButtonWidth){const fontWidth=fontSize+4,buttonInlinePadding=4*2;return operationButtons.map(button=>{const baseWidth=button.label.length*fontWidth+buttonInlinePadding;return button.icon?baseWidth+fontWidth+8:baseWidth}).reduce((acc,width)=>acc+width,0)+(includeMoreButtonWidth?fontWidth+buttonInlinePadding:0)+cellInlinePadding*2}exports.useOperationColumnWidth=useOperationColumnWidth;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-pagination-props.cjs

@@ -1,49 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-const props = require('../../vef-pagination/props.cjs');
-
-function usePaginationProps(paginated, size) {
-  const [paginationParams, setPaginationParams] = react.useState({
-    page: 1,
-    size: props.defaultPageSizeOptions[2]
-  });
-  const handlePaginationChange = react.useMemo(() => {
-    if (!paginated) {
-      return;
-    }
-    return (pageNumber, pageSize) => {
-      setPaginationParams({
-        page: pageNumber,
-        size: pageSize
-      });
-    };
-  }, [paginated, setPaginationParams]);
-  const paginationProps = react.useMemo(() => {
-    if (!paginated) {
-      return;
-    }
-    return {
-      pageNumber: paginationParams.page,
-      pageSize: paginationParams.size,
-      size: size === "small" ? "small" : "medium",
-      onChange: handlePaginationChange
-    };
-  }, [
-    handlePaginationChange,
-    paginated,
-    paginationParams.page,
-    paginationParams.size,
-    size
-  ]);
-  return {
-    paginationProps,
-    paginationParams
-  };
-}
-
-exports.usePaginationProps = usePaginationProps;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),props=require("../../vef-pagination/props.cjs");function usePaginationProps(paginated,size){const[paginationParams,setPaginationParams]=react.useState({page:1,size:props.defaultPageSizeOptions[2]}),handlePaginationChange=react.useMemo(()=>{if(paginated)return(pageNumber,pageSize)=>{setPaginationParams({page:pageNumber,size:pageSize})}},[paginated,setPaginationParams]);return{paginationProps:react.useMemo(()=>{if(paginated)return{pageNumber:paginationParams.page,pageSize:paginationParams.size,size:size==="small"?"small":"medium",onChange:handlePaginationChange}},[handlePaginationChange,paginated,paginationParams.page,paginationParams.size,size]),paginationParams}}exports.usePaginationProps=usePaginationProps;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-row-props.cjs

@@ -1,44 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useRowProps({
-  enableRowClick = false,
-  enableRowClickForSelection = false,
-  onRowClick,
-  disabledSelection,
-  handleRowClickSelection
-}) {
-  return react.useMemo(() => {
-    if (!enableRowClick) {
-      return;
-    }
-    return (record, index) => {
-      const disabled = disabledSelection?.(record) ?? false;
-      return {
-        style: {
-          cursor: disabled ? "not-allowed" : "pointer"
-          // backgroundColor: index! % 2 === 0 ? "#fcfcfc" : undefined,
-        },
-        onClick: disabled ? void 0 : () => {
-          if (!enableRowClickForSelection) {
-            onRowClick?.(record, index ?? -1);
-          }
-          handleRowClickSelection?.(record);
-        }
-      };
-    };
-  }, [
-    disabledSelection,
-    enableRowClick,
-    enableRowClickForSelection,
-    handleRowClickSelection,
-    onRowClick
-  ]);
-}
-
-exports.useRowProps = useRowProps;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useRowProps({enableRowClick=!1,enableRowClickForSelection=!1,onRowClick,disabledSelection,handleRowClickSelection}){return react.useMemo(()=>{if(enableRowClick)return(record,index)=>{const disabled=disabledSelection?.(record)??!1;return{style:{cursor:disabled?"not-allowed":"pointer"},onClick:disabled?void 0:()=>{enableRowClickForSelection||onRowClick?.(record,index??-1),handleRowClickSelection?.(record)}}}},[disabledSelection,enableRowClick,enableRowClickForSelection,handleRowClickSelection,onRowClick])}exports.useRowProps=useRowProps;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-row-selection-config.cjs

@@ -1,117 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const useSelectedRows = require('./use-selected-rows.cjs');
-
-function useRowSelectionConfig({
-  rowKey,
-  selectedKeys,
-  defaultSelectedKeys,
-  selectable,
-  enableRowClick,
-  enableRowClickForSelection,
-  multipleSelection = true,
-  showSelectAllCheckbox = true,
-  disabledSelection,
-  onRowSelect,
-  onRowDeselect,
-  onRowSelectionChange
-}) {
-  const {
-    selectedKeys: selectedKeysToUse,
-    selectedRecords,
-    onChange
-  } = useSelectedRows.useSelectedRows({
-    selectedKeys,
-    defaultSelectedKeys,
-    onRowSelectionChange
-  });
-  const handleRowClickSelection = react.useMemo(() => {
-    if (!enableRowClick || !enableRowClickForSelection) {
-      return;
-    }
-    return (record) => {
-      const key = shared.isFunction(rowKey) ? rowKey(record) : record[rowKey];
-      if (selectedKeysToUse.includes(key)) {
-        if (!multipleSelection) {
-          return;
-        }
-        const newValue = selectedKeysToUse.filter((it) => it !== key);
-        const newSelectedRows = selectedRecords.current.filter((it) => (shared.isFunction(rowKey) ? rowKey(it) : it[rowKey]) !== key);
-        onChange(newValue, newSelectedRows);
-        onRowDeselect?.(key, record);
-      } else {
-        const newValue = [key];
-        if (multipleSelection) {
-          newValue.push(...selectedKeysToUse);
-        }
-        const newSelectedRows = [record];
-        if (multipleSelection) {
-          newSelectedRows.push(...selectedRecords.current);
-        }
-        onChange(newValue, newSelectedRows);
-        onRowSelect?.(key, record);
-      }
-    };
-  }, [
-    enableRowClick,
-    enableRowClickForSelection,
-    multipleSelection,
-    onChange,
-    onRowDeselect,
-    onRowSelect,
-    rowKey,
-    selectedKeysToUse,
-    selectedRecords
-  ]);
-  const rowSelectionConfig = react.useMemo(() => {
-    if (!selectable) {
-      return;
-    }
-    const config = {
-      fixed: true,
-      hideSelectAll: !showSelectAllCheckbox,
-      preserveSelectedRowKeys: false,
-      selectedRowKeys: selectedKeysToUse,
-      type: multipleSelection ? "checkbox" : "radio",
-      getCheckboxProps: shared.isFunction(disabledSelection) ? (record) => ({
-        disabled: disabledSelection(record)
-      }) : void 0,
-      onChange: (selectedRowKeys, selectedRows) => {
-        onChange(selectedRowKeys, selectedRows);
-      },
-      onSelect: shared.isFunction(onRowSelect) || shared.isFunction(onRowDeselect) ? (record, selected) => {
-        const key = shared.isFunction(rowKey) ? rowKey(record) : record[rowKey];
-        if (selected) {
-          onRowSelect?.(key, record);
-        } else {
-          onRowDeselect?.(key, record);
-        }
-      } : void 0
-    };
-    return config;
-  }, [
-    selectable,
-    showSelectAllCheckbox,
-    selectedKeysToUse,
-    multipleSelection,
-    disabledSelection,
-    onRowSelect,
-    onRowDeselect,
-    onChange,
-    rowKey
-  ]);
-  return {
-    rowSelectionConfig,
-    handleRowClickSelection,
-    selectedKeys: selectedKeysToUse,
-    selectedRecords
-  };
-}
-
-exports.useRowSelectionConfig = useRowSelectionConfig;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react"),useSelectedRows=require("./use-selected-rows.cjs");function useRowSelectionConfig({rowKey,selectedKeys,defaultSelectedKeys,selectable,enableRowClick,enableRowClickForSelection,multipleSelection=!0,showSelectAllCheckbox=!0,disabledSelection,onRowSelect,onRowDeselect,onRowSelectionChange}){const{selectedKeys:selectedKeysToUse,selectedRecords,onChange}=useSelectedRows.useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}),handleRowClickSelection=react.useMemo(()=>{if(!(!enableRowClick||!enableRowClickForSelection))return record=>{const key=shared.isFunction(rowKey)?rowKey(record):record[rowKey];if(selectedKeysToUse.includes(key)){if(!multipleSelection)return;const newValue=selectedKeysToUse.filter(it=>it!==key),newSelectedRows=selectedRecords.current.filter(it=>(shared.isFunction(rowKey)?rowKey(it):it[rowKey])!==key);onChange(newValue,newSelectedRows),onRowDeselect?.(key,record)}else{const newValue=[key];multipleSelection&&newValue.push(...selectedKeysToUse);const newSelectedRows=[record];multipleSelection&&newSelectedRows.push(...selectedRecords.current),onChange(newValue,newSelectedRows),onRowSelect?.(key,record)}}},[enableRowClick,enableRowClickForSelection,multipleSelection,onChange,onRowDeselect,onRowSelect,rowKey,selectedKeysToUse,selectedRecords]);return{rowSelectionConfig:react.useMemo(()=>selectable?{fixed:!0,hideSelectAll:!showSelectAllCheckbox,preserveSelectedRowKeys:!1,selectedRowKeys:selectedKeysToUse,type:multipleSelection?"checkbox":"radio",getCheckboxProps:shared.isFunction(disabledSelection)?record=>({disabled:disabledSelection(record)}):void 0,onChange:(selectedRowKeys,selectedRows)=>{onChange(selectedRowKeys,selectedRows)},onSelect:shared.isFunction(onRowSelect)||shared.isFunction(onRowDeselect)?(record,selected)=>{const key=shared.isFunction(rowKey)?rowKey(record):record[rowKey];selected?onRowSelect?.(key,record):onRowDeselect?.(key,record)}:void 0}:void 0,[selectable,showSelectAllCheckbox,selectedKeysToUse,multipleSelection,disabledSelection,onRowSelect,onRowDeselect,onChange,rowKey]),handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}}exports.useRowSelectionConfig=useRowSelectionConfig;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-selected-rows.cjs

@@ -1,31 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useSelectedRows({
-  selectedKeys,
-  defaultSelectedKeys,
-  onRowSelectionChange
-}) {
-  const [internalSelectedKeys, setInternalSelectedKeys] = react.useState(defaultSelectedKeys ?? []);
-  const selectedKeysToUse = selectedKeys ?? internalSelectedKeys;
-  const selectedRecords = react.useRef([]);
-  const onChange = react.useCallback((keys, records) => {
-    if (!selectedKeys) {
-      setInternalSelectedKeys(keys);
-    }
-    selectedRecords.current = records;
-    onRowSelectionChange?.(keys, records);
-  }, [onRowSelectionChange, selectedKeys]);
-  return {
-    selectedKeys: selectedKeysToUse,
-    selectedRecords,
-    onChange
-  };
-}
-
-exports.useSelectedRows = useSelectedRows;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}){const[internalSelectedKeys,setInternalSelectedKeys]=react.useState(defaultSelectedKeys??[]),selectedKeysToUse=selectedKeys??internalSelectedKeys,selectedRecords=react.useRef([]),onChange=react.useCallback((keys,records)=>{selectedKeys||setInternalSelectedKeys(keys),selectedRecords.current=records,onRowSelectionChange?.(keys,records)},[onRowSelectionChange,selectedKeys]);return{selectedKeys:selectedKeysToUse,selectedRecords,onChange}}exports.useSelectedRows=useSelectedRows;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */