@vef-framework/components 1.0.115 → 1.0.117

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

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, 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 */
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, 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 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, 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 */
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, 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 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, 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 */
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, 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 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, 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 */
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, 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 */

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

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../components/columns/index.cjs");function useTableColumns(columns,rowNumberColumn,operationColumn){return react.useMemo(()=>{const columnsToUse=[],dataColumns=columns.map(column=>{const{title,show,sort,fixed,dependentColumnNames,...columnProps}=column,sortToUse=shared.isNumber(sort)?{multiple:sort}:sort??!1?!0:void 0,ColumnComponent=index.columnComponents[column.type];return{key:columnProps.name,dataIndex:columnProps.name,title:title||columnProps.name,fixed,hidden:!(show??!0),sorter:sortToUse,align:columnProps.align,width:columnProps.width,shouldCellUpdate:(record,prevRecord)=>!shared.isDeepEqual(dependentColumnNames.map(name=>record[name]),dependentColumnNames.map(name=>prevRecord[name])),render:(value,record,rowIndex)=>jsxRuntime.jsx(ColumnComponent,{columnProps,record,rowIndex,value})}});return rowNumberColumn&&columnsToUse.push(rowNumberColumn),columnsToUse.push(...dataColumns),operationColumn&&columnsToUse.push(operationColumn),columnsToUse},[columns,rowNumberColumn,operationColumn])}exports.useTableColumns=useTableColumns;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../components/columns/index.cjs");function useTableColumns(columns,rowNumberColumn,operationColumn){return react.useMemo(()=>{const columnsToUse=[],dataColumns=columns.map(column=>{const{title,show,sort,fixed,dependentColumnNames,...columnProps}=column,sortToUse=shared.isNumber(sort)?{multiple:sort}:sort??!1?!0:void 0,ColumnComponent=index.columnComponents[column.type];return{key:columnProps.name,dataIndex:columnProps.name,title:title||columnProps.name,fixed,hidden:!(show??!0),sorter:sortToUse,align:columnProps.align,width:columnProps.width,shouldCellUpdate:(record,prevRecord)=>!shared.isDeepEqual(dependentColumnNames.map(name=>record[name]),dependentColumnNames.map(name=>prevRecord[name])),render:(value,record,rowIndex)=>jsxRuntime.jsx(ColumnComponent,{columnProps,record,rowIndex,value})}});return rowNumberColumn&&columnsToUse.push(rowNumberColumn),columnsToUse.push(...dataColumns),operationColumn&&columnsToUse.push(operationColumn),columnsToUse},[columns,rowNumberColumn,operationColumn])}exports.useTableColumns=useTableColumns;/*! 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-table-context.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{useContextSelector,useContext,ContextProvider:TableContextProvider}=shared.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:shared.noop,columnConfigMapHasChanged:!1}),useTableContextSelector=useContextSelector,useTableContext=useContext;exports.TableContextProvider=TableContextProvider,exports.useTableContext=useTableContext,exports.useTableContextSelector=useTableContextSelector;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{useContextSelector,useContext,ContextProvider:TableContextProvider}=shared.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:shared.noop,columnConfigMapHasChanged:!1}),useTableContextSelector=useContextSelector,useTableContext=useContext;exports.TableContextProvider=TableContextProvider,exports.useTableContext=useTableContext,exports.useTableContextSelector=useTableContextSelector;/*! 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-table-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTableInstance(ref,data,refetch){const tableRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({getData:()=>data,refetch:async()=>{await refetch()}})),tableRef}exports.useTableInstance=useTableInstance;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTableInstance(ref,data,refetch){const tableRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({getData:()=>data,refetch:async()=>{await refetch()}})),tableRef}exports.useTableInstance=useTableInstance;/*! 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-table-summary.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react"),{Summary}=antd.Table,{Row,Cell}=Summary;function useTableSummary(columns){const summaryColumns=react.useMemo(()=>columns.filter(column=>shared.isFunction(column.summary)).map(column=>{const{name,summary,summaryColSpan}=column;return{name,summary,summaryColSpan:summaryColSpan??1}}),[columns]);return react.useMemo(()=>{if(summaryColumns.length!==0)return records=>jsxRuntime.jsx(Summary,{fixed:"bottom",children:jsxRuntime.jsx(Row,{children:summaryColumns.map(({name,summary,summaryColSpan},index)=>jsxRuntime.jsx(Cell,{colSpan:summaryColSpan,index,children:summary(records)},name))})})},[summaryColumns])}exports.useTableSummary=useTableSummary;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react"),{Summary}=antd.Table,{Row,Cell}=Summary;function useTableSummary(columns){const summaryColumns=react.useMemo(()=>columns.filter(column=>shared.isFunction(column.summary)).map(column=>{const{name,summary,summaryColSpan}=column;return{name,summary,summaryColSpan:summaryColSpan??1}}),[columns]);return react.useMemo(()=>{if(summaryColumns.length!==0)return records=>jsxRuntime.jsx(Summary,{fixed:"bottom",children:jsxRuntime.jsx(Row,{children:summaryColumns.map(({name,summary,summaryColSpan},index)=>jsxRuntime.jsx(Cell,{colSpan:summaryColSpan,index,children:summary(records)},name))})})},[summaryColumns])}exports.useTableSummary=useTableSummary;/*! 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-table-width.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),defaultColumnWidth=160,selectionColumnWidth=40;function useTableWidth(columns,selectable){return react.useMemo(()=>{const width=columns.filter(column=>column.hidden!==!0).map(column=>column.width??column.minWidth??defaultColumnWidth).reduce((acc,w)=>acc+w,0);return selectable?width+selectionColumnWidth:width},[columns,selectable])}exports.useTableWidth=useTableWidth;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),defaultColumnWidth=160,selectionColumnWidth=40;function useTableWidth(columns,selectable){return react.useMemo(()=>{const width=columns.filter(column=>column.hidden!==!0).map(column=>column.width??column.minWidth??defaultColumnWidth).reduce((acc,w)=>acc+w,0);return selectable?width+selectionColumnWidth:width},[columns,selectable])}exports.useTableWidth=useTableWidth;/*! 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/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, 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"),antd=require("antd"),react$1=require("react");require("../internal/index.cjs");const tableFooter=require("./components/table-footer.cjs"),useComputedBatchButtons=require("./hooks/use-computed-batch-buttons.cjs"),useComputedColumns=require("./hooks/use-computed-columns.cjs"),useData=require("./hooks/use-data.cjs"),useDefaultColumnConfigs=require("./hooks/use-default-column-configs.cjs"),useHelperColumns=require("./hooks/use-helper-columns.cjs"),usePaginationProps=require("./hooks/use-pagination-props.cjs"),useRowProps=require("./hooks/use-row-props.cjs"),useRowSelectionConfig=require("./hooks/use-row-selection-config.cjs"),useTableColumns=require("./hooks/use-table-columns.cjs"),useTableContext=require("./hooks/use-table-context.cjs"),useTableInstance=require("./hooks/use-table-instance.cjs"),useTableSummary=require("./hooks/use-table-summary.cjs"),useTableWidth=require("./hooks/use-table-width.cjs"),utils=require("../internal/utils.cjs"),DEFAULT_ROW_KEY="id",autoHeightTableStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, 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"),antd=require("antd"),react$1=require("react");require("../internal/index.cjs");const tableFooter=require("./components/table-footer.cjs"),useComputedBatchButtons=require("./hooks/use-computed-batch-buttons.cjs"),useComputedColumns=require("./hooks/use-computed-columns.cjs"),useData=require("./hooks/use-data.cjs"),useDefaultColumnConfigs=require("./hooks/use-default-column-configs.cjs"),useHelperColumns=require("./hooks/use-helper-columns.cjs"),usePaginationProps=require("./hooks/use-pagination-props.cjs"),useRowProps=require("./hooks/use-row-props.cjs"),useRowSelectionConfig=require("./hooks/use-row-selection-config.cjs"),useTableColumns=require("./hooks/use-table-columns.cjs"),useTableContext=require("./hooks/use-table-context.cjs"),useTableInstance=require("./hooks/use-table-instance.cjs"),useTableSummary=require("./hooks/use-table-summary.cjs"),useTableWidth=require("./hooks/use-table-width.cjs"),utils=require("../internal/utils.cjs"),DEFAULT_ROW_KEY="id",autoHeightTableStyle=react.css`
   height: 100%;
 
   > .vef-spin-nested-loading {

package/lib/vef-table/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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/store.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{StoreProvider:TableStoreProvider,useStore:useTableStore,useStoreApi:useTableStoreApi}=shared.createComponentStore("Table",initialState=>set=>({changeSize:size=>set({size}),columnConfigMap:new Map,...initialState}));exports.TableStoreProvider=TableStoreProvider,exports.useTableStore=useTableStore,exports.useTableStoreApi=useTableStoreApi;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{StoreProvider:TableStoreProvider,useStore:useTableStore,useStoreApi:useTableStoreApi}=shared.createComponentStore("Table",initialState=>set=>({changeSize:size=>set({size}),columnConfigMap:new Map,...initialState}));exports.TableStoreProvider=TableStoreProvider,exports.useTableStore=useTableStore,exports.useTableStoreApi=useTableStoreApi;/*! 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/types.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-tabs/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");require("../internal/index.cjs");const utils=require("../internal/utils.cjs"),animatedConfig={inkBar:!0,tabPane:!0};function VefTabs({size,...props}){return jsxRuntime.jsx(antd.Tabs,{animated:animatedConfig,size:utils.convertBasicSizeToUiSize(size),...props})}exports.default=VefTabs;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");require("../internal/index.cjs");const utils=require("../internal/utils.cjs"),animatedConfig={inkBar:!0,tabPane:!0};function VefTabs({size,...props}){return jsxRuntime.jsx(antd.Tabs,{animated:animatedConfig,size:utils.convertBasicSizeToUiSize(size),...props})}exports.default=VefTabs;/*! 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-tabs/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-tag/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react");function VefTag({closable=!1,color,inverse=!1,...restProps}){const colorToUse=react.useMemo(()=>inverse?`${color}-inverse`:color,[color,inverse]);return jsxRuntime.jsx(antd.Tag,{closeIcon:closable?null:void 0,color:colorToUse,...restProps})}exports.default=VefTag;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react");function VefTag({closable=!1,color,inverse=!1,...restProps}){const colorToUse=react.useMemo(()=>inverse?`${color}-inverse`:color,[color,inverse]);return jsxRuntime.jsx(antd.Tag,{closeIcon:closable?null:void 0,color:colorToUse,...restProps})}exports.default=VefTag;/*! 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-tag/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-temporal-picker/helper.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! 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-temporal-picker/hooks/use-dayjs-value.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useDayjsValue(value,formats){return react.useMemo(()=>shared.isNullish(value)?value:shared.isArray(value)?value.map(it=>dayjs(it,formats)):dayjs(value,formats),[value,formats])}exports.useDayjsValue=useDayjsValue;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useDayjsValue(value,formats){return react.useMemo(()=>shared.isNullish(value)?value:shared.isArray(value)?value.map(it=>dayjs(it,formats)):dayjs(value,formats),[value,formats])}exports.useDayjsValue=useDayjsValue;/*! 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-temporal-picker/hooks/use-temporal-limit.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! 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-temporal-picker/hooks/use-temporal-picker-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalPickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalPickerInstance=useTemporalPickerInstance;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalPickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalPickerInstance=useTemporalPickerInstance;/*! 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-temporal-picker/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValue=require("./hooks/use-dayjs-value.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalPickerInstance=require("./hooks/use-temporal-picker-instance.cjs"),utils=require("../internal/utils.cjs");function VefTemporalPickerBase({defaultValue,value,clearable,size,mode="date",multiple=!1,minDate,maxDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValue.useDayjsValue(value,formats),defaultValueToUse=useDayjsValue.useDayjsValue(defaultValue,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalPickerRef=useTemporalPickerInstance.useTemporalPickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormat)=>{if(!value2){onChange(null,null);return}const dates=shared.isArray(value2)?value2.map(it=>it.toDate()):value2.toDate();onChange(valueFormat,dates)}},[onChange]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,multiple,secondStep,showNow:mode!=="hour",size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,multiple,picker:"date",size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,multiple,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalPicker=react.memo(react.forwardRef(VefTemporalPickerBase));VefTemporalPicker.displayName="VefTemporalPicker",exports.default=VefTemporalPicker;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValue=require("./hooks/use-dayjs-value.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalPickerInstance=require("./hooks/use-temporal-picker-instance.cjs"),utils=require("../internal/utils.cjs");function VefTemporalPickerBase({defaultValue,value,clearable,size,mode="date",multiple=!1,minDate,maxDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValue.useDayjsValue(value,formats),defaultValueToUse=useDayjsValue.useDayjsValue(defaultValue,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalPickerRef=useTemporalPickerInstance.useTemporalPickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormat)=>{if(!value2){onChange(null,null);return}const dates=shared.isArray(value2)?value2.map(it=>it.toDate()):value2.toDate();onChange(valueFormat,dates)}},[onChange]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,multiple,secondStep,showNow:mode!=="hour",size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,multiple,picker:"date",size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,multiple,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalPicker=react.memo(react.forwardRef(VefTemporalPickerBase));VefTemporalPicker.displayName="VefTemporalPicker",exports.default=VefTemporalPicker;/*! 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-temporal-picker/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-temporal-range-picker/helper.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! 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-temporal-range-picker/hooks/use-dayjs-values.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react"),props=require("../props.cjs");function useDayjsValues(value,formats){return react.useMemo(()=>{if(shared.isNullish(value))return value;if(shared.isArray(value))return value.map(it=>dayjs(it,formats));const[begin,end]=value.split(props.stringFormatSeparator);return[dayjs(begin,formats),dayjs(end,formats)]},[value,formats])}exports.useDayjsValues=useDayjsValues;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react"),props=require("../props.cjs");function useDayjsValues(value,formats){return react.useMemo(()=>{if(shared.isNullish(value))return value;if(shared.isArray(value))return value.map(it=>dayjs(it,formats));const[begin,end]=value.split(props.stringFormatSeparator);return[dayjs(begin,formats),dayjs(end,formats)]},[value,formats])}exports.useDayjsValues=useDayjsValues;/*! 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-temporal-range-picker/hooks/use-temporal-limit.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! 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-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalRangePickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalRangePickerInstance=useTemporalRangePickerInstance;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalRangePickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalRangePickerInstance=useTemporalRangePickerInstance;/*! 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-temporal-range-picker/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValues=require("./hooks/use-dayjs-values.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalRangePickerInstance=require("./hooks/use-temporal-range-picker-instance.cjs"),props=require("./props.cjs"),utils=require("../internal/utils.cjs");function VefTemporalRangePickerBase({defaultValue,value,clearable,mode="date",size,useStringFormat=!1,maxDate,minDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValues.useDayjsValues(value,formats),defaultValueToUse=useDayjsValues.useDayjsValues(value,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalRangePickerRef=useTemporalRangePickerInstance.useTemporalRangePickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormats)=>{if(!value2){onChange(null,null);return}const dates=[value2[0].toDate(),value2[1].toDate()];onChange(useStringFormat?valueFormats.join(props.stringFormatSeparator):valueFormats,dates)}},[onChange,useStringFormat]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,showTime:!0,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,picker:"date",secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalRangePicker=react.memo(react.forwardRef(VefTemporalRangePickerBase));VefTemporalRangePicker.displayName="VefTemporalRangePicker",exports.default=VefTemporalRangePicker;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValues=require("./hooks/use-dayjs-values.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalRangePickerInstance=require("./hooks/use-temporal-range-picker-instance.cjs"),props=require("./props.cjs"),utils=require("../internal/utils.cjs");function VefTemporalRangePickerBase({defaultValue,value,clearable,mode="date",size,useStringFormat=!1,maxDate,minDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValues.useDayjsValues(value,formats),defaultValueToUse=useDayjsValues.useDayjsValues(value,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalRangePickerRef=useTemporalRangePickerInstance.useTemporalRangePickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormats)=>{if(!value2){onChange(null,null);return}const dates=[value2[0].toDate(),value2[1].toDate()];onChange(useStringFormat?valueFormats.join(props.stringFormatSeparator):valueFormats,dates)}},[onChange,useStringFormat]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,showTime:!0,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,picker:"date",secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalRangePicker=react.memo(react.forwardRef(VefTemporalRangePickerBase));VefTemporalRangePicker.displayName="VefTemporalRangePicker",exports.default=VefTemporalRangePicker;/*! 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-temporal-range-picker/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const stringFormatSeparator="_";exports.stringFormatSeparator=stringFormatSeparator;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const stringFormatSeparator="_";exports.stringFormatSeparator=stringFormatSeparator;/*! 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-text/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react"),{Text}=antd.Typography;function VefText({variant,color,bold,ellipsis,ellipsisTip,ellipsisTipPlacement,copyable,copiedText,onCopy,...restProps}){const ellipsisConfig=react.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children,placement:ellipsisTipPlacement}},[ellipsis,ellipsisTip,ellipsisTipPlacement,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react.useMemo(()=>{const props={};return variant==="shortcut"?props.keyboard=!0:variant==="strikethrough"?props.delete=!0:variant&&(props[variant]=!0),color==="secondary"?props.type="secondary":color&&(props.css={color:colorTokens.get(color)}),bold&&(props.strong=!0),props},[bold,color,colorTokens,variant]),copyConfig=react.useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsxRuntime.jsx(Text,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}exports.default=VefText;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react"),{Text}=antd.Typography;function VefText({variant,color,bold,ellipsis,ellipsisTip,ellipsisTipPlacement,copyable,copiedText,onCopy,...restProps}){const ellipsisConfig=react.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children,placement:ellipsisTipPlacement}},[ellipsis,ellipsisTip,ellipsisTipPlacement,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react.useMemo(()=>{const props={};return variant==="shortcut"?props.keyboard=!0:variant==="strikethrough"?props.delete=!0:variant&&(props[variant]=!0),color==="secondary"?props.type="secondary":color&&(props.css={color:colorTokens.get(color)}),bold&&(props.strong=!0),props},[bold,color,colorTokens,variant]),copyConfig=react.useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsxRuntime.jsx(Text,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}exports.default=VefText;/*! 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-text/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-textarea/hooks/use-textarea-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTextareaInstance(ref){const textareaRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}exports.useTextareaInstance=useTextareaInstance;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTextareaInstance(ref){const textareaRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}exports.useTextareaInstance=useTextareaInstance;/*! 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-textarea/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const useTextareaInstance=require("./hooks/use-textarea-instance.cjs"),utils=require("../internal/utils.cjs"),{TextArea}=antd.Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=react.forwardRef(({defaultValue,value,size,clearable,showCount,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=react.useMemo(()=>({onChange:shared.isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:shared.isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:shared.isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:shared.isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),textareaRef=useTextareaInstance.useTextareaInstance(ref);return jsxRuntime.jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:utils.convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="VefTextarea",exports.default=VefTextarea;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const useTextareaInstance=require("./hooks/use-textarea-instance.cjs"),utils=require("../internal/utils.cjs"),{TextArea}=antd.Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=react.forwardRef(({defaultValue,value,size,clearable,showCount,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=react.useMemo(()=>({onChange:shared.isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:shared.isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:shared.isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:shared.isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),textareaRef=useTextareaInstance.useTextareaInstance(ref);return jsxRuntime.jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:utils.convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="VefTextarea",exports.default=VefTextarea;/*! 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-textarea/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-title/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../vef-divider/index.cjs"),{Title}=antd.Typography,dividerStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../vef-divider/index.cjs"),{Title}=antd.Typography,dividerStyle=react.css`
   margin: ${shared.themeVariables.marginSm} 0 ${shared.themeVariables.marginLg};
 `,leftBarStyle=react.css`
   &::before {

package/lib/vef-title/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-tooltip/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),VefTooltip=react.forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=react.useRef(null);return react.useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsxRuntime.jsx(antd.Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="VefTooltip",exports.default=VefTooltip;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),VefTooltip=react.forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=react.useRef(null);return react.useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsxRuntime.jsx(antd.Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="VefTooltip",exports.default=VefTooltip;/*! 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-tooltip/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-tree-select/hooks/use-change-handler.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useChangeHandler(onChange,options){const optionsMap=react.useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return react.useMemo(()=>{if(shared.isFunction(onChange))return value=>{if(!value){onChange(null,null);return}shared.isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}exports.useChangeHandler=useChangeHandler;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useChangeHandler(onChange,options){const optionsMap=react.useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return react.useMemo(()=>{if(shared.isFunction(onChange))return value=>{if(!value){onChange(null,null);return}shared.isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}exports.useChangeHandler=useChangeHandler;/*! 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-tree-select/hooks/use-data-options.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, 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 useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, 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 useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! 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-tree-select/hooks/use-tree-select-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}exports.useTreeSelectInstance=useTreeSelectInstance;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}exports.useTreeSelectInstance=useTreeSelectInstance;/*! 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-tree-select/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useChangeHandler=require("./hooks/use-change-handler.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useTreeSelectInstance=require("./hooks/use-tree-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})}),treeLineOptions={showLeafIcon:!1};function VefTreeSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,maxCount,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,filterable=!0,filterFromRemote=!1,...restProps},ref){const{normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=hooks.useOptionFilter(filterable,!1),handleChange=useChangeHandler.useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance.useTreeSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.TreeSelect,{ref:treeSelectRef,virtual:!0,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;/*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useChangeHandler=require("./hooks/use-change-handler.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useTreeSelectInstance=require("./hooks/use-tree-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})}),treeLineOptions={showLeafIcon:!1};function VefTreeSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,maxCount,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,filterable=!0,filterFromRemote=!1,...restProps},ref){const{normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=hooks.useOptionFilter(filterable,!1),handleChange=useChangeHandler.useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance.useTreeSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.TreeSelect,{ref:treeSelectRef,virtual:!0,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;/*! 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-tree-select/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-virtual-grid/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
   position: relative;
   width: var(--vef-virtual-grid-width);
   height: var(--vef-virtual-grid-height);

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

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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-virtual-list/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
   position: relative;
   width: var(--vef-virtual-list-width, auto);
   height: var(--vef-virtual-list-height, auto);

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

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.115, build time: 2025-03-10T07:10:41.877Z, made by Venus. *//*! 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.117, build time: 2025-03-10T09:45:18.272Z, made by Venus. *//*! 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/components",
   "type": "module",
-  "version": "1.0.115",
+  "version": "1.0.117",
   "private": false,
   "packageManager": "pnpm@9.15.0",
   "description": "Components fundamental to the VEF framework",
@@ -48,6 +48,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@handsontable/react-wrapper": "^15.1.0",
     "@lezer/common": "^1.2.3",
+    "@microlink/react-json-view": "^1.26.1",
     "@monaco-editor/react": "^4.7.0",
     "@patternfly/react-topology": "^6.1.0",
     "@radix-ui/react-scroll-area": "1.2.3",
@@ -56,9 +57,9 @@
     "@uiw/codemirror-extensions-langs": "^4.23.10",
     "@uiw/codemirror-theme-material": "^4.23.10",
     "@uiw/react-codemirror": "^4.23.10",
-    "@vef-framework/core": "1.0.115",
-    "@vef-framework/hooks": "1.0.115",
-    "@vef-framework/shared": "1.0.115",
+    "@vef-framework/core": "1.0.117",
+    "@vef-framework/hooks": "1.0.117",
+    "@vef-framework/shared": "1.0.117",
     "@xyflow/react": "^12.4.4",
     "clsx": "2.1.1",
     "codemirror-json-schema": "^0.8.0",

package/types/index.d.ts

@@ -24,6 +24,7 @@ export { default as VefConfigProvider, type VefConfigProviderProps } from "./vef
 export { default as VefContainer, type VefContainerProps } from "./vef-container";
 export { default as VefCrudPage, type BatchActionButtonContext as CrudBatchActionButtonContext, type CrudContext, type CrudItem, type CrudSchema, type VefCrudPageProps } from "./vef-crud-page";
 export { default as VefDataTable, type VefDataTableProps } from "./vef-data-table";
+export { default as VefDivider, type VefDividerProps } from "./vef-divider";
 export { default as VefDrawer, VefDrawerActionButtonWrapper, type VefDrawerActionButtonWrapperProps, type VefDrawerProps } from "./vef-drawer";
 export { default as VefDropdown, type VefDropdownProps } from "./vef-dropdown";
 export { default as VefDynamicIcon, type DynamicIconName, type VefDynamicIconProps } from "./vef-dynamic-icon";
@@ -45,6 +46,7 @@ export { default as VefIconSelect, type VefIconSelectProps } from "./vef-icon-se
 export { default as VefInput, type VefInputInstance, type VefInputProps } from "./vef-input";
 export { default as VefInputNumber, type VefInputNumberInstance, type VefInputNumberProps } from "./vef-input-number";
 export { default as VefIntellisenseCodeEditor, type LanguageName as IntellisenseCodeEditorLanguageName, type VefIntellisenseCodeEditorProps } from "./vef-intellisense-code-editor";
+export { default as VefJsonViewer, type VefJsonViewerProps } from "./vef-json-viewer";
 export { default as VefLayout, type VefLayoutProps } from "./vef-layout";
 export { default as VefLineChart, type VefLineChartProps } from "./vef-line-chart";
 export { default as VefLoadingPlaceholder, type VefLoadingPlaceholderProps } from "./vef-loading-placeholder";

package/types/vef-json-viewer/index.d.ts

@@ -0,0 +1,4 @@
+import type { VefJsonViewerProps } from "./props";
+declare function VefJsonViewer({ data, sortKeys, escapeStrings, collapsed, collapseStringsAfterLength, groupArraysAfterLength, }: VefJsonViewerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { VefJsonViewerProps };
+export default VefJsonViewer;

package/types/vef-json-viewer/props.d.ts

@@ -0,0 +1,34 @@
+/**
+ * The props of the `VefJsonViewer` component.
+ */
+export interface VefJsonViewerProps {
+    /**
+     * The data to be displayed in the JSON viewer.
+     */
+    data: object;
+    /**
+     * Whether to sort the keys of the JSON object.
+     * @default false
+     */
+    sortKeys?: boolean;
+    /**
+     * When set to true, strings sequences such as \n, \t, \r, \f will be escaped.
+     * @default false
+     */
+    escapeStrings?: boolean;
+    /**
+     * When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth.
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * When an integer value is assigned, strings will be cut off at that length. Collapsed strings are followed by an ellipsis. String content can be expanded and collapsed by clicking on the string value.
+     * @default 200
+     */
+    collapseStringsAfterLength?: false | number;
+    /**
+     * When an integer value is assigned, arrays will be displayed in groups by count of the value. Groups are displayed with bracket notation and can be expanded and collapsed by clicking on the brackets.
+     * @default 100
+     */
+    groupArraysAfterLength?: number;
+}