@vef-framework/components 1.0.101 → 1.0.102

package/lib/vef-table/components/columns-settings.cjs

@@ -1,22 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-const index = require('../../vef-bool/index.cjs');
-const index$2 = require('../../vef-button/index.cjs');
-const index$3 = require('../../vef-divider/index.cjs');
-const index$4 = require('../../vef-sortable-list/index.cjs');
-const index$1 = require('../../vef-text/index.cjs');
-const useTableContext = require('../hooks/use-table-context.cjs');
-
-const columnsSettingsPanelStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../../vef-bool/index.cjs"),index$2=require("../../vef-button/index.cjs"),index$3=require("../../vef-divider/index.cjs"),index$4=require("../../vef-sortable-list/index.cjs"),index$1=require("../../vef-text/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),columnsSettingsPanelStyle=react.css`
   width: 300px;
   padding: ${shared.themeVariables.paddingSm};
 
@@ -67,176 +49,4 @@ const columnsSettingsPanelStyle = react.css`
       }
     }
   }
-`;
-function VefColumnsSettingsBase() {
-  const {
-    defaultColumnConfigMap,
-    columnConfigMap,
-    setColumnConfigMap
-  } = useTableContext.useTableContextSelector((ctx) => {
-    const {
-      defaultColumnConfigMap: defaultColumnConfigMap2,
-      columnConfigMap: columnConfigMap2,
-      setColumnConfigMap: setColumnConfigMap2
-    } = ctx;
-    return {
-      defaultColumnConfigMap: defaultColumnConfigMap2,
-      columnConfigMap: columnConfigMap2,
-      setColumnConfigMap: setColumnConfigMap2
-    };
-  });
-  const columnOptions = react$1.useMemo(() => [...columnConfigMap.entries()].sort(([_, one], [__, another]) => one.order - another.order).map(([name, column]) => {
-    const {
-      title,
-      configurable,
-      ...rest
-    } = column;
-    return {
-      value: name,
-      label: title,
-      disabled: !configurable,
-      ...rest
-    };
-  }), [columnConfigMap]);
-  const setColumnOptions = react$1.useCallback((newColumnOptions) => {
-    const newColumnConfigMap = newColumnOptions.reduce(
-      (map, option, index) => {
-        const {
-          value,
-          label,
-          disabled,
-          order,
-          ...rest
-        } = option;
-        const columnConfig = {
-          title: label,
-          configurable: !disabled,
-          order: index + 1,
-          ...rest
-        };
-        map.set(value, columnConfig);
-        return map;
-      },
-      /* @__PURE__ */ new Map()
-    );
-    setColumnConfigMap(newColumnConfigMap);
-  }, [setColumnConfigMap]);
-  const showedColumns = react$1.useMemo(() => columnOptions.filter((it) => it.show).map((it) => it.value), [columnOptions]);
-  const allCheckStatus = react$1.useMemo(() => {
-    const showedLength = showedColumns.length;
-    const totalLength = columnOptions.length;
-    return showedLength === totalLength ? "checked" : showedLength > 0 ? "indeterminate" : "unchecked";
-  }, [showedColumns.length, columnOptions.length]);
-  const handleShowedColumnsChange = react$1.useCallback((value) => {
-    const names = new Set(value);
-    const newColumnOptions = columnOptions.map((option) => ({
-      ...option,
-      show: names.has(option.value)
-    }));
-    setColumnOptions(newColumnOptions);
-  }, [columnOptions, setColumnOptions]);
-  const handleColumnFixedChange = react$1.useCallback((name, fixed) => {
-    const newColumnOptions = columnOptions.map((option) => ({
-      ...option,
-      fixed: option.value === name ? fixed : option.fixed
-    }));
-    setColumnOptions(newColumnOptions);
-  }, [columnOptions, setColumnOptions]);
-  const handleColumnOrderChange = react$1.useCallback((newColumnOptions) => {
-    setColumnOptions(newColumnOptions);
-  }, [setColumnOptions]);
-  const handleResetColumnConfig = react$1.useCallback(() => {
-    setColumnConfigMap(new Map(defaultColumnConfigMap));
-  }, [defaultColumnConfigMap, setColumnConfigMap]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: columnsSettingsPanelStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vef-table-columns-settings-panel-header", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        index.default,
-        {
-          indeterminate: allCheckStatus === "indeterminate",
-          label: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: true, children: "列显示" }),
-          value: allCheckStatus === "checked",
-          variant: "checkbox",
-          onChange: (value) => {
-            handleShowedColumnsChange(value ? columnOptions.map((it) => it.value) : []);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { color: "primary", variant: "text", onClick: handleResetColumnConfig, children: "重置" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$3.default, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox.Group, { className: "vef-table-columns-settings-panel-body", value: showedColumns, onChange: handleShowedColumnsChange, children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$4.default,
-      {
-        useHandle: true,
-        className: "vef-table-columns-settings-panel-columns",
-        handleClassName: "vef-table-columns-settings-panel-column-drag-icon",
-        itemClassName: "vef-table-columns-settings-panel-column",
-        itemKey: "value",
-        items: columnOptions,
-        useOverlay: false,
-        renderItem: ({
-          value,
-          label,
-          disabled,
-          fixed,
-          show
-        }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            antd.Checkbox,
-            {
-              disabled,
-              value,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vef-table-columns-settings-panel-column-fixed-icon", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              index$2.default,
-              {
-                color: fixed === "left" ? "primary" : "default",
-                disabled: disabled || !show,
-                icon: fixed === "left" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.RollbackOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.VerticalRightOutlined, {}),
-                size: "small",
-                tip: fixed === "left" ? "取消左侧固定" : "固定到左侧",
-                variant: "link",
-                onClick: () => {
-                  if (fixed === "left") {
-                    handleColumnFixedChange(value);
-                  } else {
-                    handleColumnFixedChange(value, "left");
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { orientation: "vertical" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              index$2.default,
-              {
-                color: fixed === "right" ? "primary" : "default",
-                disabled: disabled || !show,
-                icon: fixed === "right" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.RollbackOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.VerticalLeftOutlined, {}),
-                size: "small",
-                tip: fixed === "right" ? "取消右侧固定" : "固定到右侧",
-                variant: "link",
-                onClick: () => {
-                  if (fixed === "right") {
-                    handleColumnFixedChange(value);
-                  } else {
-                    handleColumnFixedChange(value, "right");
-                  }
-                }
-              }
-            )
-          ] })
-        ] }),
-        onChange: handleColumnOrderChange
-      }
-    ) })
-  ] });
-}
-const VefColumnsSettings = react$1.memo(VefColumnsSettingsBase, () => false);
-VefColumnsSettings.displayName = "VefColumnsSettings";
-
-exports.default = VefColumnsSettings;
-/*! 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 */
+`;function VefColumnsSettingsBase(){const{defaultColumnConfigMap,columnConfigMap,setColumnConfigMap}=useTableContext.useTableContextSelector(ctx=>{const{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}=ctx;return{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}}),columnOptions=react$1.useMemo(()=>[...columnConfigMap.entries()].sort(([_,one],[__,another])=>one.order-another.order).map(([name,column])=>{const{title,configurable,...rest}=column;return{value:name,label:title,disabled:!configurable,...rest}}),[columnConfigMap]),setColumnOptions=react$1.useCallback(newColumnOptions=>{const newColumnConfigMap=newColumnOptions.reduce((map,option,index2)=>{const{value,label,disabled,order,...rest}=option,columnConfig={title:label,configurable:!disabled,order:index2+1,...rest};return map.set(value,columnConfig),map},new Map);setColumnConfigMap(newColumnConfigMap)},[setColumnConfigMap]),showedColumns=react$1.useMemo(()=>columnOptions.filter(it=>it.show).map(it=>it.value),[columnOptions]),allCheckStatus=react$1.useMemo(()=>{const showedLength=showedColumns.length,totalLength=columnOptions.length;return showedLength===totalLength?"checked":showedLength>0?"indeterminate":"unchecked"},[showedColumns.length,columnOptions.length]),handleShowedColumnsChange=react$1.useCallback(value=>{const names=new Set(value),newColumnOptions=columnOptions.map(option=>({...option,show:names.has(option.value)}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnFixedChange=react$1.useCallback((name,fixed)=>{const newColumnOptions=columnOptions.map(option=>({...option,fixed:option.value===name?fixed:option.fixed}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnOrderChange=react$1.useCallback(newColumnOptions=>{setColumnOptions(newColumnOptions)},[setColumnOptions]),handleResetColumnConfig=react$1.useCallback(()=>{setColumnConfigMap(new Map(defaultColumnConfigMap))},[defaultColumnConfigMap,setColumnConfigMap]);return jsxRuntime.jsxs("div",{css:columnsSettingsPanelStyle,children:[jsxRuntime.jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[jsxRuntime.jsx(index.default,{indeterminate:allCheckStatus==="indeterminate",label:jsxRuntime.jsx(index$1.default,{bold:!0,children:"列显示"}),value:allCheckStatus==="checked",variant:"checkbox",onChange:value=>{handleShowedColumnsChange(value?columnOptions.map(it=>it.value):[])}}),jsxRuntime.jsx(index$2.default,{color:"primary",variant:"text",onClick:handleResetColumnConfig,children:"重置"})]}),jsxRuntime.jsx(index$3.default,{}),jsxRuntime.jsx(antd.Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:showedColumns,onChange:handleShowedColumnsChange,children:jsxRuntime.jsx(index$4.default,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:columnOptions,useOverlay:!1,renderItem:({value,label,disabled,fixed,show})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(antd.Checkbox,{disabled,value,children:label}),jsxRuntime.jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[jsxRuntime.jsx(index$2.default,{color:fixed==="left"?"primary":"default",disabled:disabled||!show,icon:fixed==="left"?jsxRuntime.jsx(Icon.RollbackOutlined,{}):jsxRuntime.jsx(Icon.VerticalRightOutlined,{}),size:"small",tip:fixed==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{fixed==="left"?handleColumnFixedChange(value):handleColumnFixedChange(value,"left")}}),jsxRuntime.jsx(index$3.default,{orientation:"vertical"}),jsxRuntime.jsx(index$2.default,{color:fixed==="right"?"primary":"default",disabled:disabled||!show,icon:fixed==="right"?jsxRuntime.jsx(Icon.RollbackOutlined,{}):jsxRuntime.jsx(Icon.VerticalLeftOutlined,{}),size:"small",tip:fixed==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{fixed==="right"?handleColumnFixedChange(value):handleColumnFixedChange(value,"right")}})]})]}),onChange:handleColumnOrderChange})})]})}const VefColumnsSettings=react$1.memo(VefColumnsSettingsBase,()=>!1);VefColumnsSettings.displayName="VefColumnsSettings",exports.default=VefColumnsSettings;/*! 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/components/operation-buttons.cjs

@@ -1,21 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const react = require('@emotion/react');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index$1 = require('../../vef-button/index.cjs');
-const index$2 = require('../../vef-dropdown/index.cjs');
-const index = require('../../vef-flex/index.cjs');
-const index$3 = require('../../vef-popconfirm/index.cjs');
-const useTableContext = require('../hooks/use-table-context.cjs');
-
-const operationButtonStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../../vef-button/index.cjs"),index$2=require("../../vef-dropdown/index.cjs"),index=require("../../vef-flex/index.cjs"),index$3=require("../../vef-popconfirm/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),operationButtonStyle=react.css`
   .vef-btn-sm {
     --vef-control-height-sm: 24px;
     --vef-button-padding-inline-sm: 4px;
@@ -24,220 +7,4 @@ const operationButtonStyle = react.css`
       padding-inline: 2px;
     }
   }
-`;
-function VefOperationButtons({
-  record,
-  rowIndex,
-  operationButtons,
-  maxVisibleOperationButtons
-}) {
-  const {
-    externalContext,
-    refetch,
-    isFetching,
-    selectedKeys,
-    selectedRecords
-  } = useTableContext.useTableContextSelector(
-    (ctx) => {
-      const {
-        externalContext: externalContext2,
-        refetch: refetch2,
-        isFetching: isFetching2,
-        selectedKeys: selectedKeys2,
-        selectedRecords: selectedRecords2
-      } = ctx;
-      return {
-        externalContext: externalContext2,
-        refetch: refetch2,
-        isFetching: isFetching2,
-        selectedKeys: selectedKeys2,
-        selectedRecords: selectedRecords2
-      };
-    }
-  );
-  const buttonContext = react$1.useMemo(() => ({
-    record,
-    rowIndex,
-    refetch,
-    isFetching,
-    selectedKeys,
-    selectedRecords,
-    ...externalContext ?? {}
-  }), [
-    externalContext,
-    isFetching,
-    record,
-    refetch,
-    rowIndex,
-    selectedKeys,
-    selectedRecords
-  ]);
-  const computedButtons = hooks.useComputedActionButtons(operationButtons, buttonContext);
-  const [moreButtonLoading, setMoreButtonLoading] = react$1.useState(false);
-  const hiddenButtons = react$1.useMemo(() => {
-    if (computedButtons.length > maxVisibleOperationButtons) {
-      return computedButtons.slice(maxVisibleOperationButtons).map((button) => {
-        const {
-          key,
-          label,
-          icon,
-          disabled
-        } = button;
-        return {
-          type: "item",
-          key,
-          label,
-          icon,
-          disabled
-        };
-      });
-    }
-    return [];
-  }, [computedButtons, maxVisibleOperationButtons]);
-  const [moreButtonConfirmationOpen, setMoreButtonConfirmationOpen] = react$1.useState(false);
-  const [currentMoreButtonConfirmationInfo, setCurrentMoreButtonConfirmationInfo] = react$1.useState(null);
-  const handleMoreButtonConfirmationCancel = react$1.useCallback(() => {
-    setMoreButtonConfirmationOpen(false);
-    setCurrentMoreButtonConfirmationInfo(null);
-  }, []);
-  const handleMoreButtonClick = react$1.useMemo(() => {
-    if (hiddenButtons.length === 0) {
-      return;
-    }
-    return async (key) => {
-      const {
-        requireConfirmation,
-        confirmationMode,
-        confirmationTitle,
-        confirmationContent,
-        onClick
-      } = computedButtons.find((item) => item.key === key);
-      const okHandler = async () => {
-        try {
-          await shared.invokeMaybeAsyncFn(
-            onClick,
-            {
-              beforeInvoke: () => {
-                setMoreButtonLoading(true);
-              },
-              onFinally: () => {
-                setMoreButtonLoading(false);
-              }
-            },
-            buttonContext
-          );
-        } finally {
-          handleMoreButtonConfirmationCancel();
-        }
-      };
-      if (requireConfirmation) {
-        if (confirmationMode === "simple") {
-          setCurrentMoreButtonConfirmationInfo({
-            title: confirmationTitle,
-            content: confirmationContent,
-            okHandler
-          });
-          setMoreButtonConfirmationOpen(true);
-        } else {
-          shared.showConfirmation(
-            confirmationTitle,
-            confirmationContent,
-            okHandler,
-            {
-              onCancel: () => {
-                setCurrentMoreButtonConfirmationInfo(null);
-              }
-            }
-          );
-        }
-      } else {
-        await okHandler();
-      }
-    };
-  }, [computedButtons, buttonContext, handleMoreButtonConfirmationCancel, hiddenButtons.length]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { align: "center", css: operationButtonStyle, gap: "small", justify: "center", children: [
-    computedButtons.slice(0, maxVisibleOperationButtons).map((button) => {
-      const {
-        key,
-        label,
-        icon,
-        color,
-        disabled,
-        requireConfirmation,
-        confirmationMode,
-        confirmationTitle,
-        confirmationContent,
-        onClick
-      } = button;
-      if (requireConfirmation) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          index$1.default,
-          {
-            requireConfirmation: true,
-            color,
-            confirmationContent,
-            confirmationMode,
-            confirmationTitle,
-            disabled: disabled || moreButtonLoading,
-            icon,
-            size: "small",
-            variant: "filled",
-            onConfirmationOk: () => onClick(buttonContext),
-            children: label
-          },
-          key
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.default,
-        {
-          color,
-          disabled: disabled || moreButtonLoading,
-          icon,
-          size: "small",
-          variant: "filled",
-          onClick: (event) => {
-            event.stopPropagation();
-            return onClick(buttonContext);
-          },
-          children: label
-        },
-        key
-      );
-    }),
-    computedButtons.length > maxVisibleOperationButtons && /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        disabled: moreButtonLoading,
-        items: hiddenButtons,
-        onClick: handleMoreButtonClick,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          index$3.default,
-          {
-            content: currentMoreButtonConfirmationInfo?.content,
-            disabled: moreButtonLoading,
-            opened: moreButtonConfirmationOpen,
-            title: currentMoreButtonConfirmationInfo?.title,
-            onCancel: handleMoreButtonConfirmationCancel,
-            onOk: currentMoreButtonConfirmationInfo?.okHandler,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              index$1.default,
-              {
-                color: "primary",
-                disabled: moreButtonLoading,
-                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.MoreOutlined, {}),
-                loading: moreButtonLoading,
-                size: "small",
-                variant: "filled",
-                onClick: (event) => event.stopPropagation()
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}
-
-exports.default = VefOperationButtons;
-/*! 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 */
+`;function VefOperationButtons({record,rowIndex,operationButtons,maxVisibleOperationButtons}){const{externalContext,refetch,isFetching,selectedKeys,selectedRecords}=useTableContext.useTableContextSelector(ctx=>{const{externalContext:externalContext2,refetch:refetch2,isFetching:isFetching2,selectedKeys:selectedKeys2,selectedRecords:selectedRecords2}=ctx;return{externalContext:externalContext2,refetch:refetch2,isFetching:isFetching2,selectedKeys:selectedKeys2,selectedRecords:selectedRecords2}}),buttonContext=react$1.useMemo(()=>({record,rowIndex,refetch,isFetching,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,record,refetch,rowIndex,selectedKeys,selectedRecords]),computedButtons=hooks.useComputedActionButtons(operationButtons,buttonContext),[moreButtonLoading,setMoreButtonLoading]=react$1.useState(!1),hiddenButtons=react$1.useMemo(()=>computedButtons.length>maxVisibleOperationButtons?computedButtons.slice(maxVisibleOperationButtons).map(button=>{const{key,label,icon,disabled}=button;return{type:"item",key,label,icon,disabled}}):[],[computedButtons,maxVisibleOperationButtons]),[moreButtonConfirmationOpen,setMoreButtonConfirmationOpen]=react$1.useState(!1),[currentMoreButtonConfirmationInfo,setCurrentMoreButtonConfirmationInfo]=react$1.useState(null),handleMoreButtonConfirmationCancel=react$1.useCallback(()=>{setMoreButtonConfirmationOpen(!1),setCurrentMoreButtonConfirmationInfo(null)},[]),handleMoreButtonClick=react$1.useMemo(()=>{if(hiddenButtons.length!==0)return async key=>{const{requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=computedButtons.find(item=>item.key===key),okHandler=async()=>{try{await shared.invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setMoreButtonLoading(!0)},onFinally:()=>{setMoreButtonLoading(!1)}},buttonContext)}finally{handleMoreButtonConfirmationCancel()}};requireConfirmation?confirmationMode==="simple"?(setCurrentMoreButtonConfirmationInfo({title:confirmationTitle,content:confirmationContent,okHandler}),setMoreButtonConfirmationOpen(!0)):shared.showConfirmation(confirmationTitle,confirmationContent,okHandler,{onCancel:()=>{setCurrentMoreButtonConfirmationInfo(null)}}):await okHandler()}},[computedButtons,buttonContext,handleMoreButtonConfirmationCancel,hiddenButtons.length]);return jsxRuntime.jsxs(index.default,{align:"center",css:operationButtonStyle,gap:"small",justify:"center",children:[computedButtons.slice(0,maxVisibleOperationButtons).map(button=>{const{key,label,icon,color,disabled,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button;return requireConfirmation?jsxRuntime.jsx(index$1.default,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onConfirmationOk:()=>onClick(buttonContext),children:label},key):jsxRuntime.jsx(index$1.default,{color,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onClick:event=>(event.stopPropagation(),onClick(buttonContext)),children:label},key)}),computedButtons.length>maxVisibleOperationButtons&&jsxRuntime.jsx(index$2.default,{disabled:moreButtonLoading,items:hiddenButtons,onClick:handleMoreButtonClick,children:jsxRuntime.jsx(index$3.default,{content:currentMoreButtonConfirmationInfo?.content,disabled:moreButtonLoading,opened:moreButtonConfirmationOpen,title:currentMoreButtonConfirmationInfo?.title,onCancel:handleMoreButtonConfirmationCancel,onOk:currentMoreButtonConfirmationInfo?.okHandler,children:jsxRuntime.jsx(index$1.default,{color:"primary",disabled:moreButtonLoading,icon:jsxRuntime.jsx(Icon.MoreOutlined,{}),loading:moreButtonLoading,size:"small",variant:"filled",onClick:event=>event.stopPropagation()})})})]})}exports.default=VefOperationButtons;/*! 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/components/settings-icon.cjs

@@ -1,24 +1,3 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const lucideReact = require('lucide-react');
-const react$1 = require('react');
-const index = require('../../vef-icon/index.cjs');
-const useTableContext = require('../hooks/use-table-context.cjs');
-
-const primaryColorStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),lucideReact=require("lucide-react"),react$1=require("react"),index=require("../../vef-icon/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),primaryColorStyle=react.css`
   color: ${shared.themeVariables.colorPrimary};
-`;
-function VefSettingsIconBase() {
-  const columnConfigMapHasChanged = useTableContext.useTableContextSelector((ctx) => ctx.columnConfigMapHasChanged);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { css: columnConfigMapHasChanged ? primaryColorStyle : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SettingsIcon, {}) });
-}
-const VefSettingsIcon = react$1.memo(VefSettingsIconBase, () => false);
-
-exports.default = VefSettingsIcon;
-/*! 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 */
+`;function VefSettingsIconBase(){const columnConfigMapHasChanged=useTableContext.useTableContextSelector(ctx=>ctx.columnConfigMapHasChanged);return jsxRuntime.jsx(index.default,{css:columnConfigMapHasChanged?primaryColorStyle:void 0,children:jsxRuntime.jsx(lucideReact.SettingsIcon,{})})}const VefSettingsIcon=react$1.memo(VefSettingsIconBase,()=>!1);exports.default=VefSettingsIcon;/*! 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/components/table-footer.cjs

@@ -1,18 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index$1 = require('../../vef-button/index.cjs');
-const index$2 = require('../../vef-pagination/index.cjs');
-const index = require('../../vef-text/index.cjs');
-const useTableContext = require('../hooks/use-table-context.cjs');
-
-const footerStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../../vef-button/index.cjs"),index$2=require("../../vef-pagination/index.cjs"),index=require("../../vef-text/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),footerStyle=react.css`
   width: 100%;
   display: flex;
   align-items: center;
@@ -28,94 +14,4 @@ const footerStyle = react.css`
   > .vef-pagination {
     flex: none;
   }
-`;
-function VefTableFooterBase({
-  selectionSummary,
-  size,
-  paginationProps,
-  batchActionButtons,
-  batchActionButtonContext
-}) {
-  const selectedRecords = useTableContext.useTableContextSelector((ctx) => ctx.selectedRecords);
-  const selectionSummaryNode = react$1.useMemo(() => {
-    if (selectionSummary === false) {
-      return;
-    }
-    if (selectionSummary) {
-      return selectionSummary(selectedRecords);
-    }
-    if (selectedRecords.length > 0) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { color: "secondary", children: [
-        "已选择",
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsx(index.default, { bold: true, color: "blue", children: selectedRecords.length }),
-        " ",
-        "项"
-      ] });
-    }
-  }, [selectionSummary, selectedRecords]);
-  const batchButtonsNode = react$1.useMemo(() => batchActionButtons.map((button) => {
-    const {
-      key,
-      label,
-      icon,
-      disabled,
-      color,
-      requireConfirmation,
-      confirmationMode,
-      confirmationTitle,
-      confirmationContent,
-      onClick
-    } = button;
-    const wrappedOnClick = async () => {
-      await shared.invokeMaybeAsyncFn(
-        onClick,
-        {},
-        batchActionButtonContext
-      );
-    };
-    if (requireConfirmation) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.default,
-        {
-          requireConfirmation: true,
-          color,
-          confirmationContent,
-          confirmationMode,
-          confirmationTitle,
-          disabled,
-          icon,
-          onConfirmationOk: wrappedOnClick,
-          children: label
-        },
-        key
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.default,
-      {
-        color,
-        disabled,
-        icon,
-        onClick: wrappedOnClick,
-        children: label
-      },
-      key
-    );
-  }), [batchActionButtons, batchActionButtonContext]);
-  const style = react$1.useMemo(() => ({
-    "--vef-table-footer-gap": `var(--vef-table-cell-padding-block${size === "small" ? "-sm" : size === "medium" ? "-md" : ""})`
-  }), [size]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: footerStyle, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      selectionSummaryNode,
-      batchButtonsNode
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { ...paginationProps })
-  ] });
-}
-const VefTableFooter = react$1.memo(VefTableFooterBase);
-VefTableFooter.displayName = "VefTableFooter";
-
-exports.default = VefTableFooter;
-/*! 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 */
+`;function VefTableFooterBase({selectionSummary,size,paginationProps,batchActionButtons,batchActionButtonContext}){const selectedRecords=useTableContext.useTableContextSelector(ctx=>ctx.selectedRecords),selectionSummaryNode=react$1.useMemo(()=>{if(selectionSummary!==!1){if(selectionSummary)return selectionSummary(selectedRecords);if(selectedRecords.length>0)return jsxRuntime.jsxs(index.default,{color:"secondary",children:["已选择"," ",jsxRuntime.jsx(index.default,{bold:!0,color:"blue",children:selectedRecords.length})," ","项"]})}},[selectionSummary,selectedRecords]),batchButtonsNode=react$1.useMemo(()=>batchActionButtons.map(button=>{const{key,label,icon,disabled,color,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button,wrappedOnClick=async()=>{await shared.invokeMaybeAsyncFn(onClick,{},batchActionButtonContext)};return requireConfirmation?jsxRuntime.jsx(index$1.default,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled,icon,onConfirmationOk:wrappedOnClick,children:label},key):jsxRuntime.jsx(index$1.default,{color,disabled,icon,onClick:wrappedOnClick,children:label},key)}),[batchActionButtons,batchActionButtonContext]),style=react$1.useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${size==="small"?"-sm":size==="medium"?"-md":""})`}),[size]);return jsxRuntime.jsxs("div",{css:footerStyle,style,children:[jsxRuntime.jsxs("div",{children:[selectionSummaryNode,batchButtonsNode]}),jsxRuntime.jsx(index$2.default,{...paginationProps})]})}const VefTableFooter=react$1.memo(VefTableFooterBase);VefTableFooter.displayName="VefTableFooter",exports.default=VefTableFooter;/*! 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/helper.cjs

@@ -1,20 +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');
-
-function computeValue(rawValue, value, record, rowIndex, defaultValue) {
-  if (shared.isFunction(rawValue)) {
-    return rawValue(value, record, rowIndex);
-  }
-  if (shared.isExpression(rawValue)) {
-    const fn = shared.compileDynamicFn(rawValue, "value", "record", "rowIndex", `return ${rawValue.expression}`);
-    return fn(value, record, rowIndex);
-  }
-  return rawValue ?? defaultValue;
-}
-
-exports.computeValue = computeValue;
-/*! 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");function computeValue(rawValue,value,record,rowIndex,defaultValue){return shared.isFunction(rawValue)?rawValue(value,record,rowIndex):shared.isExpression(rawValue)?shared.compileDynamicFn(rawValue,"value","record","rowIndex",`return ${rawValue.expression}`)(value,record,rowIndex):rawValue??defaultValue}exports.computeValue=computeValue;/*! 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-batch-buttons.cjs

@@ -1,38 +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 react = require('react');
-
-function useComputedBatchActionButtons(batchActionButtons, tableContext) {
-  const {
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords
-  } = tableContext;
-  const batchActionButtonContext = react.useMemo(() => ({
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords,
-    ...externalContext ?? {}
-  }), [
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords
-  ]);
-  const computedBatchActionButtons = hooks.useComputedActionButtons(batchActionButtons, batchActionButtonContext);
-  return {
-    computedBatchActionButtons,
-    batchActionButtonContext
-  };
-}
-
-exports.useComputedBatchActionButtons = useComputedBatchActionButtons;
-/*! 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"),react=require("react");function useComputedBatchActionButtons(batchActionButtons,tableContext){const{externalContext,isFetching,refetch,selectedKeys,selectedRecords}=tableContext,batchActionButtonContext=react.useMemo(()=>({isFetching,refetch,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,refetch,selectedKeys,selectedRecords]);return{computedBatchActionButtons:hooks.useComputedActionButtons(batchActionButtons,batchActionButtonContext),batchActionButtonContext}}exports.useComputedBatchActionButtons=useComputedBatchActionButtons;/*! 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 */